:root{--orange:#ff6a00;--orange2:#ff9a00;--yellow:#ffd22d;--green:#0f4a2c;--green2:#1f713f;--lime:#8ed33b;--purple:#7a35bd;--ink:#163824;--cream:#fff7e6;--white:#fff;--shadow:0 22px 60px rgba(70,45,0,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#263126;background:#fffdf8;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:linear-gradient(90deg,#0d3a24,#164f31,#0d3a24);color:#fff;padding:9px;text-align:center;font-size:14px;letter-spacing:.1px}.nav{position:sticky;top:0;z-index:50;background:#ffffffef;backdrop-filter:blur(18px);border-bottom:1px solid #efe5d6}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0}.brand img{height:76px;max-width:280px;object-fit:contain}.navlinks{display:flex;gap:22px;font-weight:800;align-items:center}.navlinks>a:not(.pill){position:relative}.navlinks>a:not(.pill):after{content:"";position:absolute;height:3px;width:0;left:0;bottom:-7px;background:linear-gradient(90deg,var(--orange),var(--lime));border-radius:999px;transition:.2s}.navlinks>a:hover:after{width:100%}.pill{background:linear-gradient(135deg,var(--orange),#ffae18);color:#fff;padding:13px 20px;border-radius:999px;font-weight:900;box-shadow:0 10px 26px #ff6b0035}.cartbadge{background:#123e27;color:#fff;min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--green)}

.fruit-sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.34}.floating-fruit{position:absolute;width:90px;filter:drop-shadow(0 10px 20px #0002);animation:floatFruit 12s ease-in-out infinite}.f1{left:-25px;top:18%;width:120px;animation-delay:-2s}.f2{right:-20px;top:28%;width:100px;animation-delay:-7s}.f3{left:8%;top:68%;width:78px;animation-delay:-4s}.f4{right:10%;top:75%;width:95px;animation-delay:-9s}.f5{left:52%;top:42%;width:62px;animation-delay:-5s}.f6{right:36%;top:10%;width:58px;animation-delay:-11s}@keyframes floatFruit{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(18px,-35px,0) rotate(12deg)}}

.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff9e9 0%,#fffdf8 46%,#fff1c7 100%);padding:54px 0 42px}.hero:before{content:"";position:absolute;left:-10%;bottom:-120px;width:520px;height:520px;background:radial-gradient(circle,#ffcc2f65 0 26%,transparent 27%),radial-gradient(circle at 60% 40%,#ff7b0050 0 18%,transparent 19%);filter:blur(10px)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:34px;min-height:600px}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-block;padding:9px 14px;border-radius:999px;font-weight:900}.eyebrow.dark{color:var(--green);background:#fff;border:1px solid #e8dcbf;box-shadow:0 8px 22px #8a5b1614}.eyebrow.green{background:#fff;color:var(--green);border:1px solid #dcead7}.hero h1{font-size:clamp(48px,6.3vw,80px);line-height:.94;margin:17px 0 18px;letter-spacing:-3px;color:var(--green);text-wrap:balance}.hero h1::first-line{color:var(--green)}.hero p{font-size:19px;line-height:1.65;max-width:600px;color:#536254}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;font-weight:900;border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),#ff8e00);color:#fff;box-shadow:0 12px 28px #ff6b0030}.btn-light{background:#fff;color:var(--ink);border:1px solid #e5e8df;box-shadow:0 10px 24px #415b3b12}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.hero-features div{background:#ffffffd9;border:1px solid #eee5d4;border-radius:18px;padding:12px 10px;text-align:center;box-shadow:0 10px 24px #6045170c}.hero-features span{display:block;font-size:23px}.hero-features b{font-size:12px;color:#31513d}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.hero-photo{width:100%;height:570px;object-fit:cover;border-radius:45% 18% 42% 18% / 30% 34% 20% 40%;box-shadow:0 30px 80px rgba(99,57,0,.24);position:relative;z-index:2}.hero-visual:after{content:"";position:absolute;inset:6% -6% -4% 18%;background:radial-gradient(circle at 30% 40%,#ffbf00 0 18%,transparent 19%),radial-gradient(circle at 75% 65%,#ff6a00 0 15%,transparent 16%);filter:blur(35px);opacity:.28;z-index:0}.hero-fruit{position:absolute;z-index:4;filter:drop-shadow(0 15px 20px #0003);animation:heroFloat 7s ease-in-out infinite}.hf1{width:150px;left:-58px;bottom:70px}.hf2{width:98px;right:-26px;top:80px;animation-delay:-2s}.hf3{width:105px;left:-30px;top:78px;animation-delay:-4s}@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(7deg)}}.hero-note{position:absolute;z-index:5;font-weight:900;color:var(--green);font-family:"Comic Sans MS",cursive;transform:rotate(-5deg)}.note-refresh{left:18px;top:28px;font-size:28px}.hero-ribbons{position:absolute;right:-20px;bottom:100px;z-index:5;display:grid;gap:5px;transform:rotate(-7deg)}.hero-ribbons span{padding:9px 16px;color:#fff;font-weight:1000;text-transform:uppercase;box-shadow:0 9px 18px #0002}.hero-ribbons span:nth-child(1){background:#ff6a00}.hero-ribbons span:nth-child(2){background:#ffca20;color:#1c3d29}.hero-ribbons span:nth-child(3){background:#1d7a43}.splash{position:absolute;border-radius:50%;z-index:1;filter:blur(.2px)}.splash-one{width:330px;height:160px;background:radial-gradient(ellipse at center,#ffb000 0 43%,transparent 45%);right:-35px;bottom:52px;transform:rotate(-18deg);opacity:.82}.splash-two{width:220px;height:100px;background:radial-gradient(ellipse at center,#ff6a00 0 43%,transparent 45%);left:-40px;bottom:105px;transform:rotate(18deg);opacity:.65}

section{padding:80px 0}.section-title{text-align:center;max-width:780px;margin:0 auto 40px}.kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:1000;color:#f07a00}.section-title h2{font-size:clamp(38px,5vw,58px);margin:4px 0 8px;color:var(--green);letter-spacing:-2px}.section-title h2 em{font-style:normal;color:var(--orange)}.section-title p{color:#637164;font-size:17px}.products-section{position:relative;background:linear-gradient(180deg,#fff 0%,#fff9ea 100%)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{position:relative;background:#fff;border:1px solid #f2eadb;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(72,50,0,.19)}.card-image-wrap{position:relative;overflow:hidden;height:330px;background:linear-gradient(180deg,#fff6de,#ffe7b1)}.tone-2 .card-image-wrap{background:linear-gradient(180deg,#fff4d7,#ffe08e)}.tone-3 .card-image-wrap{background:linear-gradient(180deg,#efffde,#cbf29f)}.tone-4 .card-image-wrap{background:linear-gradient(180deg,#fbeaff,#eab7ff)}.card img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.card-fruit{position:absolute!important;width:80px!important;height:auto!important;z-index:3!important;filter:drop-shadow(0 10px 15px #0002)}.cf-a{left:-20px;bottom:-8px}.cf-b{right:-8px;top:10px;width:65px!important}.card-body{padding:20px 20px 22px}.card h3{margin:0 0 8px;font-size:24px;color:var(--green)}.card p{color:#657269;min-height:42px}.price{font-size:28px;font-weight:1000;color:var(--orange)}.qtyrow{display:flex;gap:8px;margin-top:14px}.qtyrow input{width:74px;border:1px solid #ddd;border-radius:12px;padding:12px}.qtyrow button{flex:1}

.vivid-story{background:linear-gradient(135deg,#f7ffd9,#fff4cf 55%,#fff)}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.story-copy h2{font-size:clamp(42px,5vw,64px);line-height:.98;color:var(--green);margin:16px 0 20px;letter-spacing:-2px}.story-copy h2 em{font-style:normal;color:var(--orange)}.story-copy>p{font-size:18px;line-height:1.7;color:#536254}.story-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.story-points div{background:#fff;border-radius:18px;padding:15px;border:1px solid #eceddf;box-shadow:0 8px 24px #5d8b3912}.story-points span{font-size:24px;margin-right:6px}.story-visual{position:relative}.story-visual>img:first-child{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.story-fruit{position:absolute;filter:drop-shadow(0 10px 20px #0003);animation:heroFloat 8s ease-in-out infinite}.sf1{width:150px;left:-55px;bottom:-50px}.sf2{width:95px;right:-32px;top:28px;animation-delay:-3s}.story-sticker{position:absolute;right:20px;bottom:24px;background:#fff8;color:var(--green);backdrop-filter:blur(10px);padding:15px 18px;border-radius:18px;font-weight:1000;font-size:20px;transform:rotate(-3deg);border:1px solid #fff}

.brand-strip{padding:22px 0;background:#fff;border-top:1px solid #eee7d6;border-bottom:1px solid #eee7d6}.brand-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-strip-grid div{display:grid;gap:4px}.brand-strip-grid b{color:var(--green)}.brand-strip-grid span{font-size:13px;color:#728071}

.quote{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f3e27,#1d6338);color:#fff}.quote:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,#ffb00025 0 12%,transparent 13%),radial-gradient(circle at 82% 80%,#ff6a0020 0 10%,transparent 11%)}.quote-grid{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.quote-copy h2{font-size:clamp(42px,5vw,62px);line-height:.98;margin:0 0 20px}.quote-copy h2 em{font-style:normal;color:#ffc928}.quote-copy p{font-size:17px;line-height:1.75;color:#dbeadd}.quote-icon{font-size:42px}.quote-note{font-family:"Comic Sans MS",cursive;font-size:24px;margin-top:28px;color:#ffd860;transform:rotate(-3deg)}.formbox{background:#fff;color:#263126;padding:27px;border-radius:28px;box-shadow:0 26px 70px #07140c55}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-weight:900}.field input,.field textarea,.field select{padding:13px 14px;border:1px solid #dcded8;border-radius:13px;font:inherit;background:#fff}.field input:focus,.field textarea:focus{outline:2px solid #ffc92888;border-color:#ff9a00}.field textarea{min-height:110px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-fruit-layer img{position:absolute;z-index:1;opacity:.52;filter:drop-shadow(0 12px 25px #0003);animation:floatFruit 11s ease-in-out infinite}.quote-fruit-layer img:nth-child(1){width:160px;left:-45px;bottom:-45px}.quote-fruit-layer img:nth-child(2){width:120px;right:-35px;top:20px}.quote-fruit-layer img:nth-child(3){width:90px;right:14%;bottom:-12px}

.payments{padding:24px 0;background:#fff}.payments-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.payment-title{display:grid}.payment-title b{font-size:20px;color:var(--green)}.payment-title span{font-size:13px;color:#778278}.payment-pills{display:flex;gap:10px;flex-wrap:wrap}.payment-pills span{padding:9px 14px;border:1px solid #e2e4df;border-radius:999px;font-weight:900;background:#fff;box-shadow:0 5px 16px #0000000b}.payment-pills span:nth-child(1){color:#1b4cab}.payment-pills span:nth-child(2){color:#d84028}.payment-pills span:nth-child(3){color:#195b9b}.payment-pills span:nth-child(4){color:#7a2b9a}.payment-pills span:nth-child(5){color:#176a40}

.footer{background:#0c2517;color:#dce7dd;padding:44px 0}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer img{height:84px;max-width:260px;object-fit:contain;background:#fff;border-radius:14px}.footer p{margin:10px 0;color:#c8d6cb}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;background:#25D366;color:#fff;padding:14px 18px;border-radius:999px;font-weight:1000;box-shadow:0 12px 34px #0004}.notice{padding:13px;border-radius:12px;margin:14px auto}.success{background:#e6fbe9;color:#175c24}.error{background:#ffeded;color:#8e2020}

.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.checkout-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.summary{background:var(--cream);padding:24px;border-radius:22px;height:max-content}.auth{min-height:78vh;display:grid;place-items:center;background:var(--cream)}.authbox{width:min(500px,92%);background:#fff;padding:30px;border-radius:26px;box-shadow:var(--shadow)}

@media(max-width:980px){.navlinks{gap:14px}.brand img{height:64px}.hero-grid,.story-grid,.quote-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}.hero-photo{height:520px}.products{grid-template-columns:repeat(2,1fr)}.brand-strip-grid{grid-template-columns:repeat(2,1fr)}.hero-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.menu-toggle{display:block}.navlinks{position:absolute;left:4%;right:4%;top:90px;background:#fff;padding:18px;border-radius:20px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks>a{padding:8px}.brand img{height:58px;max-width:210px}.hero{padding-top:28px}.hero-grid{min-height:auto}.hero h1{font-size:50px}.hero-photo{height:420px;border-radius:28px}.note-refresh{font-size:22px}.hero-ribbons{right:5px;bottom:35px}.products{grid-template-columns:1fr}.story-visual>img:first-child{height:390px}.grid2{grid-template-columns:1fr}.brand-strip-grid{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.payments-grid{align-items:flex-start}.floating-fruit{opacity:.5}.hero-fruit{transform:scale(.8)}}
@media(max-width:480px){.wrap{width:min(94%,1180px)}.hero h1{font-size:43px}.hero-features{grid-template-columns:1fr 1fr}.hero-photo{height:360px}.section-title h2,.story-copy h2,.quote-copy h2{font-size:38px}.brand-strip-grid,.footergrid{grid-template-columns:1fr}.payment-pills span{font-size:12px}.whatsapp{right:12px;bottom:12px}}