:root{--green:#0f8b5f;--green-dark:#076b48;--mint:#e7f7ed;--yellow:#ffd45c;--orange:#ff9e43;--pink:#ff7595;--ink:#16362a;--muted:#718079;--cream:#fffdf7;--white:#fff;--shadow:0 18px 50px rgba(18,65,47,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Poppins,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.topbar{height:78px;background:rgba(255,253,247,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0eb}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:'Baloo 2';font-size:25px}.brand strong{color:var(--green)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--mint);border-radius:13px;font-size:22px}.desktop-nav{display:flex;gap:30px}.desktop-nav a{color:var(--muted);text-decoration:none;font-weight:600}.desktop-nav a:hover{color:var(--green)}.cart-button{background:var(--white);border:1px solid #e7ece8;border-radius:999px;padding:10px 14px;color:var(--ink);font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.04)}.cart-button b{background:var(--green);color:white;border-radius:99px;padding:2px 7px;margin-left:5px;font-size:12px}.hero{min-height:650px;padding:70px 8% 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;background:radial-gradient(circle at 80% 25%,#fff0ad 0 8%,transparent 9%),linear-gradient(135deg,#effaf0 0%,#fffdf7 60%)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:800}.hero h1{font-family:'Baloo 2';font-size:clamp(48px,6vw,78px);line-height:.98;margin:18px 0;color:var(--ink)}.hero h1 em{color:var(--orange);font-style:normal}.hero p{max-width:580px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:20px;align-items:center;margin:30px 0}.primary-btn{background:var(--green);color:white;border-radius:16px;padding:14px 20px;font-weight:800;box-shadow:0 12px 25px rgba(15,139,95,.22);text-decoration:none;display:inline-flex;justify-content:center;gap:12px}.primary-btn:hover{background:var(--green-dark);transform:translateY(-1px)}.text-btn{background:none;color:var(--green);font-weight:800}.mini-stats{display:flex;gap:35px;margin-top:35px}.mini-stats div{display:grid}.mini-stats strong{font-size:20px}.mini-stats span{font-size:11px;color:var(--muted)}.hero-visual{height:510px;position:relative;display:grid;place-items:center}.hero-visual:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:#c9efdc}.hero-visual img{position:relative;width:350px;height:450px;object-fit:cover;border-radius:190px 190px 35px 35px;box-shadow:var(--shadow);transform:rotate(3deg);border:10px solid white}.sun{position:absolute;width:100px;height:100px;background:var(--yellow);border-radius:50%;right:20px;top:25px}.leaf{position:absolute;font-size:65px;z-index:2}.leaf-a{left:0;top:80px;transform:rotate(-30deg)}.leaf-b{right:0;bottom:60px;transform:rotate(30deg)}.floating-card{position:absolute;z-index:3;bottom:30px;left:10px;background:white;border-radius:20px;padding:13px 18px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.floating-card span{font-size:24px}.floating-card div{display:grid}.floating-card small{color:var(--muted)}.section{padding:90px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2,.promo h2{font-family:'Baloo 2';font-size:42px;margin:5px 0}.search-wrap{background:white;border:1px solid #e6ece7;border-radius:14px;padding:10px 14px;color:var(--muted)}.search-wrap input{border:0;outline:0;background:none;width:200px}.categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.cat{padding:10px 16px;border-radius:999px;background:white;border:1px solid #e4ebe6;color:var(--muted);font-weight:700}.cat.active,.cat:hover{background:var(--green);color:white;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:white;border-radius:24px;padding:12px;box-shadow:0 8px 28px rgba(24,62,46,.07);transition:.2s;overflow:hidden}.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-img{height:230px;width:100%;object-fit:cover;border-radius:18px}.product-info{padding:13px 7px 7px}.product-info h3{font-family:'Baloo 2';font-size:23px;margin:0 0 2px}.product-info p{font-size:12px;color:var(--muted);margin:0 0 12px;min-height:36px}.price-row{display:flex;justify-content:space-between;align-items:center}.price{font-weight:800;color:var(--green);font-size:17px}.add-btn{width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--green);font-size:20px;font-weight:900}.add-btn:hover{background:var(--green);color:white}.promo{margin:0 8%;border-radius:35px;padding:45px 6%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,var(--green),#35b879);color:white;overflow:hidden}.promo .eyebrow{color:#caffdd}.promo h2{font-size:50px}.promo p{max-width:580px;opacity:.9}.light-btn{background:white;color:var(--green);padding:12px 20px;border-radius:14px;font-weight:800}.promo-fruits{font-size:80px;white-space:nowrap;transform:rotate(-5deg)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefits article{background:white;padding:30px;border-radius:24px;box-shadow:0 8px 28px rgba(24,62,46,.06);font-size:32px}.benefits h3{font-size:20px;margin:15px 0 5px}.benefits p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}footer{padding:35px 8%;border-top:1px solid #e8eee9;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}footer p{font-size:13px}.overlay{display:none;position:fixed;inset:0;background:rgba(13,39,29,.4);z-index:30}.overlay.show{display:block}.drawer{position:fixed;z-index:31;right:0;top:0;height:100%;width:min(430px,100%);background:var(--cream);transform:translateX(100%);transition:.3s;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.15)}.drawer.open{transform:translateX(0)}.drawer-head{padding:22px;border-bottom:1px solid #e8eee9;display:flex;justify-content:space-between}.drawer-head h2{font-family:'Baloo 2';margin:0;font-size:30px}.drawer-head button,.modal-close{background:white;border:1px solid #e5ebe7;width:36px;height:36px;border-radius:50%}.cart-items{padding:18px;overflow:auto;flex:1}.empty{color:var(--muted);text-align:center;padding:60px 20px}.cart-item{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;background:white;border-radius:16px;padding:9px;margin-bottom:10px}.cart-item img{width:65px;height:65px;object-fit:cover;border-radius:12px}.cart-item h4{margin:0;font-size:14px}.cart-item small{color:var(--muted);display:block}.qty{display:flex;gap:7px;align-items:center;margin-top:7px}.qty button{width:25px;height:25px;border-radius:8px;background:var(--mint);color:var(--green)}.remove{color:#d66;background:none;font-size:12px}.cart-bottom{padding:20px;border-top:1px solid #e8eee9}.total-row{display:flex;justify-content:space-between;font-size:18px;margin-bottom:15px}.total-row strong{color:var(--green)}.full{width:100%;border:0}.modal{display:none;position:fixed;inset:0;z-index:40;background:rgba(13,39,29,.5);align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{width:min(900px,100%);background:var(--cream);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:45% 55%;position:relative;max-height:90vh;overflow-y:auto}.modal-card>img{width:100%;height:100%;min-height:500px;object-fit:cover}.modal-body{padding:35px}.modal-body h2{font-family:'Baloo 2';font-size:40px;margin:5px 0}.modal-body p{color:var(--muted);line-height:1.7}.modal-price{font-size:22px;color:var(--green);display:block;margin:18px 0}.modal-close{position:absolute;right:15px;top:15px;z-index:2}.option-title{font-weight:800;margin:16px 0 8px}.size-options,.sugar-options{display:flex;gap:8px;flex-wrap:wrap}.size,.sugar{background:white;border:1px solid #e4ebe6;border-radius:10px;padding:9px 12px}.size.active,.sugar.active{background:var(--green);color:white}.modal select,.checkout-card input,.checkout-card select{width:100%;padding:12px;border:1px solid #e1e9e3;border-radius:12px;background:white;outline:0}.modal .primary-btn{margin-top:20px}.checkout-card{background:var(--cream);width:min(480px,100%);border-radius:28px;padding:35px;position:relative}.checkout-card h2{font-family:'Baloo 2';font-size:38px;line-height:1;margin:8px 0 25px}.checkout-card label{font-size:13px;font-weight:700;display:block;margin:14px 0}.checkout-total{display:flex;justify-content:space-between;padding:18px 0;font-size:18px}.checkout-total strong{color:var(--green)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#173d2e;color:white;padding:13px 18px;border-radius:12px;opacity:0;z-index:100;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{height:430px}.product-grid{grid-template-columns:repeat(2,1fr)}.promo-fruits{font-size:50px}.modal-card{grid-template-columns:1fr}.modal-card>img{min-height:260px;max-height:300px}.benefits{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}@media(max-width:560px){.topbar{padding:0 4%}.cart-button span{display:none}.hero{padding:40px 5%}.hero h1{font-size:50px}.hero-visual:before{width:320px;height:320px}.hero-visual img{width:250px;height:340px}.mini-stats{gap:18px}.section{padding:65px 5%}.section h2{font-size:34px}.product-grid{grid-template-columns:1fr}.search-wrap{width:100%}.search-wrap input{width:80%}.promo{margin:0 5%;padding:35px 25px;display:block}.promo h2{font-size:42px}.promo-fruits{margin-top:20px}.section-head{margin-bottom:20px}footer{padding:30px 5%;display:block}.brand{font-size:22px}}