@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--green:#0a5b3b;--deep:#063c29;--lime:#d9f26f;--cream:#f5f6ef;--ink:#17221c;--muted:#68736d;--line:#dfe4dc;--white:#fff;--orange:#ef6b32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--deep);font-weight:700}.brand i{color:var(--orange)}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--lime);font-size:12px}.delivery-pill{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.delivery-pill strong{font-size:14px;color:var(--ink)}button,input,textarea{font:inherit}.cart-button{border:0;background:var(--deep);color:#fff;border-radius:999px;padding:11px 14px 11px 19px;display:flex;gap:12px;align-items:center;font-weight:700;cursor:pointer}.cart-button b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--deep);font-size:12px}.shop-hero{min-height:340px;margin:24px clamp(18px,5vw,70px) 0;border-radius:18px;overflow:hidden;position:relative;background:var(--deep);color:white;display:flex;align-items:center}.shop-hero>div{position:relative;z-index:2;padding:45px clamp(24px,5vw,70px);width:58%}.shop-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:16px 0}.shop-hero p{color:#d6e3dc;line-height:1.6}.shop-hero img{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 32%)}.open-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 0 5px rgba(217,242,111,.14)}.shopping{padding:36px clamp(18px,5vw,70px) 90px}.search-row{display:flex;gap:12px;margin-bottom:30px}.search{flex:1;height:56px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 18px}.search span{font-size:24px}.search input{border:0;outline:0;width:100%;font-size:16px;background:transparent}.search-row>button{display:none}.shop-layout{display:grid;grid-template-columns:220px 1fr;gap:42px}.categories h2{font-size:16px;margin:0 0 15px}.categories>button{width:100%;text-align:left;border:0;background:none;padding:11px 12px;border-radius:8px;color:#4f5d55;cursor:pointer}.categories>button:hover,.categories>button.active{background:#dfead8;color:var(--deep);font-weight:700}.store-card{margin-top:30px;padding:18px;border-radius:12px;background:var(--deep);color:#fff;display:flex;flex-direction:column;gap:7px}.store-card span{font-size:13px;color:#c7d8cf}.store-card a{color:var(--lime);font-weight:700;margin-top:5px}.catalogue-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--green)}h2{margin:4px 0 0;font-size:32px;letter-spacing:-.035em}.catalogue-head>span{color:var(--muted);font-size:14px}.demo-note{background:#fff6dc;border:1px solid #f0dca0;border-radius:9px;padding:12px 14px;color:#745818;font-size:13px;margin-bottom:22px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(22,52,38,.09)}.product-visual{height:150px;background:linear-gradient(145deg,#edf1e8,#dde8d6);display:grid;place-items:center;position:relative}.product-visual strong{font-size:42px;color:var(--green)}.sample-tag{position:absolute;top:10px;left:10px;background:#fff;padding:5px 7px;border-radius:5px;font-size:10px;font-weight:700;color:var(--muted)}.product-body{padding:15px;display:flex;flex-direction:column;flex:1}.product-category{font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:.08em}.product h3{font-size:16px;margin:8px 0 4px;line-height:1.3}.product-size{font-size:13px;color:var(--muted)}.product-buy{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px}.product-price{font-weight:700;font-size:18px}.add-button{border:0;background:var(--green);color:#fff;border-radius:8px;padding:9px 13px;font-weight:700;cursor:pointer}.add-button:hover{background:var(--deep)}.empty{text-align:center;padding:70px 20px;display:flex;flex-direction:column;gap:7px}.empty span{color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(5,25,17,.48);z-index:30}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,100%);background:#fff;z-index:40;transform:translateX(102%);transition:.28s ease;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.18)}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:27px}.drawer-head button,.checkout-close{border:0;background:#edf1eb;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.cart-items{padding:10px 24px;overflow:auto}.cart-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-row h3{font-size:15px;margin:0 0 5px}.cart-row small{color:var(--muted)}.cart-row-price{text-align:right;font-weight:700}.qty{display:flex;align-items:center;gap:10px;margin-top:12px}.qty button{border:1px solid var(--line);background:white;width:30px;height:30px;border-radius:7px;cursor:pointer}.remove{border:0!important;color:#9a4531;background:none!important;width:auto!important}.cart-empty{margin:auto;text-align:center;padding:30px}.cart-empty>span{font-size:42px}.cart-empty p{color:var(--muted)}.cart-summary{border-top:1px solid var(--line);padding:20px 24px 26px;margin-top:auto}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:12px}.cart-summary p{font-size:12px;color:var(--muted);line-height:1.5}.cart-summary button,.place-order{width:100%;border:0;border-radius:9px;background:var(--green);color:#fff;padding:15px;font-weight:700;font-size:16px;cursor:pointer}.checkout{position:fixed;inset:0;background:rgba(5,25,17,.62);z-index:50;padding:28px;overflow:auto}.checkout-card{width:min(720px,100%);margin:auto;background:#fff;border-radius:18px;padding:34px;position:relative}.checkout-close{position:absolute;right:24px;top:24px}.checkout-title p{color:var(--muted);margin:8px 0 25px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.fields .wide{grid-column:1/-1}.fields input,.fields textarea{width:100%;border:1px solid #cfd7d1;border-radius:8px;padding:13px;outline:none}.fields input:focus,.fields textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(10,91,59,.1)}fieldset{border:0;padding:0;margin:27px 0}legend{font-weight:700;margin-bottom:10px}.payment{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:12px;margin-bottom:10px}.payment span{display:flex;flex-direction:column;gap:3px}.payment small{color:var(--muted)}.payment em{font-style:normal;background:#edf1eb;color:var(--green);font-size:10px;padding:3px 6px;border-radius:4px}.payment.disabled{opacity:.62}.checkout-total{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.fee-alert{background:#fff6dc;border-radius:8px;padding:11px;font-size:13px;color:#745818;margin-bottom:14px}.terms{display:block;text-align:center;color:var(--muted);margin-top:10px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:var(--deep);color:#fff;border-radius:999px;padding:12px 18px;z-index:70;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{padding:40px clamp(18px,5vw,70px);background:var(--deep);color:#caddd2;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}footer .brand{color:#fff}footer p,footer>span{font-size:13px}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.delivery-pill{display:none}.shop-hero>div{width:78%}.shop-layout{grid-template-columns:1fr}.search-row>button{display:block;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 15px}.categories{display:none}.categories.open{display:block}.product-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}.shop-hero img{width:70%;opacity:.62}.shop-hero>div{width:100%}}@media(max-width:520px){.topbar{padding:0 14px}.brand>span:last-child{font-size:13px}.cart-button span{display:none}.shop-hero{margin:12px 12px 0;min-height:320px}.shop-hero>div{padding:30px 24px}.shop-hero h1{font-size:40px}.shopping{padding:22px 12px 65px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-visual{height:115px}.product-body{padding:11px}.product h3{font-size:14px}.product-price{font-size:16px}.add-button{padding:8px 10px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.checkout{padding:10px}.checkout-card{padding:25px 18px}.checkout-close{right:14px;top:14px}}
