.sn-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,#0f2419e6,#0b1b13e6);border-bottom:1px solid var(--nv-border);box-shadow:var(--shadow)}.sn-left{display:flex;align-items:center;gap:10px;cursor:pointer}.sn-logo{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#143423}.sn-brand strong{display:block;font-size:16px}.sn-brand span{display:block;font-size:12px;color:var(--nv-dim)}.sn-links{display:flex;gap:14px}.sn-link{padding:8px 12px;border-radius:999px;color:var(--nv-text)}.sn-link.active,.sn-link:hover{background:#22c55e2e;box-shadow:inset 0 0 0 1px var(--nv-primary)}.sn-burger{display:none;margin-left:auto;width:32px;height:32px;gap:5px;border:none;background:none;flex-direction:column;justify-content:center;cursor:pointer}.sn-burger span{height:3px;width:22px;background:#fff;border-radius:2px;transition:.3s}.sn-burger.active span:nth-child(1){transform:rotate(45deg) translateY(8px)}.sn-burger.active span:nth-child(2){opacity:0}.sn-burger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.sn-mobile{position:absolute;top:100%;left:0;right:0;background:var(--nv-soft);display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid var(--nv-border)}@media (max-width:768px){.sn-burger{display:flex}.desktop{display:none}}.nv-footer{margin-top:32px;padding:24px 0;border-top:1px solid var(--nv-border);background:#00000026}.f-grid{display:flex;justify-content:space-between;gap:12px;align-items:center}@media (max-width:640px){.f-grid{flex-direction:column;align-items:flex-start}}.container{max-width:1200px;margin:0 auto;padding:0 15px}body{background:#0b1f1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#e2e8f0}.hero{background:radial-gradient(120% 80% at 0% 0%,rgba(34,197,94,.14),transparent 50%),radial-gradient(90% 70% at 100% 0%,rgba(20,184,166,.1),transparent 60%),#0b1f1a;color:#e5e7eb;padding:60px 0 70px;position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}}.hero-copy h1{font-size:clamp(32px,5vw,52px);line-height:1.15;font-weight:800;color:#f8fafc;margin:0 0 16px;letter-spacing:-.5px}.hero-copy p{color:#cbd5e1;margin:0 0 24px;font-size:18px;max-width:500px}@media (max-width:900px){.hero-copy p{margin:0 auto 24px}}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}@media (max-width:900px){.hero-actions{justify-content:center}}.btn{display:inline-block;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:16px;transition:.3s;cursor:pointer}.btn.solid{background:#22c55e;color:#fff;border:none}.btn.solid:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.btn.ghost{border:1px solid #94a3b8;color:#e2e8f0;background:transparent}.btn.ghost:hover{background:#ffffff0d;border-color:#e2e8f0;transform:translateY(-2px)}.hero-image{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.hero-blob{width:400px;height:400px;border-radius:50%;background:radial-gradient(35% 35% at 50% 50%,rgba(34,197,94,.28),transparent 60%),radial-gradient(40% 40% at 20% 20%,rgba(20,184,166,.22),transparent 60%);filter:blur(18px);opacity:.7;position:absolute;z-index:1}.hero-product-preview{position:relative;z-index:2;width:280px;height:280px;display:flex;justify-content:center;align-items:center}.preview-bottle{width:100px;height:180px;background:linear-gradient(to bottom,#22c55e,#0ea5e9);border-radius:40px 40px 60px 60px;position:relative;transform:perspective(300px) rotateY(-20deg);box-shadow:0 15px 35px #0000004d}.preview-bottle:before{content:"";position:absolute;inset:20px 10px 60px;background:#ffffff1a;border-radius:30px}.preview-leaves{position:absolute;inset:0}.leaf{position:absolute;background:#22c55e;border-radius:50% 0 50% 50%;opacity:.7}.leaf-1{width:40px;height:60px;top:30px;right:50px;transform:rotate(45deg)}.leaf-2{width:30px;height:50px;bottom:70px;left:40px;transform:rotate(-30deg)}.leaf-3{width:25px;height:40px;top:100px;left:30px;transform:rotate(10deg)}@media (max-width:900px){.hero-image{display:none!important}.hero-blob{width:300px;height:300px}.hero-product-preview{width:220px;height:220px}}.benefits-section{padding:60px 0;background:#0f2922}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr;gap:40px}}.benefit-item{text-align:center;padding:0 20px}.benefit-icon{font-size:40px;margin-bottom:16px}.benefit-item h3{color:#f8fafc;margin:0 0 12px;font-size:20px}.benefit-item p{color:#cbd5e1;margin:0;line-height:1.6}.featured{padding:80px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sec-title{margin:0;font-size:32px;font-weight:800;color:#f8fafc}.view-all{color:#22c55e;text-decoration:none;font-weight:600}.view-all:hover{text-decoration:underline}.sec-error{color:#fecaca;margin-bottom:8px;text-align:center;padding:20px;background:#fecaca1a;border-radius:8px}.sec-empty{color:#cbd5e1;text-align:center;padding:40px}.home-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.home-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.home-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.newsletter-section{background:#0f2922;padding:70px 0}.newsletter-inner{max-width:600px;text-align:center}.newsletter-content h2{color:#f8fafc;margin:0 0 16px;font-size:28px}.newsletter-content p{color:#cbd5e1;margin:0 0 30px;line-height:1.6}.newsletter-form{display:flex;gap:10px;max-width:450px;margin:0 auto}@media (max-width:576px){.newsletter-form{flex-direction:column}}.newsletter-form input{flex:1;padding:12px 16px;border:1px solid #334155;border-radius:6px;background:#0b1f1a;color:#e2e8f0;font-size:16px}.newsletter-form input:focus{outline:none;border-color:#22c55e}.newsletter-form button{padding:12px 24px;background:#22c55e;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s}.newsletter-form button:hover{background:#16a34a}.home-grid .product-card{background:#0f2922;border-radius:12px;overflow:hidden;transition:.3s;border:1px solid rgba(255,255,255,.05)}.home-grid .product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#22c55e33}.pc-card2{background:#0f2922;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);position:relative;display:flex;flex-direction:column;height:100%}.pc-card2:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#22c55e33}.pc-imgbox{display:block;position:relative;width:100%;padding-top:100%;overflow:hidden;background:#1a3b32}.pc-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease;background:#0f2922}.pc-imgbox:hover .pc-img{transform:scale(1.03)}.pc-noimg{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:16px;opacity:.7}.pc-badge{position:absolute;top:12px;right:12px;background:#22c55e;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 8px #0003}.pc-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.pc-title{color:#f8fafc;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:12px;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;transition:color .3s ease}.pc-title:hover{color:#22c55e}.pc-price{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pc-price .old{color:#94a3b8;text-decoration:line-through;font-size:14px}.pc-price .new{color:#22c55e;font-weight:700;font-size:18px}.pc-buy{background:#22c55e;color:#fff;text-decoration:none;padding:12px 16px;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;border:none;cursor:pointer;display:block;width:100%}.pc-buy:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}@media (max-width: 768px){.pc-content{padding:12px}.pc-title{font-size:15px}.pc-price .new{font-size:16px}.pc-buy{padding:10px 14px;font-size:14px}}.pc-quickview{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#fffffff2;color:#0b1f1a;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;opacity:0;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 4px 8px #0003}.pc-card2:hover .pc-quickview{bottom:16px;opacity:1}.pc-quickview:hover{background:#fff}.pc-card2.loading .pc-imgbox{background:linear-gradient(90deg,#1a3b32,#244239,#1a3b32);background-size:200% 100%;animation:loading 1.5s infinite}.pc-card2.loading .pc-title,.pc-card2.loading .pc-price .new,.pc-card2.loading .pc-price .old{color:transparent;background:linear-gradient(90deg,#1a3b32,#244239,#1a3b32);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.pc-card2.loading .pc-title{height:20px;margin-bottom:10px}.pc-card2.loading .pc-price .new{height:22px;width:80px}.pc-card2.loading .pc-buy{background:#1a3b32;pointer-events:none}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pc-wishlist{position:absolute;top:12px;left:12px;background:#ffffffe6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;border:none;color:#64748b}.pc-card2:hover .pc-wishlist{opacity:1}.pc-wishlist:hover{color:#dc2626;background:#fff}.pc-wishlist.active{color:#dc2626;opacity:1}.shop-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.shop-grid{grid-template-columns:repeat(2,1fr)}}.pd-wrap{max-width:1200px;margin:0 auto;padding:20px}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;animation:fadeIn .5s ease}@media (max-width: 900px){.pd-grid{grid-template-columns:1fr;gap:28px}}.pd-imgbox{position:sticky;top:84px;border-radius:14px;overflow:hidden;background:#0f2922;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 26px #0000002e}@media (max-width: 900px){.pd-imgbox{position:relative;top:auto}}.pd-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:18px;transition:transform .35s ease;background:#0f2922}.pd-imgbox:hover .pd-img{transform:translateY(-2px) scale(1.02)}.noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#22c55e;font-size:18px;opacity:.75}.pd-badge{position:absolute;top:14px;right:14px;background:#22c55e;color:#fff;font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;letter-spacing:.4px;box-shadow:0 6px 18px #22c55e40}.pd-info{padding-bottom:12px}.pd-title{color:#f8fafc;font-size:30px;font-weight:900;line-height:1.2;margin:0 0 14px;letter-spacing:-.2px}@media (max-width: 768px){.pd-title{font-size:24px}}.pd-price{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:12px 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.pd-price .old{color:#94a3b8;text-decoration:line-through;font-size:16px}.pd-price .new{color:#22c55e;font-weight:800;font-size:26px}.pd-price .off{background:#22c55e26;color:#22c55e;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.pd-desc{color:#e5e7eb;font-size:16px;line-height:1.8;margin:12px 0 22px;white-space:pre-line;text-shadow:0 1px 0 rgba(0,0,0,.2)}.pd-meta{display:flex;gap:18px;margin:16px 0 6px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.pd-meta-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:120px}.pd-meta-icon{font-size:20px;margin-bottom:6px;color:#22c55e}.pd-meta-text{font-size:13px;color:#cbd5e1;text-align:center}@media (max-width: 768px){.pd-meta{flex-wrap:wrap}.pd-meta-item{flex:0 0 calc(50% - 10px);margin-bottom:12px}}.pd-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}@media (max-width: 768px){.pd-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.pd-gallery{grid-template-columns:repeat(2,1fr)}}.pd-thumb{aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.06);background:#0f2922;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease;opacity:.85}.pd-thumb:hover{transform:translateY(-1px);opacity:1}.pd-thumb.active{border-color:#22c55e;opacity:1;box-shadow:0 8px 18px #22c55e1f}.pd-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;background:#0f2922}.pd-cta{margin-top:20px}.pd-cta .btn.solid{background:#22c55e;color:#fff;text-decoration:none;padding:14px 26px;border-radius:10px;font-weight:700;font-size:16px;display:inline-block;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:none;cursor:pointer;text-align:center;width:100%;max-width:320px}.pd-cta .btn.solid:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 22px #22c55e38}.pd-cta .btn.solid:focus{outline:3px solid rgba(34,197,94,.35);outline-offset:2px}.pd-quantity{display:flex;align-items:center;gap:10px;margin:10px 0 18px}.pd-quantity-label{color:#cbd5e1;font-weight:600}.pd-quantity-selector{display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#ffffff08}.pd-quantity-btn{background:#ffffff0f;border:none;color:#e5e7eb;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;font-size:18px}.pd-quantity-input{width:60px;height:40px;text-align:center;border:none;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);background:transparent;color:#f8fafc;font-size:16px}.pd-loading{display:grid;place-items:center;min-height:320px;font-size:18px;color:#cbd5e1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-list{display:grid;gap:12px;margin-top:12px}.cart-item{display:grid;grid-template-columns:72px 1fr 140px 120px 120px;gap:12px;align-items:center;border:1px solid var(--nv-border);border-radius:12px;padding:8px 12px;background:#ffffff0a}.cart-item img,.cart-item .ph{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--nv-border);background:#0d1f17}.grow{display:flex;flex-direction:column}.name{font-weight:700}.dim{color:var(--nv-dim)}.cart-footer{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:16px}.total{font-size:18px}@media (max-width:900px){.cart-item{grid-template-columns:72px 1fr;grid-auto-rows:auto}.line{display:none}}.qty{display:inline-flex;align-items:center;border:1px solid var(--nv-border);border-radius:10px;overflow:hidden}.qty button{background:transparent;color:var(--nv-text);border:none;width:34px;height:34px;cursor:pointer}.qty input{width:48px;text-align:center;border:none;background:#fff;color:#000;height:34px}.co-wrap{padding-bottom:32px}.co-title{margin:18px 0;font-size:28px}.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.co-card,.co-summary{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 8px 24px #0000000d}.co-section+.co-section{margin-top:18px}.co-sec-title{font-weight:700;margin-bottom:8px}.co-field{display:grid;gap:6px}.co-label{font-size:13px;color:#374151}.co-input{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111;outline:none;transition:.2s}.co-input:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3992e}.co-col-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.co-col-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.co-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px}.co-radio{display:grid;gap:10px}.co-radio-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.co-radio-item.disabled{opacity:.6;cursor:not-allowed}.co-submit{width:100%;margin-top:6px}.co-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:8px 10px;border-radius:10px;margin-top:6px}.co-summary{position:sticky;top:92px}.co-sum-item{display:flex;gap:12px}.co-sum-img{width:84px;height:84px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#f5f7f8}.co-sum-img img{width:100%;height:100%;object-fit:cover;display:block}.co-sum-info{flex:1;min-width:0}.co-sum-name{font-weight:700;font-size:14px}.co-sum-price{color:#0a7d3e;font-weight:800;margin:4px 0}.co-qty{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.co-qty button{width:34px;height:34px;border:none;background:#f3f4f6;cursor:pointer}.co-qty input{width:46px;height:34px;text-align:center;border:none;background:#fff;color:#111}.co-line,.co-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.co-total{font-weight:800;border-bottom:none}.co-thanks{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:14px;padding:28px;text-align:center;max-width:560px;margin:32px auto;box-shadow:0 10px 24px #0000000f}.co-ico{font-size:42px;margin-bottom:8px}@media (max-width: 980px){.co-grid{grid-template-columns:1fr}.co-summary{position:static}}@media (max-width: 640px){.co-col-2,.co-col-3,.co-row{grid-template-columns:1fr}}:root{--nv-bg:#0b1b13;--nv-card:#11281d;--nv-soft:#0f2419;--nv-text:#e7f7ee;--nv-dim:#b6d0c4;--nv-primary:#22c55e;--nv-primary-600:#16a34a;--nv-accent:#60a5fa;--nv-amber:#f59e0b;--nv-border:#1c3327;--nv-ring:#34d399;--radius:12px;--radius-lg:18px;--shadow:0 10px 30px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--nv-text);background:radial-gradient(1200px 800px at 10% -10%,rgba(34,197,94,.15),transparent 60%),radial-gradient(900px 600px at 110% 10%,rgba(96,165,250,.12),transparent 60%),var(--nv-bg)}.container{max-width:1200px;margin:24px auto;padding:0 16px}.grid{display:grid;gap:16px}.btn{border:none;border-radius:12px;padding:10px 14px;cursor:pointer;background:linear-gradient(90deg,var(--nv-primary-600),var(--nv-primary));color:#0b111b;font-weight:700}.btn.ghost{background:transparent;color:var(--nv-text);border:1px solid var(--nv-border)}.input,.select,textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--nv-border);background:#fff;color:#000;outline:none;transition:.2s}.input:focus,.select:focus,textarea:focus{border-color:var(--nv-ring);box-shadow:0 0 0 3px #34d3992e}a{color:inherit;text-decoration:none}