:root{
  --primary-color:#0b8f4d;
  --secondary-color:#08713d;
  --text-color:#101828;
  --background-color:#f6f7f9;
  --button-border-radius:11px;
  --store-latin-font:"Inter";
  --store-bangla-font:"Tiro Bangla";
  --store-number-font:"Inter";
  --store-body-font-size:16px;
  --brand:var(--primary-color);
  --brand-dark:var(--secondary-color);
  --brand-soft:#e9f8f0;
  --ink:var(--text-color);
  --muted:#667085;
  --line:#e5e7eb;
  --bg:var(--background-color);
  --card:#ffffff;
  --danger:#c51d1d;
  --danger-bg:#fff0f0;
  --shadow:0 18px 50px rgba(16,24,40,.12);
}
*{box-sizing:border-box}
/* Smooth scrolling is handled selectively for in-page anchors via JS, preventing SPA navigation glide */
body{
  margin:0;
  font-family:var(--store-latin-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  line-height:1.6;
}
html[lang="bn"],:lang(bn){
  font-family:var(--store-latin-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  line-height:1.62;
}
html[lang="bn"] :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,strong,b,small,.ticker-item,.product-title,.buy-btn,.add-btn){
  letter-spacing:0.02em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
html[lang="bn"] :is(p,label,small,span,.product-meta,.detail-short-description){
  line-height:1.62;
}
html[lang="bn"] :is(h1,h2,h3,h4,h5,h6){
  line-height:1.38;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.container{width:min(1220px,94%);margin:auto}

/* ticker */
.announcement{
  height:35px;
  background:#10261d;
  color:#ffffff;
  display:flex;
  align-items:center;
  overflow:hidden;
  position:relative;
  z-index:30
}
.announcement-label{
  width:42px;
  flex:0 0 42px;
  text-align:center;
  background:#0a1a13;
  height:100%;
  display:grid;
  place-items:center;
  z-index:2
}
.ticker-window{overflow:hidden;white-space:nowrap;width:100%}
.ticker-track{
  display:inline-flex;
  gap:60px;
  min-width:max-content;
  animation:ticker 26s linear infinite;
  font-size:13px;
  font-weight:650
}
.ticker-item::after{content:"•";margin-left:60px;opacity:.5}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* header */
.topbar{
  background:#ffffff!important;
  color:var(--text-color);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:25
}
.header-inner{
  min-height:66px;
  display:flex;
  align-items:center;
  gap:12px
}
.icon-btn,.drawer-close{
  border:1px solid var(--line);
  background:#fff;
  border-radius:var(--button-border-radius);
  width:42px;height:42px;
  display:grid;place-items:center
}
.brand{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:900;
  font-size:21px;
  white-space:nowrap
}
.brand-mark{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:transparent;color:white
}
.brand-mark:empty,.brand-mark.has-logo{
  background:transparent!important;
}
.search{display:flex;flex:1;max-width:680px;margin-left:auto}
.search input{
  flex:1;min-width:0;
  border:1px solid var(--line);
  border-right:0;
  background:#f9fafb;
  border-radius:12px 0 0 12px;
  padding:11px 13px;
  outline:none
}
.search input:focus{background:#fff;border-color:#a7d9bf}
.search > button{
  width:48px;border:0;border-radius:0 var(--button-border-radius, 12px) var(--button-border-radius, 12px) 0;
  background:var(--primary-color);color:#fff;font-size:22px
}
.cart-btn{
  position:relative;
  border:1px solid var(--line);
  background:#fff;
  border-radius:var(--button-border-radius, 12px);
  padding:9px 12px;
  font-weight:850;
  display:flex;align-items:center;gap:6px
}
#cartCount{
  min-width:22px;height:22px;padding:0 6px;
  border-radius:99px;
  background:var(--brand);color:#fff;
  display:grid;place-items:center;
  font-size:12px
}
.cart-btn.bump{animation:cartBump .45s ease}
@keyframes cartBump{
  0%{transform:scale(1)}
  35%{transform:scale(1.18) rotate(-3deg)}
  70%{transform:scale(.96)}
  100%{transform:scale(1)}
}

/* hero */
.hero{padding:18px 0 4px}
.hero-box{
  min-height:var(--hero-min-height,330px);
  border-radius:26px;
  padding:var(--hero-padding,46px);
  color:var(--hero-text,#fff);
  display:grid;
  grid-template-columns:1.25fr .75fr;
  align-items:center;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 83% 25%,rgba(255,255,255,.2),transparent 21%),
    linear-gradient(135deg,var(--hero-bg1,#071a12),var(--hero-bg2,#0b8f4d))
}
.hero-box:after{
  content:"";
  width:360px;height:360px;border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  position:absolute;right:-100px;bottom:-180px
}
.hero-copy{position:relative;z-index:2}
.eyebrow{
  display:inline-block;
  padding:6px 10px;border-radius:99px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.15);
  font-size:13px;font-weight:800
}
.hero h1{
  white-space:pre-line;
  font-size:clamp(28px,5vw,var(--hero-title-size,44px));
  line-height:1.15;
  margin:16px 0;
  color:var(--hero-text,#fff);
}
.hero p{max-width:620px;color:var(--hero-subtitle,#d9f7e8);font-size:17px;line-height:1.65}
.hero-art{display:grid;place-items:center;position:relative;z-index:1}
.hero-bag{
  width:220px;height:220px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:55px;
  font-size:100px;
  transform:rotate(7deg);
  box-shadow:0 25px 70px rgba(0,0,0,.2)
}

/* buttons */
.primary,.secondary,.buy-btn,.add-btn{
  border:0;border-radius:var(--button-border-radius);
  padding:10px 12px;
  font-weight:850;
  letter-spacing:0.02em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.primary{background:var(--primary-color);color:#fff}
.add-btn{background:var(--product-card-cart-bg,var(--primary-color));color:var(--product-card-cart-text,#fff)}
.hero .primary,.hero .hero-primary-link{background:var(--hero-btn-bg,var(--secondary-color,#0b8f4d));color:var(--hero-btn-text,#fff)}
.primary:hover{background:var(--secondary-color)}
.add-btn:hover{background:var(--product-card-cart-bg,var(--secondary-color));filter:brightness(0.92)}
.buy-btn{background:var(--product-card-buy-bg,#c2410c);color:var(--product-card-buy-text,#fff);box-shadow:0 2px 6px rgba(194,65,12,.22);transition:background .15s ease,transform .15s ease,filter .15s ease,box-shadow .15s ease}
.buy-btn:hover{filter:brightness(1.08);box-shadow:0 4px 12px rgba(194,65,12,.32)}
.buy-btn:active{transform:scale(.98)}
.full{width:100%}

/* content */
.section{padding:24px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}
.section-head h2{margin:0;font-size:26px}
.section-head p{margin:4px 0 0;color:var(--muted);font-size:14px}
.product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}
.product-card{
  background:var(--product-card-bg,var(--card));
  border:1px solid var(--product-card-border,var(--line));
  border-radius:var(--product-card-radius,17px);
  padding:var(--product-card-padding,10px);
  min-width:0;
  display:flex;
  flex-direction:column;
  height:100%
}
.product-img{
  width:calc(100% + var(--product-card-padding-double,20px));
  margin:var(--product-card-padding-negative,-10px) var(--product-card-padding-negative,-10px) 0;
  height:var(--product-card-image-height,190px);
  aspect-ratio:var(--product-card-image-ratio,4/5);
  background:#f0f2f4;
  border-radius:var(--product-card-image-radius,16px) var(--product-card-image-radius,16px) min(var(--product-card-image-radius,16px),12px) min(var(--product-card-image-radius,16px),12px);
  display:grid;place-items:center;
  font-size:72px;
  overflow:hidden;
  position:relative
}
.discount{
  position:absolute;left:8px;top:8px;
  background:#d92d20;color:white;
  border-radius:999px;padding:3px 8px;
  font-size:11px;font-weight:800
}
.product-meta{padding-top:9px;display:flex;flex:1;min-height:0;flex-direction:column}
.product-category{font-family:var(--product-card-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;font-size:var(--product-card-category-font,11px);color:var(--product-card-meta-color,var(--secondary-color));font-weight:800;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card h3{
  margin:5px 0 6px;
  font-family:var(--product-card-title-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-size:var(--product-card-title-font,15px);line-height:1.38;font-weight:var(--product-card-title-weight,800);color:var(--product-card-title-color,#101828);
  min-height:2.8em;max-height:2.8em;overflow:hidden;
  letter-spacing:0.015em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  text-align:var(--product-card-title-align,center);
  word-break:break-word;
}
.catalog-price-row{display:flex;align-items:baseline;justify-content:center;gap:6px;line-height:1.3;margin-top:2px}
.price{font-size:18px;font-weight:900}
.old-price{font-size:12px;color:#667085;text-decoration:line-through;text-decoration-color:#94a3b8;text-decoration-thickness:1.2px;margin-left:3px}
.product-card .price{font-family:var(--product-card-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;font-size:var(--product-card-price-font,20px);font-weight:var(--product-card-price-weight,900);color:var(--product-card-price-color,#d92d20);font-variant-numeric:tabular-nums;line-height:1.25}
.product-card .old-price{font-family:var(--product-card-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;font-size:var(--product-card-old-price-font,12px);color:var(--product-card-old-price-color,#667085);font-variant-numeric:tabular-nums;line-height:1.25}
.product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px
}
.product-actions :is(button,a){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:var(--product-card-action-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  padding:8px 10px;
  font-size:var(--product-card-action-font,15px);
  font-weight:var(--product-card-action-weight,800);
  border-radius:var(--product-card-button-radius,10px);
  letter-spacing:0.015em;
  line-height:1.2;
  white-space:nowrap;
  min-height:44px;
  box-shadow:0 2px 5px rgba(16,24,40,.06);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.product-card .product-actions .add-btn{background:var(--product-card-cart-bg,var(--primary-color));color:var(--product-card-cart-text,#fff);border:1px solid rgba(0,0,0,.04)}
.product-card .product-actions .buy-btn{background:var(--product-card-buy-bg,#c2410c);color:var(--product-card-buy-text,#fff);border:1px solid rgba(0,0,0,.04)}

/* product page */
.page-wrap{padding:26px 0 50px}
.back-link{display:inline-block;text-decoration:none;color:color-mix(in srgb,var(--primary-color) 82%,#000 18%);font-weight:800;margin-bottom:14px}
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-large{
  min-height:470px;background:white;border:1px solid var(--line);
  border-radius:22px;display:grid;place-items:center;font-size:160px
}
.product-info{background:white;font-size:var(--product-detail-body-font,var(--store-body-font-size));border:1px solid var(--line);border-radius:22px;padding:26px}
.product-info .product-category{font-size:var(--product-detail-micro-font,11px)}
.product-info h1{font-size:33px;line-height:1.15;margin:10px 0}
.muted{color:var(--muted)}
.notice{
  background:var(--danger-bg);
  border:1px solid #ffcaca;
  border-left:5px solid var(--danger);
  color:var(--danger);
  padding:13px 14px;
  border-radius:10px;
  font-weight:750;
  line-height:1.55
}
.qty-wrap{display:flex;align-items:center;gap:12px;margin:18px 0}
.qty-wrap input{width:76px;padding:9px;border:1px solid var(--line);border-radius:9px}

/* drawers */
.drawer-backdrop{
  position:fixed;inset:0;
  background:rgba(0,0,0,.42);
  z-index:39;
  opacity:0;pointer-events:none;
  transition:.2s
}
.drawer-backdrop.show{opacity:1;pointer-events:auto}
.category-drawer,.cart-drawer{
  position:fixed;top:0;height:100%;
  background:#fff;z-index:40;
  box-shadow:var(--shadow);
  transition:transform .25s ease;
  display:flex;flex-direction:column
}
.category-drawer{left:0;width:min(350px,88vw);transform:translateX(-105%)}
.category-drawer.open{transform:translateX(0)}
.cart-drawer{right:0;width:min(430px,92vw);transform:translateX(105%)}
.cart-drawer.open{transform:translateX(0)}
.drawer-head{
  padding:18px;
  border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center
}
.drawer-head h3{margin:0 0 2px}
.drawer-head small{color:var(--muted)}
.category-list{padding:10px}
.category-item{
  width:100%;
  border:0;
  background:#fff;
  display:flex;align-items:center;gap:12px;
  padding:13px;border-radius:11px;
  text-align:left;font-weight:800
}
.category-item{ text-decoration:none }
.category-item:hover,.category-item.active{background:var(--brand-soft);color:var(--brand)}
.category-icon{font-size:21px}
.cart-items{padding:7px 18px;overflow:auto;flex:1}
.cart-line{
  display:grid;grid-template-columns:52px 1fr auto;
  gap:10px;align-items:center;
  padding:12px 0;border-bottom:1px solid var(--line)
}
.cart-line .thumb{
  width:52px;height:52px;border-radius:10px;
  display:grid;place-items:center;background:#f1f3f5;font-size:27px
}
.cart-line button{border:0;background:transparent;color:var(--danger);font-size:12px}
.cart-line strong{display:block;font-size:13px;line-height:1.35;color:var(--text)}
.cart-line .variant-label{display:block;margin-top:2px;color:#9a3412;font-weight:700;font-size:11.5px}
.drawer-foot{padding:18px;border-top:1px solid var(--line)}
.row{display:flex;justify-content:space-between;gap:15px;padding:7px 0}
.total{font-size:19px}

/* fly animation */
.fly-item{
  position:fixed;
  z-index:100;
  pointer-events:none;
  width:54px;height:54px;
  border-radius:50%;
  background:white;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  display:grid;place-items:center;
  font-size:28px;
  transition:left .65s cubic-bezier(.2,.8,.3,1),top .65s cubic-bezier(.2,.8,.3,1),transform .65s cubic-bezier(.2,.8,.3,1),opacity .65s cubic-bezier(.2,.8,.3,1)
}

/* checkout */
.checkout-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px}
.panel h2{margin-top:0;font-size:22px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}
.field label{font-size:13px;font-weight:800}
.field input,.field select,.field textarea{
  width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff
}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #ccebdc;border-color:var(--brand)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-option{border:1px solid var(--line);border-radius:13px;padding:13px;margin-bottom:10px}
.payment-option>label{font-weight:850}
.payment-details{padding-top:12px;margin-top:12px;border-top:1px dashed var(--line)}
.order-item{
  display:grid;grid-template-columns:48px 1fr auto;
  gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)
}
.order-thumb{width:48px;height:48px;background:#f1f3f5;border-radius:9px;display:grid;place-items:center;font-size:25px}
.location-status{font-size:12px;color:var(--muted);margin-top:-5px;margin-bottom:12px}
.success{
  max-width:700px;margin:25px auto;background:#fff;border:1px solid var(--line);
  border-radius:22px;padding:32px;text-align:center
}
.success .icon{font-size:66px}

/* floating */
.floating-chat{
  position:fixed;right:16px;bottom:18px;
  z-index:32;
  display:flex;flex-direction:column;gap:10px
}
.chat-btn{
  width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;
  text-decoration:none;color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  font-weight:900;font-size:23px
}
.messenger{background:#168aff}
.whatsapp{background:#25d366}

/* footer */
#app{min-height:calc(100vh - 180px)}
#app:empty ~ footer{display:none!important}
footer{background:var(--footer-bg,#111b17);color:var(--footer-text,#d6ddd9);padding:34px 0;margin-top:30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
footer h3,footer h4{color:var(--footer-link,#fff);margin-top:0}
footer p{font-size:14px;color:var(--footer-text,#d6ddd9)}
footer a,.footer-grid a{color:var(--footer-link,inherit);text-decoration:none}

/* tablet */
@media(max-width:900px){
  .hero-box,.product-page,.checkout-layout{grid-template-columns:1fr}
  .hero-art{display:none}
  .hero-box.show-mobile-art .hero-art{display:grid;place-items:center;margin-top:20px}
  .hero-box.show-mobile-art .hero-custom-image{max-width:min(var(--hero-img-width,260px),80vw);max-height:min(var(--hero-img-height,220px),220px)}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .product-img{height:145px;font-size:55px}
}

/* mobile catalog: two readable products per row */
@media(max-width:600px){
  .container{width:min(100% - 16px,1220px)}
  .announcement{height:32px}
  .announcement-label{width:36px;flex-basis:36px}
  .ticker-track{font-size:11px;gap:40px}
  .ticker-item::after{margin-left:40px}
  .hero{padding-top:10px}
  .hero-box{min-height:var(--hero-min-height-mobile,210px);padding:var(--hero-padding-mobile,24px 20px);border-radius:18px}
  .hero h1{font-size:var(--hero-title-size-mobile,33px);margin:12px 0}
  .hero p{font-size:14px;line-height:1.55;margin-bottom:13px}
  .section{padding:18px 0}
  .section-head h2{font-size:21px}
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }
  .product-card{
    padding:9px;
    border-radius:14px
  }
  .product-img{
    width:calc(100% + 18px);
    margin:-9px -9px 0;
    height:132px;
    border-radius:13px 13px 10px 10px;
    font-size:46px
  }
  .discount{
    left:6px;top:6px;padding:3px 5px;
    font-size:10px;border-radius:6px
  }
  .product-meta{padding-top:8px}
  .product-category{font-size:11px}
  .product-card h3{
    font-size:14px;
    line-height:1.38;
    min-height:2.8em;
    max-height:2.8em;
    overflow:hidden;
    margin:4px 0 5px
  }
  .price{font-size:16px}
  .old-price{display:inline;font-size:11px}
  .product-actions{gap:7px;margin-top:9px}
  .product-actions :is(button,a){
    min-height:44px;
    padding:8px 5px;
    font-size:11px;
    border-radius:9px
  }
  .page-wrap{padding-top:16px}
  .product-large{min-height:280px;font-size:100px}
  .product-info{padding:18px}
  .product-info h1{font-size:25px}
  .two-col{grid-template-columns:1fr}
  .panel{padding:15px;border-radius:15px}
  .footer-grid{grid-template-columns:1fr}
  .floating-chat{right:10px;bottom:13px}
  .chat-btn{width:44px;height:44px;font-size:20px}
}


@media(max-width:600px){
  body{font-size:14px}
  .hero-box{padding:22px 18px}
  .hero h1{font-size:33px}
  .hero p{font-size:13px}
  .section-head{margin-bottom:10px}
  .product-grid{gap:10px}
  .product-card{padding:9px}
  .product-img{height:132px}
  .product-card h3{font-size:14px;min-height:2.8em;max-height:2.8em;overflow:hidden;line-height:1.38}
  .product-actions :is(button,a){font-size:13.5px;min-height:42px;padding:7px 5px;white-space:nowrap}
  .cart-drawer{width:min(390px,94vw)}
  .checkout-layout{gap:12px}
  .panel h2{font-size:19px}
  .field input,.field select,.field textarea{font-size:16px;min-height:44px;padding:10px}
  .notice{font-size:13px}
  .order-item{grid-template-columns:42px 1fr auto}
  .order-thumb{width:42px;height:42px;font-size:22px}
}



.cod-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cod-method{
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-weight:850;
  background:#fff;
  transition:.18s
}
.cod-method.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.pay-to-box{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:#f8fafc;border:1px solid var(--line);border-radius:10px;
  padding:11px 12px;margin-bottom:13px
}
.pay-to-box span{color:var(--muted);font-size:13px;font-weight:750}
.pay-to-box strong{font-size:15px;letter-spacing:.2px}
.order-item{grid-template-columns:48px 1fr auto}
.order-main{min-width:0}
.order-price{white-space:nowrap}
.order-remove{
  margin-top:5px;padding:0;border:0;background:transparent;
  color:var(--danger);font-size:11px;font-weight:800
}
.order-summary{margin-top:12px;padding-top:5px}
.summary-divider{height:1px;background:var(--line);margin:10px 0 7px}
.payable-row{align-items:center;padding-top:8px;font-size:19px}
.payable-row>strong:first-child{font-weight:900;color:var(--ink)}
.payable-amount{
  color:#087f5b;
  font-size:23px;
  font-weight:950;
  letter-spacing:-.2px
}
@media(max-width:600px){
  .order-panel{padding:14px}
  .order-item{grid-template-columns:42px 1fr auto;gap:8px;padding:10px 0}
  .order-thumb{width:42px;height:42px;font-size:22px}
  .order-main>strong{font-size:12px;line-height:1.25;display:block}
  .order-main .muted{font-size:10px}
  .order-price{font-size:12px}
  .order-remove{font-size:10px}
  .payable-row{font-size:16px}
  .payable-amount{font-size:20px}
  .cod-method{padding:9px 8px;font-size:13px}
}



.search{position:relative}.search-suggestions{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.12);overflow:hidden;z-index:90}.search-suggestions.show{display:block}.search-suggestions :is(button,a){width:100%;border:0;background:#fff;padding:10px;display:flex;gap:10px;text-align:left;align-items:center;border-bottom:1px solid #f0f2f4;text-decoration:none;color:inherit}.search-suggestions :is(button,a):hover{background:#f7faf8}.search-suggestions small{display:block;color:#087443;margin-top:3px}.stock-ok{font-size:12px;color:#087443;font-weight:700;margin:3px 0 6px}.product-img{position:relative}.sticky-product-actions{display:none}.copy-btn{border:1px solid #0b8f4d;background:#fff;color:#087443;border-radius:8px;padding:7px 10px;font-weight:700;margin-left:auto}.pay-to-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.checkout-qty{display:inline-flex;align-items:center;border:1px solid #d8e1dc;border-radius:8px;overflow:hidden;margin:8px 0}.checkout-qty button{border:0;background:#f4f7f5;width:30px;height:28px;font-size:18px}.checkout-qty b{min-width:28px;text-align:center}.order-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:0 0 14px;font-size:20px}.order-items-wrap.collapsed{display:none}.field-error{display:block;color:#c62828;min-height:16px;margin-top:4px}.confirmation-card{background:#f5faf7;border:1px solid #dbece2;border-radius:12px;padding:12px;margin:15px 0}.secondary{border:1px solid #0b8f4d;background:#fff;color:#087443;padding:11px 16px;border-radius:9px;font-weight:700}.mobile-nav{display:none}
@media(max-width:600px){body{padding-bottom:66px}.floating-chat{bottom:76px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid #e6ebe8;z-index:100;box-shadow:none}.mobile-nav a,.mobile-nav button{border:0;background:transparent;color:#34443b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;position:relative}.mobile-nav span{font-size:10px;margin-top:2px}.mobile-nav b{position:absolute;top:4px;right:22%;background:#0b8f4d;color:#fff;border-radius:10px;font-size:9px;padding:1px 5px}.sticky-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:58px;left:0;right:0;background:#fff;padding:8px 10px;border-top:1px solid #e6ebe8;z-index:95;box-shadow:none}.sticky-product-actions button{min-height:42px}.checkout-layout{display:block}.checkout-layout .panel{margin-bottom:12px}.order-panel{position:static!important}.order-toggle{font-size:16px}.order-item{grid-template-columns:42px 1fr auto;gap:8px}.order-thumb{width:42px;height:42px}.payable-row{font-size:17px}.payable-amount{font-size:20px}.two-col{grid-template-columns:1fr}.search-suggestions{position:fixed;top:58px;left:8px;right:8px}.pay-to-box strong{font-size:16px}.copy-btn{margin-left:0}}


.search-suggestions{background:#f7fbf9;border:2px solid #178654;box-shadow:0 14px 38px rgba(12,93,57,.22)}
.search-suggestions::before{content:"সার্চ সাজেশন";display:block;padding:8px 12px;background:#e6f4ed;color:#075f3b;font-weight:800;font-size:12px;border-bottom:1px solid #cce8da}
.search-suggestions :is(button,a){background:#fff;border-bottom:1px solid #dceae3}
.search-suggestions :is(button,a):nth-child(even){background:#f8fcfa}
.search-suggestions :is(button,a):hover{background:#eaf7f0}
.delivery-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-method{border:1px solid #d5dfda;border-radius:10px;padding:11px;background:#fff;cursor:pointer}.delivery-method.active{border-color:#0b8f4d;background:#eef9f3;box-shadow:0 0 0 1px #0b8f4d inset}.local-note{display:block;margin-top:5px;color:#087443;font-weight:700}.full-payment-details{margin:10px 0 18px;padding:14px;border:1px solid #d9e8e0;border-radius:12px;background:#f7fbf9}.full-pay-amount{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding-top:10px;border-top:1px solid #d8e5de}.full-pay-amount strong{font-size:20px;color:#087d54}
@media(max-width:600px){.delivery-methods{grid-template-columns:1fr}.search-suggestions::before{font-size:11px}.search-suggestions{border-width:2px}.full-payment-details{padding:12px}}


.search-suggestions,.search-suggestions :is(button,a),.search-suggestions :is(button,a) b,.search-suggestions :is(button,a) small,.search-suggestions::before{color:#111!important}
.delivery-method input[type="radio"],.payment-option input[name="payment"],.cod-method input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.delivery-method{position:relative;display:block;cursor:pointer;border:2px solid #d5dfda;transition:.16s ease}
.delivery-method.active{border-color:#0b8f4d;background:#eef9f3;box-shadow:0 0 0 2px rgba(11,143,77,.08)}
.delivery-method.active::after,.cod-method.active::after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0b8f4d;color:#fff;font-weight:900;font-size:13px}
.payment-option{position:relative;border:2px solid #d5dfda;transition:.16s ease;cursor:pointer}
.payment-option>label{display:block;cursor:pointer;padding-right:34px}
.payment-option:has(input[name="payment"]:checked){border-color:#0b8f4d;background:#eef9f3;box-shadow:0 0 0 2px rgba(11,143,77,.08)}
.payment-option:has(input[name="payment"]:checked)::after{content:"✓";position:absolute;right:12px;top:10px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#0b8f4d;color:#fff;font-weight:900;font-size:13px}
.cod-method{position:relative;cursor:pointer;border:2px solid #d5dfda;padding-right:38px}
.cod-method.active{border-color:#0b8f4d;background:#eef9f3;box-shadow:0 0 0 2px rgba(11,143,77,.08)}



.delivery-fee-result{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 2px auto;padding:10px 14px;border:2px solid #a9d7bf;border-radius:10px;background:#f1faf5;color:#175c3b;min-height:56px;width:100%;text-align:center}.delivery-fee-result[hidden]{display:none!important}.delivery-fee-result span{font-size:13px;font-weight:800;line-height:1.25}.delivery-fee-result strong{font-size:19px;color:#087443;white-space:nowrap;line-height:1}.payment-option{border-radius:14px;padding:0;overflow:hidden;margin-bottom:10px;background:#fff}.payment-card-label{display:flex!important;align-items:center;gap:12px;padding:14px 42px 14px 14px!important;min-height:68px}.payment-card-label>span:last-child{display:flex;flex-direction:column;gap:2px}.payment-card-label strong{font-size:15px;color:#17251d}.payment-card-label small{font-size:11px;color:#66746c}.payment-card-icon{width:38px;height:38px;border-radius:11px;display:grid!important;place-items:center;background:#eef5f1;color:#0b8f4d;font-weight:900;flex:0 0 auto}.payment-option.selected,.payment-option:has(input[name="payment"]:checked){border-color:#0b8f4d!important;background:#f1faf5!important}.payment-option.selected .payment-card-icon,.payment-option:has(input[name="payment"]:checked) .payment-card-icon{background:#0b8f4d;color:#fff}.cod-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cod-method{min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;font-size:15px}.local-cod-notice{background:#effaf3!important;border-color:#9ed8b7!important;color:#075d35!important}.delivery-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-method{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 36px 10px 10px!important}
@media(max-width:600px){.delivery-fee-result{width:100%;padding:10px 12px;min-height:56px;margin-top:8px;justify-content:center;gap:10px}.delivery-fee-result span{font-size:12px}.delivery-fee-result strong{font-size:17px}.payment-card-label{min-height:64px;padding:12px 40px 12px 11px!important}.payment-card-icon{width:34px;height:34px;border-radius:10px}.payment-card-label strong{font-size:13px}.payment-card-label small{font-size:10px}.cod-method{min-height:50px;font-size:14px}.delivery-method{font-size:12px;min-height:54px}}


.payable-amount,
#grandTotal,
#checkoutTotal,
.total-payable-amount {
  color: #d32f2f !important;
  font-weight: 800 !important;
}


.copy-btn{position:relative;overflow:hidden;transition:transform .16s ease,background .16s ease,color .16s ease}
.copy-btn.copy-success{
  background:#0b8f4d!important;color:#fff!important;
  animation:copyPulse .48s ease;
}
.copy-btn.copy-success::after{
  content:"";position:absolute;inset:-30%;border-radius:50%;
  border:2px solid rgba(11,143,77,.35);animation:copyRing .6s ease-out;
}
@keyframes copyPulse{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes copyRing{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.7);opacity:0}}
.copy-toast{
 position:fixed;left:50%;bottom:88px;transform:translate(-50%,18px) scale(.96);
 background:#163b2a;color:#fff;padding:10px 16px;border-radius:999px;
 font-weight:800;font-size:13px;z-index:9999;opacity:0;
 box-shadow:0 8px 28px rgba(0,0,0,.18);transition:.22s ease;pointer-events:none;
}
.copy-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
@media(max-width:600px){.copy-toast{bottom:132px;white-space:nowrap}}


.copy-pay-number,
[data-copy-number],
[data-copy-target]{
  position:relative;
  overflow:hidden;
}
.copy-pay-number.copy-success,
[data-copy-number].copy-success,
[data-copy-target].copy-success{
  background:#0b8f4d!important;
  color:#fff!important;
  border-color:#0b8f4d!important;
  animation:copyPulse .48s ease;
}


.input-invalid,
.field-invalid input,
.field-invalid select,
.field-invalid textarea{
  border-color:#e57373!important;
  background:#fff4f4!important;
  box-shadow:0 0 0 2px rgba(229,115,115,.10)!important;
}
.input-invalid:focus,
.field-invalid input:focus,
.field-invalid select:focus,
.field-invalid textarea:focus{
  border-color:#d94a4a!important;
  background:#fff0f0!important;
  box-shadow:0 0 0 3px rgba(217,74,74,.14)!important;
  outline:none!important;
}
.required-error{
  display:block;
  margin-top:5px;
  color:#c94040;
  font-size:12px;
  font-weight:700;
}
.field-invalid label{
  color:#a93232;
}
@media(max-width:600px){
  .required-error{font-size:11px}
}


.input-invalid,
.field-invalid input:not([type="radio"]),
.field-invalid select,
.field-invalid textarea{
  border:2px solid #e05b5b!important;
  background:#ffecec!important;
  box-shadow:0 0 0 3px rgba(224,91,91,.13)!important;
}

.input-invalid:focus,
.field-invalid input:not([type="radio"]):focus,
.field-invalid select:focus,
.field-invalid textarea:focus{
  border-color:#c93636!important;
  background:#ffe4e4!important;
  box-shadow:0 0 0 4px rgba(201,54,54,.16)!important;
}

.field-invalid{
  border-radius:10px;
}

.required-error{
  color:#b82e2e!important;
  font-weight:800!important;
  font-size:12px!important;
}

/* Make an invalid select/input easy to notice on mobile without looking aggressive */
@media(max-width:600px){
  .input-invalid,
  .field-invalid input:not([type="radio"]),
  .field-invalid select,
  .field-invalid textarea{
    background:#ffeded!important;
    border-width:2px!important;
  }
}


.product-page-layout{align-items:start;font-size:var(--product-detail-body-font,var(--store-body-font-size))}
.product-gallery{min-width:0}
.product-main-image{
  width:100%;aspect-ratio:1/1;min-height:0;border:1px solid #e5e7eb;border-radius:22px;background:linear-gradient(145deg,#f8faf9,#eef8f2);
  display:grid;place-items:center;position:relative;overflow:hidden;user-select:none;touch-action:pan-y
}
.product-main-emoji{width:100%;height:100%;display:grid;place-items:center;font-size:clamp(92px,13vw,150px);line-height:1;filter:drop-shadow(0 16px 18px rgba(0,0,0,.09));overflow:hidden}
.detail-discount{position:absolute;z-index:2;top:16px;left:16px;background:#d92d20;color:#fff;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}
.gallery-thumbs{display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 5px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
.gallery-thumb{flex:0 0 72px;width:72px;aspect-ratio:1/1;border:1px solid #e1e5e3;background:#fff;border-radius:12px;padding:5px;cursor:pointer;color:#344054;scroll-snap-align:start}
.gallery-thumb span{width:100%;height:100%;display:grid;place-items:center;font-size:27px;overflow:hidden;border-radius:8px}
.gallery-thumb.active{border:2px solid #0b8f4d;background:#f0fbf5}
.gallery-thumb:focus-visible{outline:3px solid rgba(11,143,77,.24);outline-offset:2px}
.swipe-hint{display:none;text-align:center;color:#667085;font-size:11px;margin-top:4px}
.gallery-pop{animation:galleryPop .22s ease}
@keyframes galleryPop{0%{transform:scale(.985);opacity:.72}100%{transform:scale(1);opacity:1}}
.product-status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0}
.saving-pill{display:inline-flex;background:#fff0ed;color:#b42318;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.detail-price-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:8px 0}
.save-text{font-size:12px;font-weight:800;color:#067647}
.product-description{margin:14px 0}
.detail-qty label{display:block;margin-bottom:6px;font-weight:800}
.qty-stepper{display:inline-grid;grid-template-columns:38px 56px 38px;border:1px solid #d0d5dd;border-radius:11px;overflow:hidden;background:#fff}
.qty-stepper button{border:0;background:#f7f8f7;font-size:20px;cursor:pointer}
.qty-stepper input{width:100%;border:0!important;text-align:center;padding:9px 2px!important;box-shadow:none!important}
.detail-actions{max-width:440px!important;margin-top:17px}

@media(max-width:700px){
  .product-page-layout{gap:17px}
  .product-main-image{border-radius:16px}
  .product-main-emoji{font-size:clamp(88px,28vw,118px)}
  .swipe-hint{display:block}
  .gallery-thumb{flex-basis:62px;width:62px;padding:4px}
  .gallery-thumb span{font-size:22px}
  .product-info h1{font-size:var(--product-detail-title-font-mobile,21px);line-height:1.3;margin-bottom:7px}
  .detail-price-row .price{font-size:24px}
}
.catalog-product-image{width:100%;height:100%;object-fit:contain;display:block}.detail-product-image{width:100%;height:100%;object-fit:contain;display:block}.thumb-product-image{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}.product-main-emoji:has(img){filter:none}

.listing-short-description{font-family:var(--product-card-body-family,var(--store-latin-font)),var(--store-bangla-font),sans-serif;margin:4px 0 8px;color:var(--product-card-short-color,#667085);font-size:var(--product-card-short-font,12px);line-height:var(--product-card-short-line-height,1.45);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.detail-short-description{margin:8px 0 14px;font-size:var(--product-detail-short-font,15px);line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}
.full-product-description{margin-top:26px;padding-top:22px;border-top:1px solid #eaecf0;color:#344054;line-height:1.75}
.full-product-description h2{font-size:20px;margin:0 0 12px;color:#101828}
@media(max-width:640px){.listing-short-description{font-size:var(--product-card-short-font-mobile,10px);line-height:1.35;min-height:27px}.full-product-description{margin-top:20px;padding-top:18px}.full-product-description h2{font-size:17px}}


.product-lower-section{font-size:var(--product-detail-body-font,var(--store-body-font-size));margin-top:30px;background:#fff;border:1px solid #eaecf0;border-radius:16px;overflow:hidden}
.product-tabs{display:flex;gap:0;border-bottom:1px solid #eaecf0;overflow-x:auto;background:#fafafa}
.product-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:15px 20px;font-weight:800;color:#667085;cursor:pointer;white-space:nowrap;font-size:var(--product-detail-tab-font,14px)}
.product-tab.active{color:#101828;border-bottom-color:#101828;background:#fff}
.product-tab-panels{padding:22px}
.product-tab-panel{display:none;color:#344054;line-height:1.8}
.product-tab-panel.active{display:block}
.product-tab-panel h2{margin:0 0 14px;color:#101828;font-size:22px}
.product-tab-panel h3{margin:0 0 10px;color:#101828}
.product-description-content{white-space:pre-wrap;overflow-wrap:anywhere}
.product-key-features ul{margin:8px 0 20px;padding-left:20px}
.product-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.product-spec-grid>div{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;background:#f8fafc;border-radius:10px}
.product-spec-grid span{color:#667085}
.product-spec-grid strong{text-transform:capitalize;text-align:right}
.empty-reviews{padding:18px;background:#f8fafc;border-radius:10px;color:#667085}
@media(max-width:640px){.product-lower-section{margin-top:20px;border-radius:12px}.product-tab{padding:13px 15px;font-size:var(--product-detail-tab-font-mobile,13px)}.product-tab-panels{padding:16px}.product-tab-panel h2{font-size:19px}.product-spec-grid{grid-template-columns:1fr}}


.clickable-product-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.clickable-product-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,24,40,.09);border-color:#cbd5e1}
.product-card-main-link{display:flex;flex:1;min-height:0;flex-direction:column;color:inherit;text-decoration:none;border-radius:12px;outline:none}
.product-card-main-link:focus-visible{outline:3px solid rgba(11,143,77,.25);outline-offset:3px}
.product-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.clickable-product-card button,.clickable-product-card .product-actions a{position:relative;z-index:2}
.review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.review-head h2{margin-bottom:4px}.review-summary{color:#667085;font-weight:700}.verified-note,.verified-badge{display:inline-flex;align-items:center;gap:4px;background:#ecfdf3;color:#067647;border:1px solid #abefc6;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.review-list{display:grid;gap:10px}.review-item{border:1px solid #eaecf0;border-radius:12px;padding:14px;background:#fff}.review-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-stars{color:#f59e0b;letter-spacing:1px;margin:5px 0}.review-item p{margin:5px 0 8px;line-height:1.65}.review-item small{color:#98a2b3}.review-form{margin-top:22px;padding-top:20px;border-top:1px solid #eaecf0}.review-help{color:#667085;background:#f8fafc;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55}.review-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.review-form label{display:grid;gap:6px;font-weight:700;margin-bottom:10px}.review-form input,.review-form select,.review-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 11px;background:#fff;outline:none}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:#6cc99a;box-shadow:0 0 0 3px rgba(11,143,77,.1)}.review-message{min-height:22px;margin:2px 0 8px;font-size:13px;font-weight:700}.review-message.success{color:#067647}.review-message.error{color:#b42318}.review-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:700px){.review-head{flex-direction:column}.review-form-grid{grid-template-columns:1fr}.verified-note{font-size:11px}}


button{transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}button:not(:disabled):hover{filter:brightness(.985)}button:not(:disabled):active{transform:scale(.965)}button.button-clicked{animation:buttonConfirm .36s ease}@keyframes buttonConfirm{0%{transform:scale(1)}35%{transform:scale(.94)}70%{transform:scale(1.025)}100%{transform:scale(1)}}


.category-strip-section{padding-bottom:0}.category-strip{display:flex;gap:8px;overflow:auto;padding:2px 2px 8px;scrollbar-width:thin}.category-chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 13px;font-weight:750;display:flex;align-items:center;gap:5px;text-decoration:none}.category-chip>span{display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;flex-shrink:0}.category-chip.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.catalog-toolbar{display:grid;grid-template-columns:1.15fr 1fr .75fr .75fr 1.2fr auto;gap:8px;margin:14px 0 18px}.catalog-toolbar select,.catalog-toolbar input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.filter-reset{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 13px}.empty-products{grid-column:1/-1;padding:50px 18px;text-align:center;border:1px dashed #d0d5dd;border-radius:14px;background:#fff;display:grid;justify-items:center;gap:9px;color:#667085}.empty-products b{color:#101828;font-size:18px}.empty-products button{margin-top:5px;border:0;border-radius:10px;background:var(--brand);color:#fff;padding:10px 14px;font-weight:800}@media(max-width:850px){.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar .filter-reset{grid-column:span 2}}@media(max-width:460px){.catalog-toolbar{gap:6px}.catalog-toolbar select,.catalog-toolbar input{font-size:12px;padding:9px 7px}}


.track-wrap{max-width:760px;margin:auto}.track-form{background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;box-shadow:0 4px 16px -2px rgba(15,23,42,0.06);padding:18px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.track-form label{font-weight:700;font-size:14px}.track-form input{width:100%;margin-top:6px;border:1.5px solid #cbd5e1;border-radius:12px;padding:11px 14px;background:#fff;font-size:15px;box-sizing:border-box}.track-form input:focus,.track-form input:focus-visible{outline:none!important;outline-offset:0!important;border-color:#0f172a!important;box-shadow:0 0 0 3px rgba(15,23,42,0.12)!important}.track-card{margin-top:18px;background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;box-shadow:0 6px 20px -3px rgba(15,23,42,0.06);padding:22px}.track-head{display:flex;justify-content:space-between;gap:12px}.track-head h2{margin:3px 0}.track-status{padding:7px 10px;border-radius:999px;background:#eef4f0;height:max-content;font-weight:800;font-size:13px}.track-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:22px 0}.track-step{text-align:center;color:#98a2b3;font-size:12px;position:relative}.track-step i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#eef1ef;font-weight:800}.track-step.done{color:var(--brand,#08783e)}.track-step.done i{background:color-mix(in srgb,var(--brand,#08783e) 15%,#fff);color:var(--brand,#08783e)}.track-items{border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;padding:8px 0}.track-items>div,.track-total{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.track-total{font-size:18px}.track-cancelled,.track-error{margin-top:16px;padding:13px;border-radius:12px;background:#fee4e2;color:#b42318;border:1.5px solid #fca5a5}.track-error{max-width:760px}.policy-page-content a,.custom-page-content a{color:var(--secondary-color)}
.footer-grid a{color:inherit;text-decoration:none}@media(max-width:680px){.track-form{grid-template-columns:1fr}.track-steps{grid-template-columns:1fr;text-align:left}.track-step{display:flex;align-items:center;gap:9px;text-align:left}.track-step i{margin:0}}


.whatsapp-checkout-btn{margin-top:10px;border:0;border-radius:var(--button-border-radius, 10px);padding:13px 16px;background:#25d366;color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 7px 18px rgba(37,211,102,.2)}
.whatsapp-checkout-btn span{font-size:17px;margin-right:6px}.whatsapp-checkout-btn:hover{filter:brightness(.96)}.whatsapp-checkout-btn:disabled{opacity:.65;cursor:not-allowed}.whatsapp-checkout-note{display:block;text-align:center;color:var(--muted);margin:7px 4px 0;line-height:1.45}.whatsapp-success{margin:12px 0;padding:11px 13px;border-radius:10px;background:#eafbf0;color:#08783e;font-weight:800}.messenger{background:#1877f2}.floating-chat .chat-btn{box-shadow:0 5px 18px rgba(0,0,0,.15)}



html,body,button,input,select,textarea,a{font-family:var(--store-latin-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif}
.track-header-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--button-border-radius, 10px);background:#fff;text-decoration:none;font-weight:700;white-space:nowrap;transition:transform .15s ease,background .15s ease}
.track-header-btn:active{transform:scale(.96)}
.track-header-icon{font-size:18px}.track-header-label{font-size:14px}
.track-courier{margin-top:16px;padding:16px;border:1.5px solid #cbd5e1;border-radius:16px;background:#fafcfb}.track-courier h3{margin:0 0 8px}.track-courier-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.track-courier-events{margin-top:12px;border-left:2px solid #d8e4dc;padding-left:14px}.track-courier-event{position:relative;padding:0 0 14px 8px}.track-courier-event:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--brand)}.track-courier-event b,.track-courier-event small{display:block}.track-courier-event small{color:var(--muted);margin-top:2px}.track-privacy{margin-top:10px;color:var(--muted);font-size:13px}@media(max-width:600px){.track-privacy{padding-right:64px}}
@media(max-width:720px){.track-header-btn{padding:7px 9px}.track-header-label{display:none}.track-header-icon{font-size:20px}}
.track-form-single{grid-template-columns:minmax(0,1fr) auto}.track-form-single button{min-height:46px}
@media(max-width:680px){.track-form-single{grid-template-columns:1fr}}



html,body,button,input,select,textarea,a{font-family:var(--store-latin-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif}
body{font-size:var(--store-body-font-size);line-height:1.5}
 .price,.old-price,.order-price,.payable-amount,#grandTotal,#checkoutSubtotal,#fullPayAmount,.track-total strong,.cart-subtotal,.total,.fee-choice-card strong{
  font-family:var(--store-number-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-variant-numeric:tabular-nums;
  line-height:1.2;
}
/* Customer-facing money must stay prominent */
.price{font-size:20px;font-weight:900}
.detail-price-row .price{font-size:var(--product-detail-price-font,30px);font-weight:900}
.payable-amount,#grandTotal{font-size:26px!important;font-weight:900!important}
#checkoutSubtotal,.full-pay-amount strong{font-size:20px;font-weight:800}
.track-total strong{font-size:21px;font-weight:900}
@media(max-width:600px){
  /* Mobile catalog prices stay readable */
  .product-card .price{font-size:var(--product-card-price-font-mobile,13px)!important;letter-spacing:-.15px}
  .detail-price-row .price{font-size:var(--product-detail-price-font-mobile,27px)!important}
  .payable-amount,#grandTotal{font-size:24px!important}
  #checkoutSubtotal,.full-pay-amount strong{font-size:19px!important}
  .order-price{font-size:13px!important}
  .track-total strong{font-size:20px}
}



#products,.product-grid{scroll-margin-top:86px}
@media(max-width:700px){#products,.product-grid{scroll-margin-top:70px}}
html.has-sticky-announcement #products,html.has-sticky-announcement .product-grid{scroll-margin-top:120px}
@media(max-width:700px){html.has-sticky-announcement #products,html.has-sticky-announcement .product-grid{scroll-margin-top:102px}}

/* The old catalog title/count/filter toolbar is intentionally removed from renderHome. */
@media(max-width:600px){
  #products.section{padding-top:10px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card{padding:8px!important;border-radius:13px!important}
  .product-img{height:122px!important;border-radius:10px!important;font-size:46px!important}
  .discount{left:6px!important;top:6px!important;padding:3px 5px!important;font-size:9px!important;border-radius:6px!important}
  .product-meta{padding-top:7px!important}
  .product-category{font-size:var(--product-card-category-font-mobile,10px)!important}
  .product-card h3{font-size:var(--product-card-title-font-mobile,13px)!important;line-height:1.38!important;min-height:2.8em!important;max-height:2.8em!important;overflow:hidden!important;margin:4px 0 5px!important}
  .product-card .price{font-size:var(--product-card-price-font-mobile,15px)!important;line-height:1.2!important}
  .product-card .old-price{display:inline!important;font-size:var(--product-card-old-price-font-mobile,10px)!important;margin-left:3px!important}
  .product-actions{gap:6px!important;margin-top:8px!important}
  .product-actions :is(button,a){min-height:42px!important;padding:7px 4px!important;font-size:var(--product-card-action-font-mobile,13.5px)!important;border-radius:9px!important;white-space:nowrap!important}
}
@media(max-width:360px){
  .product-grid{gap:7px!important}
  .product-card{padding:6px!important}
  .product-img{height:108px!important}
  .product-card h3{font-size:var(--product-card-title-font-small,12px)!important}
  .product-card .price{font-size:var(--product-card-price-font-mobile,14px)!important}
  .product-actions :is(button,a){font-size:var(--product-card-action-font-small,12.5px)!important;white-space:nowrap!important}
}


.brand-mark.has-logo{background:transparent;overflow:hidden;padding:0}.brand-mark.has-logo img{width:100%;height:100%;object-fit:contain}.hero-custom-image{display:block;max-width:100%;width:min(var(--hero-img-width,340px),100%);max-height:var(--hero-img-height,280px);object-fit:contain;border-radius:22px}

.coupon-row{display:flex;gap:8px}.coupon-row input{flex:1}.coupon-row button{white-space:nowrap}



.trust-status{margin-top:7px;padding:9px 11px;border-radius:9px;font-size:12px;line-height:1.45}.trust-status.trusted{background:#eafaf0;border:1px solid #b9e5c8;color:#126334;font-weight:750}@media(max-width:600px){.trust-status{font-size:11px;padding:8px 9px}}



@media(max-width:600px){
  .page-wrap{padding-left:10px!important;padding-right:10px!important}
  .checkout-layout{display:block!important;width:100%;max-width:100%;overflow:visible}
  #checkoutForm.panel{padding:14px!important;border-radius:15px!important;width:100%;min-width:0}
  #checkoutForm .field input,#checkoutForm .field select,#checkoutForm .field textarea{font-size:16px!important;min-height:44px;max-width:100%}
  #checkoutForm .order-panel{margin:16px 0 14px!important;padding:13px!important;border-radius:14px!important;background:#fff;width:100%;box-sizing:border-box}
  #checkoutForm .order-toggle{min-height:44px;padding:0 2px 10px!important;font-size:16px!important}
  #checkoutForm .order-items-wrap{max-width:100%;overflow:hidden}
  #checkoutForm .order-item{grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px!important}
  #checkoutForm .order-main{min-width:0;overflow:hidden}
  #checkoutForm .order-main>strong{overflow-wrap:anywhere}
  #checkoutForm .order-price{font-size:12px!important;max-width:76px;white-space:normal;text-align:right}
  #checkoutForm .checkout-payment-title{margin-top:18px!important;padding-top:2px}
  #checkoutForm .primary.full,#checkoutForm .whatsapp-checkout-btn{min-height:48px;font-size:14px}
  #checkoutForm .payment-card-label,#checkoutForm .cod-method,#checkoutForm .delivery-method,.coupon-row button{min-height:46px}
  .pay-to-box{align-items:flex-start!important}.pay-to-box strong{overflow-wrap:anywhere}
}
@media(max-width:360px){
  #checkoutForm.panel{padding:11px!important}
  #checkoutForm .order-panel{padding:10px!important}
  #checkoutForm .order-item{grid-template-columns:40px minmax(0,1fr) auto!important}
  #checkoutForm .order-price{max-width:64px;font-size:11px!important}
}


/* Five bottom-nav items must always stay on ONE row. */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:clip}
  .container{width:calc(100% - 16px);max-width:100%;margin-left:auto;margin-right:auto}
  .mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;max-width:100vw!important;
    height:64px!important;
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .mobile-nav a,.mobile-nav button{min-width:0!important;width:100%;padding:4px 1px!important;font-size:17px!important;overflow:hidden}
  .mobile-nav span{font-size:9px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-nav b{top:3px!important;right:14%!important}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}
  .floating-chat{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
  .sticky-product-actions{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}

  /* Header: never overflow the viewport. Mobile nav already contains Order + Cart. */
}
/* On phone-sized widths, duplicated header Order/Cart controls are hidden so search gets the space. */
@media(max-width:480px){
}
@media(max-width:340px){
  .container{width:calc(100% - 10px)}
  .mobile-nav span{font-size:8px!important}
}



.drawer-backdrop{z-index:139}
.category-drawer,.cart-drawer{z-index:140;height:100vh;height:100dvh;max-height:100dvh}
.cart-items{min-height:0;overscroll-behavior:contain}
.drawer-foot{flex:0 0 auto;background:#fff;position:relative;z-index:2;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
#checkoutBtn{display:block!important;width:100%;min-height:48px;visibility:visible!important;opacity:1!important}
@media(max-width:600px){
  .cart-drawer{width:min(430px,100vw)!important;max-width:100vw!important}
  .cart-drawer .drawer-head{padding:14px 16px}
  .cart-drawer .cart-items{padding:6px 14px}
  .cart-drawer .drawer-foot{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}
  .cart-drawer .total{font-size:17px}
  .cart-drawer #checkoutBtn{min-height:50px;font-size:15px}
}
@media(max-width:360px){
  .cart-line{grid-template-columns:44px minmax(0,1fr) auto;gap:7px}
  .cart-line .thumb{width:44px;height:44px}
  .drawer-foot{padding-left:10px!important;padding-right:10px!important}
}


.search-suggestions{max-height:min(420px,62vh);overflow-y:auto;overflow-x:hidden;padding:0;overscroll-behavior:contain}
.search-suggestions :is(button,a){display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:68px;padding:8px 10px;text-align:left;cursor:pointer}
.search-suggestions .suggest-thumb{width:52px;height:52px;border-radius:10px;background:#f1f5f3;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:24px}
.search-suggestions .suggest-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.search-suggestions .suggest-info{min-width:0;display:block}
.search-suggestions .suggest-info b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere;line-height:1.3;font-size:14px;color:#17221c!important}
.search-suggestions .suggest-price{font-size:13px;font-weight:800;color:var(--product-card-price-color,var(--brand,#087443))!important;white-space:nowrap;align-self:center}
.search-suggestions .suggest-meta{display:block;font-size:11px!important;color:#66756d!important;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){
 .search-suggestions{position:fixed;top:82px;left:8px;right:8px;width:auto;max-height:min(380px,55dvh);border-radius:12px;z-index:120}
 .search-suggestions :is(button,a){grid-template-columns:46px minmax(0,1fr) auto;min-height:62px;padding:7px 9px;gap:8px}
 .search-suggestions .suggest-thumb{width:46px;height:46px;border-radius:9px}
 .search-suggestions .suggest-info b{font-size:13px}
 .search-suggestions .suggest-price{font-size:12px}
}
@media(max-width:360px){.search-suggestions :is(button,a){grid-template-columns:42px minmax(0,1fr) auto}.search-suggestions .suggest-thumb{width:42px;height:42px}.search-suggestions .suggest-info b{font-size:12px}.search-suggestions .suggest-price{font-size:11px}}



@media(max-width:600px){
  .mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mobile-nav a,.mobile-nav button{font-size:19px!important;}
  .mobile-nav span{font-size:10px!important;}
  .mobile-nav b{right:28%!important;}
}
@media(max-width:340px){
  .mobile-nav span{font-size:9px!important;}
}




@media(max-width:600px){
  .floating-chat{
    bottom:calc(126px + env(safe-area-inset-bottom,0px))!important;
    z-index:120!important;
  }
  .sticky-product-actions{z-index:105!important;}
  .mobile-nav{z-index:110!important;}
}



.location-search-field .location-search-input{margin-bottom:7px;background:#f8faf9;border-style:dashed}
.location-search-field .location-search-input:focus{background:#fff;border-style:solid}
.location-search-hint{display:block;margin-top:5px;color:#7a8580;font-size:11px;line-height:1.45}
.checkout-confirm-btn{background:var(--checkout-confirm,#123b63)!important;color:#fff!important;box-shadow:0 7px 18px rgba(18,59,99,.18)}
.checkout-confirm-btn:hover{filter:brightness(.94)}
.whatsapp-checkout-btn{background:var(--whatsapp-checkout,#25d366)!important}
@media(max-width:600px){.location-search-hint{font-size:10px}.location-search-field .location-search-input{min-height:42px!important}}


.smart-location-field{position:relative}
.smart-location-field:focus-within{z-index:70}
.smart-combobox{position:relative;width:100%}
.smart-combobox-input{
  width:100%;
  padding-right:48px!important;
  cursor:text;
}
.smart-combobox-input::-webkit-search-cancel-button{margin-right:4px}
.smart-combobox-toggle{
  position:absolute;right:1px;top:1px;bottom:1px;width:40px;
  border:0;border-left:1px solid var(--line,#cfdad4);border-radius:0 9px 9px 0;
  background:#f6faf8;color:#475569;
  display:flex;align-items:center;justify-content:center;
  padding:0;margin:0;line-height:1;cursor:pointer;z-index:2;
  box-sizing:border-box;transition:color .18s ease,background .18s ease
}
.smart-combobox-toggle:hover:not(:disabled){background:#edf5f0;color:var(--brand,#0b8f4d)}
.smart-combobox-toggle:disabled{opacity:.45;cursor:not-allowed}
.smart-combobox-toggle svg{
  width:16px;height:16px;display:block;pointer-events:none;flex-shrink:0;
  transition:transform .2s ease
}
.smart-combobox-input[aria-expanded="true"] ~ .smart-combobox-toggle svg{
  transform:rotate(180deg)
}
.smart-combobox-options{
  display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);
  max-height:min(310px,42vh);overflow:auto;overscroll-behavior:contain;
  background:#fff;border:1px solid #cfdad4;border-radius:12px;
  box-shadow:0 16px 36px rgba(16,24,40,.16);z-index:75;padding:5px
}
.smart-combobox-options.show{display:block}
.smart-combobox-option{
  width:100%;min-height:48px;border:0;border-radius:9px;background:#fff;
  padding:8px 10px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;text-align:left;color:var(--ink)
}
.smart-combobox-option:hover,.smart-combobox-option.active{background:var(--brand-soft);color:var(--brand-dark)}
.smart-combobox-option strong{font-size:14px;line-height:1.3}
.smart-combobox-option small{font-size:11px;color:var(--muted);text-align:right}
.smart-combobox-empty{padding:16px 12px;text-align:center;color:var(--muted);font-size:13px}
.location-search-hint{margin-top:5px}
.search-no-result{padding:18px 14px;text-align:center;color:#667085;background:#fff;font-size:13px;line-height:1.5}
.search-suggestions[data-mode="browse"]::before{content:"পণ্য সাজেশন"}

/* Tablet storefront: fewer, larger cards instead of squeezing four across. */
@media(min-width:601px) and (max-width:900px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .product-img{height:175px!important}
  .product-actions :is(button,a){min-height:42px}
}
@media(min-width:601px) and (max-width:720px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:600px){
  /* Comfortable bottom navigation: three equal destinations, thumb-friendly. */
  body{padding-bottom:0!important}
  body:has(.sticky-product-actions){padding-bottom:0!important}
  body:has(footer[style*="display: none"]),body:has(footer[hidden]),body:not(:has(footer)){padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
  body:has(footer[style*="display: none"]):has(.sticky-product-actions){padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))!important}
  .product-page{padding-bottom:24px}
  .mobile-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:calc(58px + env(safe-area-inset-bottom,0px))!important;
    padding:3px 6px calc(3px + env(safe-area-inset-bottom,0px))!important;
    gap:4px!important;
    border-top:1px solid #dfe7e2!important;
    background:#ffffff!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate;
    box-shadow:none!important;
    box-sizing:border-box!important
  }
  .mobile-nav a,.mobile-nav button{
    min-height:48px!important;height:48px!important;padding:2px 4px!important;border-radius:10px!important;
    font-size:21px!important;line-height:1!important;gap:2px!important;
    overflow:visible!important;touch-action:manipulation
  }
  .mobile-nav a.active,.mobile-nav button.active{background:var(--brand-soft)!important;color:var(--brand-dark)!important}
  .mobile-nav span{font-size:11px!important;line-height:1.1!important;font-weight:750!important;margin-top:0!important;overflow:visible!important}
  .mobile-nav b{
    top:2px!important;right:calc(50% - 22px)!important;min-width:17px;height:17px;
    padding:0 4px!important;border-radius:999px!important;font-size:9.5px!important;
    display:grid;place-items:center
  }
  .floating-chat{bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
  .sticky-product-actions{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;margin:0!important;box-sizing:border-box!important}

  /* Product cards remain two-per-row, but text and controls are genuinely tappable. */
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card{padding:9px!important;border-radius:14px!important}
  .product-img{height:132px!important;border-radius:11px!important}
  .product-card h3{font-size:var(--product-card-title-font-mobile,13.5px)!important;line-height:1.35!important;height:37px!important}
  .listing-short-description{font-size:var(--product-card-short-font-mobile,10.5px)!important;min-height:29px!important}
  .product-card .price{font-size:var(--product-card-price-font-mobile,18px)!important}
  .product-actions{gap:7px!important;margin-top:9px!important}
  .product-actions :is(button,a){min-height:42px!important;padding:7px 4px!important;font-size:var(--product-card-action-font-mobile,13.5px)!important;font-weight:800!important;white-space:nowrap!important}
  .category-chip{min-height:44px;padding:8px 13px;font-size:13px;gap:5px;touch-action:manipulation}

  /* Forms and checkout: avoid tiny controls and iOS zoom. */
  .field input,.field select,.field textarea,
  #checkoutForm .field input,#checkoutForm .field select,#checkoutForm .field textarea{
    min-height:48px!important;font-size:16px!important;border-radius:11px!important
  }
  .smart-combobox-input{padding-right:52px!important}
  .smart-combobox-toggle{width:44px}
  .smart-combobox-options{max-height:min(320px,44dvh);border-radius:12px;padding:6px}
  .smart-combobox-option{min-height:52px;padding:9px 11px}
  .smart-combobox-option strong{font-size:15px}
  .smart-combobox-option small{font-size:11px}
  .location-search-hint{font-size:11px!important;line-height:1.45}
  .primary,.secondary,.copy-btn,.filter-reset{min-height:44px}
  .checkout-confirm-btn,.whatsapp-checkout-btn{min-height:50px!important;font-size:15px!important}
  .drawer-close,.icon-btn{min-width:42px;min-height:42px}
  .cart-line button,.order-remove{min-height:32px;min-width:44px}

  /* Content never pushes outside the phone viewport. */
  img,video,iframe{max-width:100%}
  .product-page,.checkout-layout,.panel,.track-card,.track-form,.success{min-width:0;max-width:100%}
  .pay-to-box,.row,.track-head{min-width:0}
  .pay-to-box strong,.track-head h2,.confirmation-card strong{overflow-wrap:anywhere}
  footer{padding-bottom:calc(58px + 18px + env(safe-area-inset-bottom,0px))!important}
}

@media(max-width:360px){
  .mobile-nav{height:54px!important;padding-left:3px!important;padding-right:3px!important}
  .mobile-nav a,.mobile-nav button{min-height:44px!important;height:44px!important;font-size:19px!important}
  .mobile-nav span{font-size:10px!important}
  body{padding-bottom:0!important}
  body:has(.sticky-product-actions){padding-bottom:0!important}
  footer{padding-bottom:calc(54px + 16px + env(safe-area-inset-bottom,0px))!important}
  .sticky-product-actions{bottom:calc(54px + env(safe-area-inset-bottom,0px))!important}
  .product-grid{gap:7px!important}
  .product-card{padding:7px!important}
  .product-img{height:112px!important;width:calc(100% + 14px)!important;margin:-7px -7px 0!important}
  .product-card h3{font-size:var(--product-card-title-font-small,12px)!important;height:34px!important}
  .product-actions :is(button,a){font-size:var(--product-card-action-font-small,12px)!important;min-height:40px!important;white-space:nowrap!important}
  .search-suggestions{left:5px!important;right:5px!important}
}


.category-item.subcategory-item{padding-left:34px;font-size:.94em;background:rgba(15,118,110,.025)}
.category-chip.subcategory-chip{font-size:.92rem;border-style:dashed}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:24px auto 4px}.catalog-page-btn{min-width:44px;height:44px;border-radius:11px;border:1px solid #d9e2ec;background:#fff;color:#1f2937;font-weight:800;cursor:pointer}.catalog-page-btn:hover,.catalog-page-btn.active{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}.catalog-page-btn:disabled{opacity:.4;cursor:not-allowed}
.custom-store-page{padding-top:30px;padding-bottom:42px}.custom-page-head{max-width:850px;margin:0 auto 24px;text-align:center}.custom-page-head h1{margin:0 0 10px;font-size:clamp(1.7rem,5vw,2.5rem)}.custom-page-head p{margin:0;color:#64748b;line-height:1.7;white-space:pre-wrap}.custom-page-products{scroll-margin-top:90px}
@media(max-width:600px){.category-item.subcategory-item{padding-left:28px}.category-chip.subcategory-chip{font-size:.86rem}.catalog-pagination{gap:5px;margin-top:18px}.catalog-page-btn{min-width:42px;height:44px;font-size:15px}.custom-store-page{padding-top:18px;padding-left:12px;padding-right:12px}.custom-page-head{text-align:left;margin-bottom:18px}.custom-page-head p{font-size:.95rem}}
\n\n
body.entry-popup-open{overflow:hidden}.site-entry-popup{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.68);display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px);animation:popupFade .16s ease}.site-entry-popup.closing{opacity:0;transition:opacity .18s ease}.site-entry-popup-card{position:relative;width:min(620px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 26px 90px rgba(0,0,0,.32)}.site-entry-popup-img{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#f8fafc}.site-entry-popup-copy{padding:22px}.site-entry-popup-copy h2{margin:0 44px 10px 0;font-size:clamp(1.25rem,4vw,1.8rem);line-height:1.25}.site-entry-popup-copy p{margin:0 0 18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#475569}.site-entry-popup-x{position:absolute;right:10px;top:10px;z-index:2;width:44px;height:44px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:rgba(255,255,255,.94);color:#0f172a;font-size:29px;line-height:1;display:grid;place-items:center;box-shadow:0 4px 16px rgba(15,23,42,.14)}.site-entry-popup-close{width:100%;min-height:50px;font-size:16px}.site-entry-popup button{touch-action:manipulation}@keyframes popupFade{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.site-entry-popup{padding:10px;align-items:end}.site-entry-popup-card{border-radius:20px 20px 14px 14px;max-height:calc(100dvh - 20px)}.site-entry-popup-img{max-height:40dvh}.site-entry-popup-copy{padding:18px 14px calc(16px + env(safe-area-inset-bottom,0px))}.site-entry-popup-x{right:8px;top:8px}.site-entry-popup-close{min-height:52px}}


.trx-field{padding:11px 12px;border:1px solid #dbe4ee;border-radius:12px;background:#f8fafc}.trx-field small{display:block;margin-top:5px;color:#64748b;line-height:1.5}.payment-pending-success{margin:12px 0;padding:12px 13px;border:1px solid #f0c36a;border-left:5px solid #d97706;border-radius:12px;background:#fff8e8;color:#7c4a03;line-height:1.55}.payment-pending-success b{color:#8a4b00}
@media(max-width:600px){.trx-field{padding:10px}.trx-field input{min-height:48px}.payment-pending-success{font-size:14px}}

.customer-action,.return-progress{margin:16px 0;padding:16px;border:1px solid #cbd5e1;border-radius:12px}
.customer-action label{display:block;margin:12px 0}.customer-action input,.customer-action select,.customer-action textarea{width:100%;min-height:44px;font-size:16px;padding:10px;border:1px solid #cbd5e1;border-radius:8px}
.customer-action button,#customerOrderTools>button{min-height:44px;padding:10px 14px;margin:6px 6px 6px 0;white-space:normal}
.customer-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 80px auto;gap:10px;align-items:center;border-bottom:1px solid #e2e8f0;padding:8px 0}.order-add-choice{display:block;text-align:left;width:100%}#orderAddProducts{max-height:240px;overflow:auto}
@media(max-width:400px){.customer-edit-row{grid-template-columns:minmax(0,1fr) 70px}.customer-edit-row>button{grid-column:1/-1}.track-form{display:flex;flex-direction:column;align-items:stretch}}


.inline-copy-button{min-height:32px!important;padding:5px 9px!important;margin-left:6px;font-size:12px;border-radius:8px;background:#fff;color:#08783e;border:1px solid #86d3ad}.order-change-help,.track-edit-notice,.customer-edit-cta,.payment-correction-alert{display:grid;gap:7px;border:1px solid #9bd8b9;background:#f0fdf6;border-radius:14px;padding:14px;margin:14px 0}.order-change-help a{display:inline-flex;justify-content:center;text-decoration:none}.track-edit-notice{border-left:5px solid #0b8f4d}.track-edit-notice span,.customer-edit-cta span,.payment-correction-alert span{color:#475569;font-size:14px}.customer-order-actions{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:15px}.payment-correction-alert{border-color:#f3a6a6;background:#fff5f5}.payment-correction-form{border-color:#f3a6a6}.live-price-note{color:#475569}.customer-edit-row span small{display:block;color:#64748b;margin-top:4px}.live-edit-quote{position:sticky;bottom:72px;z-index:3;background:#effcf5;border:1px solid #86d3ad;border-radius:12px;padding:11px;margin:10px 0;box-shadow:0 6px 18px #0001}.live-edit-quote p{margin:4px 0}.edit-quote-error{color:#b42318;font-weight:700}
@media(max-width:600px){.success{padding:22px 14px}.confirmation-card{padding:14px}.order-change-help,.track-edit-notice{padding:12px}.track-head{align-items:flex-start}.track-head h2{font-size:18px}.customer-edit-basic{padding:12px}.customer-edit-row{grid-template-columns:minmax(0,1fr) 76px}.customer-edit-row>button{grid-column:1/-1;width:100%}.live-edit-quote{bottom:68px}}
.trx-field[hidden]{display:none!important}


#checkoutOrderItems .checkout-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px;margin:0 0 12px;border:1px solid #e1e8e5;border-radius:14px;background:#fff;min-width:0}
.checkout-product-photo{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#f3f6f5;font-size:28px}
.checkout-product-photo img{display:block;width:100%;height:100%;object-fit:contain}
.checkout-product-info{min-width:0}
#checkoutOrderItems .checkout-product-info h3{margin:0;font-size:1rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere;color:#172c23}
.checkout-product-variant{display:inline-block;max-width:100%;margin:5px 0 0;padding:3px 7px;border-radius:6px;background:#edf7f1;color:#26543e;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.checkout-product-pricing{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;line-height:1.5;overflow-wrap:anywhere}
.checkout-product-pricing span{color:#52645a;font-size:.875rem}
.checkout-product-pricing strong{font-size:1rem;color:#087443}
.checkout-product-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #eef1ef;padding-top:12px}
.checkout-product-qty{display:inline-grid;grid-template-columns:44px minmax(40px,auto) 44px;align-items:center;flex:none;border:1px solid #cbd9d1;border-radius:10px;overflow:hidden;background:#fff}
.checkout-product-qty button{display:grid;place-items:center;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:#eef7f1;color:#075f36;font-size:22px;line-height:1;touch-action:manipulation;cursor:pointer}
.checkout-product-qty button:disabled{color:#7a8780;background:#f4f6f5;cursor:default;opacity:.65}
.checkout-product-qty output{padding:0 5px;text-align:center;font-size:1rem;font-weight:700;color:#172c23;font-variant-numeric:tabular-nums}
.checkout-product-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:94px;min-height:46px;padding:8px 10px;margin:0;border:1px solid #f4c8c8;border-radius:10px;background:#fff8f8;color:#ac2525;font-size:.875rem;font-weight:700;line-height:1.5;touch-action:manipulation;cursor:pointer}
.checkout-product-remove svg{flex:none}
.checkout-product-qty button:focus-visible,.checkout-product-remove:focus-visible,#orderToggle:focus-visible{outline:3px solid #148449;outline-offset:2px}
@media(max-width:360px){#checkoutOrderItems .checkout-product{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px}.checkout-product-photo{width:52px;height:52px}.checkout-product-actions{gap:8px}}


.fee-choice-card{position:relative;padding-right:42px}
.fee-choice-card.active::before{position:absolute;right:12px;top:10px;flex:0 0 auto}
.smart-combobox-option small{display:block;color:#718096;font-size:11px;margin-top:2px}
.location-status{min-height:18px;color:#64748b;font-size:12px;margin-top:4px}

/* Storefront feature styles */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
.product-sku{display:inline-flex;align-items:center;gap:5px;margin:3px 0 7px;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-weight:700;font-size:11px;line-height:1.2;font-family:var(--store-latin-font),var(--store-bangla-font),sans-serif;letter-spacing:.04em}.product-detail-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 15px}.product-detail-tools button{min-height:44px;padding:9px 14px;border-radius:11px}
.product-card .product-sku{margin-top:0;font-size:9px}.cart-sku,.checkout-sku{display:block;color:#667085;font-size:10px;margin-top:3px;letter-spacing:.03em}

/* Customer order editor behaves like a small app instead of a long form. */
.customer-edit{position:relative;padding-bottom:92px!important}.customer-edit-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.customer-edit-head h3{margin:0}.customer-edit-head small{color:#667085}.customer-edit-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e5e9e6}.customer-edit-image{width:54px;height:54px;border-radius:12px;background:#f2f4f3;display:grid;place-items:center;overflow:hidden;font-size:26px}.customer-edit-image img{width:100%;height:100%;object-fit:cover}.customer-edit-info{min-width:0}.customer-edit-info b,.customer-edit-info small{display:block;overflow-wrap:anywhere}.customer-edit-info small{font-size:11px;color:#667085;margin-top:3px}.customer-edit-controls{display:grid;justify-items:end;gap:7px}.customer-edit-stepper{display:grid;grid-template-columns:40px 42px 40px;border:1px solid #cfd8d3;border-radius:11px;overflow:hidden}.customer-edit-stepper button,.customer-edit-stepper output{min-height:40px!important;margin:0!important;border:0!important;border-radius:0!important;display:grid;place-items:center;padding:0!important;background:#f8faf9}.customer-edit-stepper output{background:#fff;border-inline:1px solid #e4e7ec!important;font-weight:800}.customer-edit-remove{min-height:34px!important;margin:0!important;padding:5px 9px!important;background:#fff!important;border:1px solid #f1b4b4!important;color:#b42318!important;font-size:11px}
.customer-add-search{position:relative;margin-top:14px}.customer-add-results{display:grid;gap:8px;max-height:300px;overflow:auto;margin-top:8px}.customer-add-result{width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left!important;margin:0!important;padding:8px!important;background:#fff!important;color:#17211b!important;border:1px solid #dce4df!important}.customer-add-result img,.customer-add-result-image{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#f2f4f3;display:grid;place-items:center}.customer-add-result span small{display:block;color:#667085;font-size:10px}.customer-edit-sticky{position:sticky;bottom:70px;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #dce5e0;border-radius:15px;padding:10px;box-shadow:0 -8px 28px rgba(16,24,40,.12);margin-top:14px}.customer-edit-sticky .live-edit-quote{position:static!important;margin:0 0 8px!important;box-shadow:none!important}.customer-edit-sticky-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.customer-edit-sticky-actions button{margin:0!important;min-height:48px!important}.customer-edit-sticky-actions .order-remove{min-width:80px}
.floating-chat.editing-order{opacity:.18;pointer-events:none}

.customer-store-dialog-backdrop{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.customer-store-dialog-backdrop[hidden]{display:none!important}.customer-store-dialog{width:min(430px,100%);background:#fff;border-radius:22px;padding:21px;box-shadow:0 30px 90px rgba(15,23,42,.35)}.customer-store-dialog h2{margin:0 0 7px;font-size:21px}.customer-store-dialog p{margin:0 0 16px;color:#475467;line-height:1.55;white-space:pre-wrap}.store-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.store-dialog-actions button{min-height:46px;min-width:105px}.customer-store-dialog.destructive .store-dialog-confirm{background:#c81e1e!important;border-color:#c81e1e!important}

@media(max-width:720px){.mobile-nav{grid-template-columns:repeat(3,1fr)!important}.product-detail-tools{display:grid;grid-template-columns:1fr}.product-detail-tools button{width:100%}.customer-action.customer-edit{margin-inline:-4px;padding:12px 10px 90px!important}.customer-edit-item{grid-template-columns:48px minmax(0,1fr)}.customer-edit-image{width:48px;height:48px}.customer-edit-controls{grid-column:1/-1;width:100%;display:flex;justify-content:space-between;align-items:center}.customer-edit-stepper{grid-template-columns:44px 48px 44px}.customer-edit-stepper button,.customer-edit-stepper output{min-height:44px!important}.customer-edit-sticky{bottom:calc(58px + env(safe-area-inset-bottom,0px));margin-inline:-2px}.customer-store-dialog-backdrop{align-items:end;padding:0}.customer-store-dialog{width:100%;border-radius:24px 24px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}.store-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.store-dialog-actions button{width:100%;min-width:0}}
@media(max-width:380px){.customer-edit-sticky-actions{grid-template-columns:1fr}.customer-edit-sticky-actions .order-remove{grid-row:2}.product-detail-tools{grid-template-columns:1fr}.store-dialog-actions{grid-template-columns:1fr}.store-dialog-confirm{grid-row:1}}

/* Storefront feature styles */
.product-detail-tools{display:flex!important;gap:6px!important;margin:8px 0 10px!important;flex-wrap:wrap!important}.product-detail-tools button{width:auto!important;min-height:34px!important;padding:6px 10px!important;border-radius:9px!important;font-size:11px!important;line-height:1.1!important}.product-detail-tools button svg{width:14px;height:14px}.product-detail .product-sku{font-size:10px;padding:3px 7px}
@media(max-width:720px){.product-detail-tools{display:flex!important;flex-wrap:nowrap!important}.product-detail-tools button{flex:0 1 auto!important;min-width:0!important}.product-detail-tools button:first-child{max-width:116px}.product-detail-tools button:last-child{max-width:108px}.floating-chat{bottom:155px!important}}

/* Storefront feature styles */
/* Desktop purchase buttons live directly below quantity; mobile keeps its fixed bar. */
.desktop-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.desktop-product-actions button{min-height:48px!important;font-size:15px!important}
@media(max-width:600px){
  .desktop-product-actions{display:none!important}
  body[data-product-actions="inline"] .desktop-product-actions,
  .product-actions-inline .desktop-product-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:14px!important;
    margin-bottom:14px!important;
  }
  body[data-product-actions="inline"] .desktop-product-actions .product-whatsapp-btn,
  .product-actions-inline .desktop-product-actions .product-whatsapp-btn{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  body[data-product-actions="inline"] .sticky-product-actions,
  .product-actions-inline .sticky-product-actions{
    display:none!important;
  }
}

/* The flying item uses its centre point, so both desktop and mobile paths end
 * exactly on the visible cart icon rather than 27px beside it. */
.fly-item-targeted {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  will-change: left, top, transform, opacity;
}

#mobileCart.bump { animation: cartBump .45s ease; }

.buy-btn.buy-now-activating{animation:buyNowActivate .14s ease both;pointer-events:none}
@keyframes buyNowActivate{50%{transform:scale(.965);opacity:.82}100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.buy-btn.buy-now-activating{animation:none}}

/* v179 code-free storefront behavior & touch resume */
.announcement.pause-on-hover:hover .ticker-track{animation-play-state:paused}
.announcement.is-ticker-paused .ticker-track{animation-play-state:paused!important}
.announcement.is-ticker-running .ticker-track{animation-play-state:running!important}
@media(max-width:700px){.announcement.hide-mobile{display:none!important}html[data-product-card-compact-mobile="1"] .product-card .listing-short-description,html[data-product-card-compact-mobile="1"] .product-card .product-sku{display:none!important}}
@media(min-width:701px){html[data-product-card-compact-desktop="1"] .product-card .listing-short-description,html[data-product-card-compact-desktop="1"] .product-card .product-sku{display:none!important}}


/* v183 mobile touch hardening: preserve visuals while meeting practical 44px tap targets. */
@media(max-width:700px){
  footer a,footer button,.footer-grid a{min-height:44px;display:inline-flex;align-items:center;padding-top:8px;padding-bottom:8px}
  .inline-copy-button{min-height:44px!important;padding:8px 10px!important}
}

/* v205 — customer live courier progress */
.public-courier-progress-v205{margin-top:14px}
.public-courier-progress-rail-v205{position:relative;padding:30px 0 6px}
.public-courier-progress-line-v205{position:absolute;left:7%;right:7%;top:19px;height:5px;border-radius:999px;background:#e8ecea;overflow:hidden}
.public-courier-progress-line-v205>i{display:block;width:var(--courier-progress,0%);height:100%;border-radius:999px;background:var(--brand);transition:width .25s ease}
.public-courier-truck-v205{position:absolute;top:-3px;left:var(--courier-truck,7%);transform:translateX(-50%);font-size:24px;line-height:1;transition:left .25s ease;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.public-courier-steps-v205{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;z-index:1}
.public-courier-step-v205{text-align:center}
.public-courier-step-v205 i{display:grid;place-items:center;width:24px;height:24px;margin:0 auto 7px;border:2px solid #cfd8d3;border-radius:50%;background:#fff;color:var(--muted);font-size:11px;font-style:normal;font-weight:800}
.public-courier-step-v205.done i{background:var(--brand);border-color:var(--brand);color:#fff}
.public-courier-step-v205.current i{box-shadow:0 0 0 4px rgba(7,133,72,.12)}
.public-courier-step-v205 span{display:block;font-size:11px;line-height:1.25;color:var(--muted)}
.public-courier-step-v205.done span{font-weight:700;color:var(--text)}
.public-courier-alert-v205{margin:10px 0;padding:9px 11px;border-radius:10px;background:#fff4ed;color:#b54708;font-weight:700;font-size:13px}
.track-courier-events.v205{margin-top:16px}
.track-courier-event.latest:before{box-shadow:0 0 0 3px rgba(7,133,72,.12)}
@media(max-width:620px){
  .public-courier-progress-rail-v205{overflow-x:auto;padding-top:22px}
  .public-courier-steps-v205{min-width:520px}
  .public-courier-progress-line-v205{left:36px;right:36px;min-width:448px}
  .public-courier-truck-v205{display:none}
}

/* Customer mobile CSS hotfix — mobile only (<=480px).
   Keeps tablet/desktop behavior unchanged while fixing five storefront pain points. */
@media (max-width:480px){
  /* 1) Order Tracking: replace the horizontal courier rail with a vertical timeline. */
  .public-courier-progress-rail-v205{
    overflow:visible!important;
    padding:4px 0 4px 0!important;
  }
  .public-courier-steps-v205{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .public-courier-step-v205{
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    text-align:left!important;
  }
  .public-courier-step-v205 i{
    position:relative!important;
    z-index:2!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
  }
  .public-courier-step-v205 span{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .public-courier-progress-line-v205{
    left:10px!important;
    right:auto!important;
    top:16px!important;
    bottom:16px!important;
    width:4px!important;
    height:auto!important;
    min-width:0!important;
  }
  .public-courier-progress-line-v205>i{
    width:100%!important;
    height:var(--courier-progress,0%)!important;
  }
  .public-courier-truck-v205{display:none!important}

  /* 2) Product Detail: utility/purchase actions wrap and stay thumb-friendly. */
  .product-detail-tools{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .product-detail-tools button{
    flex:1 1 calc(50% - 8px)!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 10px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  .sticky-product-actions button{min-height:44px!important}

  /* 3) Catalog filters: one control per row on phones; no squeezed two-column form. */
  .catalog-toolbar{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .catalog-toolbar .filter-reset{grid-column:auto!important}
  .catalog-toolbar select,
  .catalog-toolbar input,
  .catalog-toolbar .filter-reset{
    min-height:44px!important;
    font-size:16px!important;
    padding:10px 12px!important;
  }

  /* 5) Product cards: both card actions meet the 44px minimum touch target. */
  .product-actions :is(button,a){min-height:44px!important}
}

/* Customer mobile polish — CSS only, phones <=480px.
   Desktop/tablet remain unchanged. */
@media (max-width:480px){
  :root{--mobile-touch-target:44px}

  /* Checkout delivery selector: restore the compact two-choice mobile layout. */
  #checkoutForm .delivery-methods{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #checkoutForm .delivery-method{
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    padding:10px 36px 10px 10px!important;
    font-size:13px!important;
    line-height:1.25!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* 2) Category strip: one compact row; swipe horizontally for more categories. */
  .category-strip{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:9px!important;
    padding:2px 1px 7px!important;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scroll-padding-inline:8px;
  }
  .category-strip::-webkit-scrollbar{display:none}
  .category-chip{
    scroll-snap-align:start;
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:var(--mobile-touch-target)!important;
    white-space:nowrap!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
    display:flex!important;
    padding:8px 11px!important;
    gap:5px!important;
  }
  .category-chip>span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    line-height:1!important;
    flex-shrink:0!important;
  }

  /* 3) Banner controls: thumb-friendly 44px arrows without changing the desktop banner. */
  .banner-arrow{
    width:var(--mobile-touch-target)!important;
    height:var(--mobile-touch-target)!important;
    min-width:var(--mobile-touch-target)!important;
    min-height:var(--mobile-touch-target)!important;
  }

  /* Keep banner dots visually small while their tap area becomes 44x44. */
  .banner-dots{gap:0!important;padding:0 2px!important;align-items:center!important}
  .banner-dots button{
    position:relative!important;
    width:var(--mobile-touch-target)!important;
    height:var(--mobile-touch-target)!important;
    min-width:var(--mobile-touch-target)!important;
    min-height:var(--mobile-touch-target)!important;
    padding:0!important;
    background:transparent!important;
  }
  .banner-dots button::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:8px;height:8px;
    transform:translate(-50%,-50%);
    border-radius:999px;
    background:#ffffff8c;
  }
  .banner-dots button.active::after{width:23px;background:#fff}

  /* 4) Admin-configured/custom media: fluid width with predictable mobile ratios. */
  .custom-store-page img,
  .custom-page-content img,
  .policy-page-content img,
  .site-entry-popup-copy img,
  .custom-store-page picture,
  .custom-page-content picture,
  .policy-page-content picture{
    max-width:100%!important;
    height:auto!important;
  }
  .custom-store-page video,
  .custom-page-content video,
  .policy-page-content video{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:16/9;
    object-fit:contain;
  }
  .custom-store-page iframe,
  .custom-page-content iframe,
  .policy-page-content iframe,
  .custom-store-page embed,
  .custom-page-content embed,
  .policy-page-content embed,
  .custom-store-page object,
  .custom-page-content object,
  .policy-page-content object{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:16/9;
    border:0;
  }

  /* 5) Shared phone touch target baseline. Visual-only micro controls are handled above. */
  button:not(.banner-dots button):not(.product-detail-tools-after-qty-v622 button):not(.product-share-btn-v619):not(.wishlist-detail-btn),
  [role="button"],
  input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
  select,
  textarea,
  .primary,
  .secondary,
  .filter-reset,
  .category-chip,
  .mobile-nav a,
  .drawer-extra-menu>a,
  .drawer-extra-menu>button,
  .footer-column>a,
  .footer-column>button,
  .floating-contact-item{
    min-height:var(--mobile-touch-target)!important;
  }

  /* Compact quantity/copy controls also become comfortable finger targets. */
  .checkout-qty button,
  .qty-stepper button,
  .copy-btn,
  .inline-copy-button{
    min-width:var(--mobile-touch-target)!important;
    min-height:var(--mobile-touch-target)!important;
  }
}


/* v230: canonical mobile product-card layout. Keep this final mobile safeguard after legacy storefront rules. */
@media(max-width:600px){
  #products .product-grid,.custom-page-products .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #products .product-card,.custom-page-products .product-card{
    min-width:0!important;
    padding:var(--product-card-padding-mobile,9px)!important;
    border-radius:var(--product-card-radius,14px)!important;
  }
  #products .product-img,.custom-page-products .product-img{
    width:calc(100% + var(--product-card-padding-mobile-double,18px))!important;
    margin:var(--product-card-padding-mobile-negative,-9px) var(--product-card-padding-mobile-negative,-9px) 0!important;
    height:auto!important;
    aspect-ratio:var(--product-card-image-ratio-mobile,4/5)!important;
    min-height:0!important;
    border-radius:var(--product-card-image-radius,13px)!important;
    font-size:46px!important;
  }
  #products .product-category,.custom-page-products .product-category{
    font-size:var(--product-card-category-font-mobile,11px)!important;
    line-height:1.3!important;
  }
  #products .product-card h3,.custom-page-products .product-card h3{
    margin:5px 0 6px!important;
    height:auto!important;
    min-height:38px!important;
    max-height:40px!important;
    font-size:var(--product-card-title-font-mobile,14px)!important;
    line-height:1.4!important;
    overflow:hidden!important;
  }
  #products .product-card .price,.custom-page-products .product-card .price{
    font-size:var(--product-card-price-font-mobile,18px)!important;
    line-height:1.25!important;
  }
  #products .old-price,.custom-page-products .old-price{
    display:inline!important;
    font-size:var(--product-card-old-price-font-mobile,11px)!important;
  }
  #products .stock-ok,.custom-page-products .stock-ok{
    font-size:12px!important;
    line-height:1.35!important;
    margin:5px 0 7px!important;
  }
  #products .product-actions,.custom-page-products .product-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:9px!important;
  }
  #products .product-actions :is(button,a),.custom-page-products .product-actions :is(button,a){
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:7px 4px!important;
    border-radius:var(--product-card-button-radius,9px)!important;
    font-size:var(--product-card-action-font-mobile,13.5px)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
}
@media(max-width:340px){
  #products .product-grid,.custom-page-products .product-grid{gap:7px!important}
  #products .product-card,.custom-page-products .product-card{padding:7px!important}
  #products .product-card h3,.custom-page-products .product-card h3{font-size:var(--product-card-title-font-small,13px)!important;min-height:37px!important}
  #products .product-actions :is(button,a),.custom-page-products .product-actions :is(button,a){font-size:var(--product-card-action-font-small,12px)!important;min-height:40px!important;white-space:nowrap!important}
}

/* v231: dedicated category catalog pages. Category navigation now replaces the
   homepage content, matching the focused product-details navigation model. */
.category-catalog-page{padding-top:26px;padding-bottom:48px}
.category-page-back{margin-bottom:18px}
.category-page-head{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:18px 20px;border:1px solid #e2e8e5;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,36,27,.045)}
.category-page-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:14px;background:var(--brand-soft);font-size:28px}
.category-page-head small{display:block;margin-bottom:2px;color:color-mix(in srgb,var(--brand,#0b8f4d) 82%,#000 18%);font-size:12px;font-weight:850;letter-spacing:.02em}
.category-page-head h1{margin:0;font-size:clamp(1.55rem,4vw,2.15rem);line-height:1.2;color:var(--ink)}
.category-page-head p{margin:5px 0 0;color:var(--muted);font-size:14px}
.category-page-products{scroll-margin-top:88px}
@media(max-width:600px){
  .category-catalog-page{padding:16px 12px 34px!important}
  .category-page-back{margin-bottom:12px}
  .category-page-head{gap:11px;margin-bottom:16px;padding:13px 14px;border-radius:14px}
  .category-page-icon{width:46px;height:46px;flex-basis:46px;border-radius:12px;font-size:23px}
  .category-page-head h1{font-size:1.35rem}
  .category-page-head p{font-size:13px}
  .category-page-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* v239 Admin Site Settings live-preview badge. Storefront customers never get this class. */
.store-admin-preview .store-admin-preview-badge{
  position:fixed;right:12px;bottom:12px;z-index:99999;
  padding:7px 10px;border-radius:999px;background:rgba(16,24,40,.9);color:#fff;
  font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(16,24,40,.22);pointer-events:none
}

/* v242 — preview-only editable section affordances. Regular storefront users never receive this class. */
html.store-preview-edit-mode [data-preview-edit-section]{position:relative;outline:2px dashed rgba(11,143,77,.85)!important;outline-offset:3px;cursor:pointer!important}
html.store-preview-edit-mode [data-preview-edit-section]::after{content:"Edit";position:absolute;z-index:2147482000;top:8px;right:8px;padding:4px 8px;border-radius:999px;background:#101828;color:#fff;font:700 11px/1.2 Inter,sans-serif;pointer-events:none;box-shadow:0 4px 12px rgba(16,24,40,.18)}
html.store-preview-edit-mode [data-preview-edit-section]:hover{outline-style:solid!important;outline-width:3px!important}
.store-preview-focus-target{outline:4px solid rgba(11,143,77,.72)!important;outline-offset:5px!important;box-shadow:0 0 0 8px rgba(11,143,77,.12)!important;transition:outline-color .18s ease,box-shadow .18s ease}

/* v286: Category Manager v2 storefront media. */
.category-page-banner-v286{width:100%;margin:0 0 18px;border-radius:18px;overflow:hidden;background:#f4f6f5;max-height:300px}.category-page-banner-v286 img{display:block;width:100%;height:min(28vw,300px);min-height:150px;object-fit:cover}.category-page-cover-image-v286{width:86px;height:86px;border-radius:18px;object-fit:cover;border:1px solid var(--line);background:#fff;flex:0 0 auto}.category-page-count-v286{display:inline-block;margin-top:8px;color:#667085;font-size:13px;font-weight:700}@media(max-width:600px){.category-page-banner-v286{border-radius:14px;margin-bottom:14px}.category-page-banner-v286 img{height:150px;min-height:150px}.category-page-cover-image-v286{width:64px;height:64px;border-radius:14px}}

/* v288 — code-free Product Detail Layout Manager */
.product-warranty-summary-v288{display:flex;align-items:center;gap:10px;margin:8px 0 11px;padding:10px 12px;border:1px solid #e1e6e3;border-radius:11px;background:#f8faf9;color:#344054}
.product-warranty-summary-v288>span:first-child{font-size:20px;line-height:1}.product-warranty-summary-v288>span:last-child{display:grid;gap:2px}.product-warranty-summary-v288 strong{font-size:var(--product-detail-small-font,13px);color:#101828}.product-warranty-summary-v288 small{font-size:var(--product-detail-small-font,12px);color:#667085;line-height:1.4}


/* v289 — code-free storefront typography */
html,body,button,input,select,textarea,a{font-family:var(--store-latin-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;letter-spacing:var(--store-letter-spacing,normal);line-height:var(--store-line-height,1.58);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
:root{--store-letter-spacing:normal;--store-line-height:1.58;--store-section-gap:28px}
.section-head{margin-bottom:calc(var(--store-section-gap,28px) * 0.45)!important}
.page-wrap, main > .container{margin-bottom:var(--store-section-gap,28px)}
.topbar .header-inner, .store-footer .container{margin-bottom:0!important}
body{font-size:var(--store-body-font-size)}
.hero h1{font-size:clamp(var(--store-hero-h-min),var(--store-hero-h-fluid),var(--store-hero-h-max))}
.section-head h2{font-size:var(--store-section-h)}
.product-info h1{font-size:var(--product-detail-title-font,var(--store-product-h))}
.panel h2{font-size:var(--store-panel-h)}
.full-product-description h2{font-size:var(--store-description-h)}
.product-tab-panel h2{font-size:var(--product-detail-section-h,var(--store-tab-h))}
.category-page-head h1{font-size:clamp(var(--store-category-h-min),var(--store-category-h-fluid),var(--store-category-h-max))}
.custom-page-head h1{font-size:clamp(var(--store-page-h-min),var(--store-page-h-fluid),var(--store-page-h-max))}
.site-entry-popup-copy h2{font-size:clamp(var(--store-popup-h-min),var(--store-popup-h-fluid),var(--store-popup-h-max))}
.customer-store-dialog h2{font-size:var(--store-dialog-h)}
.price,.old-price,.order-price,.payable-amount,#grandTotal,#checkoutSubtotal,#fullPayAmount,.track-total strong,.cart-subtotal,.total,.fee-choice-card strong,.catalog-price-row,.payment-amount,.order-total,.refund-amount,.credit-amount{font-family:var(--store-number-font),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:700px){.product-info h1{font-size:var(--product-detail-title-font-mobile,var(--store-product-h-mobile))}.category-page-head h1{font-size:var(--store-category-h-mobile)}}
@media(max-width:640px){.full-product-description h2{font-size:var(--store-description-h-mobile)}.product-tab-panel h2{font-size:var(--product-detail-section-h-mobile,var(--store-tab-h-mobile))}}
@media(max-width:600px){body{font-size:calc(var(--store-body-font-size) - 2px)}.hero h1{font-size:var(--store-hero-h-mobile)}.section-head h2{font-size:var(--store-section-h-mobile)}.panel h2{font-size:var(--store-panel-h-mobile)}}

/* v290 — Checkout Presentation Manager. Wrappers are layout-neutral so the
   existing checkout spacing/validation geometry stays unchanged. */
.checkout-section-v290{display:contents}

/* v291 — code-free announcement + entry popup presentation */
.announcement-action{flex:0 0 auto;margin:0 8px;padding:5px 10px;border:1px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;background:rgba(255,255,255,.08)}
.announcement-action:hover{background:rgba(255,255,255,.16)}
.announcement-action[hidden]{display:none!important}
.site-entry-popup-actions-v291{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.site-entry-popup-actions-v291 .site-entry-popup-close{width:auto;flex:1 1 180px;margin:0}
.site-entry-popup-cta-v291{display:inline-flex;align-items:center;justify-content:center;min-height:50px;flex:1 1 180px;padding:0 18px;border-radius:var(--button-border-radius,11px);background:var(--brand,#0b8f4d);color:#fff;text-decoration:none;font-weight:800;text-align:center}
.site-entry-popup-cta-v291:hover{filter:brightness(.96)}
@media(max-width:600px){.announcement-action{margin-right:5px;padding:4px 7px;font-size:11px}.site-entry-popup-actions-v291{gap:8px}.site-entry-popup-actions-v291 .site-entry-popup-close,.site-entry-popup-cta-v291{flex-basis:100%;min-height:52px}}


/* v292 — safe code-free mobile bottom navigation manager */
@media(max-width:720px){
  .mobile-nav{grid-template-columns:repeat(var(--mobile-nav-cols,3),minmax(0,1fr))!important}
  .mobile-nav>[hidden]{display:none!important}
  .mobile-nav.mobile-nav-empty-v292{display:none!important}
  .mobile-nav .mobile-nav-icon{display:block;font-style:normal;line-height:1;font-size:1em;pointer-events:none}
}

/* v296: configurable customer tracking/status presentation */
.track-result-section-v296{margin-top:16px}.track-result-section-v296:first-of-type{margin-top:12px}.track-payment-summary-v296{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border:1.5px solid #cbd5e1;border-radius:16px;background:#f8fbf9}.track-payment-summary-v296>div{min-width:0;display:grid;gap:3px}.track-payment-summary-v296 small{color:var(--muted);font-size:12px}.track-payment-summary-v296 b{font-size:14px;overflow-wrap:anywhere}.track-last-updated-v296{display:block;color:var(--muted);padding-top:4px}.track-local-delivery-v296{padding:16px;border:1.5px solid #cbd5e1;border-radius:16px;background:#fafcfb}.track-local-delivery-v296 h3{margin:0}.track-local-steps-v296{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0 4px}.track-local-step-v296{text-align:center;color:#98a2b3;font-size:12px}.track-local-step-v296 i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#eef1ef;font-weight:800}.track-local-step-v296.done{color:#08783e}.track-local-step-v296.done i{background:#dcfae6;color:#08783e}.track-local-delivery-v296.has-exception{border-color:#f3b3ad;background:#fff8f7}
@media(max-width:680px){.track-payment-summary-v296{grid-template-columns:repeat(2,minmax(0,1fr))}.track-local-steps-v296{grid-template-columns:1fr}.track-local-step-v296{display:flex;align-items:center;gap:9px;text-align:left}.track-local-step-v296 i{margin:0;flex:0 0 30px}}

/* v573 semantic navigation */
.hero-primary-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.empty-products-link{text-decoration:none;margin-top:5px}


/* v592 — Product Detail discovery + media finishing. */
.product-sku-inline-v592{display:inline-flex;align-items:baseline;gap:5px;margin:1px 0 9px;padding:0;background:transparent;border:0;border-radius:0;color:#667085;font-size:11px;font-weight:700;letter-spacing:.015em;max-width:100%}
.product-sku-inline-v592 span{color:#667085;font-weight:700}
.product-sku-inline-v592 code{max-width:100%;padding:2px 6px;border-radius:6px;background:#f2f4f7;color:#344054;font-family:var(--store-latin-font),ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;overflow-wrap:anywhere}
.detail-product-video-v592{display:block;width:100%;height:100%;object-fit:contain;background:#0b0f0d}
.detail-product-video-wrap-v592{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0b0f0d;border-radius:inherit;overflow:hidden}
.detail-product-youtube-frame{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}
.lightbox-youtube-frame{display:block;width:min(90vw,960px);height:auto;aspect-ratio:16/9;max-height:85vh;border:0;border-radius:12px;background:#000;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.product-main-emoji:has(.detail-product-video-v592),.product-main-emoji:has(.detail-product-video-wrap-v592){filter:none}
.gallery-video-thumb-v592 span{position:relative;display:grid!important;place-items:center;background:#101828;color:#fff}
.gallery-video-thumb-v592 span b{display:grid;place-items:center;width:30px;height:30px;padding-left:2px;border-radius:50%;background:rgba(255,255,255,.16);font-size:13px;line-height:1}
.related-products-v592{margin-top:34px;scroll-margin-top:90px}
.related-products-head-v592{margin-bottom:14px}
.related-products-head-v592 small{display:block;margin-bottom:2px;color:var(--brand);font-size:12px;font-weight:800}
.related-products-head-v592 h2{margin:0}
.related-products-loading-v592{padding:18px;border:1px dashed #d0d5dd;border-radius:12px;background:#fafcfb;color:#667085;text-align:center;font-size:13px}
.related-products-grid-v592{align-items:stretch}
@media(max-width:600px){.product-sku-inline-v592{margin-bottom:7px;font-size:10.5px}.product-sku-inline-v592 code{font-size:10.5px}.related-products-v592{margin-top:24px}.related-products-head-v592{margin-bottom:10px}}


/* v637 — Product Details breadcrumb uses the canonical category hierarchy. */
.product-breadcrumb-v637{min-width:0;margin:0 0 14px;color:#667085;font-size:12px;font-weight:700}
.product-breadcrumb-v637 ol{display:flex;align-items:center;gap:0;min-width:0;margin:0;padding:0;list-style:none}
.product-breadcrumb-v637 li{display:flex;align-items:center;min-width:0;white-space:nowrap}
.product-breadcrumb-v637 a{display:inline-flex;align-items:center;min-height:36px;padding:0 4px;color:color-mix(in srgb,var(--primary-color) 82%,#000 18%);text-decoration:none;border-radius:7px}
.product-breadcrumb-v637 a:hover{text-decoration:underline;text-underline-offset:3px}
.product-breadcrumb-separator-v637{flex:0 0 auto;margin:0 3px;color:#98a2b3;font-weight:700}
.product-breadcrumb-current-v637{display:block;max-width:min(42vw,420px);overflow:hidden;text-overflow:ellipsis;color:#475467;font-weight:800}
@media(max-width:600px){
  .product-breadcrumb-v637{margin-bottom:10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;font-size:11px}
  .product-breadcrumb-v637::-webkit-scrollbar{display:none}
  .product-breadcrumb-v637 ol{width:max-content;min-width:100%}
  .product-breadcrumb-v637 a{min-height:38px;padding:0 3px}
  .product-breadcrumb-current-v637{max-width:48vw}
}

/* v606 Final QA: keyboard visibility, skip navigation and >=44px core touch targets. */
.skip-link{display:none!important;position:fixed;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none}
.skip-link:focus,.skip-link:focus-visible{display:none!important;visibility:hidden}
body :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0b6b3a;outline-offset:2px}
.icon-btn,.drawer-close{min-width:44px!important;min-height:44px!important}
.product-actions :is(button,a),.cart-line button,.order-remove{min-height:44px!important}
.cart-line button,.order-remove{min-width:44px!important}
.drawer-extra-menu>a,.drawer-extra-menu>button{min-height:44px!important}
.footer-column>button{min-height:44px!important}

/* v612 — canonical Storefront Header owner.
   v613 keeps this single owner and enlarges the logo geometry for balanced desktop/mobile symmetry.
   This replaces the historical overlapping mobile/header/search overrides.
   Announcement stays in normal flow; topbar alone is sticky. */
#searchBtn svg{display:block;width:20px;height:20px;margin:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topbar{position:sticky!important;top:0!important;z-index:125;overflow-anchor:none;background:#ffffff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--line)!important;isolation:isolate}
.topbar .header-inner{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"category brand track wishlist cart" "search search search search search";align-items:center;gap:8px 10px!important;min-height:68px;padding-top:8px;padding-bottom:9px;overflow-anchor:none;margin-bottom:0!important}
.topbar .header-inner>*{min-width:0}
.topbar .category-toggle{grid-area:category;min-width:44px!important;min-height:44px!important}
.topbar .header-inner .brand{grid-area:brand;justify-self:center;margin:0;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center;justify-content:center;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;box-shadow:none!important}
.topbar .brand,
.topbar .brand:hover,
.topbar .brand:focus,
.topbar .brand:focus-visible,
.topbar .brand:active,
.topbar .brand-mark,
.topbar .brand-mark:hover,
.topbar .brand-mark:focus,
.topbar .brand-mark:focus-visible,
.topbar .brand-mark:active,
.topbar .brand-mark *,
.topbar .brand-mark.has-logo,
.topbar .brand-mark.has-logo:active,
.topbar .brand-mark.has-logo:focus {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
/* v636: Home/logo taps always provide visible feedback, even when already at Home top. */
.topbar .brand.brand-home-feedback-v636{animation:brandHomeFeedbackV636 .28s ease-out}
@keyframes brandHomeFeedbackV636{0%{opacity:1}38%{opacity:.62}100%{opacity:1}}
.topbar .brand-name{display:none!important}
.topbar .brand-mark{flex:0 0 auto;background:transparent!important}
.topbar .brand-mark.has-logo{width:min(210px,30vw)!important;height:48px!important;border-radius:0!important;background:transparent!important;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}
.topbar .brand-mark.has-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;transform-origin:center center;transform:translate(var(--header-logo-fit-x,0px),var(--header-logo-fit-y,0px)) scale(var(--header-logo-fit-scale,1));pointer-events:none!important;-webkit-user-drag:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-tap-highlight-color:transparent!important}
.topbar .search{grid-area:search;position:relative;display:flex!important;justify-self:center!important;width:min(520px,100%)!important;max-width:520px!important;min-width:0!important;height:44px!important;margin:0 auto!important;border-radius:12px;box-shadow:0 2px 10px rgba(16,24,40,.06);overflow:visible}
.topbar .search input{width:0;min-width:0;flex:1 1 0;min-height:44px!important;height:44px!important;padding:8px 11px!important;background:#fff!important;border-color:#bccbc3!important;font-size:14px!important}
.topbar .search>button{display:grid!important;place-items:center;min-width:44px!important;width:44px!important;max-width:44px!important;min-height:44px!important;height:44px!important;flex:0 0 44px!important;background:var(--primary-color)!important;color:#fff!important}
/* v625: one focus ring around the complete search control, not a separate input-only outline. */
body .topbar .search input:focus-visible{outline:none!important}
.topbar .search:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 72%,transparent),0 2px 10px rgba(16,24,40,.08)}
.topbar .track-header-btn{grid-area:track;min-height:44px!important;height:44px!important}
.topbar .wishlist-header-btn{grid-area:wishlist}
.topbar .cart-btn{grid-area:cart}
.topbar .search .search-suggestions{position:absolute!important;overflow-anchor:none;top:calc(100% + 6px)!important;left:0!important;right:0!important;width:100%!important;transform:none!important;max-height:min(420px,62vh);overflow-y:auto;overscroll-behavior:contain}
.search-suggestions::before{content:"রিলেভেন্ট পণ্য"!important}

@media (min-width:901px){
  .topbar .header-inner{display:flex!important;gap:10px!important;min-height:74px;padding-top:9px;padding-bottom:9px}
  .topbar .brand{justify-self:auto;justify-content:center!important;width:min(240px,20vw);min-width:180px!important}
  .topbar .brand-mark.has-logo{width:min(230px,19vw)!important;height:50px!important;max-width:100%}
  .topbar .search{position:absolute!important;left:50%;transform:translateX(-50%);width:min(42vw,520px)!important;margin:0!important}
  .topbar .track-header-btn{margin-left:auto}
}

.compact-search-close-btn{display:none!important}

@media (max-width:700px){
  .topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffff!important;transition:none!important;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .topbar .header-inner{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"category brand spacer" "search search search";gap:7px!important;min-height:58px;padding-top:7px;padding-bottom:7px;margin-bottom:0!important}
  .topbar .header-inner::after{content:"";grid-area:spacer;width:44px;height:1px;justify-self:end}
  .topbar .category-toggle{justify-self:start;width:44px!important;height:44px!important;border-radius:var(--button-border-radius, 10px)}
  .topbar .brand{justify-self:center!important;width:100%;max-width:100%}
  .topbar .brand-mark.has-logo{width:min(205px,60vw)!important;height:44px!important;max-width:100%}
  .topbar .track-header-btn,.topbar .wishlist-header-btn,.topbar .cart-btn{display:none!important}
  .topbar .search{width:100%!important;max-width:360px!important}
  .topbar .search input{min-height:44px!important;height:44px!important;padding:8px 10px!important;font-size:16px!important}
  .topbar .search>button{min-width:44px!important;width:44px!important;max-width:44px!important;min-height:44px!important;height:44px!important;flex-basis:44px!important}
  .topbar .search .search-suggestions{max-height:min(286px,calc(100dvh - 150px))!important}

  /* Scrolled phone header: exactly one row — menu | truly centred logo | search. */
  .topbar.mobile-compact-v612{box-shadow:none!important;border-bottom:1px solid var(--line)!important;background:#ffffff!important}
  .topbar.mobile-compact-v612 .header-inner{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"category brand search";gap:7px!important;min-height:58px;padding-top:7px;padding-bottom:7px;margin-bottom:0!important}
  .topbar.mobile-compact-v612 .header-inner::after{display:none!important}
  .topbar.mobile-compact-v612 .brand{grid-area:brand;justify-self:center!important;width:100%;min-width:0}
  .topbar.mobile-compact-v612 .brand-mark.has-logo{width:min(205px,60vw)!important;height:44px!important;max-width:100%}
  .topbar.mobile-compact-v612 .search{grid-area:search;justify-self:end!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;margin:0!important;box-shadow:none!important}
  .topbar.mobile-compact-v612 .search input{position:absolute!important;inline-size:1px!important;block-size:1px!important;min-inline-size:0!important;min-block-size:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}
  .topbar.mobile-compact-v612 .search>button{border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:var(--text-color)!important}
  .topbar.mobile-compact-v612 .search-suggestions{display:none!important}

  /* Compact search close button */
  .compact-search-close-btn{display:none!important;grid-area:close;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:#475467!important;align-items:center;justify-content:center;padding:0!important;cursor:pointer;justify-self:end!important}
  .compact-search-close-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .compact-search-close-btn:active{background:#f2f4f7!important;color:#101828!important}

  /* Search opens from the same real field in row 2 below the logo; logo stays visible and symmetric. */
  .topbar.mobile-compact-v612.mobile-search-open-v612 .header-inner{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"category brand close" "search search search"!important;gap:7px!important;min-height:auto;padding-top:7px;padding-bottom:9px!important;margin-bottom:0!important}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .brand{display:flex!important;justify-self:center!important}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .compact-search-close-btn{display:inline-flex!important}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .search{grid-area:search!important;width:100%!important;max-width:360px!important;justify-self:center!important;position:relative!important;left:auto!important;transform:none!important;height:44px!important;margin:0!important;background:#fff!important;border:1px solid var(--primary-color)!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(16,24,40,.08)!important}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .search input{position:static!important;inline-size:auto!important;block-size:44px!important;min-inline-size:0!important;min-block-size:44px!important;flex:1 1 0!important;padding:8px 11px!important;font-size:16px!important;opacity:1!important;pointer-events:auto!important;clip-path:none;border:none!important;background:transparent!important}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .search>button{border-color:var(--primary-color)!important;border-radius:0 10px 10px 0!important;background:var(--primary-color)!important;color:#fff!important;width:44px!important;height:44px!important}
  /* v636: compact-search suggestions use the same centered mobile rail as the expanded header.
     The input may remain beside the menu in the compact row, but the result panel is viewport-centered
     so it cannot drift to the right edge while scrolling. */
  .topbar.mobile-compact-v612.mobile-search-open-v612 .search-suggestions.show{display:block!important;position:fixed!important;top:var(--mobile-search-suggestions-top-v636,118px)!important;left:50%!important;right:auto!important;width:min(360px,calc(100vw - 30px))!important;max-width:calc(100vw - 30px)!important;transform:translateX(-50%)!important}
}

@media (max-width:360px){
  .topbar .header-inner,.topbar.mobile-compact-v612 .header-inner{grid-template-columns:42px minmax(0,1fr) 42px}
  .topbar .header-inner::after{width:42px}
  .topbar .category-toggle{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .topbar .brand-mark.has-logo,.topbar.mobile-compact-v612 .brand-mark.has-logo{width:min(190px,58vw)!important;height:42px!important}
  .topbar.mobile-compact-v612 .search{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important}
  .topbar.mobile-compact-v612 .search>button{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;flex-basis:42px!important}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .header-inner{grid-template-columns:42px minmax(0,1fr) 42px}
  .topbar.mobile-compact-v612.mobile-search-open-v612 .compact-search-close-btn{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
}

/* v617 — product-card variant quick selector: centered modal on mobile + desktop; card stays Cart/Buy. */
body.product-variant-quick-open{overflow:hidden}
.product-variant-quick-backdrop{position:fixed;inset:0;z-index:980;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.56);backdrop-filter:blur(4px)}
.product-variant-quick-backdrop[hidden]{display:none!important}
.product-variant-quick-dialog{width:min(520px,100%);max-height:min(76vh,680px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfe7e2;border-radius:22px;box-shadow:0 28px 90px rgba(15,23,42,.3)}
.product-variant-quick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 13px;border-bottom:1px solid #e7ece9}
.product-variant-quick-head small{display:block;margin-bottom:3px;color:#0b8f4d;font-size:12px;font-weight:800}
.product-variant-quick-head h2{margin:0;font-size:18px;line-height:1.35;color:#10251a}
.product-variant-quick-head p{margin:5px 0 0;color:#667085;font-size:13px;line-height:1.45}
.product-variant-quick-close{flex:none;width:44px;height:44px;display:grid;place-items:center;margin:0;padding:0;border:1px solid #dce5e0;border-radius:12px;background:#fff;color:#24372d;font-size:18px;cursor:pointer}
.product-variant-quick-list{display:grid;gap:8px;overflow:auto;padding:12px 14px 16px;overscroll-behavior:contain}
.product-variant-quick-option{width:100%;min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0;padding:10px 12px;border:1px solid #d8e3dd;border-radius:14px;background:#fff;color:#14281d;text-align:left;cursor:pointer;touch-action:manipulation}
.product-variant-quick-option:hover{border-color:#80c6a2;background:#f5fbf7}.product-variant-quick-option:focus-visible,.product-variant-quick-close:focus-visible{outline:3px solid #149255;outline-offset:2px}
.product-variant-quick-option.is-unavailable{opacity:.52;background:#f6f7f6;cursor:not-allowed}
.product-variant-quick-visual{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f0f5f2;font-size:20px}
.product-variant-quick-swatch{width:23px;height:23px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #b8c5be}
.product-variant-quick-copy{min-width:0}.product-variant-quick-copy strong,.product-variant-quick-copy small{display:block;overflow-wrap:anywhere}.product-variant-quick-copy strong{font-size:14px;line-height:1.35}.product-variant-quick-copy small{margin-top:3px;color:#697b72;font-size:11px}.product-variant-quick-option>b{white-space:nowrap;color:#087443;font-size:14px;font-variant-numeric:tabular-nums}
@media(max-width:720px){.product-variant-quick-backdrop{place-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.product-variant-quick-dialog{width:min(520px,100%);max-height:min(72dvh,620px);border-radius:20px;border-bottom:1px solid #dfe7e2;padding-bottom:0}.product-variant-quick-head{padding:17px 16px 12px}.product-variant-quick-list{padding:10px 12px 14px}.product-variant-quick-option{min-height:66px}}

/* v619 — lightweight classic Wishlist presentation. Legacy v532 drawer/mobile-nav Wishlist remains retired. */
.product-card{position:relative}
.wishlist-header-btn:focus-visible,.drawer-wishlist-link-v619:focus-visible,.wishlist-detail-btn:focus-visible{outline:3px solid rgba(11,143,77,.28);outline-offset:2px}
.wishlist-header-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:var(--button-border-radius, 11px);background:#fff;color:var(--ink);text-decoration:none;font-size:22px;line-height:1}
.wishlist-header-btn>b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;line-height:1;font-weight:850}
.drawer-wishlist-link-v619{display:none;align-items:center;gap:10px;margin:8px 12px 4px;padding:11px 12px;min-height:48px;border:1px solid #dfe7e2;border-radius:12px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}
.drawer-wishlist-link-v619>span:first-child{font-size:22px;color:#c82452}.drawer-wishlist-link-v619>b{margin-left:auto;min-width:25px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:11px}
.product-detail-tools-after-qty-v622{display:flex!important;align-items:center!important;gap:6px!important;margin:5px 0 9px!important;flex-wrap:wrap!important}
.product-detail-tools-after-qty-v622 button{width:auto!important;min-width:0!important;min-height:34px!important;padding:5px 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:8px!important;font-size:var(--product-detail-micro-font,10.5px)!important;line-height:1.1!important;font-weight:750!important}
.product-detail-tools-after-qty-v622 .wishlist-detail-btn{flex:0 0 auto!important;max-width:none!important;height:auto!important;color:#44564c}
.product-detail-tools-after-qty-v622 .wishlist-detail-btn [data-wishlist-glyph]{font-size:15px;line-height:1;font-family:Arial,sans-serif}
.product-detail-tools-after-qty-v622 .wishlist-detail-btn.is-active{color:#c82452;border-color:#f2a9bc;background:#fff7f9}
.product-detail-tools-after-qty-v622 .product-share-btn-v619{flex:0 0 auto!important;max-width:none!important}

/* v627 — full-width Product Detail support strip below the two-column hero. */
.product-detail-support-strip-v627{width:100%;display:grid;gap:8px;margin-top:14px;padding:0}
.product-detail-support-strip-v627 .product-detail-tools-after-qty-v622{margin:0!important}
.product-detail-support-strip-v627 .product-detail-trust-row-v623{margin:0!important}
.product-detail-support-strip-v627 + .product-lower-section{margin-top:16px}
@media(min-width:701px){.product-detail-support-strip-v627 .product-detail-tools-after-qty-v622{justify-content:flex-end;justify-self:end;margin-left:auto}.product-detail-support-strip-v627 .product-detail-trust-row-v623{width:100%}}
@media(max-width:700px){.detail-short-description{font-size:var(--product-detail-short-font-mobile,14px);line-height:1.55}.product-detail-support-strip-v627{margin-top:10px;gap:7px}.product-detail-support-strip-v627 + .product-lower-section{margin-top:14px}}

/* v623 — fixed lightweight Product Detail trust row. Exactly three items; no fourth badge. */
.product-detail-trust-row-v623{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px;border:1px solid #dfe5e2;border-radius:14px;background:#ffffff;box-shadow:0 2px 10px rgba(16,24,40,0.04);overflow:hidden}
.product-detail-trust-item-v623{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:9px 12px;color:#16271e;text-align:center;transition:background 0.2s ease}
.product-detail-trust-item-v623:hover{background:#fafbfc}
.product-detail-trust-item-v623+ .product-detail-trust-item-v623{border-left:1px solid #e5e9e7}
.product-detail-trust-icon-v623{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;font-size:20px;line-height:1;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:transform 0.2s ease,box-shadow 0.2s ease}
.product-detail-trust-item-v623:nth-child(1) .product-detail-trust-icon-v623{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}
.product-detail-trust-item-v623:nth-child(2) .product-detail-trust-icon-v623{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}
.product-detail-trust-item-v623:nth-child(3) .product-detail-trust-icon-v623{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}
.product-detail-trust-item-v623:hover .product-detail-trust-icon-v623{transform:translateY(-1px) scale(1.06);box-shadow:0 3px 8px rgba(0,0,0,0.08)}
.product-detail-trust-icon-v623 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.product-detail-trust-item-v623>span:last-child{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;width:100%}
.product-detail-trust-item-v623 strong{font-size:var(--product-detail-small-font,13px);line-height:1.25;font-weight:800;color:#0f172a;letter-spacing:-0.01em;text-align:center!important;display:block!important}
.product-detail-trust-item-v623 small{font-size:var(--product-detail-micro-font,10.5px);line-height:1.35;font-weight:600;color:#64748b;text-align:center!important;display:block!important}
@media(max-width:700px){.product-detail-trust-row-v623{margin-top:0;margin-bottom:12px;border-radius:12px}.product-detail-trust-item-v623{gap:5px;padding:9px 4px;text-align:center}.product-detail-trust-icon-v623{width:28px;height:28px;flex:0 0 28px;min-width:28px;border-radius:8px;font-size:14px;line-height:1}.product-detail-trust-icon-v623 svg{width:14px;height:14px}.product-detail-trust-item-v623 strong{font-size:var(--product-detail-trust-strong-mobile,11.5px);line-height:1.24;text-align:center!important;display:block!important}.product-detail-trust-item-v623 small{display:none!important;text-align:center!important}}
@media(max-width:350px){.product-detail-trust-item-v623{gap:3px;padding:8px 2px;text-align:center}.product-detail-trust-icon-v623{width:24px;height:24px;flex:0 0 24px;min-width:24px;border-radius:6px;font-size:12px;line-height:1}.product-detail-trust-icon-v623 svg{width:12px;height:12px}.product-detail-trust-item-v623 strong{font-size:var(--product-detail-trust-strong-small,9.5px);line-height:1.2;text-align:center!important;display:block!important}.product-detail-trust-item-v623 small{display:none!important;text-align:center!important}}

.wishlist-page-v619{padding-top:18px;padding-bottom:34px}.wishlist-page-head-v619{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}.wishlist-page-head-v619 small{color:#c82452;font-weight:850}.wishlist-page-head-v619 h1{margin:3px 0 5px}.wishlist-page-head-v619 p{margin:0;color:var(--muted);font-size:13px}.wishlist-page-head-v619>b{white-space:nowrap;padding:7px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:12px}.wishlist-empty-v619{display:grid;justify-items:center;gap:8px;padding:54px 18px;text-align:center;border:1px dashed #ccd8d1;border-radius:18px;background:#fff}.wishlist-empty-v619>span{font-size:44px;color:#c82452}.wishlist-empty-v619 h2,.wishlist-empty-v619 p{margin:0}.wishlist-empty-v619 p{color:var(--muted)}.wishlist-empty-v619 .primary{margin-top:6px;text-decoration:none;padding:10px 16px;border-radius:10px}.wishlist-unavailable-v619{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.wishlist-unavailable-v619 h2{margin:0 0 10px;font-size:16px}.wishlist-unavailable-v619>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf1ef}.wishlist-unavailable-v619>div:first-of-type{border-top:0}
@media(max-width:700px){.wishlist-header-btn{display:none!important}.drawer-wishlist-link-v619{display:flex}.wishlist-page-head-v619{align-items:flex-start;padding:15px;flex-direction:column}.wishlist-page-head-v619>b{align-self:flex-start}.product-detail-tools-after-qty-v622{align-items:center!important;gap:6px!important}.product-detail-tools-after-qty-v622 button{min-height:28px!important;height:28px!important;max-height:28px!important;padding:3px 9px!important;font-size:11px!important;border-radius:999px!important;line-height:1!important}.product-detail-tools-after-qty-v622 .wishlist-detail-btn,.product-detail-tools-after-qty-v622 .product-share-btn-v619{flex:0 0 auto!important}}
.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}

/* v629 — granular Product Details typography + color controls. Presentation only. */
.product-info h1{
  font-family:var(--product-detail-title-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-weight:var(--product-detail-title-weight,800);
  color:var(--product-detail-title-color,#101828);
  letter-spacing:0.015em;
  line-height:1.38;
  text-wrap:balance;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.detail-price-row .price{
  font-family:var(--product-detail-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-weight:var(--product-detail-price-weight,900)!important;
  color:var(--product-detail-price-color,#101828);
  letter-spacing:0;
}
.detail-price-row .old-price{color:var(--product-detail-old-price-color,#667085)}
.detail-short-description{
  font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  color:var(--product-detail-short-color,#667085)!important;
  line-height:var(--product-detail-short-line-height,1.58)!important;
}
.product-info .product-category,.product-info .product-sku{
  font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-size:var(--product-detail-micro-font,12px);
  color:var(--product-detail-meta-color,#667085);
}
.product-option-summary-v590,.product-variant-picker,.product-warranty-summary-v288,.detail-qty{
  font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  color:var(--product-detail-control-color,#101828);
}
.product-option-summary-v590 .variant-choice-title,
.product-option-summary-v590 .variant-choice-title strong,
.product-option-summary-v590 .variant-color-option,
.product-option-summary-v590 .variant-size-option,
.product-option-summary-v590 #variantStockText,
.product-option-summary-v590 .product-warranty-summary-v288 strong,
.product-option-summary-v590 .product-warranty-summary-v288 small,
.detail-qty label,.detail-qty input,.detail-qty button{
  font-size:var(--product-detail-small-font,13px)!important;
  color:var(--product-detail-control-color,#101828);
}
.product-detail-support-strip-v627{
  font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  color:var(--product-detail-support-color,#344054);
}
.product-detail-tools-after-qty-v622 button{
  font-family:var(--product-detail-action-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif!important;
  font-size:var(--product-detail-support-font,12px)!important;
}
.product-detail-trust-item-v623 strong{
  font-size:var(--product-detail-support-font,13px);
  color:var(--product-detail-support-color,#0f172a);
  text-align:center!important;
  display:block!important;
}
.product-detail-trust-item-v623 small{
  color:var(--product-detail-meta-color,#64748b);
  text-align:center!important;
  display:block;
}
@media(max-width:700px){
  .product-detail-trust-item-v623 small{
    display:none!important;
    text-align:center!important;
  }
}
.product-tab{
  font-family:var(--product-detail-action-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  color:var(--product-detail-tab-color,#667085);
  letter-spacing:0.02em;
  font-weight:700;
}
.product-tab.active{color:var(--product-detail-title-color,#101828);border-bottom-color:var(--product-detail-title-color,#101828)}
.product-tab-panel,.product-description-content,.full-product-description{
  font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-size:var(--product-detail-description-font,16px);
  color:var(--product-detail-description-color,#344054);
  line-height:var(--product-detail-description-line-height,1.75);
}
.product-tab-panel h2,.full-product-description h2{color:var(--product-detail-title-color,#101828)}
.desktop-product-actions button,.sticky-product-actions button{
  font-family:var(--product-detail-action-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif!important;
  font-size:var(--product-detail-action-font,15px)!important;
  letter-spacing:0.02em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.desktop-product-actions .add-btn,.sticky-product-actions .add-btn{background:var(--product-detail-cart-bg,#079455)!important;color:var(--product-detail-cart-text,#fff)!important;box-shadow:0 2px 6px rgba(7,148,85,.2)!important}
.desktop-product-actions .buy-btn,.sticky-product-actions .buy-btn{background:var(--product-detail-buy-bg,var(--product-card-buy-bg,#c2410c))!important;color:var(--product-detail-buy-text,#fff)!important;box-shadow:0 2px 6px rgba(194,65,12,.22)!important}
.product-whatsapp-btn{grid-column:1 / -1;display:flex!important;align-items:center;justify-content:center;gap:8px;background:var(--product-detail-whatsapp-bg,var(--whatsapp-checkout,#25d366))!important;color:var(--product-detail-whatsapp-text,#fff)!important;border:0!important;border-radius:var(--button-border-radius,10px)!important;font-weight:800!important;font-size:15px!important;min-height:48px!important;box-shadow:0 4px 14px rgba(37,211,102,.32)!important;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;width:100%}
.product-whatsapp-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.42)!important}
.product-whatsapp-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
@media(max-width:600px){.sticky-product-actions{grid-template-columns:50px 1fr 1fr!important}}
.sticky-product-actions{
  transition:transform .28s cubic-bezier(0.16,1,0.3,1),opacity .22s ease,visibility .28s!important;
  will-change:transform,opacity;
}
.sticky-product-actions.sticky-actions-hidden{
  transform:translateY(calc(100% + 80px))!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
.product-whatsapp-sticky-btn{display:flex!important;align-items:center;justify-content:center;background:var(--product-detail-whatsapp-bg,var(--whatsapp-checkout,#25d366))!important;color:var(--product-detail-whatsapp-text,#fff)!important;border:0!important;border-radius:10px!important;min-height:42px!important;padding:0!important;cursor:pointer;box-shadow:0 2px 8px rgba(37,211,102,.3)!important}
.product-whatsapp-sticky-btn svg{width:22px;height:22px;fill:currentColor}
.product-trust-badges{margin-top:16px;padding:12px 14px;background:var(--bg-alt,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--button-border-radius,10px);display:flex;flex-direction:column;gap:10px}
.trust-badge-item{display:flex;align-items:flex-start;gap:10px}
.trust-badge-icon{font-size:1.15rem;line-height:1.3;flex-shrink:0}
.trust-badge-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.88rem;line-height:1.4;color:var(--text,#334155)}
.trust-badge-title{font-weight:700;color:var(--text-dark,#0f172a)}
.trust-badge-desc{color:var(--text-muted,#64748b)}
@media(max-width:600px){.product-trust-badges{margin-top:14px;padding:10px 12px;gap:8px}.trust-badge-text{font-size:.82rem}}
@media(max-width:700px){
  .product-info h1{font-size:var(--product-detail-title-font-mobile,18px)}
  .detail-price-row .price{font-size:var(--product-detail-price-font-mobile,25px)!important}
  .detail-short-description{font-size:var(--product-detail-short-font-mobile,14px)}
}
.product-info,.product-lower-section{font-synthesis:none;text-rendering:optimizeLegibility}
.product-info{font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif}
.detail-price-row .old-price{font-family:var(--product-detail-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif}
.product-option-summary-v590 :is(button,select,input),.detail-qty :is(button,input){font-family:var(--product-detail-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif!important}

/* v638 — Free Delivery promotion */
.free-delivery-cart-v638,.free-delivery-checkout-v638{margin:10px 0;padding:9px 11px;border:1px solid rgba(17,94,89,.22);border-radius:10px;background:rgba(13,148,136,.07);font-size:.9rem;font-weight:700;line-height:1.35;color:#115e59}
.free-delivery-cart-v638{margin:8px 14px 2px}
.free-delivery-cart-v638.earned,.free-delivery-checkout-v638.earned{background:rgba(22,163,74,.09);border-color:rgba(22,163,74,.28);color:#166534}
#deliveryFee{font-variant-numeric:tabular-nums}
@media(max-width:600px){.free-delivery-cart-v638,.free-delivery-checkout-v638{font-size:.84rem;padding:8px 10px}}
.track-delivery-v638{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px dashed rgba(15,23,42,.12);font-size:.92rem}.track-delivery-v638 strong{color:#166534}

/* v662 — Product rich-text presentation. Content is structured JSON, never raw HTML. */
.product-rich-text-v662{white-space:normal!important;overflow-wrap:anywhere}
.product-rich-text-v662 p{margin:0 0 10px}
.product-rich-text-v662 p:last-child{margin-bottom:0}
.product-rich-text-v662 h2{margin:18px 0 9px;font-size:1.32em;line-height:1.3;color:var(--product-detail-title-color,#101828)}
.product-rich-text-v662 h3{margin:15px 0 8px;font-size:1.13em;line-height:1.35;color:var(--product-detail-title-color,#101828)}
.product-rich-text-v662 ul,.product-rich-text-v662 ol{margin:8px 0 12px;padding-inline-start:1.5em}
.product-rich-text-v662 li{margin:5px 0;line-height:1.58}
.rt-bold-v662{font-weight:700}
.rt-italic-v662{font-style:italic}
.rt-underline-v662{text-decoration:underline;text-underline-offset:.12em}
.rt-highlight-v662{background:#fff0a6;color:inherit;border-radius:3px;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.rt-weight-light-v662{font-weight:350}
.rt-weight-medium-v662{font-weight:600}
.rt-weight-deep-v662{font-weight:800}
.rt-font-sans-v662{font-family:Inter,"Noto Sans Bengali",sans-serif}
.rt-font-bangla-v662{font-family:"Tiro Bangla","Noto Sans Bengali",serif}
.rt-font-serif-v662{font-family:Georgia,"Tiro Bangla",serif}
.rt-font-mono-v662{font-family:ui-monospace,SFMono-Regular,Consolas,"Noto Sans Bengali",monospace}
.detail-short-description.product-rich-short-v662{display:block;margin:8px 0 14px}
.detail-short-description.product-rich-short-v662 :is(p,h2,h3,ul,ol){margin-top:0}
.product-rich-card-v662{white-space:normal!important}
.product-rich-card-v662 .rt-card-block-v662{display:inline}
.product-rich-card-v662 .rt-card-block-v662+.rt-card-block-v662:before{content:" · ";font-weight:400;color:#98a2b3}
.product-rich-card-v662 .rt-highlight-v662{padding:0 .04em}
@media(max-width:640px){
  .product-rich-text-v662 h2{font-size:1.22em;margin-top:15px}
  .product-rich-text-v662 h3{font-size:1.08em;margin-top:13px}
  .product-rich-text-v662 ul,.product-rich-text-v662 ol{padding-inline-start:1.35em}
}

/* v665 — granular Product Card style editor. Final scoped overrides intentionally
   come after historical card-density safeguards so Admin choices remain authoritative. */
.product-card .product-meta{font-family:var(--product-card-body-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif}
.product-card h3{font-weight:var(--product-card-title-weight,800)!important;color:var(--product-card-title-color,#101828)!important;text-align:var(--product-card-title-align,center)!important;letter-spacing:0.015em;line-height:1.45}
.product-card .price{font-weight:var(--product-card-price-weight,900)!important;color:var(--product-card-price-color,#d92d20)!important}
.product-card .old-price{color:var(--product-card-old-price-color,#667085)!important}
.product-card .product-actions :is(button,a){font-size:var(--product-card-action-font,15px)!important;font-weight:var(--product-card-action-weight,800)!important;border-radius:var(--product-card-button-radius,10px)!important;letter-spacing:0.015em;white-space:nowrap!important;min-height:44px!important}
.product-card .product-actions .add-btn{background:var(--product-card-cart-bg,var(--primary-color))!important;color:var(--product-card-cart-text,#fff)!important}
.product-card .product-actions .buy-btn{background:var(--product-card-buy-bg,#c2410c)!important;color:var(--product-card-buy-text,#fff)!important}
@media(max-width:600px){
  #products .product-card,.custom-page-products .product-card{padding:var(--product-card-padding-mobile,9px)!important;border-radius:var(--product-card-radius,14px)!important}
  #products .product-img,.custom-page-products .product-img{width:calc(100% + var(--product-card-padding-mobile-double,18px))!important;margin:var(--product-card-padding-mobile-negative,-9px) var(--product-card-padding-mobile-negative,-9px) 0!important;aspect-ratio:var(--product-card-image-ratio-mobile,4/5)!important;border-radius:var(--product-card-image-radius,13px)!important}
  .product-card .product-actions :is(button,a){font-size:var(--product-card-action-font-mobile,13.5px)!important;min-height:42px!important;white-space:nowrap!important}
}

/* v667 — compact mobile portrait product cards.
   Keep the 4:5 portrait artwork requested in v666, but stop the image stage from
   consuming the full card width on phones. This trims card height enough for a
   practical 2×2 / four-product viewport while preserving two-column cards,
   readable text and 44px purchase targets. Desktop keeps the full-bleed stage. */
@media(max-width:600px){
  #products .product-img,.custom-page-products .product-img{
    width:90%!important;
    margin:0 auto!important;
    height:auto!important;
    aspect-ratio:var(--product-card-image-ratio-mobile,4/5)!important;
    border-radius:var(--product-card-image-radius,13px)!important;
  }
  #products .product-meta,.custom-page-products .product-meta{padding-top:6px!important}
  #products .product-card h3,.custom-page-products .product-card h3{margin:4px 0 4px!important;min-height:2.8em!important;max-height:2.8em!important;overflow:hidden!important;line-height:1.38!important}
  #products .catalog-price-row,.custom-page-products .catalog-price-row{line-height:1.3!important}
  #products .product-actions,.custom-page-products .product-actions{margin-top:6px!important}
}


/* v668 — equal-edge Product Card image frame + desktop two-row density.
   Product photos stay undistorted through object-fit:contain. The frame now sits
   inside the card with equal light borders instead of bleeding/narrow floating,
   while viewport caps keep mobile four-product density and desktop two-row visibility. */
.product-card .product-img{
  width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid #e3e8e5!important;
  background:#f3f5f4!important;
  border-radius:min(var(--product-card-image-radius,14px),14px)!important;
}
.product-card .catalog-product-image{object-fit:contain!important}
@media(min-width:901px){
  .product-card .product-img{
    height:auto!important;
    max-height:264px!important;
  }
  .product-card .product-meta{padding-top:5px!important}
  .product-card h3{margin:4px 0 5px!important;height:38px!important;min-height:38px!important}
  .product-card .product-actions{margin-top:7px!important}
}
@media(max-width:600px){
  #products .product-img,.custom-page-products .product-img,.category-page-products .product-img{
    width:100%!important;
    margin:0!important;
    height:auto!important;
    aspect-ratio:var(--product-card-image-ratio-mobile,1/1)!important;
    max-height:182px!important;
    border:1px solid #e3e8e5!important;
    border-radius:min(var(--product-card-image-radius,13px),13px)!important;
  }
}

/* Product Details uses the same commerce-red selling-price default as cards.
   A saved custom Product Details color still remains authoritative through the CSS variable. */
.detail-price-row .price{color:var(--product-detail-price-color,#d92d20)}


/* v669 — category-free Product Cards use the released metadata row for the image.
   Product Details selling price is deliberately bold for commerce readability. */
.product-card .product-meta>.product-category{display:none!important}
.detail-price-row .price{font-weight:var(--product-detail-price-weight,900)!important}
@media(min-width:901px){
  .product-card .product-img{max-height:264px!important}
}
@media(max-width:600px){
  #products .product-img,.custom-page-products .product-img,.category-page-products .product-img{max-height:182px!important}
}


/* v670 — make Product Details selling price visibly bold for Bangla digits too.
   Product Details disables font synthesis globally; price opts back into weight synthesis
   and prefers a real bold-capable Bengali face before the regular-only Tiro fallback. */
.detail-price-row .price{
  font-family:var(--product-detail-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali","Hind Siliguri",sans-serif!important;
  font-weight:var(--product-detail-price-weight,900)!important;
  font-synthesis:weight!important;
}

/* ==========================================================================
   v670+ Modern Product Detail Page Enhancements
   ========================================================================== */

/* 1. Image Hover Zoom & Hint */
.product-main-image {
  position: relative;
  overflow: hidden;
  cursor: crosshair;
  background: #f8fafc;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}
.product-main-image .detail-product-image {
  transition: transform 0.15s ease-out;
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-main-image.is-zooming .detail-product-image {
  cursor: crosshair;
}
.zoom-hint-pill {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #334155;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.2s ease;
}
.product-main-image:hover .zoom-hint-pill {
  opacity: 0.4;
}
@media (max-width: 767px) {
  .product-main-image {
    cursor: pointer;
  }
  .zoom-hint-pill {
    display: none;
  }
}

/* 2. Video Badges */
.product-video-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff !important;
  font-size: 0.82rem;
  font-weight: 700;
  border-radius: 24px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
  z-index: 3;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-video-badge:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 6px 16px rgba(220, 38, 38, 0.45);
}
.video-play-pulse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: #fff;
  color: #dc2626;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 900;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: videoPulse 1.8s infinite;
}
@keyframes videoPulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
  70% { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
.gallery-thumb-video-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #1e293b;
  color: #f8fafc;
  border-radius: 8px;
  font-size: 0.75rem;
  gap: 2px;
}
.gallery-thumb-video-badge b {
  color: #ef4444;
  font-size: 1.1rem;
}
.gallery-thumb-video-badge i {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 600;
  color: #cbd5e1;
}

/* 3. Bold Prominent Price & Savings Badges */
.detail-price-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 12px 0;
}
.bold-prominent-price {
  font-size: clamp(1.75rem, 4vw, 2.35rem) !important;
  font-weight: 900 !important;
  color: var(--product-detail-price-color, #d92d20) !important;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.detail-price-row .old-price {
  font-size: 1.15rem;
  color: var(--product-detail-old-price-color, #667085);
  text-decoration: line-through;
}
.discount-badge-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 0.84rem;
  font-weight: 800;
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 20px;
  line-height: 1.2;
}
.save-badge-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 20px;
  line-height: 1.2;
}
.detail-price-row :is(.stock-ok, .stock-out, .stock-preorder) {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.detail-price-row .stock-ok {
  color: #027a48 !important;
  background: #ecfdf3 !important;
  border: 1px solid #a6f4c5 !important;
}
.detail-price-row .stock-out {
  color: #b42318 !important;
  background: #fef3f2 !important;
  border: 1px solid #fecdca !important;
}
.detail-price-row .stock-preorder {
  color: #b54708 !important;
  background: #fffaeb !important;
  border: 1px solid #fedf89 !important;
}

/* 4. Urgency Countdown Timer */
.product-urgency-timer {
  margin: 14px 0 16px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  border: 1px solid #fed7aa;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 16px;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.08);
}
.product-urgency-timer[hidden] {
  display: none !important;
}
.urgency-timer-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.timer-flame {
  font-size: 1.3rem;
  animation: flameFlicker 1.5s infinite alternate ease-in-out;
}
@keyframes flameFlicker {
  0% { transform: scale(1) rotate(-3deg); }
  100% { transform: scale(1.15) rotate(3deg); }
}
.timer-title {
  font-weight: 800;
  font-size: 0.95rem;
  color: #c2410c;
}
.timer-subtitle {
  font-size: 0.84rem;
  color: #7c2d12;
}
.urgency-timer-boxes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.timer-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 4px 6px;
  background: #ffffff;
  border: 1px solid #fdba74;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.timer-num {
  font-size: 1.15rem;
  font-weight: 900;
  color: #c2410c;
  line-height: 1.1;
  font-family: var(--store-number-font), "Noto Sans Bengali", sans-serif;
}
.timer-box small {
  font-size: 0.65rem;
  font-weight: 600;
  color: #9a3412;
  margin-top: 1px;
}
.timer-sep {
  font-size: 1.1rem;
  font-weight: 900;
  color: #ea580c;
}
@media (max-width: 480px) {
  .product-urgency-timer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* 5. Key Features Checklist & Specification Table */
.product-key-features {
  margin-bottom: 24px;
  padding: 16px 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}
.key-features-heading, .specs-table-heading {
  margin: 0 0 12px;
  font-size: 1.08rem;
  font-weight: 800;
  color: #0f172a;
}
.key-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 9px;
}
.key-features-list li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 0.94rem;
  color: #334155;
  line-height: 1.45;
}
.feature-bullet-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 900;
}
.product-specs-table-container {
  margin: 20px 0;
  overflow-x: auto;
}
.product-spec-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
.product-spec-table th, .product-spec-table td {
  padding: 11px 16px;
  font-size: 0.92rem;
  border-bottom: 1px solid #f1f5f9;
  text-align: left;
}
.product-spec-table th {
  width: 32%;
  background: #f8fafc;
  color: #475569;
  font-weight: 700;
}
.product-spec-table td {
  color: #0f172a;
  font-weight: 500;
}
.product-spec-table tr:last-child th, .product-spec-table tr:last-child td {
  border-bottom: none;
}
.spec-stock-in {
  color: #16a34a;
  font-weight: 700;
}
.spec-stock-out {
  color: #dc2626;
  font-weight: 700;
}

/* 6. Quick Share Direct Buttons */
.product-quick-shares {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.quick-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
  line-height: 1.2;
}
.quick-share-wa {
  background: #25d366;
  color: #ffffff !important;
}
.quick-share-wa:hover {
  background: #1ebc59;
}
.quick-share-fb {
  background: #1877f2;
  color: #ffffff !important;
}
.quick-share-fb:hover {
  background: #0d65d9;
}
.quick-share-copy {
  background: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}
.quick-share-copy:hover {
  background: #e2e8f0;
}

/* 7. Fullscreen Lightbox Modal */
.product-lightbox-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.product-lightbox-modal[hidden] {
  display: none !important;
}
.lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.lightbox-dialog {
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.lightbox-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  color: #ffffff;
  gap: 12px;
}
.lightbox-counter {
  font-size: 0.95rem;
  font-weight: 700;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.15);
  padding: 3px 10px;
  border-radius: 20px;
}
.lightbox-title {
  font-size: 1rem;
  font-weight: 600;
  color: #f8fafc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  text-align: center;
}
.lightbox-close-btn {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: none;
  font-size: 1.25rem;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.lightbox-close-btn:hover {
  background: rgba(255, 255, 255, 0.35);
}
.lightbox-stage-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 65vh;
  min-height: 280px;
}
.lightbox-stage {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}
.lightbox-video {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
  background: #000;
}
.lightbox-emoji {
  font-size: 8rem;
}
.lightbox-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: none;
  border-radius: 50%;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: background 0.2s, transform 0.2s;
}
.lightbox-nav-btn:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%) scale(1.08);
}
.lightbox-prev {
  left: 8px;
}
.lightbox-next {
  right: 8px;
}
.lightbox-thumbs {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  overflow-x: auto;
  padding: 6px 2px;
}
.lightbox-thumb {
  width: 52px;
  height: 52px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.2s;
}
.lightbox-thumb.active {
  border-color: #38bdf8;
}
.lightbox-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lightbox-thumb .thumb-vid-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #0f172a;
  color: #ef4444;
  font-size: 1.1rem;
}
body.lightbox-open {
  overflow: hidden !important;
}

/* Step 1 Refinements: Compact Short Description & Right-Aligned Share/Wishlist */
.detail-short-description.product-rich-short-v662 {
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
  margin: 6px 0 12px !important;
}
.detail-short-description.product-rich-short-v662 p {
  margin: 4px 0 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}
.detail-short-description.product-rich-short-v662 ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 4px 0 8px !important;
}
.detail-short-description.product-rich-short-v662 ol {
  margin: 4px 0 8px !important;
  padding-inline-start: 1.25em !important;
}
.detail-short-description.product-rich-short-v662 li {
  margin: 4px 0 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}

/* Align Share, WhatsApp, and Wishlist neatly on the right with modern pill styling */
.product-detail-support-strip-v627 .product-detail-tools-after-qty-v622 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  gap: 6px !important;
}
.product-detail-tools-after-qty-v622 .product-share-btn-v619,
.product-detail-tools-after-qty-v622 .quick-share-wa,
.product-detail-tools-after-qty-v622 .wishlist-detail-btn {
  padding: 4px 10px !important;
  min-height: 28px !important;
  height: 28px !important;
  max-height: 28px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.product-detail-tools-after-qty-v622 .product-share-btn-v619,
.product-detail-tools-after-qty-v622 .wishlist-detail-btn {
  background: #ffffff !important;
  border: 1px solid #d0d7de !important;
  color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.product-detail-tools-after-qty-v622 .product-share-btn-v619:hover,
.product-detail-tools-after-qty-v622 .wishlist-detail-btn:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
  transform: translateY(-1px);
}
.product-detail-tools-after-qty-v622 .quick-share-wa {
  background: #25d366 !important;
  border: 1px solid #1ebe5d !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(37,211,102,0.28) !important;
}
.product-detail-tools-after-qty-v622 .quick-share-wa:hover {
  background: #1ebc59 !important;
  border-color: #1aa64e !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(37,211,102,0.38) !important;
}
.product-detail-tools-after-qty-v622 .quick-share-wa svg {
  width: 13px !important;
  height: 13px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
}
.product-detail-tools-after-qty-v622 .wishlist-detail-btn [data-wishlist-glyph] {
  font-size: 12px !important;
  line-height: 1 !important;
  color: #64748b;
}
.product-detail-tools-after-qty-v622 .wishlist-detail-btn.is-active {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #e11d48 !important;
}
.product-detail-tools-after-qty-v622 .wishlist-detail-btn.is-active [data-wishlist-glyph] {
  color: #e11d48 !important;
}

/* Clean related products heading */
.related-products-head-v592 h2 {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
}


/* v685 — Storefront companion controls: global Wishlist availability, bounded
   header-logo sizing, and optional mobile sticky-header behavior. */
html[data-wishlist-enabled="0"] .wishlist-header-btn,
html[data-wishlist-enabled="0"] .drawer-wishlist-link-v619,
html[data-wishlist-enabled="0"] .wishlist-detail-btn{display:none!important}
@media(min-width:701px){
  .topbar .brand-mark.has-logo{width:min(var(--header-logo-desktop-width-v685,230px),32vw)!important}
}
@media(max-width:700px){
  .topbar .brand-mark.has-logo,
  .topbar.mobile-compact-v612 .brand-mark.has-logo{width:min(var(--header-logo-mobile-width-v685,205px),70vw)!important}
  html[data-mobile-sticky-header="0"] .topbar{position:relative!important;top:auto!important}
}

/* v704 — Cart price typography, footer WhatsApp icon, and footer logo parity */
.cart-line-price{
  font-family:var(--product-card-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-size:14px;
  font-weight:700;
  color:var(--text,#101828);
  font-variant-numeric:tabular-nums;
  line-height:1.35;
  margin-top:3px;
  display:inline-flex;
  align-items:baseline;
  gap:4px;
}
.cart-line-price .cart-line-qty{
  color:var(--muted,#64748b);
  font-weight:600;
  font-size:13px;
}
.cart-line-price .price-val{
  color:var(--primary-color,#c2410c);
  font-weight:800;
}
.checkout-product-pricing span,
.checkout-product-pricing strong{
  font-family:var(--product-card-price-family,var(--store-number-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif;
  font-variant-numeric:tabular-nums;
}

/* Footer WhatsApp circular icon button (Task 10) */
.footer-social-links-v595 .footer-social-link-v595{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:50%!important;
  padding:0!important;
  justify-content:center!important;
  box-shadow:0 3px 10px rgba(0,0,0,.15)!important;
}
.footer-social-links-v595 .footer-social-link-v595 b{
  display:none!important;
}
.footer-social-links-v595 .footer-social-link-v595:hover{
  transform:scale(1.08)!important;
}
.footer-social-link-v595.kind-facebook{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:50%!important;
  background:#1877f2!important;
  color:#fff!important;
  padding:0!important;
  border:none!important;
  box-shadow:0 3px 10px rgba(24,119,242,.25)!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.footer-social-link-v595.kind-facebook:hover{
  transform:scale(1.08)!important;
  box-shadow:0 5px 14px rgba(24,119,242,.35)!important;
}
.footer-social-link-v595.kind-facebook .footer-social-svg-icon,
.footer-social-link-v595.kind-facebook > span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
}
.footer-social-link-v595.kind-facebook svg{
  width:20px!important;
  height:20px!important;
  fill:#fff!important;
}
.footer-social-link-v595.kind-whatsapp{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:50%!important;
  background:#25d366!important;
  color:#fff!important;
  padding:0!important;
  box-shadow:0 3px 10px rgba(37,211,102,.25)!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.footer-social-link-v595.kind-whatsapp:hover{
  transform:scale(1.08)!important;
  box-shadow:0 5px 14px rgba(37,211,102,.35)!important;
}
.footer-social-link-v595.kind-whatsapp .footer-social-svg-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.footer-social-link-v595.kind-whatsapp svg{
  width:22px!important;
  height:22px!important;
  fill:currentColor!important;
}

/* Footer Brand Logo & Title Parity with Header (Task 11) */
.footer-brand-logo-link-v654{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  position:relative;
  width:max-content;
  max-width:min(var(--header-logo-desktop-width-v685,230px),100%);
  height:auto;
  min-height:36px;
  margin:0 0 8px;
  padding:0;
  border:0;
  background:transparent!important;
  text-decoration:none;
  overflow:hidden!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
  outline:none!important;
  box-shadow:none!important;
}
.footer-brand-logo-link-v654:hover,
.footer-brand-logo-link-v654:focus,
.footer-brand-logo-link-v654:focus-visible,
.footer-brand-logo-link-v654:active{
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}
.footer-brand-logo-v654{
  display:block;
  height:100%;
  width:100%;
  max-height:48px;
  max-width:min(var(--header-logo-desktop-width-v685,230px),100%);
  object-fit:contain;
  object-position:left center;
  pointer-events:none!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.footer-brand-title-link-v654{
  text-decoration:none;
  display:inline-block;
  color:inherit;
  -webkit-tap-highlight-color:transparent!important;
}
.footer-brand-title-link-v654 h3{
  margin:0 0 10px;
  font-size:22px;
  font-weight:800;
  color:inherit;
}
@media(max-width:700px){
  .footer-brand-logo-link-v654{
    max-width:min(var(--header-logo-mobile-width-v685,205px),70vw);
    min-height:32px;
  }
  .footer-brand-logo-v654{
    height:100%;
    max-height:44px;
    max-width:min(var(--header-logo-mobile-width-v685,205px),70vw);
  }
}

/* Sticky Running Announcement Bar (Task 20) */
html.has-sticky-announcement .announcement{
  position: sticky!important;
  top: 0!important;
  z-index: 126!important;
}
html.has-sticky-announcement .topbar{
  top: 35px!important;
}
@media(max-width:700px){
  html.has-sticky-announcement .topbar{
    top: 32px!important;
  }
}



/* Product Card Actions Sizing & Title/Price Overlap Fix */
#products .product-card .product-meta,
.custom-page-products .product-card .product-meta,
.product-card .product-meta{
  padding-top:6px!important;
  display:flex!important;
  flex:0 0 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
#products .product-card h3,
.custom-page-products .product-card h3,
.product-card h3{
  margin:2px 0 1px!important;
  font-family:var(--product-card-title-family,var(--store-latin-font)),var(--store-bangla-font),"Noto Sans Bengali",sans-serif!important;
  font-size:var(--product-card-title-font,14.5px)!important;
  line-height:var(--product-card-title-line-height,1.24)!important;
  font-weight:var(--product-card-title-weight,800)!important;
  color:var(--product-card-title-color,#101828)!important;
  text-align:var(--product-card-title-align,center)!important;
  height:auto!important;
  min-height:var(--product-card-title-min-height,2.48em)!important;
  max-height:calc(var(--product-card-title-line-height,1.24) * 2.1em)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-line-clamp:var(--product-card-title-clamp,2)!important;
  -webkit-box-orient:vertical!important;
  word-break:break-word!important;
}
#products .product-card .catalog-price-row,
.custom-page-products .product-card .catalog-price-row,
.product-card .catalog-price-row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  line-height:1.15!important;
  margin-top:var(--product-card-price-gap,1px)!important;
  margin-bottom:0!important;
  padding-top:0!important;
  min-height:20px!important;
  position:relative!important;
  z-index:1!important;
}
.product-card .product-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  margin-top:auto!important;
  padding-top:8px!important;
}
.product-card .product-actions :is(button,a){
  min-height:38px!important;
  padding:6px 6px!important;
  font-size:var(--product-card-action-font,13.5px)!important;
  font-weight:var(--product-card-action-weight,800)!important;
  border-radius:var(--product-card-button-radius,8px)!important;
  letter-spacing:0.01em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
/* Pre-Order single full-width action bar */
.product-card .product-actions.preorder-actions,
.product-actions.preorder-actions {
  display: flex !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}
.product-card .product-actions.preorder-actions .preorder-bar-btn,
.product-actions.preorder-actions .preorder-bar-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  grid-column: 1 / -1 !important;
  text-align: center !important;
  background: var(--product-card-buy-bg, #c2410c) !important;
  color: var(--product-card-buy-text, #ffffff) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  border-radius: var(--product-card-button-radius, 8px) !important;
  min-height: 38px !important;
  box-shadow: 0 2px 6px rgba(194, 65, 12, 0.22) !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
}
.product-card .product-actions.preorder-actions .preorder-bar-btn:hover,
.product-actions.preorder-actions .preorder-bar-btn:hover {
  filter: brightness(1.06) !important;
}
.product-card .product-actions.preorder-actions .preorder-bar-btn:active,
.product-actions.preorder-actions .preorder-bar-btn:active {
  transform: scale(0.98) !important;
}
.desktop-product-actions.is-preorder-actions {
  grid-template-columns: 1fr !important;
}
@media(max-width:600px){
  .product-card .product-actions.preorder-actions .preorder-bar-btn,
  .product-actions.preorder-actions .preorder-bar-btn {
    min-height: 36px !important;
    font-size: var(--product-card-action-font-mobile, 13px) !important;
    border-radius: var(--product-card-button-radius, 7px) !important;
  }
  .sticky-product-actions.is-preorder-actions {
    grid-template-columns: 50px 1fr !important;
  }
}
@media(max-width:600px){
  #products .product-card .product-meta,
  .custom-page-products .product-card .product-meta,
  .product-card .product-meta{
    padding-top:3px!important;
    flex:0 0 auto!important;
  }
  #products .product-card h3,
  .custom-page-products .product-card h3,
  .product-card h3{
    margin:1px 0 1px!important;
    font-size:var(--product-card-title-font-mobile,13px)!important;
    line-height:1.22!important;
    min-height:2.45em!important;
    max-height:2.5em!important;
    height:auto!important;
    overflow:hidden!important;
  }
  #products .product-card .catalog-price-row,
  .custom-page-products .product-card .catalog-price-row,
  .product-card .catalog-price-row{
    margin-top:1px!important;
    margin-bottom:0!important;
    padding-top:0!important;
    line-height:1.15!important;
    min-height:20px!important;
  }
  .product-card .price{
    font-size:var(--product-card-price-font-mobile,16px)!important;
    line-height:1.15!important;
  }
  .product-card .product-actions{
    gap:5px!important;
    margin-top:auto!important;
    padding-top:6px!important;
  }
  .product-card .product-actions :is(button,a){
    min-height:36px!important;
    padding:5px 4px!important;
    font-size:var(--product-card-action-font-mobile,12px)!important;
    border-radius:var(--product-card-button-radius,7px)!important;
    font-weight:750!important;
  }
}
@media(max-width:340px){
  .product-card .product-actions :is(button,a){
    min-height:34px!important;
    font-size:11px!important;
    padding:4px 2px!important;
  }
}

/* ========================================================
   Universal Device & 60fps Surf Acceleration Engine
   ======================================================== */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:is(button, a, input, select, textarea, .product-card, .category-chip, .mobile-nav) {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* CSS Virtualization for smooth scrolling on long catalogs */
.product-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 260px;
}

/* ========================================================
   v794 Order Success One-View Responsive Engine (PC & Mobile Enlarged)
   - Mobile & PC card enlargement: fills the screen comfortably (eliminates empty bottom blank space)
   - Multi-product single-screen protection: bounded scrolling for items,
     keeping full order receipt, items & action buttons within 1 view
   ======================================================== */
/* Announcement bar is strictly hidden on Order Success / Confirmation screen */
body:has(.order-success-wrap) .announcement,
html:has(.order-success-wrap) .announcement {
  display: none !important;
}

.order-success-wrap {
  padding-top: 20px !important;
  padding-bottom: 36px !important;
  min-height: calc(100vh - 130px) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.order-success-card {
  max-width: 900px !important;
  width: 100% !important;
  min-height: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  margin: 0 auto !important;
  padding: 28px 34px 26px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid #e1e7e4 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
}
.order-success-card .icon {
  font-size: 42px !important;
  line-height: 1 !important;
  margin: 0 auto 6px !important;
  display: block !important;
  text-align: center !important;
}
.order-success-card h1 {
  font-size: 21px !important;
  line-height: 1.25 !important;
  margin: 2px 0 12px !important;
  font-weight: 750 !important;
  color: #111827 !important;
  text-align: center !important;
}
.order-success-card .whatsapp-success {
  margin: 6px auto 12px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  border-radius: 10px !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
  text-align: center !important;
}
.order-success-card .preorder-success-note {
  margin-bottom: 10px !important;
  padding: 8px 12px !important;
  font-size: 12.5px !important;
  border-radius: 8px !important;
  background: #fffbeb !important;
  border: 1px solid #fef3c7 !important;
  color: #92400e !important;
  text-align: left !important;
}
.order-success-card .payment-pending-success {
  margin-bottom: 10px !important;
  padding: 8px 12px !important;
  font-size: 12.5px !important;
  border-radius: 8px !important;
  background: #fefce8 !important;
  border: 1px solid #fef08a !important;
  color: #854d0e !important;
  text-align: left !important;
}
.order-success-card .confirmation-card {
  flex: 1 !important;
  margin: 10px 0 14px !important;
  padding: 16px 22px !important;
  border-radius: 16px !important;
  background: #f7faf8 !important;
  border: 1px solid #dcece2 !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.order-success-card .confirmation-grid.has-items {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr !important;
  gap: 24px !important;
  align-items: start !important;
}
.order-success-card .confirmation-info-col p {
  margin: 5px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #1f2937 !important;
}
.order-success-card .confirmation-info-col p strong {
  color: #111827 !important;
  word-break: break-word !important;
}
.order-success-card .confirmation-card p {
  margin: 5px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.order-success-card .confirmation-card hr {
  margin: 8px 0 !important;
  border: 0 !important;
  border-top: 1px dashed #d1e4d9 !important;
}
.order-success-card .confirmation-grid.has-items .success-items hr {
  display: none !important;
}
.order-success-card .confirmation-card .inline-copy-button {
  min-height: 26px !important;
  height: 26px !important;
  padding: 2px 10px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  border-radius: 7px !important;
  background: #eef7f2 !important;
  border: 1px solid #b8dfca !important;
  color: #087443 !important;
  cursor: pointer !important;
  margin-left: 8px !important;
}
.order-success-card .success-items {
  border-left: 1px solid #e1eee6 !important;
  padding-left: 20px !important;
  max-height: none !important;
  overflow: visible !important;
}
.order-success-card .success-items-heading {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 6px !important;
}
.order-success-card .success-items-list {
  max-height: 180px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 4px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #b8dfca transparent !important;
}
.order-success-card .success-items-list::-webkit-scrollbar {
  width: 5px !important;
}
.order-success-card .success-items-list::-webkit-scrollbar-thumb {
  background: #b8dfca !important;
  border-radius: 4px !important;
}
.order-success-card .success-items p {
  margin: 4px 0 !important;
  padding: 5px 0 !important;
  font-size: 13px !important;
  border-bottom: 1px dashed #e6efe9 !important;
  line-height: 1.4 !important;
}
.order-success-card .success-items p:last-child {
  border-bottom: 0 !important;
}
.order-success-card .success-items p strong {
  color: #111827 !important;
  display: block !important;
}
.order-success-card .success-items p small {
  color: #4b5563 !important;
  font-size: 12px !important;
}
.order-success-card .order-change-help {
  margin: 10px 0 14px !important;
  padding: 12px 18px !important;
  gap: 14px !important;
  border-radius: 14px !important;
  background: #f0f8f4 !important;
  border: 1px solid #cbe6d7 !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.order-success-card .order-change-help .order-change-help-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  flex: 1 !important;
}
.order-success-card .order-change-help b {
  font-size: 13.5px !important;
  color: #0b6b3b !important;
}
.order-success-card .order-change-help span {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  color: #374151 !important;
}
.order-success-card .order-change-help a.primary {
  min-height: 38px !important;
  height: 38px !important;
  padding: 5px 16px !important;
  font-size: 13px !important;
  border-radius: 9px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
.order-success-card .success-actions-wrap {
  display: flex !important;
  gap: 14px !important;
  margin-top: 10px !important;
}
.order-success-card .success-actions-wrap .success-btn {
  flex: 1 !important;
  min-height: 44px !important;
  height: 44px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 600px) {
  .order-success-wrap {
    min-height: calc(100vh - 120px) !important;
    min-height: calc(100dvh - 120px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: max(10px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }
  .order-success-card {
    max-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    margin: auto !important;
    padding: 20px 16px 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #dcece2 !important;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
  }
  .order-success-card .icon {
    font-size: 42px !important;
    line-height: 1 !important;
    margin: 0 auto 6px !important;
    display: block !important;
    text-align: center !important;
  }
  .order-success-card h1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    text-align: center !important;
  }
  .order-success-card .whatsapp-success {
    margin: 4px 0 8px !important;
    padding: 8px 12px !important;
    font-size: 12.5px !important;
    border-radius: 9px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
    text-align: center !important;
  }
  .order-success-card .confirmation-card {
    margin: 8px 0 10px !important;
    padding: 13px 14px !important;
    border-radius: 14px !important;
    background: #f8faf9 !important;
    border: 1px solid #dcece2 !important;
    display: block !important;
    text-align: left !important;
  }
  .order-success-card .confirmation-grid.has-items {
    display: block !important;
  }
  .order-success-card .confirmation-info-col p {
    margin: 4px 0 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #1f2937 !important;
  }
  .order-success-card .confirmation-info-col p strong {
    color: #111827 !important;
    font-weight: 700 !important;
  }
  .order-success-card .confirmation-card p {
    margin: 4px 0 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }
  .order-success-card .confirmation-card hr,
  .order-success-card .confirmation-grid.has-items .success-items hr {
    display: block !important;
    margin: 8px 0 6px !important;
    border: 0 !important;
    border-top: 1px dashed #cfe0d6 !important;
  }
  .order-success-card .confirmation-card .inline-copy-button {
    min-height: 25px !important;
    height: 25px !important;
    padding: 2px 8px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    background: #eef7f2 !important;
    border: 1px solid #b8dfca !important;
    color: #087443 !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
  }
  .order-success-card .success-items {
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 4px !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .order-success-card .success-items-heading {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #4b5563 !important;
    margin: 4px 0 2px !important;
    display: block !important;
  }
  .order-success-card .success-items-list {
    max-height: 120px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-right: 4px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(11, 143, 77, 0.25) transparent !important;
  }
  .order-success-card .success-items-list::-webkit-scrollbar {
    width: 3px !important;
  }
  .order-success-card .success-items-list::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .order-success-card .success-items-list::-webkit-scrollbar-thumb {
    background: rgba(11, 143, 77, 0.25) !important;
    border-radius: 99px !important;
  }
  .order-success-card .success-items::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .order-success-card .success-items p {
    margin: 3px 0 !important;
    padding: 3px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    border-bottom: 1px dashed #e6efe9 !important;
  }
  .order-success-card .success-items p:last-child {
    border-bottom: 0 !important;
  }
  .order-success-card .success-items p strong {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    display: block !important;
  }
  .order-success-card .success-items p small {
    font-size: 12px !important;
    color: #4b5563 !important;
  }
  .order-success-card .order-change-help {
    margin: 8px 0 10px !important;
    padding: 9px 12px !important;
    gap: 10px !important;
    border-radius: 12px !important;
    background: #f0f8f4 !important;
    border: 1px solid #cbe6d7 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .order-success-card .order-change-help .order-change-help-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 !important;
  }
  .order-success-card .order-change-help b {
    font-size: 13px !important;
    color: #0b6b3b !important;
  }
  .order-success-card .order-change-help span {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    color: #4b5563 !important;
  }
  .order-success-card .order-change-help a.primary {
    min-height: 34px !important;
    height: 34px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .order-success-card .success-actions-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }
  .order-success-card .success-actions-wrap .success-btn {
    min-height: 44px !important;
    height: 44px !important;
    padding: 6px 10px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
  }
}

@media (max-width: 360px) {
  .order-success-card {
    padding: 16px 12px 14px !important;
  }
  .order-success-card h1 {
    font-size: 18px !important;
  }
  .order-success-card .order-change-help {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
  }
  .order-success-card .order-change-help a.primary {
    width: 100% !important;
    text-align: center !important;
  }
  .order-success-card .success-actions-wrap .success-btn {
    font-size: 12px !important;
    padding: 6px 4px !important;
  }
}

/* ========================================================
   v799 Pre-Order Category Option Presentation (Clean & Normal)
   ======================================================== */
.preorder-category-pill {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
}
/* Pre-order chip uses standard neutral styling identical to all category chips */
.category-chip.preorder-chip {
  border-color: var(--line) !important;
  color: var(--ink) !important;
  background: #fff !important;
}
.category-chip.preorder-chip:hover {
  border-color: var(--brand) !important;
  color: var(--brand) !important;
}
.category-chip.preorder-chip.active {
  background: var(--secondary-color) !important;
  color: #ffffff !important;
  border-color: var(--secondary-color) !important;
}

/* v823: Premium Online Payment Box */
.online-pay-details-v823 {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
  border: 1.5px solid #86efac !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  margin: 14px 0 18px !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.08) !important;
}

.online-pay-header-v823 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: none !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

.online-pay-title-wrap-v823 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.online-pay-badge-icon-v823 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #dcfce7;
  font-size: 18px;
  box-shadow: 0 2px 6px rgba(22, 101, 52, 0.08);
  flex-shrink: 0;
}

.online-pay-title-v823 {
  display: block;
  font-size: 15px;
  font-weight: 750;
  color: #0f172a;
  letter-spacing: -0.1px;
}

.online-pay-sub-v823 {
  display: block;
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
  margin-top: 1px;
}

.online-pay-amount-v823,
.online-pay-details-v823 #onlinePayAmountDisplay {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #047857 !important;
  letter-spacing: -0.3px !important;
  text-shadow: 0 1px 2px rgba(4, 120, 87, 0.08);
}

.online-pay-security-pill-v823 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  padding: 9px 13px;
  backdrop-filter: blur(4px);
}

.online-pay-pill-icon-v823 {
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
}

.online-pay-pill-text-v823 {
  font-size: 12.5px;
  color: #15803d;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .online-pay-details-v823 {
    padding: 13px 14px !important;
  }
  .online-pay-title-v823 {
    font-size: 14px;
  }
  .online-pay-amount-v823,
  .online-pay-details-v823 #onlinePayAmountDisplay {
    font-size: 20px !important;
  }
  .online-pay-security-pill-v823 {
    padding: 8px 10px;
    font-size: 12px;
  }
}

/* Unified styling for manual bKash/Nagad full-payment details */
#fullPaymentDetails {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
  border: 1.5px solid #86efac !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.08) !important;
}

#fullPaymentDetails .pay-to-box {
  background: #ffffff !important;
  border: 1.5px solid #bbf7d0 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
}

#fullPaymentDetails .full-pay-amount {
  border-top: none !important;
  margin: 10px 0 14px !important;
  padding: 0 !important;
}

#fullPaymentDetails .full-pay-amount strong {
  font-size: 22px !important;
  color: #047857 !important;
  font-weight: 800 !important;
}

@keyframes slideDownIn {
  from {
    opacity: 0;
    transform: translateY(-24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.payment-redirecting-card,
.payment-start-recovery {
  animation: slideDownIn 0.38s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* v738: keep white action-button text at WCAG AA contrast.
   Merchant colors remain in charge; the small dark blend fixes the
   low-contrast default greens without changing site settings. */
.primary {
  background-color: color-mix(in srgb, var(--primary-color) 82%, #000 18%);
}
.hero .primary,
.hero .hero-primary-link {
  background-color: color-mix(in srgb, var(--hero-btn-bg, var(--secondary-color, #0b8f4d)) 82%, #000 18%);
}
.add-btn,
.product-card .product-actions .add-btn {
  background-color: color-mix(in srgb, var(--product-card-cart-bg, var(--primary-color)) 82%, #000 18%) !important;
}
.desktop-product-actions .add-btn,
.sticky-product-actions .add-btn {
  background-color: color-mix(in srgb, var(--product-detail-cart-bg, #079455) 82%, #000 18%) !important;
}
.product-whatsapp-btn,
.product-whatsapp-sticky-btn {
  background-color: color-mix(in srgb, var(--product-detail-whatsapp-bg, var(--whatsapp-checkout, #25d366)) 60%, #000 40%) !important;
}
.whatsapp-checkout-btn {
  background-color: color-mix(in srgb, var(--whatsapp-checkout, #25d366) 60%, #000 40%) !important;
}

/* v862 — Mobile storefront touch targets.
   Back links and the compact share/wishlist pills were visually tidy but
   shorter than a comfortable thumb target on phones. Keep the same look,
   only expand the tappable box. */
@media (max-width: 600px) {
  .back-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 6px 2px;
    margin-bottom: 8px;
    line-height: 1.35;
  }
  .category-page-back { margin-bottom: 6px; }
  .product-breadcrumb-v637 a { min-height: 44px; }
  .product-detail-tools-after-qty-v622 .product-share-btn-v619,
  .product-detail-tools-after-qty-v622 .wishlist-detail-btn,
  .product-detail-tools-after-qty-v622 .quick-share-wa {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
}

/* On very small phones the square product photo pushes the title under the
   fixed bottom nav. Cap the stage so the name/price stay visible at the top. */
@media (max-width: 340px) {
  .product-main-image {
    max-height: calc(100vw - 56px);
  }
}

/* Universal product card parity across all storefront sections:
   Home page (#products), Category page, Custom pages, Wishlist, and Related Products ("আরও দেখুন" .related-products-v592)
   match the exact same mobile card dimensions, 1:1 image aspect ratio, padding and actions. */
@media(max-width:600px){
  .related-products-v592 .product-grid,
  .related-products-grid-v592,
  .wishlist-grid-v619{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .related-products-v592 .product-card,
  .wishlist-page-v619 .product-card{
    min-width:0!important;
    padding:var(--product-card-padding-mobile,9px)!important;
    border-radius:var(--product-card-radius,14px)!important;
  }
  .related-products-v592 .product-img,
  .wishlist-page-v619 .product-img{
    width:100%!important;
    margin:0!important;
    height:auto!important;
    aspect-ratio:var(--product-card-image-ratio-mobile,1/1)!important;
    max-height:182px!important;
    border:1px solid #e3e8e5!important;
    border-radius:min(var(--product-card-image-radius,13px),13px)!important;
  }
  .related-products-v592 .product-meta,
  .wishlist-page-v619 .product-meta{
    padding-top:6px!important;
  }
  .related-products-v592 .product-card h3,
  .wishlist-page-v619 .product-card h3{
    margin:4px 0 4px!important;
    min-height:2.8em!important;
    max-height:2.8em!important;
    overflow:hidden!important;
    line-height:1.38!important;
  }
  .related-products-v592 .catalog-price-row,
  .wishlist-page-v619 .catalog-price-row{
    line-height:1.3!important;
  }
  .related-products-v592 .product-actions,
  .wishlist-page-v619 .product-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:6px!important;
  }
  .related-products-v592 .product-actions :is(button,a),
  .wishlist-page-v619 .product-actions :is(button,a){
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:7px 4px!important;
    border-radius:var(--product-card-button-radius,9px)!important;
    font-size:var(--product-card-action-font-mobile,13.5px)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
}
@media(max-width:340px){
  .related-products-v592 .product-grid,
  .related-products-grid-v592,
  .wishlist-grid-v619{
    gap:7px!important;
  }
  .related-products-v592 .product-card,
  .wishlist-page-v619 .product-card{
    padding:7px!important;
  }
  .related-products-v592 .product-card h3,
  .wishlist-page-v619 .product-card h3{
    font-size:var(--product-card-title-font-small,13px)!important;
    min-height:37px!important;
  }
  .related-products-v592 .product-actions :is(button,a),
  .wishlist-page-v619 .product-actions :is(button,a){
    font-size:var(--product-card-action-font-small,12px)!important;
    min-height:40px!important;
    white-space:nowrap!important;
  }
}