:root{--green:#087a4b;--green2:#0b5f3c;--deep:#063f2a;--soft:#eff8f3;--gold:#b68a35;--ink:#12372a;--muted:#718078;--line:#e3ebe7;--bg:#f7faf8;--white:#fff;--shadow:0 10px 30px rgba(7,63,42,.08);--shadow2:0 22px 55px rgba(7,63,42,.13);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}body.drawer-open{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1220px,92%);margin:auto}
.topbar{height:38px;background:var(--deep);color:#fff;font-size:12px}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{font-weight:850}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.head{height:82px;display:flex;align-items:center;gap:30px}.logo{height:68px;width:auto;object-fit:contain}.nav{margin-left:auto;display:flex;align-items:center;gap:26px}.nav a{font-size:15px;font-weight:800;color:#29473b;position:relative}.nav a:not(.cart-btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:.25s}.nav a:hover{color:var(--green)}.nav a:hover:after{right:0}
.cart-btn,.primary{border:0;background:var(--green);color:#fff;border-radius:999px;font-weight:900;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 9px 22px rgba(8,122,75,.18);transition:.25s}.cart-btn:hover,.primary:hover{transform:translateY(-2px);background:var(--green2)}.cart-count{min-width:25px;height:25px;padding:0 6px;border-radius:50%;display:inline-grid;place-items:center;background:#fff;color:var(--green);font-size:12px;font-weight:950}
.mobile-menu-btn{display:none;margin-left:auto;width:48px;height:48px;border-radius:15px;border:1px solid var(--line);background:var(--soft);color:var(--green2);align-items:center;justify-content:center}.mobile-menu-btn svg{width:25px}.mobile-drawer{position:fixed;inset:0;z-index:100;background:#fff;transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.8,.25,1);overflow:auto}.mobile-drawer.open{transform:none}.drawer-inner{width:min(520px,100%);margin-left:auto;padding:18px 20px 35px;min-height:100%}.drawer-top{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-logo{height:54px;width:auto}.drawer-close{width:46px;height:46px;border:0;border-radius:15px;background:var(--soft);font-size:29px;color:var(--ink)}.drawer-nav{padding:14px 0}.drawer-nav a{display:flex;align-items:center;gap:16px;padding:14px 10px;font-size:18px;font-weight:850;color:#124f38;border-radius:14px}.drawer-nav a:hover{background:var(--soft)}.drawer-nav .dicon{width:34px;font-size:25px;text-align:center}.drawer-cart{border-top:1px solid var(--line);margin-top:8px;padding-top:18px!important}.drawer-cart .cart-count{background:var(--green);color:#fff}
.hero{background:#eef7f1;overflow:hidden}.slider{position:relative}.slide{display:none}.slide.active{display:block;animation:fade .55s ease}.slide img{width:100%;height:auto}@keyframes fade{from{opacity:.45}to{opacity:1}}.dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:#fff;padding:0}.dot.active{background:var(--green)}
.section{padding:72px 0}.section-sm{padding:48px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:950;color:var(--gold)}.title{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-1.3px;margin:8px 0 14px}.lead{max-width:720px;color:var(--muted);font-size:17px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:.32s}.cat:hover{transform:translateY(-6px);box-shadow:var(--shadow2)}.cat-icon{height:125px;border-radius:18px;background:var(--soft);overflow:hidden;margin-bottom:15px}.cat-icon img{width:100%;height:100%;object-fit:cover;transition:.45s}.cat:hover .cat-icon img{transform:scale(1.06)}.cat h3{margin:0 0 4px;font-size:19px}.cat p{margin:0;color:var(--muted);font-size:13px}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.32s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow2);border-color:#c9ded3}.product-media{height:370px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.product-media a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-media img{width:88%;height:88%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card:hover .product-media img{transform:scale(1.16)}.sale{position:absolute;top:14px;right:14px;z-index:2;background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:10px;font-size:12px;font-weight:950}.pbody{padding:18px 20px 21px}.tag{display:inline-block;background:var(--soft);color:var(--green2);font-size:11px;font-weight:950;padding:6px 10px;border-radius:999px}.pbody h3{margin:10px 0 3px;font-size:20px;line-height:1.25}.size{font-size:13px;color:var(--muted)}.price{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:23px;font-weight:950}.mrp{text-decoration:line-through;color:#99a59f;font-size:14px;font-weight:700}.actions{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.primary,.outline{min-height:50px;border-radius:999px;padding:12px 17px;font-weight:900;transition:.25s}.outline{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--green);border:1px solid #c9ddd3}.outline:hover{background:var(--soft);transform:translateY(-2px)}
.banner-card{background:linear-gradient(135deg,#06462e,#118050);border-radius:28px;color:#fff;padding:42px;box-shadow:var(--shadow2);display:flex;justify-content:space-between;gap:30px;align-items:center}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why .item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);transition:.3s}.why .item:hover{transform:translateY(-5px)}.why strong{display:block;margin:8px 0}.why span{color:var(--muted);font-size:14px}
.page-hero{padding:54px 0;background:var(--soft);border-bottom:1px solid var(--line)}.crumb{font-size:13px;color:var(--muted);margin-bottom:8px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:26px;flex-wrap:wrap}.search{flex:1;min-width:250px;border:1px solid var(--line);background:#fff;padding:15px 18px;border-radius:999px;outline:none}.search:focus{border-color:#8ebaa6;box-shadow:0 0 0 4px var(--soft)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:999px;font-weight:850}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}
.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center}.detail-img{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow2);overflow:hidden;cursor:zoom-in;min-height:600px;display:grid;place-items:center;padding:45px}.detail-img img{width:100%;height:520px;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.detail-img:hover img{transform:scale(1.12)}.detail h1{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-1.7px;margin:10px 0}.detail .price{font-size:31px}.qty{display:flex;align-items:center;gap:12px;margin:22px 0}.qty button{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:22px}.qty span{min-width:28px;text-align:center;font-weight:950}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lightbox{position:fixed;inset:0;background:rgba(4,27,18,.84);z-index:120;display:none;place-items:center;padding:25px}.lightbox.open{display:grid}.lightbox img{max-width:90vw;max-height:88vh;background:#fff;border-radius:20px;object-fit:contain}.lightbox button{position:fixed;right:22px;top:22px;width:48px;height:48px;border:0;border-radius:50%;font-size:29px}
.cart-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.cart-list,.summary{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.cart-row{display:grid;grid-template-columns:92px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.cart-row img{width:92px;height:82px;object-fit:contain;background:#fff;border-radius:14px}.cart-row h4{margin:0 0 4px}.mini-qty{display:flex;gap:7px;align-items:center}.mini-qty button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px}.total{display:flex;justify-content:space-between;font-size:23px;font-weight:950;margin:20px 0}.form{display:grid;gap:12px;margin-top:15px}.form input,.form textarea{width:100%;border:1px solid var(--line);padding:14px;border-radius:13px;outline:none}.form textarea{min-height:95px}.footer{margin-top:50px;background:#0d3928;color:#dcebe3}.footer .container{padding:50px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;font-size:12px;color:#b9d1c6}
.wa{position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#18d06d;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.18);z-index:60;transition:.25s}.wa:hover{transform:translateY(-4px)}.wa svg{width:32px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);background:#123c2b;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;z-index:150;transition:.3s;font-size:13px;font-weight:800}.toast.show{opacity:1;transform:translate(-50%,0)}
.mobile-nav{display:none}
@media(max-width:900px){.nav{display:none}.mobile-menu-btn{display:flex}.head{height:74px}.logo{height:62px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-media{height:330px;padding:14px}.product-media img{width:94%;height:94%}.pbody{padding:16px}.categories{grid-template-columns:repeat(2,1fr)}.detail{gap:35px}.detail-img{min-height:500px;padding:32px}.detail-img img{height:440px}}
@media(max-width:620px){.topbar{height:34px;font-size:10px}.topbar .container span:first-child{display:none}.topbar .container{justify-content:center}.container{width:calc(100% - 28px)}.head{height:72px}.logo{height:62px}.section{padding:50px 0}.section-head{display:block}.section-head .outline{margin-top:15px}.categories{grid-template-columns:repeat(2,1fr);gap:11px}.cat{padding:12px;border-radius:18px}.cat-icon{height:90px}.cat h3{font-size:15px}.cat p{font-size:11px}.products{grid-template-columns:1fr 1fr;gap:11px}.card{border-radius:18px}.product-media{height:250px;padding:10px}.product-media img{width:96%;height:96%}.sale{top:9px;right:9px;padding:5px 7px;font-size:10px}.pbody{padding:13px 12px 14px}.pbody h3{font-size:15px;min-height:38px}.size{font-size:11px}.price{font-size:19px;margin:10px 0}.mrp{font-size:11px}.actions{grid-template-columns:1fr;gap:7px}.primary,.outline{min-height:44px;padding:9px 10px;font-size:12px}.page-hero{padding:40px 0}.title{font-size:35px}.detail{grid-template-columns:1fr;gap:25px}.detail-img{min-height:400px;padding:24px}.detail-img img{height:350px}.detail h1{font-size:38px}.detail-actions{grid-template-columns:1fr}.detail .price{font-size:27px}.banner-card{padding:27px;display:block}.why{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}.cart-row{grid-template-columns:70px 1fr}.cart-row>strong{grid-column:2}.cart-row img{width:70px;height:65px}.footgrid{grid-template-columns:1fr}.footer .container{padding-bottom:100px}.wa{width:54px;height:54px;right:18px;bottom:75px}.wa svg{width:29px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:66px;background:rgba(255,255,255,.98);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:55;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:850;color:#55675f;position:relative}.mobile-nav a:first-child{color:var(--green)}.mobile-nav a>span:first-of-type{font-size:11px}.mobile-nav .cart-count{position:absolute;top:5px;right:22%;min-width:17px;height:17px;font-size:9px;background:var(--green);color:#fff}.drawer-inner{padding:14px 18px 25px}.drawer-top{height:64px}.drawer-logo{height:50px}.drawer-nav{padding:12px 0}.drawer-nav a{font-size:18px;padding:12px 8px}}
@media(max-width:390px){.product-media{height:225px}.pbody h3{font-size:14px}.price{font-size:18px}}