:root{--ink:#17251f;--green:#155d46;--lime:#dfff74;--cream:#f7f5ee;--muted:#68736d;--line:#e4e7e2;--white:#fff;--red:#d9504f}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:'Hind Siliguri',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{background:var(--ink);color:#e4ede8;text-align:center;padding:8px;font-size:13px}body>header{height:82px;display:flex;align-items:center;gap:45px;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffc;backdrop-filter:blur(12px);z-index:10}.logo{font:bold 27px/1 'Hind Siliguri';display:flex;align-items:center;gap:8px}.logo span{display:grid;place-items:center;width:35px;height:35px;background:var(--lime);color:var(--green);border-radius:11px}.logo.light{color:#fff}.search{display:flex;max-width:590px;flex:1;background:#f2f4f1;border-radius:10px;overflow:hidden}.search input{border:0;background:none;padding:12px 18px;outline:none;flex:1}.search button{border:0;background:var(--green);color:#fff;padding:0 20px}header nav{display:flex;align-items:center;gap:23px;font-weight:600}header nav b{background:var(--lime);border-radius:50%;padding:0 6px;color:var(--green)}main{min-height:60vh}.hero{min-height:600px;padding:75px max(6vw,28px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:linear-gradient(130deg,#eff9ed,#f8f5e7);overflow:hidden}.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(50px,6vw,82px);line-height:1.02;margin:14px 0 22px;letter-spacing:-3px}.hero h1 em{color:var(--green);font-style:normal}.hero p{font-size:19px;color:var(--muted);max-width:600px}.btn{display:inline-block;border:0;border-radius:9px;background:var(--green);color:#fff;padding:14px 24px;font-weight:600;cursor:pointer}.btn:hover{background:#0e4936}.btn.secondary{background:#e8efeb;color:var(--green)}.btn.full{display:block;width:100%;text-align:center}.stats{display:flex;gap:20px;margin-top:45px;color:var(--muted);font-size:13px}.stats b{color:var(--ink)}.hero-card{height:400px;position:relative;background:var(--green);border-radius:50% 45% 55% 40%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(4deg);box-shadow:30px 30px 0 var(--lime)}.hero-card span{font-size:24px}.hero-card strong{font-size:70px;line-height:1}.hero-card small{font-size:16px}.section{padding:80px max(6vw,28px)}.section:nth-of-type(3){background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{font-size:38px;margin:5px 0}.section-head>a{color:var(--green);font-weight:600}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.category-grid a{padding:25px 15px;border:1px solid var(--line);border-radius:15px;text-align:center;transition:.2s}.category-grid a:hover{transform:translateY(-4px);border-color:var(--green)}.category-grid span{font-size:36px;display:block}.category-grid b,.category-grid small{display:block}.category-grid small{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #173e2512}.product-img{display:block;height:280px;background:#eee;position:relative;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.product-card:hover img{transform:scale(1.04)}.product-img i{position:absolute;top:14px;left:14px;background:var(--lime);color:var(--green);font-style:normal;font-weight:bold;padding:5px 9px;border-radius:4px}.product-info{padding:17px}.product-info small{color:var(--muted)}.product-info h3{margin:4px 0 9px;font-size:19px}.price{color:var(--green);font-size:19px;font-weight:bold}.price del,.detail-price del{color:#9aa39e;font-size:14px;margin-left:8px;font-weight:normal}.icon-btn{width:100%;border:1px solid var(--line);background:#fff;padding:9px;margin-top:12px;border-radius:7px;color:var(--green);font-weight:600;cursor:pointer}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:40px max(6vw,28px);background:var(--green);color:#fff}.benefits div{padding:5px 25px;border-right:1px solid #ffffff2c}.benefits b,.benefits small{display:block}.benefits small{color:#bed0c8}footer{background:var(--ink);color:#aebbb5;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:60px max(6vw,28px)}footer a{display:block;margin:8px 0}footer h4{color:#fff}.page-head{text-align:center;padding:55px 20px;background:var(--cream)}.page-head h1{font-size:46px;margin:8px}.page-head p,.page-head span{color:var(--muted)}.page-head.small{padding:32px}.catalog{display:grid;grid-template-columns:220px 1fr;gap:45px;padding:55px max(6vw,28px)}.catalog aside{border-right:1px solid var(--line)}.catalog aside a{display:block;padding:9px 0;color:var(--muted)}.catalog aside a.active{color:var(--green);font-weight:bold}.results{margin-bottom:20px}.product-detail{padding:65px max(8vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail-image{height:570px;background:var(--cream);border-radius:20px;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.product-detail h1{font-size:45px;margin:10px 0}.rating{color:#e3a22c}.detail-price{font-size:32px;color:var(--green);font-weight:bold;margin:20px 0}.product-detail p{color:var(--muted);font-size:18px}.buy{display:flex;gap:12px;margin:25px 0}.buy input{width:75px;padding:10px;border:1px solid var(--line);border-radius:8px}.safe{background:var(--cream);padding:15px;border-radius:8px}.description{padding:40px max(12vw,30px) 80px}.cart-wrap,.checkout{padding:50px max(8vw,25px);display:grid;grid-template-columns:1fr 340px;gap:40px}.cart-item{display:grid;grid-template-columns:80px 1fr 70px 110px 30px;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:16px 0}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:9px}.cart-item h3,.cart-item p{margin:2px}.cart-item input{width:60px;padding:7px}.trash{border:0;background:none;font-size:25px;color:var(--red)}.summary,.form-card,.admin-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px #17251f08}.summary{height:max-content}.summary h2{margin-top:0}.summary p,.line{display:flex;justify-content:space-between;gap:20px}.summary .total,.line.total{font-size:20px}.empty{text-align:center;padding:70px;grid-column:1/-1}.checkout{background:#fafaf7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.form-card>label,.admin-card form label{font-weight:600}.form-grid .wide{grid-column:1/-1}input,textarea,select{width:100%;padding:12px;border:1px solid #d9dedb;border-radius:8px;background:#fff;margin-top:5px}textarea{min-height:90px}.payment{display:block;border:2px solid var(--green);padding:15px;border-radius:9px}.payment input,.check input{width:auto}.payment small{display:block;color:var(--muted);padding-left:20px}.errors{padding:12px;background:#fff0ef;color:#a82626;border-radius:8px;margin:10px 0}.success-page{text-align:center;padding:100px 20px}.success-page>div{margin:auto auto 20px;width:75px;height:75px;display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:50%;font-size:36px}.success-page h1{font-size:38px}.flash{position:fixed;right:20px;top:105px;padding:13px 20px;background:var(--green);color:#fff;border-radius:8px;z-index:30}.login-page{min-height:650px;display:grid;place-items:center;background:var(--cream)}.login-page form{width:min(430px,90vw)}
.admin-body{background:#f5f7f5}.admin-side{position:fixed;width:245px;inset:0 auto 0 0;background:var(--ink);color:#bac8c1;padding:28px 20px;display:flex;flex-direction:column}.admin-side>small{margin:45px 10px 10px;text-transform:uppercase;letter-spacing:2px}.admin-side nav a{display:block;padding:12px;border-radius:8px;margin:4px 0}.admin-side nav a.active,.admin-side nav a:hover{background:#ffffff12;color:#fff}.admin-side form{margin-top:auto}.admin-side button{border:0;background:none;color:#bac8c1}.admin-main{margin-left:245px}.admin-main>header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 35px}.admin-main>header div{display:flex;flex-direction:column}.admin-main main{padding:35px}.admin-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.admin-title span{color:var(--muted)}.admin-title h1{margin:2px 0;font-size:35px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.metrics>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;display:flex;gap:15px;align-items:center}.metrics i{width:45px;height:45px;display:grid;place-items:center;background:#e4f4e9;color:var(--green);border-radius:10px;font-style:normal;font-size:20px}.metrics span,.metrics b{display:block}.metrics span{color:var(--muted)}.metrics b{color:var(--ink);font-size:25px}.admin-card{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}th{font-size:13px;color:var(--muted)}.badge{padding:5px 9px;border-radius:20px;background:#eee;font-size:12px}.badge.completed{background:#ddf5e5;color:#187144}.badge.pending{background:#fff2cd;color:#856513}.badge.cancelled{background:#ffe5e3;color:#9d302c}.product-cell{display:flex;align-items:center;gap:10px}.product-cell img{width:45px;height:45px;object-fit:cover;border-radius:7px}.inline{display:inline}.inline button{border:0;background:none;color:var(--red)}.product-form{max-width:900px}.check{display:block;margin:15px 0}.order-admin{display:grid;grid-template-columns:1fr 350px;gap:25px}
@media(max-width:900px){body>header{height:auto;flex-wrap:wrap;padding:15px 20px;gap:15px}.search{order:3;min-width:100%}header nav{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:45px}.hero-card{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr);gap:25px}.catalog{grid-template-columns:1fr}.catalog aside{border:0;display:flex;gap:15px;overflow:auto}.product-detail,.cart-wrap,.checkout,.order-admin{grid-template-columns:1fr}.admin-side{width:75px;padding:20px 8px}.admin-side .logo{font-size:0}.admin-side nav a{font-size:0}.admin-side nav a:first-letter{font-size:20px}.admin-side>small{display:none}.admin-main{margin-left:75px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header nav a:first-child{display:none}.hero h1{font-size:48px}.stats{flex-direction:column;gap:5px}.section{padding:55px 20px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.product-img{height:330px}.benefits,footer{grid-template-columns:1fr}.product-detail{padding:35px 20px}.detail-image{height:400px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.cart-item{grid-template-columns:65px 1fr 50px}.cart-item>b{grid-column:2}.metrics{grid-template-columns:1fr}.admin-main main{padding:20px}.admin-main{margin-left:60px}.admin-side{width:60px}.admin-card{padding:15px}}

/* Storefront experience upgrades */
body{font-family:'Anek Bangla',sans-serif}.logo{font-family:'Anek Bangla',sans-serif}body>header{width:100%;gap:30px;padding-left:26px;padding-right:26px}.search{max-width:none}header nav{margin-left:auto}.header-cart{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;background:var(--green);color:#fff;position:relative;box-shadow:0 7px 18px #155d4630}.header-cart svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-cart b{position:absolute;right:-6px;top:-6px;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border:3px solid #fff;border-radius:20px;background:var(--lime);color:var(--green);font-size:11px}.cart-pop{animation:cartPop .55s ease}main,.hero{width:100%}.hero,.section,.catalog,.product-detail,.cart-wrap,.checkout,.description{max-width:none}.section{padding-left:4vw;padding-right:4vw}.icon-btn{border-color:var(--green);padding:10px;transition:.25s}.icon-btn span{float:right;font-size:20px;line-height:1}.icon-btn:hover,.icon-btn.added{background:var(--green);color:#fff;transform:translateY(-2px)}.buy-now-btn{width:100%;border:0;background:var(--lime);color:var(--ink);padding:11px;margin-top:9px;border-radius:8px;font-weight:700;cursor:pointer;transition:.25s}.buy-now-btn:hover{background:#d3f25d;transform:translateY(-2px);box-shadow:0 8px 18px #87a52e32}.buy-now-btn:disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed}.detail-buy{max-width:360px;margin:-12px 0 24px}.cart-toast{position:fixed;right:24px;bottom:24px;z-index:80;background:var(--ink);color:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 12px 35px #0003;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}.cart-toast.show{opacity:1;transform:translateY(0)}.flying-cart-dot{position:fixed;z-index:100;width:17px;height:17px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #dfff7440;left:0;top:0;pointer-events:none;animation:flyToCart .75s cubic-bezier(.2,.8,.2,1) forwards}.checkout-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.25s}.checkout-modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;border:0;background:#0c1d17b8;backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(720px,calc(100vw - 30px));max-height:92vh;overflow:auto;background:#fff;padding:35px;border-radius:20px;box-shadow:0 28px 80px #0005;transform:translateY(28px) scale(.97);transition:.3s}.checkout-modal.open .modal-panel{transform:none}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f0f2ef;width:36px;height:36px;border-radius:50%;font-size:25px;cursor:pointer}.modal-panel h2{font-size:32px;margin:3px 0 16px}.modal-product{display:flex;align-items:center;gap:14px;padding:12px;background:var(--cream);border-radius:12px;margin-bottom:20px}.modal-product img{width:62px;height:62px;object-fit:cover;border-radius:9px}.modal-product b,.modal-product span{display:block}.modal-product span{color:var(--green);font-weight:700}.form-grid.compact{gap:12px}.form-grid.compact input,.form-grid.compact textarea{padding:9px}.form-grid.compact textarea{min-height:65px}.modal-panel .payment{margin:14px 0}.modal-open{overflow:hidden}@keyframes cartPop{35%{transform:scale(1.2) rotate(-7deg)}70%{transform:scale(.92) rotate(4deg)}}@keyframes flyToCart{0%{transform:translate(var(--from-x),var(--from-y)) scale(1);opacity:1}100%{transform:translate(var(--to-x),var(--to-y)) scale(.25);opacity:.2}}
@media(max-width:900px){body>header{padding:14px 18px}.header-cart{width:44px;height:44px;flex-basis:44px}.search{order:4}.modal-panel{padding:26px 20px}}@media(max-width:560px){header nav{gap:12px}.header-cart{margin-left:auto}.modal-panel .form-grid{grid-template-columns:1fr}.modal-panel .wide{grid-column:auto}}

.header-cart{border:0;cursor:pointer;font-size:21px}.search button{display:flex;align-items:center;gap:7px}.icon-btn i,.buy-now-btn i,.btn i{margin-right:6px}.cart-drawer{position:fixed;inset:0;z-index:65;visibility:hidden;pointer-events:none}.cart-drawer.open{visibility:visible;pointer-events:auto}.cart-drawer-backdrop{position:absolute;inset:0;border:0;background:#0c1d176e;opacity:0;transition:.3s}.cart-drawer.open .cart-drawer-backdrop{opacity:1}.cart-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(440px,100vw);background:#fff;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-25px 0 70px #0003;transform:translateX(105%);transition:transform .36s cubic-bezier(.2,.8,.2,1)}.cart-drawer.open .cart-drawer-panel{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 18px;border-bottom:1px solid var(--line)}.drawer-head span{color:var(--muted);font-size:13px}.drawer-head h2{margin:2px 0;font-size:30px}.drawer-head h2 b{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:20px;background:var(--lime);font-size:13px;color:var(--green)}.drawer-head button{border:0;background:#eff2ef;width:40px;height:40px;border-radius:50%;cursor:pointer}.drawer-items{padding:10px 25px;overflow:auto}.drawer-item{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.drawer-item img{width:74px;height:82px;border-radius:10px;object-fit:cover;background:var(--cream)}.drawer-item h3{font-size:16px;line-height:1.25;margin:0 0 4px}.drawer-item span{color:var(--muted);font-size:13px}.drawer-item strong{color:var(--green);font-size:14px}.drawer-footer{padding:20px 25px 25px;border-top:1px solid var(--line);box-shadow:0 -12px 30px #17251f09;background:#fff}.drawer-footer p{display:flex;justify-content:space-between;font-size:20px;margin:0}.drawer-footer small{display:block;color:var(--muted);margin-bottom:15px}.view-cart-link{display:block;text-align:center;color:var(--green);font-weight:600;margin-top:13px}.drawer-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.drawer-empty i{font-size:48px;color:#b6c0ba}.drawer-empty h3{color:var(--ink);margin:10px 0 0}.drawer-empty p{margin:3px}.drawer-open{overflow:hidden}
@media(max-width:560px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:10px}.product-img{height:170px}.product-info{padding:10px}.product-info h3{font-size:14px;line-height:1.25;min-height:35px}.product-info small{font-size:11px}.price{font-size:15px}.price del{display:none}.icon-btn,.buy-now-btn{font-size:12px;padding:8px 4px}.icon-btn i,.buy-now-btn i{margin-right:3px}.cart-drawer-panel{width:100vw}.cart-drawer-backdrop{display:none}.drawer-head{padding-top:20px}.drawer-items{padding-left:18px;padding-right:18px}.drawer-footer{padding:16px 18px 22px}}

/* Square product media and modern checkout */
.product-img{height:auto;aspect-ratio:1/1}
.product-img img{display:block}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.checkout-heading,.shipping-section-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.checkout-heading>span,.shipping-section-title>span{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;background:#eaf5ef;color:var(--green);font-size:20px}
.checkout-heading h2,.shipping-section-title h2{margin:0;font-size:24px}
.checkout-heading small,.shipping-section-title small{display:block;color:var(--muted);font-weight:500;margin-bottom:1px}
.checkout-fields{margin-bottom:30px}
.checkout-fields label{color:#2a3731}
.checkout-fields input,.checkout-fields textarea{border:1.5px solid #dce3df;background:#fbfcfb;transition:border-color .2s,box-shadow .2s,background .2s}
.checkout-fields input:focus,.checkout-fields textarea:focus{outline:0;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #155d4612}
.shipping-section-title{padding-top:26px;border-top:1px solid var(--line)}
.shipping-block{margin-top:18px}
.shipping-block>h3{font-size:15px;margin:0 0 10px;color:#4b5952}
.shipping-options{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}
.shipping-option{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 17px;border:1.5px solid #dce3df;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.shipping-option:hover{border-color:#8eb3a4;transform:translateY(-1px)}
.shipping-option>input{position:absolute;opacity:0;pointer-events:none}
.shipping-radio{width:21px;height:21px;border:2px solid #aab7b0;border-radius:50%;display:grid;place-items:center;transition:.2s}
.shipping-radio:after{content:"";width:9px;height:9px;border-radius:50%;background:#fff;transform:scale(0);transition:.2s}
.shipping-option:has(input:checked){border-color:var(--green);background:#f4faf6;box-shadow:0 7px 22px #155d4612}
.shipping-option input:checked+.shipping-radio{border-color:var(--green);background:var(--green)}
.shipping-option input:checked+.shipping-radio:after{transform:scale(1)}
.shipping-copy{min-width:0}
.shipping-copy b{display:block;font-size:16px;color:var(--ink)}
.shipping-copy small{display:block;margin-top:3px;color:var(--muted);font-weight:400;line-height:1.35}
.shipping-copy small i{color:var(--green)}
.shipping-copy small em{font-style:normal;margin:0 4px;color:#aab4af}
.shipping-option>strong{color:var(--green);font-size:17px;white-space:nowrap}
.modal-shipping-options{margin:20px 0}
.modal-shipping-options .shipping-section-title{padding-top:18px}
.modal-shipping-options .shipping-section-title h2{font-size:21px}
.modal-shipping-options .shipping-block{margin-top:12px}
.modal-shipping-options .shipping-option{padding:13px 14px}
@media(max-width:560px){.product-img{height:auto;aspect-ratio:1/1}.checkout-heading h2,.shipping-section-title h2{font-size:21px}.shipping-option{grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:13px 12px}.shipping-copy b{font-size:14px}.shipping-copy small{font-size:11px}.shipping-option>strong{font-size:14px}.checkout{padding-left:14px;padding-right:14px}.checkout .form-card{padding:18px}.modal-panel{padding:28px 18px}.modal-shipping-options .shipping-section-title{align-items:flex-start}}

/* Compact storefront layout and cleaner header */
body{font-size:15px}
body>header{height:68px;gap:22px;padding:0 clamp(20px,3vw,52px);background:#fff;border-bottom:1px solid #edf0ee}
.logo{font-size:24px}.logo span{width:32px;height:32px;border-radius:10px}
.search{max-width:520px;flex:1;background:#fff;border:1px solid #dce5df;border-radius:999px;box-shadow:0 5px 16px #17251f08}
.search input{padding:10px 16px;font-size:14px}.search button{width:40px;height:40px;display:grid;place-items:center;padding:0;margin:3px;border-radius:50%;background:transparent;color:var(--green)}
.search button:hover{background:#eef5f0}.search button span{display:none}.search button i{font-size:18px}
header nav{gap:9px;margin-left:auto}.header-shop{padding:8px 10px}
.header-login{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1.5px solid var(--green);border-radius:999px;color:var(--green);line-height:1;transition:.2s}
.header-login:hover{background:var(--green);color:#fff}.header-login i{font-size:16px}
.header-cart{width:42px;height:42px;flex-basis:42px;border-radius:50%;box-shadow:none}
.header-cart b{right:-5px;top:-5px;min-width:21px;height:21px;font-size:10px}
.hero{min-height:530px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:clamp(44px,5vw,70px)}.hero-card{height:360px}.hero-card strong{font-size:60px}
.section{padding-top:64px;padding-bottom:64px}.section-head h2{font-size:32px}.product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.product-card{border-radius:12px}.product-info{padding:12px}.product-info h3{font-size:16px;line-height:1.3}.price{font-size:16px}.icon-btn,.buy-now-btn{font-size:13px;padding:8px 6px}
.modal-close,.drawer-head button{display:grid;place-items:center;line-height:1}.modal-close{font-size:16px}.modal-close i,.drawer-head button i{display:block;line-height:1}
.shipping-block{margin-top:12px}.shipping-block>h3{margin-bottom:8px;font-size:14px;color:var(--ink)}
.checkout-heading{margin-bottom:16px}.checkout-fields{margin-bottom:20px}
@media(max-width:1199px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){body>header{height:62px;gap:13px;padding:0 18px;flex-wrap:nowrap}.search{order:initial;min-width:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-shop{display:none}}
@media(max-width:600px){.topbar{font-size:11px;padding:6px 10px}body>header{height:60px;padding:0 14px;gap:8px}.logo{font-size:20px;gap:6px}.logo span{width:28px;height:28px;border-radius:9px}.search{display:none}header nav{margin-left:auto;gap:7px}.header-login{padding:7px 10px;font-size:13px}.header-login i{font-size:15px}.header-cart{margin-left:0;width:38px;height:38px;flex-basis:38px}.header-cart b{right:-6px;top:-6px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:10px}.product-info h3{font-size:14px}.icon-btn,.buy-now-btn{font-size:12px}.modal-close{right:14px;top:13px;width:34px;height:34px}.drawer-head button{display:grid;place-items:center}.checkout-heading>span{width:38px;height:38px;flex-basis:38px}.checkout-heading h2{font-size:20px}}
/* category preview and cart controls */
.view-all-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);font-weight:700;white-space:nowrap;transition:.2s}
.view-all-btn:hover{border-color:var(--green);background:#f6fbf7}
.cart-meta{min-width:0}
.cart-meta h3{margin:0 0 4px;font-size:16px;line-height:1.3}
.cart-meta p{margin:0;color:var(--muted)}
.qty-control{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 6px}
.qty-control input{width:54px;text-align:center;border:0;padding:8px 2px;margin-top:0;background:transparent}
.qty-control input::-webkit-outer-spin-button,.qty-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-control input[type=number]{-moz-appearance:textfield}
.qty-btn{width:32px;height:32px;border:0;border-radius:50%;background:#eef4f0;color:var(--green);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}
.qty-btn:hover{background:var(--green);color:#fff}
.cart-update-btn{margin-top:18px;width:100%}
.item-total{white-space:nowrap}
.trash{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;justify-self:end}
@media(min-width:901px){.category-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.category-grid a{padding:20px 12px}.category-grid span{font-size:32px}.cart-item{grid-template-columns:84px minmax(0,1fr) auto auto auto;gap:16px;align-items:center}}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-grid a{padding:12px 5px;border-radius:11px}.category-grid span{font-size:27px}.category-grid b{font-size:12px;line-height:1.2}.category-grid small{font-size:10px}.cart-item{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img meta remove" "img qty qty" "img total total";gap:10px}.cart-item>img{grid-area:img}.cart-meta{grid-area:meta}.qty-control{grid-area:qty;justify-self:start}.item-total{grid-area:total}.trash{grid-area:remove}}

/* Tighter storefront section rhythm and interactive cart drawer */
.category-section{padding-top:34px;padding-bottom:40px}
.featured-section{padding-top:38px;padding-bottom:48px}
.category-section .section-head,.featured-section .section-head{margin-bottom:16px}
.category-section .section-head h2,.featured-section .section-head h2{margin:0}
.drawer-item{grid-template-columns:74px minmax(0,1fr) auto;align-items:start}
.drawer-item-meta{min-width:0}
.drawer-item-side{display:flex;min-width:64px;min-height:82px;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:9px}
.drawer-remove{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff0ef;color:var(--red);cursor:pointer;line-height:1}
.drawer-remove:hover{background:var(--red);color:#fff}
.drawer-remove:disabled,.drawer-qty-control button:disabled{opacity:.45;cursor:not-allowed}
.drawer-qty-control{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:4px 6px;border:1px solid var(--line);border-radius:999px;background:#fff}
.drawer-item-meta>span{display:block}
.drawer-qty-control button{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:50%;background:#edf3ef;color:var(--green);font-size:18px;line-height:1;cursor:pointer}
.drawer-qty-control button:hover{background:var(--green);color:#fff}
.drawer-qty-control .drawer-qty-delete{background:#fff0ef;color:var(--red);font-size:13px}
.drawer-qty-control .drawer-qty-delete:hover{background:var(--red);color:#fff}
.drawer-qty-control b{min-width:17px;text-align:center;font-size:13px}
@media(max-width:560px){.category-section{padding-top:26px;padding-bottom:30px}.featured-section{padding-top:30px;padding-bottom:36px}.drawer-item{grid-template-columns:74px minmax(0,1fr) auto;gap:12px}.drawer-item-side{min-width:60px}.drawer-item h3{font-size:15px}.drawer-qty-control{margin-top:8px}}

/* Instant product search */
.search{position:relative;overflow:visible}
.search-results{position:absolute;top:calc(100% + 9px);left:0;width:100%;max-height:420px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 38px #17251f24;z-index:40}
.search-results a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;border-radius:9px}
.search-results a:hover{background:#f3f8f4}
.search-results img{width:46px;height:46px;object-fit:cover;border-radius:8px;background:var(--cream)}
.search-results b,.search-results small{display:block}.search-results b{font-size:14px;line-height:1.25}.search-results small{color:var(--green);font-weight:700;font-size:13px;margin-top:3px}.search-results>a>i{color:var(--green)}
.search-empty{margin:0;padding:12px 10px;color:var(--muted);font-size:14px}

/* Marketing banners and aligned cart rows */
.drawer-item{grid-template-columns:92px minmax(0,1fr) auto;min-height:92px}
.drawer-item img{width:92px;height:92px;aspect-ratio:1/1}
.drawer-item-side{min-height:92px}
.drawer-item-meta{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.drawer-qty-control{margin-top:0;align-self:flex-start}
.banner-slider{height:530px;position:relative;overflow:hidden;background:var(--cream)}
.banner-slide{position:absolute;inset:0;display:block;visibility:hidden;opacity:0;transition:opacity .45s ease}
.banner-slide.active{visibility:visible;opacity:1}.banner-slide img{width:100%;height:100%;display:block;object-fit:cover}
.banner-arrow{position:absolute;top:50%;z-index:2;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffe0;color:var(--ink);font-size:20px;cursor:pointer;transform:translateY(-50%);box-shadow:0 5px 18px #0002}.banner-arrow:hover{background:#fff;color:var(--green)}.banner-arrow.prev{left:24px}.banner-arrow.next{right:24px}
.banner-dots{position:absolute;z-index:2;bottom:18px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.banner-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#ffffffa8;cursor:pointer}.banner-dots button.active{width:27px;border-radius:9px;background:var(--lime)}
.banner-form-card{margin-bottom:25px}.banner-form-card>p{margin-top:-5px;color:var(--muted)}.marketing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.marketing-banner-card{display:flex;flex-direction:column;gap:17px}.marketing-banner-card>img{width:100%;aspect-ratio:3.62/1;object-fit:cover;border-radius:10px;background:var(--cream)}.banner-card-actions{display:flex;align-items:center}.danger-link{border:0;background:none;padding:0;color:var(--red);font-weight:700;cursor:pointer}
@media(max-width:900px){.banner-slider{height:330px}.marketing-list{grid-template-columns:1fr}}
@media(max-width:560px){.drawer-item{grid-template-columns:82px minmax(0,1fr) auto;min-height:82px}.drawer-item img{width:82px;height:82px}.drawer-item-side{min-height:82px}.drawer-item h3{font-size:14px;max-width:190px}.banner-slider{height:210px}.banner-arrow{width:36px;height:36px;font-size:16px}.banner-arrow.prev{left:12px}.banner-arrow.next{right:12px}.banner-dots{bottom:10px}}

/* Preserve the uploaded banner's exact aspect ratio at every viewport width */
.banner-slider{height:auto;aspect-ratio:1920/530}
.banner-slide img{object-fit:contain}
.category-section .section-head h2,.featured-section .section-head h2{font-size:26px;line-height:1.15}
@media(max-width:900px){.banner-slider{height:auto;aspect-ratio:1920/530}}
@media(max-width:560px){.banner-slider{height:auto;aspect-ratio:1920/530}.category-section .section-head h2,.featured-section .section-head h2{font-size:22px}}

/* Smooth, lightweight interaction layer */
html{scroll-behavior:smooth}
.banner-slider{aspect-ratio:1600/600}
.marketing-banner-card>img{aspect-ratio:1600/600}
.checkout-fields input:focus,.checkout-fields textarea:focus,input:focus,textarea:focus,select:focus{box-shadow:none!important}
button,.btn,.icon-btn,.buy-now-btn,.header-cart,.header-login,.view-all-btn,.category-grid a,.product-card,.banner-arrow,.drawer-remove,.qty-btn,.drawer-qty-control button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,box-shadow .2s ease}
button:active,.btn:active,.icon-btn:active,.buy-now-btn:active,.header-cart:active,.header-login:active,.banner-arrow:active,.drawer-remove:active,.qty-btn:active,.drawer-qty-control button:active{transform:scale(.96)}
.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.75,.3,1) var(--reveal-delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
.motion-ready .product-card.reveal{transition:opacity .45s ease var(--reveal-delay,0ms),transform .45s cubic-bezier(.2,.75,.3,1) var(--reveal-delay,0ms),box-shadow .25s ease,border-color .25s ease}
.banner-slide.active img{animation:bannerImageIn 5s ease-out both}
@keyframes bannerImageIn{from{opacity:.72;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Shop category navigation card and marketing notice controls */
.category-sidebar{align-self:start;padding:18px;border:1px solid #e2e9e4!important;border-radius:18px;background:#fff;box-shadow:0 12px 32px #173e250d}
.category-sidebar-head{display:flex;align-items:center;gap:10px;padding:5px 8px 16px;border-bottom:1px solid var(--line)}
.category-sidebar-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eff8e8;color:var(--green)}
.category-sidebar h3{margin:0;font-size:19px}.category-sidebar nav{display:grid;gap:4px;margin-top:12px}
.catalog .category-sidebar nav a{display:flex;align-items:center;gap:10px;margin:0;padding:11px 10px;border:1px solid transparent;border-radius:10px;color:#5f6d66;font-size:14px;transition:.2s}
.category-sidebar nav a i{width:19px;text-align:center;font-size:15px;color:#738078}.category-sidebar nav a b{margin-left:auto;font-size:18px;font-weight:400;opacity:0;transition:.2s}
.category-sidebar nav a:hover{background:#f3f8f4;color:var(--green)}.category-sidebar nav a.active{border-color:#d6e9da;background:#edf8ef;color:var(--green);font-weight:700}.category-sidebar nav a.active i{color:var(--green)}.category-sidebar nav a:hover b,.category-sidebar nav a.active b{opacity:1}
.announcement-card{margin-bottom:25px}.announcement-card h2{margin:0 0 4px}.announcement-card>p{margin:0 0 18px;color:var(--muted)}
@media(max-width:900px){.category-sidebar{padding:12px}.category-sidebar-head{display:none}.catalog .category-sidebar nav{display:flex;margin:0;gap:8px}.catalog .category-sidebar nav a{white-space:nowrap;padding:8px 10px}.category-sidebar nav a b{display:none}}

/* Modern admin interface */
.admin-body{font-family:'Anek Bangla',sans-serif;background:#f5f7f6;color:#17251f;font-size:14px}
.admin-side{width:224px;padding:20px 14px;background:#10231c;border-right:1px solid #ffffff0a}
.admin-brand{height:42px;display:flex;align-items:center;gap:10px;padding:0 9px;color:#fff;font-size:19px}.admin-brand>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--lime);color:var(--green);font-weight:800}.admin-brand strong{letter-spacing:-.4px}
.admin-side>small{margin:27px 11px 8px;color:#6f8b80;font-size:10px;font-weight:700;letter-spacing:1.5px}.admin-side nav{display:grid;gap:3px}.admin-side nav a,.admin-side-bottom>a,.admin-side-bottom button{height:42px;display:flex;align-items:center;gap:11px;margin:0;padding:0 12px;border-radius:9px;color:#a9bdb5;font-size:13px;font-weight:500}.admin-side nav a i,.admin-side-bottom i{width:18px;text-align:center;font-size:16px}.admin-side nav a.active,.admin-side nav a:hover,.admin-side-bottom>a:hover,.admin-side-bottom button:hover{background:#ffffff10;color:#fff}.admin-side nav a.active{box-shadow:inset 3px 0 0 var(--lime)}
.admin-side-bottom{display:grid;gap:3px;margin-top:auto}.admin-side-bottom form{margin:0}.admin-side-bottom button{width:100%;border:0;background:none;cursor:pointer}
.admin-main{margin-left:224px}.admin-main>header{height:64px;padding:0 30px;border-bottom:1px solid #e7ebe8;box-shadow:0 1px 0 #fff;background:#fff}.admin-user{display:flex!important;flex-direction:row!important;align-items:center;gap:9px}.admin-user>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#edf5f0;color:var(--green)}.admin-user>div{display:flex;flex-direction:column}.admin-user small{font-size:10px;color:#87928d}.admin-user b{font-size:13px}
.admin-main main{width:100%;max-width:none;margin:0;padding:30px clamp(24px,3vw,52px)}.admin-title{align-items:center;margin-bottom:22px}.admin-title>div:first-child>span{display:block;margin-bottom:3px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.admin-title h1{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.8px}.admin-title p{margin:6px 0 0;color:#718078;font-size:13px}.admin-actions{display:flex;gap:9px;align-items:center}
.admin-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 15px;border-radius:9px;font-size:13px}.admin-body .btn i{margin:0}.admin-body .btn.secondary{background:#fff;border:1px solid #dce4df;color:#355247}.admin-body .btn.secondary:hover{border-color:#9bb7aa;background:#f8fbf9}
.admin-card{padding:21px;border:1px solid #e3e9e5;border-radius:13px;box-shadow:0 8px 25px #17251f08}.admin-card h2{font-size:18px}.admin-card .section-head{align-items:center;margin-bottom:15px}.admin-card .section-head h2{margin:2px 0;font-size:18px}.admin-card .section-head small{color:#87928d;font-size:10px;letter-spacing:1px}
.admin-body table{font-size:13px}.admin-body th{padding:11px 12px;background:#f8faf9;color:#829087;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.admin-body td{padding:12px;border-bottom-color:#edf0ee}.admin-body tbody tr:hover{background:#fbfdfb}.table-link{color:var(--green);font-weight:700}.table-actions{display:flex;align-items:center;gap:10px}.table-actions>a{display:inline-flex;gap:5px;color:var(--green);font-weight:600}.table-actions form{margin:0}.table-actions button{border:0;background:none;color:var(--red);cursor:pointer}.stock-chip,.payment-chip{display:inline-flex;padding:4px 8px;border-radius:20px;background:#edf5f0;color:var(--green);font-size:11px;font-weight:700}.stock-chip.low,.payment-chip.unpaid{background:#fff1e7;color:#a55d20}.payment-chip.paid{background:#e4f6e9;color:#247044}.payment-chip.refunded{background:#f0edf8;color:#67528c}
.metrics{gap:14px}.metrics>div{padding:18px;border:1px solid #e3e9e5;border-radius:12px}.metrics i{width:40px;height:40px;font-size:17px}.metrics span{font-size:12px}.metrics b{margin-top:2px;font-size:22px}.product-cell img{width:42px;height:42px;border-radius:9px}.badge{display:inline-flex;padding:5px 9px;font-weight:600;text-transform:capitalize}
.modern-admin-form{max-width:920px}.modern-admin-form h2{margin:8px 0 15px;padding-bottom:10px;border-bottom:1px solid #edf0ee}.modern-admin-form h2:not(:first-of-type){margin-top:26px}.admin-body input,.admin-body textarea,.admin-body select{margin-top:6px;padding:10px 11px;border-color:#dbe3de;border-radius:8px;font-size:13px}.admin-body label{color:#425149;font-size:12px}.admin-body input:focus,.admin-body textarea:focus,.admin-body select:focus{outline:0;border-color:#71a38c;box-shadow:none}.form-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid #e2e8e4;border-radius:10px;background:#fafcfb}.switch-row span b,.switch-row span small{display:block}.switch-row span small{margin-top:2px;color:#87928d;font-weight:400}.switch-row input{width:38px;height:21px;margin:0;accent-color:var(--green)}
.upload-box{display:grid;place-items:center;min-height:170px;padding:25px;border:1.5px dashed #b9c9c1;border-radius:12px;background:#fafcfb;text-align:center;cursor:pointer}.upload-box i{font-size:30px;color:var(--green)}.upload-box b,.upload-box span{display:block}.upload-box span{color:#87928d;font-weight:400}.upload-box input{max-width:300px}.csv-headings{margin:17px 0;padding:13px;border-radius:8px;background:#f3f6f4;overflow:auto}.csv-headings code{font-size:11px}
.shipping-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.shipping-class-card.modern{display:flex;flex-direction:column;gap:17px}.shipping-class-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.shipping-class-card-head>span:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf5ee;color:var(--green);font-size:18px}.shipping-class-card-head small{color:#8a958f;font-size:9px;letter-spacing:1px}.shipping-class-card-head h2{margin:2px 0 0;font-size:17px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#eef1ef;color:#6f7d76;font-size:10px;font-weight:700}.status-pill.active{background:#e6f6eb;color:#287046}.status-pill.inactive{background:#f2f2f2;color:#7f8581}.status-pill i{font-size:6px}.class-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #edf0ee;border-radius:10px;background:#fafcfb}.class-stats>span{padding:12px 14px}.class-stats>span+span{border-left:1px solid #e7ece9}.class-stats b,.class-stats small{display:block}.class-stats b{font-size:18px}.class-stats small{color:#87928d;font-size:10px}.class-rate-preview{display:grid;gap:8px}.class-rate-preview>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0ee}.class-rate-preview b,.class-rate-preview small{display:block}.class-rate-preview b{font-size:12px}.class-rate-preview small{margin-top:2px;color:#87928d;font-size:10px}.class-rate-preview strong{color:var(--green);font-size:12px}.class-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.class-card-actions form{margin:0}.icon-danger{width:36px;height:36px;border:0;border-radius:9px;background:#fff0ef;color:var(--red);cursor:pointer}
.shipping-overview-card{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border:1px solid #dfe8e3;border-radius:14px;background:linear-gradient(135deg,#fff,#f2f8f4)}.shipping-overview-card>div{display:flex;align-items:center;gap:14px}.shipping-class-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--green);color:#fff;font-size:20px}.shipping-overview-card small{font-size:9px;letter-spacing:1px;color:#87928d}.shipping-overview-card h2{margin:2px 0;font-size:19px}.shipping-overview-card p{margin:0;color:#718078;font-size:11px}.subsection-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px}.subsection-title h2{margin:0;font-size:19px}.subsection-title p{margin:4px 0 0;color:#7e8c84;font-size:11px}.icon-action{width:37px;height:37px;border:0;border-radius:9px;background:var(--green);color:#fff;cursor:pointer}.delivery-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.delivery-option-card{padding:17px;border:1px solid #e1e8e4;border-radius:13px;background:#fff;box-shadow:0 7px 22px #17251f07}.delivery-option-top{display:flex;align-items:center;justify-content:space-between}.delivery-option-top>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#eef6f1;color:var(--green)}.card-edit-btn{width:32px;height:32px;border:0;border-radius:8px;background:#f3f5f4;color:#5e6c65;cursor:pointer}.delivery-option-card h3{margin:14px 0 6px;font-size:15px}.delivery-option-card>p{margin:0;color:#7c8982;font-size:11px}.delivery-option-meta{display:flex;align-items:end;justify-content:space-between;margin:18px 0 12px;padding-top:12px;border-top:1px solid #edf0ee}.delivery-option-meta small,.delivery-option-meta b{display:block}.delivery-option-meta small{color:#8c9791;font-size:9px}.delivery-option-meta b{margin-top:2px;font-size:11px}.delivery-option-meta strong{color:var(--green);font-size:18px}.card-delete-btn{border:0;background:none;padding:0;color:#a56b68;font-size:10px;cursor:pointer}
.admin-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.2s}.admin-modal.open{visibility:visible;opacity:1}.admin-modal-backdrop{position:absolute;inset:0;border:0;background:#091711a8;backdrop-filter:blur(3px)}.admin-modal-panel{position:relative;width:min(560px,calc(100vw - 28px));padding:22px;border-radius:15px;background:#fff;box-shadow:0 28px 80px #0004;transform:translateY(16px) scale(.98);transition:.25s}.admin-modal.open .admin-modal-panel{transform:none}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.admin-modal-head small{color:var(--green);font-size:9px;letter-spacing:1px}.admin-modal-head h2{margin:3px 0 0;font-size:20px}.admin-modal-head>button{width:34px;height:34px;border:0;border-radius:50%;background:#f0f3f1;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.customer-card{display:flex;gap:10px;padding:12px;border-radius:10px;background:#f6f9f7}.customer-card>i{color:var(--green)}
@media(max-width:1000px){.shipping-class-grid{grid-template-columns:1fr}.delivery-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-side{width:68px;padding:16px 8px}.admin-brand{padding:0}.admin-brand strong,.admin-side>small,.admin-side nav a span,.admin-side-bottom span{display:none}.admin-brand>span{margin:auto}.admin-side nav a,.admin-side-bottom>a,.admin-side-bottom button{justify-content:center;padding:0}.admin-main{margin-left:68px}.admin-main main{padding:22px 15px}.admin-main>header{padding:0 16px}.admin-title{align-items:flex-start;gap:14px}.admin-title,.admin-actions{flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}.delivery-option-grid{grid-template-columns:1fr}.form-switches{grid-template-columns:1fr}.shipping-overview-card{align-items:flex-start;gap:12px}.shipping-overview-card>div{align-items:flex-start}.admin-card{padding:15px}}
/* Admin motion: intentionally subtle so frequent back-office tasks stay fast and calm. */
@keyframes adminSideIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes adminHeaderIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes adminContentIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes adminFlashIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}70%{opacity:1;transform:translateY(2px) scale(1.01)}100%{transform:none}}
.admin-side{animation:adminSideIn .42s cubic-bezier(.22,.8,.28,1) both}.admin-main>header{animation:adminHeaderIn .38s ease-out both}.admin-main main>*{animation:adminContentIn .48s cubic-bezier(.22,.8,.28,1) both}.admin-main main>*:nth-child(2){animation-delay:55ms}.admin-main main>*:nth-child(3){animation-delay:105ms}.admin-main main>*:nth-child(4){animation-delay:150ms}.admin-side nav a,.admin-side-bottom>a,.admin-side-bottom button{transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.admin-side nav a:hover,.admin-side-bottom>a:hover,.admin-side-bottom button:hover{transform:translateX(3px);box-shadow:0 8px 16px #00000014}.admin-body .btn,.icon-action,.card-edit-btn,.card-delete-btn,.table-actions a,.table-actions button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.admin-body .btn:hover,.icon-action:hover,.card-edit-btn:hover,.table-actions a:hover{transform:translateY(-2px);box-shadow:0 8px 18px #163d2a18}.admin-body .btn:active,.icon-action:active,.card-edit-btn:active{transform:translateY(0) scale(.97);box-shadow:none}.admin-card,.shipping-overview-card,.delivery-option-card,.shipping-class-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.admin-card:hover,.shipping-overview-card:hover,.delivery-option-card:hover,.shipping-class-card:hover{transform:translateY(-3px);border-color:#c9dcd2;box-shadow:0 15px 32px #173e2510}.admin-user>span{transition:transform .25s ease,background-color .25s ease}.admin-user:hover>span{transform:rotate(-8deg) scale(1.07);background:#dff1e7}.admin-modal{transition:visibility .22s,opacity .22s ease}.admin-modal-panel{transition:transform .28s cubic-bezier(.2,.85,.25,1),opacity .28s ease}.flash{animation:adminFlashIn .45s cubic-bezier(.2,.85,.25,1) both}.admin-body input,.admin-body textarea,.admin-body select{transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.admin-body input:focus,.admin-body textarea:focus,.admin-body select:focus{background:#fcfffd;transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.admin-side,.admin-main>header,.admin-main main>*,.flash{animation:none!important}.admin-side nav a,.admin-side-bottom>a,.admin-side-bottom button,.admin-body .btn,.icon-action,.card-edit-btn,.card-delete-btn,.table-actions a,.table-actions button,.admin-card,.shipping-overview-card,.delivery-option-card,.shipping-class-card,.admin-user>span,.admin-body input,.admin-body textarea,.admin-body select{transition:none!important}}
.admin-main.is-loading main{opacity:.52;transform:translateY(3px);pointer-events:none}.admin-main main{transition:opacity .16s ease,transform .16s ease}

/* Search bar: exact desktop centering and baseline alignment */
.search{box-shadow:none;align-items:center}
.search input{height:44px;margin:0;padding:0 16px;line-height:1.2}
.search button{margin:0 3px 0 0;align-self:center;line-height:1}
.search button i{display:block;line-height:1}
@media(min-width:901px){.search{position:absolute;left:50%;transform:translateX(-50%);width:clamp(300px,35vw,520px);flex:none;height:44px}.search input{min-width:0}.search button{flex:0 0 40px}}

/* Category and sale-price presentation */
.product-card .price{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;color:var(--ink)}
.product-card .regular-price{position:relative;display:inline-block;color:#8b9690;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.product-card .regular-price:after{content:"";position:absolute;left:-3px;right:-3px;top:52%;border-top:2px solid var(--red);transform:rotate(-11deg);transform-origin:center}
.product-card .selling-price{margin-left:auto;color:var(--green);font-size:16px;white-space:nowrap}
@media(max-width:600px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-grid a{padding:13px 5px;border-radius:11px}.category-grid span{font-size:27px}.category-grid b{font-size:12px;line-height:1.2}.category-grid small{font-size:10px}.product-card .regular-price{font-size:11px}.product-card .selling-price{font-size:14px}}