:root{--green:#153e32;--mint:#e9f0e9;--cream:#f8f5ed;--orange:#e8753f;--ink:#17211c;--line:#d9ddd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{padding:9px;text-align:center;background:var(--green);color:#fff;font-size:13px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:1px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;font:700 24px 'Playfair Display'}.brand small{display:block;font-size:10px;letter-spacing:4px;color:#64736b}.brand div{font-size:14px}nav{display:flex;gap:28px;font-weight:600;font-size:14px}main{min-height:65vh}.notice{max-width:1100px;margin:18px auto 0;padding:13px 18px;background:#dff3e7;border-left:4px solid #27845d}.notice.error{background:#fee7e4;border-color:#b53b2d}.hero{min-height:520px;display:grid;grid-template-columns:1.12fr .88fr;background:var(--cream)}.hero>div:first-child{padding:90px max(6vw,30px)}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:var(--orange)}h1,h2{font-family:'Playfair Display',serif;line-height:1.04;margin:14px 0}.hero h1{font-size:clamp(44px,5vw,76px);max-width:720px}.hero p{font-size:18px;line-height:1.7;max-width:620px;color:#5a655f;margin-bottom:32px}.button{display:inline-block;border:0;border-radius:2px;padding:15px 24px;background:var(--orange);color:#fff;font:700 14px 'DM Sans';cursor:pointer}.button.secondary{background:var(--green)}.hero-art{position:relative;overflow:hidden;display:grid;place-items:center;background:var(--mint);font:700 clamp(48px,6vw,94px)/.85 'Playfair Display';color:var(--green)}.hero-art span{position:relative;z-index:2}.sun{position:absolute;width:340px;height:340px;border-radius:50%;background:#f2b949;right:-50px;top:30px}.category-strip{display:flex;gap:34px;justify-content:center;overflow:auto;padding:22px;background:var(--green);color:#fff;font-size:13px;font-weight:700}.section{max-width:1220px;margin:auto;padding:80px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-head h1,.section-head h2{font-size:42px}.section-head form{display:flex}.section-head input{width:250px}.section-head button,form button{border:0;padding:11px 16px;cursor:pointer}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{border:1px solid var(--line);background:#fff}.product-image{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);color:var(--green)}.product-image span{font:700 76px 'Playfair Display'}.product-image small{letter-spacing:2px}.product-body{padding:20px}.product-body>small{color:#7a857e}.product h3{font-size:17px;margin:8px 0}.product p{min-height:44px;color:#65716a;font-size:13px;line-height:1.5}.buy{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.buy button{width:38px;height:38px;border-radius:50%;background:var(--green);color:white;font-size:24px;padding:0}.narrow{max-width:900px;margin:auto;padding:70px 24px}.narrow>h1{font-size:52px}.cart-row{display:grid;grid-template-columns:1fr auto 150px;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.cart-row small{display:block;color:#68736d}.cart-row input{width:70px;padding:10px}.cart-row>strong{text-align:right}.total{display:flex;justify-content:space-between;font-size:24px;padding:28px 0}.checkout{float:right}.empty,.success-page{text-align:center;padding:60px 20px}.checkout-grid{max-width:1100px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1fr 420px;gap:70px}.checkout-grid h1{font-size:52px}.form-card{display:grid;gap:17px;padding:28px;background:var(--cream);border:1px solid var(--line)}label{font-size:13px;font-weight:700}input,select,textarea{width:100%;padding:12px;margin-top:6px;border:1px solid #cdd3ce;background:white;font:inherit}textarea{min-height:90px}.summary{height:max-content;padding:28px;background:var(--green);color:#fff}.summary p{display:flex;justify-content:space-between;gap:18px}.summary p span{max-width:65%}.grand{font-size:19px}.muted{font-size:12px;color:#69756e}.success-page{padding:100px 20px}.success-page h1{font-size:50px}.check{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 auto 24px;background:var(--green);color:#fff;font-size:34px}.login-wrap{display:grid;place-items:center;padding:80px 20px;background:var(--cream)}.login{width:min(460px,100%);background:white}.inline{display:flex;align-items:center;gap:8px}.inline input{width:auto;margin:0}.inline-form{display:inline}.admin{max-width:1200px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.stats>div{padding:24px;background:var(--green);color:#fff}.stats small,.stats strong{display:block}.stats strong{font:700 28px 'Playfair Display';margin-top:10px}.panel{margin-top:24px;padding:24px;border:1px solid var(--line);background:#fff;overflow:auto}.panel summary{font-weight:700;cursor:pointer;margin-bottom:20px}.product-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wide{grid-column:span 2}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}th{font-size:11px;letter-spacing:1px;color:#6a756f}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:var(--mint);text-transform:capitalize;font-size:12px}footer{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:50px max(5vw,24px);background:#102f27;color:#fff}footer p{color:#aebdb6;font-size:14px}@media(max-width:850px){header{height:auto;padding:18px 20px;align-items:flex-start}.brand div{display:none}nav{gap:14px;font-size:12px}.hero{grid-template-columns:1fr}.hero-art{min-height:300px}.products{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.checkout-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr auto}.cart-row>strong{grid-column:2}.stats{grid-template-columns:repeat(2,1fr)}.product-form{grid-template-columns:1fr}.wide{grid-column:auto}footer{grid-template-columns:1fr}}@media(max-width:520px){.products{grid-template-columns:1fr}.hero>div:first-child{padding:60px 24px}.hero h1{font-size:43px}.cart-row{grid-template-columns:1fr}.cart-row>strong{grid-column:1;text-align:left}.stats{grid-template-columns:1fr}}
footer .developer-credit{display:flex;flex-direction:column;gap:4px}footer .developer-credit small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.5px}footer .developer-credit strong{font-size:13px}footer .developer-credit a{color:inherit;font-size:12px;text-decoration:none}footer .developer-credit a:hover{text-decoration:underline}
