@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800;900&display=swap');
/* =========================================================
   XTRA GADGET — FINAL DWIN-INSPIRED VISUAL POLISH
   Visual-only. Product/cart/checkout/Firebase logic untouched.
   ========================================================= */
:root{
  --xg-black:#020504;
  --xg-panel:#060a09;
  --xg-line:rgba(255,255,255,.065);
  --xg-green:#00d99a;
  --xg-green-2:#00b982;
  --xg-muted:#77817e;
}

html,body{background:#020504!important;}
body{background:#020504!important;color:#f4f7f6!important;}
main{background:#020504!important;}

/* Header / brand: compact like the reference */
.site-header{background:#030706!important;border-bottom:1px solid rgba(255,255,255,.055)!important;box-shadow:none!important;}
.header-inner{min-height:70px!important;max-width:1240px!important;gap:12px!important;}
.logo{gap:10px!important;}
.logo-mark,.brand-logo-box,.logo-mark.brand-logo-box{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex:0 0 42px!important;border-radius:12px!important;background:#050908!important;border:1px solid rgba(0,217,154,.22)!important;box-shadow:none!important;}
.logo-name{font-size:24px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.6px!important;color:#f5f8f7!important;}
.logo-subtitle{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1!important;letter-spacing:3px!important;font-weight:800!important;color:#009fe0!important;}
.header-actions{gap:8px!important;}
.header-icon{width:46px!important;height:46px!important;border-radius:13px!important;background:#070b0a!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;}
.cart-count{background:#ff3b30!important;}

/* Hero: same compact proportions, black-first palette */
.hero-section{padding:10px 0 5px!important;}
.hero-section>.container{width:min(calc(100% - 30px),1240px)!important;}
.hero-slider{min-height:270px!important;height:270px!important;border-radius:19px!important;background:
  radial-gradient(circle at 16% 52%,rgba(255,59,48,.075),transparent 31%),
  radial-gradient(circle at 87% 48%,rgba(0,217,154,.075),transparent 31%),
  linear-gradient(135deg,#060707 0%,#090d0c 58%,#070c0b 100%)!important;
  border:1px solid rgba(0,217,154,.12)!important;box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.hero-slide{height:270px!important;min-height:270px!important;}
.hero-content{padding-left:42px!important;}
.hero-badge{color:#00d99a!important;border-color:rgba(0,217,154,.55)!important;background:rgba(0,217,154,.035)!important;}
.hero-content h1{font-size:clamp(27px,3.4vw,43px)!important;font-weight:900!important;}
.hero-view-button{background:linear-gradient(135deg,#00b982,#00d99a)!important;box-shadow:0 10px 24px rgba(0,217,154,.14)!important;}
.hero-arrow{background:rgba(2,8,6,.82)!important;border-color:rgba(0,217,154,.32)!important;}
.hero-dot.active{background:#00d99a!important;box-shadow:none!important;}
.hero-product-image{object-fit:contain!important;width:270px!important;height:270px!important;}

/* Search: premium dark field + green action */
.search-section{padding:7px 0 4px!important;background:#020504!important;}
.search-section .container{width:min(calc(100% - 30px),1240px)!important;}
.search-box{min-height:58px!important;padding:4px!important;border-radius:14px!important;background:#0a0e0d!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;}
.search-box input{background:#080b0b!important;color:#fff!important;border:0!important;border-radius:11px!important;}
.search-box input::placeholder{color:#6f7875!important;}
.search-box button,.search-box .btn-primary{min-width:118px!important;border-radius:11px!important;background:#00b982!important;border-color:#00b982!important;color:#fff!important;box-shadow:none!important;}

/* Feature strip: flat, premium, visible — not four random cards */
.features-section{padding:4px 0 13px!important;background:#020504!important;}
.features-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;overflow:hidden!important;}
.feature-card{min-height:72px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 12px!important;border:0!important;border-right:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;background:#050908!important;box-shadow:none!important;}
.feature-card:last-child{border-right:0!important;}
.feature-card>span{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#071612!important;border:1px solid rgba(0,217,154,.10)!important;box-shadow:none!important;font-size:15px!important;}
.feature-card strong{display:block!important;font-size:11px!important;line-height:1.15!important;color:#f3f6f5!important;white-space:nowrap!important;}
.feature-card small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.15!important;color:#707a77!important;}

/* Category section: black, tight, premium heading and DWIN-like colored cards */
.categories-section{padding:17px 0 6px!important;margin:0!important;background:#020504!important;}
.categories-section .container{padding:0!important;width:min(calc(100% - 30px),1240px)!important;background:transparent!important;border:0!important;}
.section-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 11px!important;padding:0!important;}
.section-title{font-size:27px!important;font-weight:900!important;letter-spacing:-.6px!important;}
.section-title::before{width:4px!important;height:30px!important;margin-right:10px!important;vertical-align:-5px!important;border-radius:999px!important;background:linear-gradient(180deg,#00e0a0,#27d7ff)!important;box-shadow:0 0 15px rgba(0,217,154,.18)!important;}
.section-link{font-size:13px!important;font-weight:800!important;color:#00d99a!important;}
#home-categories .category-slider{gap:7px!important;}
#home-categories .category-viewport{padding:0 1px 7px!important;border-radius:0!important;background:transparent!important;}
#home-categories .category-track{gap:10px!important;}
#home-categories .category-card{flex:0 0 calc((100vw - 105px)/3)!important;max-width:230px!important;min-width:0!important;padding:6px!important;border-radius:18px!important;background:#07100e!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important;}
#home-categories .category-card:nth-child(3n+1){background:linear-gradient(145deg,#06212a,#071214)!important;border-color:rgba(25,184,220,.28)!important;}
#home-categories .category-card:nth-child(3n+2){background:linear-gradient(145deg,#2a1407,#100a06)!important;border-color:rgba(222,120,45,.28)!important;}
#home-categories .category-card:nth-child(3n){background:linear-gradient(145deg,#121d3c,#080d1c)!important;border-color:rgba(69,105,210,.30)!important;}
#home-categories .category-image-box{aspect-ratio:1/.90!important;border-radius:13px!important;background:rgba(0,0,0,.20)!important;border:0!important;}
#home-categories .category-image{padding:8px!important;object-fit:cover!important;}
#home-categories .category-name{padding:8px 4px 7px!important;text-align:center!important;font-size:11px!important;font-weight:900!important;line-height:1.15!important;color:#f4f7f6!important;}
#home-categories .category-arrow{width:36px!important;height:36px!important;flex:0 0 36px!important;background:rgba(2,9,7,.88)!important;border:1px solid rgba(0,217,154,.30)!important;box-shadow:none!important;}
#home-categories .category-arrow:hover{background:#00b982!important;color:#04100c!important;}
#home-categories .category-dots{margin-top:5px!important;}
#home-categories .category-dot.active{background:#00d99a!important;}

/* Keep the next section close enough that hot products peek into view */
.product-section{margin:8px 0 22px!important;padding:10px 0 0!important;background:#020504!important;border:0!important;box-shadow:none!important;}
.product-section-header{padding:0!important;margin:0 0 9px!important;}
.product-section-title{font-size:27px!important;font-weight:900!important;letter-spacing:-.6px!important;}
.product-section-title::before{width:4px!important;height:30px!important;margin-right:10px!important;background:linear-gradient(180deg,#00e0a0,#27d7ff)!important;box-shadow:0 0 15px rgba(0,217,154,.18)!important;}
.product-section-subtitle{font-size:11px!important;color:#6f7975!important;}
.product-view-all{font-size:13px!important;color:#00d99a!important;}

/* Product cards: keep your existing data, just make the rail premium */
#hot-products,#new-products{gap:16px!important;padding:3px 1px 12px!important;}
.home-product-card{border-radius:19px!important;background:linear-gradient(145deg,#111916,#080d0c)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 32px rgba(0,0,0,.30)!important;}
.home-product-info{background:linear-gradient(180deg,#101b17,#080e0c)!important;}
.home-product-info::before{background:#00d99a!important;box-shadow:none!important;}
.home-product-price strong{color:#00d99a!important;}
.product-slider-btn{background:rgba(3,10,8,.92)!important;border:1px solid rgba(0,217,154,.25)!important;}

/* DWIN-style compact spacing; remove the unused category-by-category blocks from home visual flow. */
.all-categories-section{display:none!important;}

/* Footer: black + Bangla, compact */
.pro-footer{margin-top:22px!important;padding:34px 0 16px!important;background:#020504!important;border-top:1px solid rgba(255,255,255,.05)!important;}
.footer-brand-pro{padding-bottom:20px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;}
.footer-brand-head{gap:10px!important;}
.footer-brand-copy strong{font-size:20px!important;line-height:1.1!important;color:#f3f7f5!important;}
.footer-brand-copy>span{font-size:10px!important;letter-spacing:2.7px!important;color:#009fe0!important;}
.footer-brand-pro>p{font-size:12px!important;color:#707a77!important;}
.footer-trust{display:none!important;}
.pro-footer-grid{grid-template-columns:1fr 1fr!important;gap:22px!important;padding:22px 0!important;}
.pro-footer .footer-col h3{font-size:14px!important;letter-spacing:1px!important;color:#f1f5f3!important;}
.pro-footer .footer-col a,.pro-footer .footer-support-note{font-size:12px!important;color:#6d7774!important;}
.pro-footer .footer-bottom{padding-top:15px!important;border-top:1px solid rgba(255,255,255,.05)!important;color:#4f5a56!important;font-size:11px!important;}

/* Never show the old floating support widget. */
.bs-support-float,.support-widget{display:none!important;}

/* Bottom navigation: 5 equal premium items including Support */
.bs-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.bs-mobile-nav-item{font-size:9px!important;gap:2px!important;}
.bs-mobile-nav-item.active{background:linear-gradient(180deg,rgba(0,217,154,.16),rgba(0,217,154,.045))!important;}
.bs-mobile-nav-icon{width:24px!important;height:24px!important;}
.bs-mobile-nav-icon svg{width:20px!important;height:20px!important;}
.bs-mobile-nav-item[data-nav="support"] .bs-mobile-nav-icon{color:#00d99a!important;}

/* Support page */
.xg-support-page{min-height:calc(100vh - 150px);padding:34px 0 110px;background:#020504;}
.xg-support-wrap{width:min(calc(100% - 30px),720px);margin:0 auto;}
.xg-support-hero{padding:28px 24px 24px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(145deg,#080d0c,#030605);box-shadow:0 18px 50px rgba(0,0,0,.30);text-align:center;}
.xg-support-kicker{display:inline-flex;padding:6px 12px;border:1px solid rgba(0,217,154,.25);border-radius:999px;color:#00d99a;font-size:10px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;}
.xg-support-hero h1{margin:14px 0 7px;font-size:30px;line-height:1.1;font-weight:900;}
.xg-support-hero p{color:#78827f;font-size:13px;}
.xg-support-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;}
.xg-support-card{display:flex;align-items:center;gap:12px;padding:17px;border-radius:17px;background:#070c0b;border:1px solid rgba(255,255,255,.075);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.xg-support-card:hover{transform:translateY(-2px);border-color:rgba(0,217,154,.28);background:#09110e;}
.xg-support-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;background:#0a1511;font-size:22px;}
.xg-support-card.whatsapp .xg-support-icon{color:#25d366;}.xg-support-card.telegram .xg-support-icon{color:#229ed9;}
.xg-support-card strong{display:block;color:#f3f6f5;font-size:14px;}.xg-support-card small{display:block;margin-top:3px;color:#6f7975;font-size:10px;}
.xg-support-empty{margin-top:14px;padding:18px;border:1px dashed rgba(255,255,255,.09);border-radius:16px;color:#727c79;text-align:center;font-size:12px;}

@media(max-width:700px){
  .header-inner{min-height:66px!important;}
  .logo-mark,.brand-logo-box,.logo-mark.brand-logo-box{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important;}
  .logo-name{font-size:21px!important;}
  .logo-subtitle{font-size:8.5px!important;letter-spacing:2.5px!important;}
  .header-icon{width:43px!important;height:43px!important;}
  .hero-section>.container,.search-section .container,.categories-section .container{width:calc(100% - 24px)!important;}
  .hero-slider,.hero-slide{height:245px!important;min-height:245px!important;}
  .hero-content{padding:22px 3px 24px 25px!important;}
  .hero-content h1{font-size:25px!important;}
  .hero-product-image{width:190px!important;height:190px!important;}
  .features-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .feature-card{min-height:64px!important;padding:7px 5px!important;gap:5px!important;}
  .feature-card>span{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;font-size:12px!important;}
  .feature-card strong{font-size:8px!important;}.feature-card small{font-size:6.5px!important;}
  .section-title,.product-section-title{font-size:24px!important;}
  #home-categories .category-card{flex-basis:calc((100vw - 86px)/3)!important;max-width:none!important;}
  #home-categories .category-name{font-size:9px!important;}
  .xg-support-options{grid-template-columns:1fr;}
  .xg-support-page{padding-top:22px;}
  .xg-support-hero{padding:23px 15px 17px;}
  .xg-support-hero h1{font-size:26px;}
}
@media(max-width:390px){
  .logo-name{font-size:19px!important;}.logo-subtitle{font-size:8px!important;letter-spacing:2.2px!important;}
  .header-icon{width:40px!important;height:40px!important;}
  .hero-slider,.hero-slide{height:225px!important;min-height:225px!important;}
  .hero-content h1{font-size:21px!important;}
  .hero-product-image{width:165px!important;height:165px!important;}
  #home-categories .category-card{flex-basis:calc((100vw - 78px)/3)!important;}
}


/* =========================================================
   XTRA GADGET — FINAL DWIN-LIKE BLACK / DEEP-GREEN POLISH
   Visual-only overrides. No product, cart, checkout or Firebase
   business logic is changed.
   ========================================================= */

/* 1) Brand: compact DWIN-like two-line lockup with a subtle
      green/cyan premium treatment inside the name area. */
.logo-text{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:4px 9px 5px 0!important;
}
.logo-name{
  display:block!important;
  font-size:clamp(20px,3.2vw,27px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.8px!important;
  background:linear-gradient(90deg,#ffffff 0%,#f4f8f7 55%,#b9fff0 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 22px rgba(0,217,154,.07)!important;
}
.logo-subtitle{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:3.6px!important;
  font-weight:900!important;
  color:#00aeea!important;
  text-shadow:0 0 12px rgba(0,174,234,.12)!important;
}
.logo-text::after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin-top:6px;
  border-radius:99px;
  background:linear-gradient(90deg,#00d99a,#00aeea,transparent);
  opacity:.8;
}
.logo-mark.brand-logo-box{
  border-color:rgba(0,217,154,.28)!important;
  box-shadow:0 0 20px rgba(0,217,154,.08),inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

/* 2) Hero: remove the warm/red cast; keep DWIN-style black + deep
      green depth and a restrained premium glow. */
.hero-slider{
  background:
    radial-gradient(circle at 84% 50%,rgba(0,217,154,.12),transparent 34%),
    radial-gradient(circle at 45% 50%,rgba(0,72,51,.10),transparent 42%),
    linear-gradient(135deg,#020303 0%,#050807 52%,#07110e 100%)!important;
  border:1px solid rgba(0,217,154,.16)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 48px rgba(0,0,0,.48),
    0 0 28px rgba(0,217,154,.035)!important;
}
.hero-slide::after{
  background:radial-gradient(circle,rgba(0,217,154,.13),rgba(0,217,154,.035) 45%,transparent 72%)!important;
}
.hero-badge{
  background:rgba(0,217,154,.025)!important;
  border-color:rgba(0,217,154,.50)!important;
  color:#00d99a!important;
  box-shadow:0 0 18px rgba(0,217,154,.05)!important;
}
.hero-content h1{
  color:#f8fbfa!important;
  text-shadow:0 2px 22px rgba(0,0,0,.35)!important;
}
.hero-view-button{
  background:linear-gradient(135deg,#00aF7f,#00d99a)!important;
  box-shadow:0 12px 28px rgba(0,217,154,.16),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.hero-arrow{
  background:rgba(2,8,6,.90)!important;
  border-color:rgba(0,217,154,.34)!important;
}
.hero-arrow:hover{background:#00b982!important;border-color:#00b982!important;}
.hero-dot.active{
  background:#00d99a!important;
  box-shadow:0 0 12px rgba(0,217,154,.22)!important;
}

/* 3) Search + feature strip: cleaner DWIN-like black panels. */
.search-section{background:#020303!important;}
.search-box{
  background:#070a09!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}
.search-box input{
  background:#050707!important;
  border:1px solid rgba(255,255,255,.035)!important;
}
.search-box button,.search-box .btn-primary{
  background:linear-gradient(135deg,#00aF7f,#00d99a)!important;
  border-color:transparent!important;
}
.features-grid{
  background:#030504!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.feature-card{
  background:linear-gradient(180deg,#060908,#030504)!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
}
.feature-card>span{
  background:#071510!important;
  border-color:rgba(0,217,154,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 14px rgba(0,217,154,.04)!important;
}

/* 4) Main category rail: premium highlight, less green wash. */
.categories-section .container{
  background:
    radial-gradient(circle at 8% 0%,rgba(0,217,154,.055),transparent 25%),
    linear-gradient(180deg,#050706,#020303 82%)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}
.categories-section .section-title::before,
.other-category-header .section-title::before,
.product-section-title::before{
  background:linear-gradient(180deg,#00e7a5,#00aeea)!important;
  box-shadow:0 0 14px rgba(0,217,154,.18)!important;
}
.section-link,.product-view-all{
  color:#00d99a!important;
}
.category-card{
  background:linear-gradient(145deg,#09110e,#030605)!important;
  border:1px solid rgba(0,217,154,.18)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.34)!important;
}
.category-card:hover{
  border-color:rgba(0,217,154,.40)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.40),0 0 18px rgba(0,217,154,.06)!important;
}
.category-image-box{
  background:linear-gradient(145deg,#111714,#070a09)!important;
  border-color:rgba(255,255,255,.055)!important;
}

/* 5) Product rails. */
.product-section{
  background:#020303!important;
}
.home-product-card{
  background:linear-gradient(145deg,#0a100e,#030605)!important;
  border-color:rgba(0,217,154,.13)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.36)!important;
}
.home-product-info{
  background:linear-gradient(180deg,#0a1511,#030706)!important;
}

/* 6) Bring back the category-by-category product rails after New Products.
      This is the existing Firebase-rendered data; only its visibility/theme
      is being changed. */
.all-categories-section{
  display:block!important;
  margin:18px 0 30px!important;
  padding:0!important;
  background:#020303!important;
}
.all-categories-section .container{
  width:min(calc(100% - 30px),1240px)!important;
}
.other-category-header{
  margin:0 0 20px!important;
}
.other-category-header .section-title{
  margin:0!important;
}
.home-category-block{
  margin:0 0 36px!important;
  padding:0!important;
}
.home-category-block:last-child{margin-bottom:0!important;}
.home-category-head{
  align-items:center!important;
  margin-bottom:14px!important;
}
.home-category-head h3{
  font-size:clamp(20px,3vw,28px)!important;
  font-weight:900!important;
  letter-spacing:-.45px!important;
}
.home-category-head span{
  color:#68736f!important;
  font-size:11px!important;
}
.home-category-head a{
  color:#00d99a!important;
  font-size:13px!important;
}
.category-products-viewport{
  padding:3px 2px 14px!important;
}
.home-category-products{
  gap:16px!important;
}
.home-category-products .category-product-card{
  flex:0 0 235px!important;
  width:235px!important;
}
.category-products-arrow{
  width:42px!important;
  height:42px!important;
  background:rgba(2,8,6,.94)!important;
  border-color:rgba(0,217,154,.30)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.35)!important;
}
.category-products-arrow:hover{
  background:#00b982!important;
  border-color:#00b982!important;
}
.all-categories-section .home-product-card{
  border-radius:20px!important;
}

/* 7) Support bottom-nav icon: professional line icon, no floating button. */
.bs-support-float,.support-widget{display:none!important;}
.bs-mobile-nav{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  background:rgba(5,8,8,.94)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.bs-mobile-nav-item{
  color:#89938f!important;
}
.bs-mobile-nav-item[data-nav="support"] .bs-mobile-nav-icon{
  color:#00d99a!important;
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  background:rgba(0,217,154,.055)!important;
  box-shadow:inset 0 0 0 1px rgba(0,217,154,.09)!important;
}
.bs-mobile-nav-item[data-nav="support"] .bs-mobile-nav-icon svg{
  width:19px!important;
  height:19px!important;
  stroke-width:2.2!important;
}
.bs-mobile-nav-item.active{
  background:linear-gradient(180deg,rgba(0,217,154,.15),rgba(0,217,154,.035))!important;
}

/* Footer remains part of the same black/deep-green visual system. */
.pro-footer{
  background:#020303!important;
  border-top-color:rgba(0,217,154,.07)!important;
}

/* Mobile tuning */
@media(max-width:700px){
  .logo-text{padding-right:4px!important;}
  .logo-name{font-size:20px!important;letter-spacing:-.55px!important;}
  .logo-subtitle{font-size:8.5px!important;letter-spacing:2.7px!important;}
  .logo-text::after{width:42px;height:1.5px;margin-top:5px;}
  .hero-slider,.hero-slide{height:245px!important;min-height:245px!important;}
  .hero-content{padding-left:25px!important;}
  .hero-content h1{font-size:24px!important;}
  .hero-product-image{width:190px!important;height:190px!important;}
  .all-categories-section .container{width:calc(100% - 24px)!important;}
  .other-category-header{margin-bottom:16px!important;}
  .home-category-head h3{font-size:19px!important;}
  .home-category-products{gap:10px!important;}
  .home-category-products .category-product-card{
    flex-basis:calc((100vw - 52px)/2.15)!important;
    width:calc((100vw - 52px)/2.15)!important;
    max-width:230px!important;
  }
  .category-products-arrow{width:36px!important;height:36px!important;font-size:24px!important;}
}

/* =========================================================
   XTRA GADGET — FINAL VISUAL REFINEMENT
   Requested visual-only polish. Store/product/order/payment logic untouched.
   ========================================================= */

/* Two-tone DWIN-style wordmark */
.logo-name{display:inline-flex!important;align-items:baseline!important;gap:.28em!important;white-space:nowrap!important;font-size:26px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.8px!important;text-transform:uppercase!important;}
.logo-name .brand-name-first{color:#f7faf9!important;}
.logo-name .brand-name-second{color:#00d99a!important;}
.logo-subtitle{font-size:12px!important;line-height:1.15!important;letter-spacing:3.8px!important;font-weight:900!important;color:#00aeea!important;margin-top:6px!important;}
.logo-text{min-width:0!important;}

/* DWIN-like premium feature strip + proper line icons */
.features-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:hidden!important;}
.feature-card{min-height:78px!important;padding:15px 14px!important;display:flex!important;align-items:center!important;gap:11px!important;border-right:1px solid rgba(255,255,255,.055)!important;}
.feature-card:last-child{border-right:0!important;}
.feature-icon{width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#09251d,#06100d)!important;border:1px solid rgba(0,217,154,.22)!important;color:#00d99a!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.28)!important;}
.feature-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.feature-card:nth-child(2) .feature-icon{color:#ff5d66!important;background:linear-gradient(145deg,#241011,#0b0909)!important;border-color:rgba(255,93,102,.2)!important;}
.feature-card:nth-child(3) .feature-icon{color:#ffd84a!important;background:linear-gradient(145deg,#24200a,#0c0a05)!important;border-color:rgba(255,216,74,.2)!important;}
.feature-card:nth-child(4) .feature-icon{color:#a9e7e0!important;background:linear-gradient(145deg,#09221f,#06100f)!important;border-color:rgba(94,213,198,.18)!important;}
.feature-card strong{font-size:12px!important;font-weight:850!important;color:#f3f7f6!important;display:block!important;line-height:1.2!important;}
.feature-card small{font-size:10px!important;color:#747e7a!important;display:block!important;margin-top:3px!important;line-height:1.25!important;}

/* Headings: premium DWIN-style cyan/green highlight */
.section-title::before,.product-section-title::before,.home-category-head h3::before{background:linear-gradient(180deg,#00f0a8 0%,#00d9ff 48%,#8d5cff 100%)!important;box-shadow:0 0 18px rgba(0,217,154,.24),0 0 24px rgba(0,174,234,.10)!important;}
.section-link,.product-view-all,.home-category-head a{color:#00d99a!important;}

/* Product section titles in polished Bengali */
.product-section-title{font-size:clamp(26px,3.4vw,36px)!important;letter-spacing:-.7px!important;font-weight:900!important;}
.product-section-subtitle{color:#69736f!important;font-size:13px!important;}

/* Category rail itself: black-first, subtle glass edge like DWIN */
.categories-section .container{background:linear-gradient(180deg,#050807 0%,#020303 100%)!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 18px 48px rgba(0,0,0,.34)!important;}
#home-categories .category-card{background:linear-gradient(145deg,#071512,#030706)!important;border-color:rgba(0,217,154,.22)!important;box-shadow:0 14px 32px rgba(0,0,0,.35)!important;}
#home-categories .category-card:nth-child(3n+1){border-color:rgba(0,217,154,.26)!important;}
#home-categories .category-card:nth-child(3n+2){border-color:rgba(118,88,255,.26)!important;}
#home-categories .category-card:nth-child(3n){border-color:rgba(0,175,234,.24)!important;}
#home-categories .category-image-box{background:linear-gradient(145deg,#111917,#050908)!important;}
#home-categories .category-name{font-size:13px!important;font-weight:900!important;letter-spacing:.1px!important;}

/* No "Other Categories" label: rails start immediately after New Products. */
.all-categories-section{margin-top:8px!important;background:#020303!important;}
.all-categories-section>.container{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.other-category-header{display:none!important;}
.home-category-block{position:relative!important;margin:0 0 48px!important;padding:0!important;}
.home-category-head{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:flex-end!important;margin:0 0 16px!important;padding-left:0!important;}
.home-category-head>div{position:relative!important;padding-left:18px!important;}
.home-category-head>div::before{content:"";position:absolute;left:0;top:1px;width:5px;height:31px;border-radius:999px;background:linear-gradient(180deg,#00f0a8,#00d9ff,#8d5cff);box-shadow:0 0 18px rgba(0,217,154,.24),0 0 20px rgba(0,174,234,.10);}
.home-category-head h3{margin:0!important;color:#f4f8f7!important;font-size:clamp(22px,3vw,31px)!important;font-weight:900!important;letter-spacing:-.6px!important;}
.home-category-head h3::before{display:none!important;}
.home-category-head span{display:block!important;margin-top:5px!important;color:#68736f!important;font-size:12px!important;}
.home-category-head a{font-weight:850!important;font-size:14px!important;}

/* Category product rails: 3 cards visible on phone, no giant empty card field. */
.home-category-products{gap:16px!important;}
.home-category-products .category-product-card{flex:0 0 238px!important;width:238px!important;border-radius:21px!important;background:linear-gradient(180deg,#0a1411,#030706)!important;border:1px solid rgba(0,217,154,.17)!important;overflow:hidden!important;box-shadow:0 16px 34px rgba(0,0,0,.34)!important;}
.category-product-card .home-product-image{background:linear-gradient(145deg,#f8faf9,#e6eae8)!important;border-bottom:1px solid rgba(0,217,154,.14)!important;}
.category-product-card .home-product-info{background:linear-gradient(180deg,#0a1511,#030706)!important;min-height:132px!important;padding:15px 16px!important;}
.category-product-card .home-product-info h3{font-size:15px!important;font-weight:850!important;color:#eef4f2!important;}
.category-product-card .home-product-price strong{color:#00d99a!important;font-size:20px!important;}
.category-product-card .home-product-price del{color:#59635f!important;}
.category-products-arrow{width:42px!important;height:42px!important;border:1px solid rgba(0,217,154,.28)!important;background:rgba(2,8,6,.94)!important;color:#e8f2ef!important;box-shadow:0 10px 24px rgba(0,0,0,.36)!important;}
.category-products-arrow:hover{background:#00b982!important;border-color:#00b982!important;}

/* Hero: deep-black / deep-green DWIN-inspired stage that makes the product pop. */
.hero-slider{background:
  radial-gradient(circle at 82% 50%,rgba(0,217,154,.15),transparent 29%),
  radial-gradient(circle at 54% 100%,rgba(0,120,90,.10),transparent 35%),
  radial-gradient(circle at 7% 48%,rgba(0,255,183,.055),transparent 25%),
  linear-gradient(125deg,#020303 0%,#050a08 48%,#07110d 100%)!important;
  border:1px solid rgba(0,217,154,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 55px rgba(0,0,0,.38)!important;
}
.hero-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 50%,rgba(0,217,154,.10),transparent 27%);pointer-events:none;}
.hero-image-wrapper{position:relative!important;isolation:isolate!important;}
.hero-image-wrapper::before{content:"";position:absolute;inset:8% 4%;border-radius:28px;background:radial-gradient(circle,rgba(0,217,154,.22),rgba(0,217,154,.06) 42%,transparent 72%);filter:blur(6px);z-index:-1;}
.hero-image-wrapper::after{content:"";position:absolute;inset:11% 7%;border-radius:24px;border:1px solid rgba(0,217,154,.10);box-shadow:inset 0 0 38px rgba(0,217,154,.08);z-index:-1;pointer-events:none;}
.hero-product-image{filter:drop-shadow(0 20px 30px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(0,217,154,.08))!important;}
.hero-badge{background:rgba(0,217,154,.035)!important;border-color:rgba(0,217,154,.55)!important;color:#00d99a!important;letter-spacing:2px!important;}
.hero-content h1{font-weight:900!important;letter-spacing:-.8px!important;}
.hero-view-button{background:linear-gradient(135deg,#00a979,#00d99a)!important;box-shadow:0 12px 30px rgba(0,217,154,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.hero-arrow{background:rgba(2,7,5,.92)!important;border-color:rgba(0,217,154,.36)!important;}
.hero-arrow:hover{background:#00b982!important;border-color:#00b982!important;}
.hero-dot.active{background:#00d99a!important;box-shadow:0 0 14px rgba(0,217,154,.28)!important;}

/* Support remains in the bottom nav; give it a cleaner headset treatment. */
.bs-mobile-nav-item[data-nav="support"] .bs-mobile-nav-icon{width:34px!important;height:34px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(0,217,154,.14),rgba(0,174,234,.045))!important;border:1px solid rgba(0,217,154,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.24)!important;color:#00e8aa!important;}
.bs-mobile-nav-item[data-nav="support"] .bs-mobile-nav-icon svg{width:20px!important;height:20px!important;stroke-width:2.05!important;}

@media(max-width:700px){
  .logo-name{font-size:21px!important;letter-spacing:-.65px!important;gap:.22em!important;}
  .logo-subtitle{font-size:10px!important;letter-spacing:3.2px!important;margin-top:5px!important;}
  .features-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .feature-card{min-height:70px!important;padding:10px 8px!important;gap:7px!important;}
  .feature-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;}
  .feature-icon svg{width:18px!important;height:18px!important;}
  .feature-card strong{font-size:10px!important;}
  .feature-card small{font-size:8.5px!important;}
  .product-section-title{font-size:26px!important;}
  .hero-slider,.hero-slide{height:245px!important;min-height:245px!important;}
  .hero-content h1{font-size:24px!important;}
  .hero-product-image{width:190px!important;height:190px!important;}
  .home-category-head h3{font-size:21px!important;}
  .home-category-head>div{padding-left:15px!important;}
  .home-category-head>div::before{width:4px!important;height:26px!important;}
  .home-category-products{gap:10px!important;}
  .home-category-products .category-product-card{flex-basis:calc((100vw - 54px)/2.05)!important;width:calc((100vw - 54px)/2.05)!important;max-width:238px!important;}
  .category-product-card .home-product-info{min-height:116px!important;padding:12px!important;}
  .category-product-card .home-product-info h3{font-size:13px!important;}
  .category-product-card .home-product-price strong{font-size:17px!important;}
}

/* =========================================================
   XTRA GADGET — REQUESTED DWIN-SIZE ALIGNMENT
   Only requested visual dimensions/typography are changed.
   Category cards and all business logic remain untouched.
   ========================================================= */

/* Brand font + DWIN-style two-tone wordmark. */
.logo-name,
.logo-subtitle{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
.logo-mark,
.logo-text{flex-shrink:0!important;}
.logo-mark,
.logo-mark.brand-logo-box,
.logo-mark.has-site-logo{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  flex:0 0 44px!important;
  border-radius:13px!important;
}
.logo-name{
  font-size:25px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.7px!important;
  gap:.25em!important;
}
.logo-name .brand-name-first{color:#f7faf9!important;}
.logo-name .brand-name-second{color:#00d99a!important;}
.logo-subtitle{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:3.4px!important;
  font-weight:800!important;
  color:#00aeea!important;
}
.logo-text::after{width:52px!important;height:2px!important;margin-top:5px!important;}

/* Hero: DWIN-like compact height with a larger, clean product image area. */
.hero-slider,
.hero-slide{
  height:300px!important;
  min-height:300px!important;
}
.hero-image-wrapper{
  height:300px!important;
  min-height:300px!important;
  padding:8px 18px 18px 0!important;
}
.hero-product-image{
  width:220px!important;
  height:220px!important;
  min-width:220px!important;
  min-height:220px!important;
  max-width:220px!important;
  max-height:220px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.hero-content{padding-top:28px!important;padding-bottom:30px!important;}

/* Feature strip: same compact four-item footprint, icon and text kept aligned. */
.features-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
}
.feature-card{
  min-height:72px!important;
  height:72px!important;
  padding:9px 10px!important;
  gap:8px!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
}
.feature-card>span,
.feature-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  border-radius:10px!important;
}
.feature-card strong{font-size:10.5px!important;line-height:1.2!important;}
.feature-card small{font-size:8px!important;line-height:1.2!important;margin-top:2px!important;}

/* Product cards: one consistent footprint; category cards are intentionally excluded. */
#hot-products .home-product-card,
#new-products .home-product-card,
.products-grid .product-card,
#search-results .product-card,
.related-products-grid .related-product-card{
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#hot-products .home-product-image,
#new-products .home-product-image,
.products-grid .product-image-box,
#search-results .product-image-box,
.related-products-grid .related-product-image{
  aspect-ratio:1/0.92!important;
  height:auto!important;
  overflow:hidden!important;
}
#hot-products .home-product-image img,
#new-products .home-product-image img,
.products-grid .product-image-box img,
#search-results .product-image-box img,
.related-products-grid .related-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
}
#hot-products .home-product-info,
#new-products .home-product-info,
.products-grid .product-info,
#search-results .product-info,
.related-products-grid .related-product-info{
  min-height:104px!important;
  height:104px!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
}
#hot-products .home-product-info h3,
#new-products .home-product-info h3,
.products-grid .product-name,
#search-results .product-info h3,
.related-products-grid .related-product-info h3{
  min-height:2.55em!important;
  margin-bottom:7px!important;
  line-height:1.28!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
#hot-products .home-product-price strong,
#new-products .home-product-price strong,
.products-grid .product-price strong,
#search-results .product-price strong,
.related-products-grid .related-product-info strong{
  font-size:17px!important;
  line-height:1.1!important;
}
#hot-products .home-product-price del,
#new-products .home-product-price del,
.products-grid .product-price del,
#search-results .product-price del,
.related-products-grid .related-product-info del{
  font-size:10px!important;
}

@media(max-width:700px){
  .logo-mark,
  .logo-mark.brand-logo-box,
  .logo-mark.has-site-logo{
    width:42px!important;height:42px!important;
    min-width:42px!important;min-height:42px!important;flex-basis:42px!important;
  }
  .logo-name{font-size:22px!important;letter-spacing:-.6px!important;}
  .logo-subtitle{font-size:9px!important;letter-spacing:2.9px!important;margin-top:5px!important;}
  .logo-text::after{width:48px!important;margin-top:5px!important;}

  .hero-slider,.hero-slide{height:300px!important;min-height:300px!important;}
  .hero-image-wrapper{height:300px!important;min-height:300px!important;padding:8px 10px 18px 0!important;}
  .hero-product-image{
    width:205px!important;height:205px!important;
    min-width:205px!important;min-height:205px!important;
    max-width:205px!important;max-height:205px!important;
  }
  .hero-content{padding:24px 3px 26px 25px!important;}
  .hero-content h1{font-size:24px!important;}

  .feature-card{height:70px!important;min-height:70px!important;padding:8px 6px!important;gap:6px!important;}
  .feature-card>span,.feature-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-basis:32px!important;}
  .feature-card strong{font-size:9.5px!important;}
  .feature-card small{font-size:7.5px!important;}

  #hot-products .home-product-card,
  #new-products .home-product-card{
    flex:0 0 calc((100% - 24px)/2.5)!important;
    width:calc((100% - 24px)/2.5)!important;
    max-width:none!important;
    min-height:0!important;
  }
  #hot-products .home-product-image,
  #new-products .home-product-image{
    aspect-ratio:1/0.94!important;
  }
  #hot-products .home-product-info,
  #new-products .home-product-info{
    min-height:92px!important;height:92px!important;padding:9px!important;
  }
  #hot-products .home-product-info h3,
  #new-products .home-product-info h3{
    font-size:12px!important;
    min-height:2.5em!important;
    margin-bottom:6px!important;
  }
  #hot-products .home-product-price strong,
  #new-products .home-product-price strong{font-size:15px!important;}

  .products-grid .product-card,
  #search-results .product-card{
    min-height:0!important;
  }
  .products-grid .product-image-box,
  #search-results .product-image-box{aspect-ratio:1/0.94!important;}
  .products-grid .product-info,
  #search-results .product-info{min-height:96px!important;height:96px!important;padding:9px!important;}
  .products-grid .product-name,
  #search-results .product-info h3{font-size:13px!important;min-height:2.5em!important;}
}

@media(max-width:390px){
  .logo-name{font-size:20px!important;}
  .logo-subtitle{font-size:8.5px!important;letter-spacing:2.6px!important;}
  .hero-slider,.hero-slide{height:285px!important;min-height:285px!important;}
  .hero-image-wrapper{height:285px!important;min-height:285px!important;}
  .hero-product-image{width:190px!important;height:190px!important;min-width:190px!important;min-height:190px!important;max-width:190px!important;max-height:190px!important;}
}

/* =========================================================
   FINAL USER REQUEST — COMPACT HERO + UNIFIED PRODUCT CARDS
   Keep every home/category product card at the Hot Product size.
   ========================================================= */
.hero-slider,
.hero-slide{height:205px!important;min-height:205px!important;}
.hero-image-wrapper{height:205px!important;min-height:205px!important;padding:4px 8px 8px 0!important;}
.hero-product-image{width:145px!important;height:145px!important;min-width:145px!important;min-height:145px!important;max-width:145px!important;max-height:145px!important;}

.home-category-products > .home-product-card,
#hot-products > .home-product-card,
#new-products > .home-product-card{
  flex-basis:calc((100% - 18px)/2.5)!important;
  width:calc((100% - 18px)/2.5)!important;
  min-width:0!important;
  max-width:none!important;
}
.home-category-products > .category-product-card .home-product-image,
#hot-products > .home-product-card .home-product-image,
#new-products > .home-product-card .home-product-image{
  aspect-ratio:1/1!important;
}
.home-category-products > .category-product-card .home-product-info,
#hot-products > .home-product-card .home-product-info,
#new-products > .home-product-card .home-product-info{
  min-height:112px!important;
  height:112px!important;
  padding:11px!important;
  box-sizing:border-box!important;
}

@media(max-width:820px){
  .hero-slider,.hero-slide{height:185px!important;min-height:185px!important;}
  .hero-image-wrapper{height:185px!important;min-height:185px!important;padding:3px 7px 7px 0!important;}
  .hero-product-image{width:130px!important;height:130px!important;min-width:130px!important;min-height:130px!important;max-width:130px!important;max-height:130px!important;}
  .hero-content{padding-top:12px!important;padding-bottom:14px!important;}
  .hero-content h1{font-size:21px!important;margin-bottom:8px!important;}
  .hero-view-button{padding:10px 16px!important;}
}
@media(max-width:390px){
  .hero-slider,.hero-slide{height:175px!important;min-height:175px!important;}
  .hero-image-wrapper{height:175px!important;min-height:175px!important;}
  .hero-product-image{width:122px!important;height:122px!important;min-width:122px!important;min-height:122px!important;max-width:122px!important;max-height:122px!important;}
}

/* Exact Hot Product footprint for every home category product card. */
.home-category-products > .category-product-card .home-product-image,
#hot-products > .home-product-card .home-product-image,
#new-products > .home-product-card .home-product-image{
  aspect-ratio:1/0.94!important;
}
.home-category-products > .category-product-card .home-product-info,
#hot-products > .home-product-card .home-product-info,
#new-products > .home-product-card .home-product-info{
  min-height:92px!important;
  height:92px!important;
  padding:9px!important;
}
.home-category-products > .category-product-card .home-product-info h3,
#hot-products > .home-product-card .home-product-info h3,
#new-products > .home-product-card .home-product-info h3{
  font-size:12px!important;
  min-height:2.5em!important;
  margin-bottom:6px!important;
}
.home-category-products > .category-product-card .home-product-price strong,
#hot-products > .home-product-card .home-product-price strong,
#new-products > .home-product-card .home-product-price strong{
  font-size:15px!important;
}


/* =========================================================
   FINAL CORRECTION — DWIN PROPORTION + CATEGORY RAIL RESTORE
   Only the requested hero/category-product sizing is corrected.
   ========================================================= */

/* DWIN-like mobile hero footprint: compact, wide, and not oversized. */
@media (max-width:700px){
  .hero-slider,
  .hero-slide{
    height:160px!important;
    min-height:160px!important;
  }
  .hero-image-wrapper{
    height:160px!important;
    min-height:160px!important;
    padding:4px 7px 8px 0!important;
  }
  .hero-product-image{
    width:112px!important;
    height:112px!important;
    min-width:112px!important;
    min-height:112px!important;
    max-width:112px!important;
    max-height:112px!important;
  }
  .hero-content{
    padding:13px 3px 14px 22px!important;
  }
  .hero-content h1{
    font-size:21px!important;
    line-height:1.05!important;
    margin-bottom:8px!important;
  }
  .hero-badge{
    padding:5px 10px!important;
    margin-bottom:8px!important;
    font-size:8px!important;
  }
  .hero-view-button{
    min-width:100px!important;
    min-height:34px!important;
    padding:7px 11px!important;
    font-size:10px!important;
    gap:7px!important;
  }
  .hero-arrow{width:30px!important;height:30px!important;font-size:20px!important;}
  .hero-dot{width:6px!important;height:6px!important;}
  .hero-dot.active{width:20px!important;}
}

@media (max-width:390px){
  .hero-slider,
  .hero-slide{
    height:156px!important;
    min-height:156px!important;
  }
  .hero-image-wrapper{
    height:156px!important;
    min-height:156px!important;
  }
  .hero-product-image{
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
    min-height:108px!important;
    max-width:108px!important;
    max-height:108px!important;
  }
}

/* Every category product rail card now uses the exact Hot Product footprint. */
.home-category-products .category-product-card{
  flex:0 0 calc((100% - 48px)/4)!important;
  width:calc((100% - 48px)/4)!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#111916,#080d0c)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.30)!important;
}
.home-category-products .category-product-card .home-product-image{
  aspect-ratio:1/0.94!important;
  height:auto!important;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
}
.home-category-products .category-product-card .home-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
}
.home-category-products .category-product-card .home-product-info{
  min-height:92px!important;
  height:92px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#101b17,#080e0c)!important;
}
.home-category-products .category-product-card .home-product-info h3{
  min-height:2.5em!important;
  margin:0 0 6px!important;
  font-size:12px!important;
  line-height:1.28!important;
  font-weight:800!important;
  color:#f7faf9!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.home-category-products .category-product-card .home-product-price strong{
  color:#00d99a!important;
  font-size:15px!important;
  line-height:1.1!important;
}
.home-category-products .category-product-card .home-product-price del{
  color:#777!important;
  font-size:10px!important;
}

@media(max-width:700px){
  .home-category-products .category-product-card{
    flex:0 0 calc((100vw - 24px)/2.5)!important;
    width:calc((100vw - 24px)/2.5)!important;
    max-width:none!important;
  }
}