/* VapeBuzzDubai v2.0 — modern light commerce system
   Loaded after legacy and light-system styles. Purposefully high specificity
   prevents older dark/dated selectors from leaking into the current UI. */
:root{
  --vb-orange:#f59e0b;
  --vb-orange-deep:#d97706;
  --vb-ink:#17202a;
  --vb-muted:#6f7782;
  --vb-line:#e8ebef;
  --vb-soft:#f7f8fa;
  --vb-soft-warm:#fff8ed;
  --vb-green:#178a53;
  --vb-radius:22px;
  --vb-card-shadow:0 12px 36px rgba(24,34,46,.055);
  --vb-card-hover:0 18px 44px rgba(24,34,46,.095);
}
body{font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:#fff!important;color:var(--vb-ink)!important}
.section-head h2,.category-head h2,.buy h1,.detail-copy h2{font-family:Manrope,Inter,sans-serif!important;text-transform:none!important;letter-spacing:-.035em!important}

/* ---------- navigation ---------- */
.buzz-nav{background:rgba(255,255,255,.97)!important;border-top:1px solid #edf0f3!important;border-bottom:1px solid #e7eaee!important;box-shadow:0 6px 18px rgba(26,34,44,.035)!important}
.nav-inner{height:58px!important;gap:6px!important}
.nav-inner>a:not(.nav-feature),.category-menu-wrap>.nav-feature{
  height:44px!important;margin:7px 0!important;padding:0 14px!important;border-radius:12px!important;
  color:#3c4652!important;font-weight:750!important;font-size:12px!important;border:1px solid transparent!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.nav-inner>a:not(.nav-feature):hover{
  background:#fff7eb!important;color:#a85f00!important;border-color:#f5dfbd!important;transform:translateY(-1px)!important;
}
.nav-inner>a:not(.nav-feature)>i{color:#7f8894!important;transition:.18s}
.nav-inner>a:not(.nav-feature):hover>i{color:#d37b00!important}
.category-menu-wrap{height:58px!important;align-self:auto!important}
.category-menu-wrap>.nav-feature{
  min-width:170px!important;justify-content:center!important;background:linear-gradient(135deg,#fff8ea,#fff2d8)!important;
  color:#754400!important;border-color:#f1d7aa!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important;
}
.category-menu-wrap:hover>.nav-feature{background:linear-gradient(135deg,#fff3db,#ffe8bb)!important;border-color:#e9bd72!important;color:#6f3d00!important}
.category-menu-wrap .cat-chevron{margin-left:2px!important}
.nav-hot .hot-pill{box-shadow:none!important}

.category-menu-wrap .category-mega{
  top:calc(100% + 10px)!important;left:0!important;width:min(1060px,calc(100vw - 48px))!important;
  background:#fff!important;border:1px solid #e9edf1!important;border-radius:24px!important;padding:12px!important;
  box-shadow:0 28px 80px rgba(20,29,40,.16)!important;overflow:visible!important;
  transform:translateY(8px) scale(.985)!important;transform-origin:top left!important;transition:.18s ease!important;
}
.category-menu-wrap:hover .category-mega{transform:translateY(0) scale(1)!important}
.category-menu-wrap .category-mega:before{
  content:"";position:absolute;left:58px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid #e9edf1;border-top:1px solid #e9edf1;transform:rotate(45deg)
}
.category-menu-wrap .category-mega .mega-head{
  background:#fff!important;border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:16px 16px 0 0!important;
  padding:16px 17px 17px!important;margin:0 2px 4px!important;
}
.category-menu-wrap .category-mega .mega-head small{font-size:9px!important;letter-spacing:.16em!important;color:#cc7500!important}
.category-menu-wrap .category-mega .mega-head b{font-size:18px!important;letter-spacing:-.02em!important;color:#1d2630!important;margin-top:3px!important}
.category-menu-wrap .category-mega .mega-head>a{
  height:36px!important;padding:0 12px!important;border-radius:10px!important;background:#f7f8fa!important;color:#47515d!important;font-weight:800!important;
}
.category-menu-wrap .category-mega .mega-head>a:hover{background:#fff2dc!important;color:#a35a00!important}
.category-menu-wrap .category-mega .mega-grid-spaced{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:10px 4px 4px!important}
.category-menu-wrap .category-mega .mega-item{
  position:relative!important;min-height:86px!important;padding:13px 40px 13px 13px!important;border-radius:16px!important;
  border:1px solid #eceff2!important;background:#fff!important;box-shadow:none!important;gap:12px!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.category-menu-wrap .category-mega .mega-item:after{
  content:"\2197";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;background:#f6f7f8;color:#9299a2;font-size:13px;transition:.18s
}
.category-menu-wrap .category-mega .mega-item:hover{
  background:linear-gradient(135deg,#fffaf2,#fff)!important;border-color:#efc987!important;box-shadow:0 10px 28px rgba(50,58,68,.07)!important;transform:translateY(-2px)!important;
}
.category-menu-wrap .category-mega .mega-item:hover:after{background:#f59e0b;color:#fff;transform:translateY(-50%) rotate(4deg)}
.category-menu-wrap .category-mega .mega-icon{
  width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important;background:linear-gradient(145deg,#fff7e8,#ffefd1)!important;
  border:1px solid #f0d7ad!important;color:#c66d00!important;font-size:20px!important;
}
.category-menu-wrap .category-mega .mega-copy b{font-size:13px!important;color:#222b35!important;letter-spacing:-.015em!important}
.category-menu-wrap .category-mega .mega-copy small{font-size:10px!important;color:#7b8490!important;line-height:1.45!important;margin-top:4px!important}

/* ---------- section titles ---------- */
.buzz-category-section,.buzz-featured,.collection-row{padding-top:70px!important;padding-bottom:70px!important}
.section-head{margin-bottom:26px!important;align-items:center!important}
.section-head h2{font-size:38px!important;line-height:1.05!important;font-weight:850!important;color:#17212b!important;margin-top:7px!important}
.section-head p{font-size:13px!important;color:#78818c!important}
.textlink{height:38px;padding:0 12px;border-radius:10px;background:#f7f8fa;color:#39434e!important;font-size:12px!important;transition:.18s}
.textlink:hover{background:#fff1d9!important;color:#9a5600!important;transform:translateX(2px)}

/* ---------- category collection cards ---------- */
.category-v17{background:linear-gradient(180deg,#fff 0,#fafbfc 100%)!important}
.v17-category-grid{gap:18px!important}
.v17-category-grid .buzz-cat,.buzz-category-section .buzz-cat{
  height:270px!important;border-radius:24px!important;border:1px solid #e8ebef!important;background:#f7f8fa!important;
  box-shadow:none!important;overflow:hidden!important;isolation:isolate!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.v17-category-grid .buzz-cat:nth-child(4n+1){background:linear-gradient(145deg,#f6f8fb 0,#eef6ff 100%)!important}
.v17-category-grid .buzz-cat:nth-child(4n+2){background:linear-gradient(145deg,#f9f8ff 0,#f0efff 100%)!important}
.v17-category-grid .buzz-cat:nth-child(4n+3){background:linear-gradient(145deg,#f7fbf7 0,#edf8f1 100%)!important}
.v17-category-grid .buzz-cat:nth-child(4n+4){background:linear-gradient(145deg,#fffaf4 0,#fff2df 100%)!important}
.v17-category-grid .buzz-cat:before,.buzz-category-section .buzz-cat:before{
  content:""!important;position:absolute!important;right:-55px!important;bottom:-75px!important;width:220px!important;height:220px!important;border-radius:50%!important;
  background:rgba(245,158,11,.10)!important;filter:blur(0)!important;z-index:-1!important;
}
.v17-category-grid .buzz-cat:after,.buzz-category-section .buzz-cat:after{display:none!important;background:none!important}
.v17-category-grid .buzz-cat:hover,.buzz-category-section .buzz-cat:hover{
  transform:translateY(-4px)!important;border-color:#e9be73!important;box-shadow:0 18px 42px rgba(34,44,56,.085)!important;
}
.v17-category-grid .cat-photo,.buzz-category-section .cat-photo{
  position:absolute!important;right:8px!important;bottom:0!important;top:auto!important;width:64%!important;height:78%!important;z-index:1!important;
  display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;opacity:1!important;
}
.v17-category-grid .cat-photo img,.buzz-category-section .cat-photo img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;padding:10px!important;
  filter:drop-shadow(0 18px 20px rgba(31,39,50,.14))!important;opacity:1!important;transform:translateY(4px) scale(.98)!important;transition:.25s ease!important;
}
.v17-category-grid .buzz-cat:hover .cat-photo img,.buzz-category-section .buzz-cat:hover .cat-photo img{transform:translateY(0) scale(1.035)!important}
.v17-category-grid .buzz-cat-copy,.buzz-category-section .buzz-cat-copy{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:20px!important;background:transparent!important;color:#1e2731!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;z-index:3!important;
}
.v17-category-grid .cat-icon,.buzz-category-section .cat-icon{
  width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(8px)!important;
  border:1px solid rgba(224,207,177,.9)!important;color:#c76f00!important;box-shadow:0 8px 22px rgba(43,50,59,.05)!important;
  display:grid!important;place-items:center!important;margin:0!important;font-size:18px!important;
}
.v17-category-grid .cat-copy-text,.buzz-category-section .cat-copy-text{width:53%!important;position:relative!important;z-index:4!important}
.v17-category-grid .cat-copy-text h3,.buzz-category-section .cat-copy-text h3{
  font-family:Manrope,Inter,sans-serif!important;font-size:20px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.035em!important;text-transform:none!important;
  color:#1d2731!important;margin:0 0 13px!important;
}
.v17-category-grid .cat-copy-text b,.buzz-category-section .cat-copy-text b{
  width:max-content!important;display:inline-flex!important;align-items:center!important;gap:7px!important;height:34px!important;padding:0 11px!important;border-radius:10px!important;
  background:rgba(255,255,255,.88)!important;border:1px solid rgba(225,229,234,.95)!important;color:#7c4a00!important;font-size:10px!important;font-weight:850!important;
  box-shadow:0 6px 18px rgba(37,45,55,.04)!important;
}
.v17-category-grid .buzz-cat:hover .cat-copy-text b{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important}

/* ---------- modern product cards ---------- */
.products{gap:18px!important}
.products .modern-product-card{
  border:1px solid #e8ebef!important;border-radius:22px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;
  padding:8px!important;color:#1c2530!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.products .modern-product-card:hover{transform:translateY(-4px)!important;border-color:#edc37e!important;box-shadow:var(--vb-card-hover)!important}
.products .modern-product-media{
  height:252px!important;margin:0!important;border-radius:17px!important;background:linear-gradient(145deg,#f8f9fb 0,#f1f3f6 100%)!important;overflow:hidden!important;
  border:1px solid #f0f2f4!important;position:relative!important;
}
.products .modern-product-media:after{
  content:"";position:absolute;right:-55px;top:-55px;width:160px;height:160px;border-radius:50%;background:rgba(245,158,11,.09);pointer-events:none
}
.products .modern-product-media img{padding:12px!important;transform:scale(.97)!important;transition:transform .28s ease!important;position:relative!important;z-index:1!important}
.products .modern-product-card:hover .modern-product-media img{transform:scale(1.03) translateY(-2px)!important}
.products .modern-product-media .media-shine{display:none!important}
.products .modern-product-media .badge{
  left:12px!important;top:12px!important;border-radius:999px!important;padding:6px 9px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.02em!important;
  box-shadow:none!important;z-index:3!important
}
.products .modern-product-media .wishbtn{
  top:11px!important;right:11px!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.92)!important;
  border:1px solid #e1e5e9!important;color:#424b56!important;box-shadow:0 7px 20px rgba(32,41,52,.07)!important;z-index:3!important;
}
.products .modern-product-media .wishbtn:hover{background:#fff7eb!important;color:#d97706!important;border-color:#efca8b!important;transform:scale(1.04)!important}
.product-view-cue{
  position:absolute;left:12px;bottom:12px;z-index:3;height:32px;padding:0 10px;border-radius:9px;background:rgba(255,255,255,.93);border:1px solid #e5e8ec;
  display:flex;align-items:center;gap:6px;color:#313a44;font-size:9px;font-weight:850;opacity:0;transform:translateY(5px);transition:.2s;box-shadow:0 8px 20px rgba(34,43,53,.07)
}
.modern-product-card:hover .product-view-cue{opacity:1;transform:none}
.products .modern-product-info{padding:14px 7px 7px!important;background:#fff!important}
.products .modern-product-info .meta-line{margin-bottom:9px!important;align-items:center!important}
.products .modern-product-info .brand-label{font-size:9px!important;letter-spacing:.09em!important;font-weight:900!important;color:#b56800!important}
.products .modern-product-info .stock-label{
  display:inline-flex!important;align-items:center!important;gap:5px!important;background:#edf9f2!important;color:#18764b!important;border:1px solid #d7f0e2!important;
  border-radius:999px!important;padding:4px 7px!important;font-size:8.5px!important;font-weight:850!important
}
.products .modern-product-info .stock-label.out{background:#fff1f2!important;color:#b13945!important;border-color:#f5d6da!important}
.stock-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}
.products .modern-product-info .product-name{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:42px!important;
  font-size:14px!important;line-height:1.42!important;font-weight:800!important;letter-spacing:-.018em!important;color:#1e2731!important;margin-bottom:6px!important
}
.products .modern-product-info .product-name:hover{color:#bd6900!important}
.products .modern-product-info .product-desc{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:34px!important;
  color:#7a838e!important;font-size:10.5px!important;line-height:1.55!important;margin:0 0 9px!important
}
.products .modern-product-info .rating-row{margin:0 0 11px!important;gap:7px!important;align-items:center!important}
.products .modern-product-info .rating-row .stars{font-size:11px!important;letter-spacing:.04em!important;color:#eda20d!important}
.products .modern-product-info .rating-row small{font-size:9px!important;color:#9198a1!important}
.product-buy-zone{border-top:1px solid #eef0f2;padding-top:11px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.product-buy-zone .product-price{display:flex!important;align-items:baseline!important;gap:8px!important;min-height:26px!important}
.product-buy-zone .product-price strong{font-size:18px!important;line-height:1!important;font-weight:900!important;color:#17212b!important;letter-spacing:-.03em!important}
.product-buy-zone .product-price del{font-size:10px!important;color:#99a0a9!important}
.product-buy-zone .product-cart-btn{
  width:100%!important;height:43px!important;border-radius:13px!important;border:1px solid #f2a017!important;background:linear-gradient(135deg,#ffb22e,#f59e0b)!important;
  color:#2e1c00!important;font-size:11px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  box-shadow:0 8px 18px rgba(245,158,11,.16)!important;transition:.18s!important
}
.product-buy-zone .product-cart-btn i{font-size:18px!important}
.product-buy-zone .product-cart-btn:hover{background:linear-gradient(135deg,#ffc04b,#f59e0b)!important;transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(245,158,11,.22)!important}

/* ---------- modern product details ---------- */
.vape-crumb{max-width:1280px!important;margin:18px auto 0!important;padding:0 24px!important;background:#fff!important;border:0!important;color:#858d97!important;font-size:10px!important}
.vape-crumb a{color:#59636f!important;font-weight:750!important}.vape-crumb a:hover{color:#bf6a00!important}
.vape-product-page{
  max-width:1280px!important;margin:16px auto 0!important;padding:24px!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;gap:34px!important;
  background:#fff!important;border:1px solid #ebedf0!important;border-radius:30px!important;box-shadow:0 20px 60px rgba(29,39,51,.055)!important;color:#1e2731!important;
}
.vape-product-page .product-gallery{
  display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-areas:"thumbs main"!important;gap:12px!important;padding:0!important;align-items:start!important
}
.vape-product-page .mainimg-wrap{
  grid-area:main!important;height:600px!important;background:linear-gradient(145deg,#fafbfc,#f4f6f8)!important;border:1px solid #eef1f3!important;border-radius:24px!important;
  box-shadow:none!important;overflow:hidden!important
}
.vape-product-page .mainimg{background:transparent!important;padding:22px!important;object-fit:contain!important;object-position:center!important}
.vape-product-page .thumbs{
  grid-area:thumbs!important;order:0!important;display:flex!important;flex-direction:column!important;gap:9px!important;max-height:600px!important;overflow:auto!important;padding:1px!important
}
.vape-product-page .thumbs button{
  width:72px!important;height:72px!important;min-height:72px!important;border-radius:15px!important;background:#f8f9fa!important;border:1px solid #e7eaed!important;padding:4px!important;flex:0 0 72px!important
}
.vape-product-page .thumbs button:hover{border-color:#efc277!important;background:#fff9f0!important}
.vape-product-page .thumbs button.active{border:2px solid #f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.11)!important;background:#fff!important}
.vape-product-page .gallery-arrow{
  width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;border:1px solid #e1e5e8!important;
  color:#303944!important;box-shadow:0 10px 28px rgba(35,44,55,.08)!important
}
.vape-product-page .gallery-arrow:hover{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}
.vape-product-page .product-discount{left:18px!important;top:18px!important;border-radius:999px!important;padding:7px 10px!important}
.vape-product-page .buy{
  position:sticky!important;top:176px!important;padding:8px 6px 8px 2px!important;background:#fff!important;color:#202a34!important;border:0!important;box-shadow:none!important
}
.vape-product-page .product-topline{margin-bottom:13px!important}
.vape-product-page .product-topline .eyebrow{height:28px;padding:0 9px;border-radius:999px;background:#fff6e6;border:1px solid #f2d7aa;display:inline-flex;align-items:center;font-size:9px!important}
.vape-product-page .stock{height:28px;padding:0 9px;border-radius:999px;background:#edf9f2!important;border:1px solid #d7f0e2;color:#167348!important;display:inline-flex;align-items:center;font-size:9px!important;font-weight:850!important}
.vape-product-page .buy h1{font-size:38px!important;line-height:1.08!important;font-weight:850!important;color:#17212b!important;margin:0 0 12px!important;max-width:620px!important}
.vape-product-page .product-rating.rating-link{margin-bottom:14px!important;font-size:13px!important;gap:6px!important}
.vape-product-page .product-rating.rating-link .stars{letter-spacing:.06em!important}
.vape-product-page .lead{font-size:13px!important;line-height:1.7!important;color:#6f7883!important;margin-bottom:20px!important}
.vape-product-page .bigprice{padding:16px 0!important;border-top:1px solid #edf0f2!important;border-bottom:1px solid #edf0f2!important;margin-bottom:18px!important}
.vape-product-page .bigprice strong{font-size:29px!important;font-weight:900!important;letter-spacing:-.04em!important;color:#17212b!important}
.vape-product-page .bigprice del{color:#979ea7!important;font-size:12px!important}
.vape-product-page .save-chip{background:#edf9f2!important;color:#19764b!important;border:1px solid #d6efdf!important;border-radius:999px!important;padding:6px 9px!important}
.vape-product-page .vape-option>label{font-size:11px!important;color:#36414c!important;font-weight:850!important;margin-bottom:8px!important;display:block!important}
.vape-product-page .variant-grid{gap:8px!important}
.vape-product-page .variant-chip{
  min-height:58px!important;border-radius:14px!important;border:1px solid #e0e5e9!important;background:#fff!important;padding:10px 12px!important;text-align:left!important;transition:.18s!important
}
.vape-product-page .variant-chip:hover{border-color:#efc37d!important;background:#fffaf2!important}
.vape-product-page .variant-chip.selected{border-color:#f59e0b!important;background:#fff8ea!important;box-shadow:0 0 0 3px rgba(245,158,11,.09)!important}
.vape-product-page .buyrow{grid-template-columns:108px minmax(0,1fr) 50px!important;gap:10px!important;margin-top:19px!important}
.vape-product-page .qtybox{height:50px!important;border-radius:14px!important;background:#f8f9fa!important;border:1px solid #e2e6ea!important;overflow:hidden!important}
.vape-product-page .qtybox button{width:34px!important;font-size:18px!important;background:#f8f9fa!important}.vape-product-page .qtybox input{font-weight:850!important}
.vape-product-page .addtocart{height:50px!important;border-radius:14px!important;background:linear-gradient(135deg,#ffb22e,#f59e0b)!important;box-shadow:0 10px 22px rgba(245,158,11,.16)!important;font-size:12px!important}
.vape-product-page .wishlist-square{width:50px!important;height:50px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e0e4e8!important;color:#3c4651!important;box-shadow:none!important}
.vape-product-page .wishlist-square:hover{background:#fff6e8!important;color:#d37800!important;border-color:#efc782!important}
.vape-product-page .whatsapp-buy{
  width:190px!important;min-width:0!important;height:38px!important;margin-top:10px!important;border-radius:11px!important;background:#25D366!important;border-color:#25D366!important;color:#fff!important;
  box-shadow:0 7px 16px rgba(37,211,102,.15)!important;font-size:10px!important
}
.vape-product-page .buytrust.compact{margin-top:16px!important;gap:8px!important}
.vape-product-page .buytrust.compact>div{
  min-height:58px!important;padding:8px!important;border:1px solid #e8ebee!important;background:#fafbfc!important;border-radius:14px!important;gap:7px!important
}
.vape-product-page .buytrust.compact>div>span{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;background:#fff4e2!important;color:#cd7400!important;font-size:16px!important}
.vape-product-page .buytrust.compact b{font-size:11px!important;line-height:1.2!important;color:#27313b!important}.vape-product-page .buytrust.compact small{font-size:9.5px!important;color:#7b8490!important}

.vape-detail{max-width:1280px!important;margin:16px auto 0!important;padding:0 0 78px!important;background:#fff!important}
.vape-detail .product-tabs{
  display:flex!important;gap:6px!important;padding:6px!important;border:1px solid #e9edf0!important;border-radius:18px!important;background:#f6f7f9!important;overflow:auto!important
}
.vape-detail .product-tabs button{
  min-height:46px!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;border:0!important;border-radius:13px!important;
  color:#727b86!important;background:transparent!important;font-size:11px!important;font-weight:850!important;border-bottom:0!important;transition:.18s!important
}
.vape-detail .product-tabs button i{font-size:17px!important}.vape-detail .product-tabs button:hover{background:#fff!important;color:#404a55!important}
.vape-detail .product-tabs button.active{background:#fff!important;color:#9b5700!important;box-shadow:0 5px 16px rgba(34,43,53,.07)!important}
.vape-detail .tab-count{background:#fff2dc!important;color:#9a5600!important}
.vape-detail .tab-panel{
  margin-top:10px!important;min-height:280px!important;padding:30px!important;border:1px solid #e9edf0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 38px rgba(31,40,51,.04)!important
}
.vape-detail .detail-copy h2{font-size:28px!important;font-weight:850!important;color:#1d2731!important}.vape-detail .rich{color:#68727d!important;line-height:1.8!important}
.vape-detail .spec-grid{gap:0 40px!important}.vape-detail .spec-row{padding:15px 0!important;border-color:#eef0f2!important}.vape-detail .spec-row span{color:#7a838d!important}.vape-detail .spec-row b{color:#26303a!important}
.vape-detail .delivery-grid article{border-radius:16px!important;background:#fafbfc!important;border-color:#e9ecef!important}.vape-detail .delivery-grid article>i{width:40px;height:40px;border-radius:12px;background:#fff3df;display:grid;place-items:center;font-size:20px!important}

@media(max-width:1100px){
  .category-menu-wrap .category-mega .mega-grid-spaced{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v17-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .vape-product-page{grid-template-columns:minmax(0,1fr) minmax(350px,.88fr)!important;gap:24px!important}
  .vape-product-page .mainimg-wrap{height:520px!important}
  .vape-product-page .thumbs{max-height:520px!important}
  .vape-product-page .buy h1{font-size:34px!important}
}
@media(max-width:840px){
  .nav-inner{height:auto!important;gap:0!important}.category-menu-wrap{height:auto!important}.category-menu-wrap>.nav-feature{height:auto!important;margin:0!important;border-radius:0!important}
  .category-menu-wrap .category-mega{display:none!important}
  .v17-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vape-product-page{margin:10px 12px 0!important;padding:14px!important;grid-template-columns:1fr!important;border-radius:22px!important}
  .vape-product-page .product-gallery{grid-template-columns:1fr!important;grid-template-areas:"main" "thumbs"!important}
  .vape-product-page .mainimg-wrap{height:500px!important}.vape-product-page .thumbs{flex-direction:row!important;max-height:none!important;overflow:auto!important}
  .vape-product-page .thumbs button{width:68px!important;height:68px!important;flex:0 0 68px!important}.vape-product-page .buy{position:static!important;padding:12px 2px!important}
  .vape-detail{padding-left:12px!important;padding-right:12px!important}.vape-detail .product-tabs button{flex:0 0 auto!important;min-width:150px!important}
}
@media(max-width:580px){
  .buzz-category-section,.buzz-featured,.collection-row{padding-top:52px!important;padding-bottom:52px!important}.section-head{align-items:flex-start!important}.section-head h2{font-size:31px!important}
  .v17-category-grid{grid-template-columns:1fr!important}.v17-category-grid .buzz-cat{height:220px!important}.v17-category-grid .cat-photo{width:62%!important;height:80%!important}.v17-category-grid .cat-copy-text{width:56%!important}
  .products .modern-product-media{height:220px!important}.products .modern-product-info .product-name{font-size:13.5px!important}
  .vape-product-page .mainimg-wrap{height:390px!important}.vape-product-page .buy h1{font-size:29px!important}.vape-product-page .buyrow{grid-template-columns:98px minmax(0,1fr) 48px!important}
  .vape-product-page .buytrust.compact{grid-template-columns:1fr!important}.vape-product-page .whatsapp-buy{width:100%!important}
  .vape-detail .tab-panel{padding:20px!important}.vape-detail .product-tabs button{min-width:135px!important}
}

/* ========================================================================
   v2.1 — SHOP BY VAPE CATEGORY / NEW SHOWCASE SYSTEM
   Rebuilt from scratch to match the approved premium light mockup.
   ======================================================================== */
.category-showcase-v21{
  background:#fff!important;
  padding-top:72px!important;
  padding-bottom:78px!important;
  color:#101820!important;
}
.category-showcase-v21 .category-showcase-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.75fr)!important;
  align-items:end!important;
  gap:42px!important;
  margin-bottom:34px!important;
}
.category-showcase-v21 .category-title-block{min-width:0!important}
.category-showcase-v21 .category-eyebrow{
  display:flex!important;align-items:center!important;gap:12px!important;
  color:#ff7518!important;font:800 12px/1 Manrope,Inter,sans-serif!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;margin:0 0 15px!important;
}
.category-showcase-v21 .eyebrow-line{
  width:24px!important;height:2px!important;background:#ff7518!important;border-radius:3px!important;display:inline-block!important;
}
.category-showcase-v21 h2{
  margin:0!important;color:#101923!important;font:850 clamp(38px,3.45vw,56px)/.98 Manrope,Inter,sans-serif!important;
  letter-spacing:-.055em!important;text-transform:none!important;
}
.category-showcase-v21 .category-intro{
  position:relative!important;max-width:560px!important;justify-self:end!important;padding:0 72px 2px 0!important;
}
.category-showcase-v21 .category-intro p,
.category-showcase-v21 .category-intro small{
  display:block!important;margin:0!important;color:#697482!important;font:500 15px/1.45 Inter,Manrope,sans-serif!important;
}
.category-showcase-v21 .category-intro small{margin-top:2px!important;color:#87909b!important}
.category-showcase-v21 .category-slashes{
  position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%) skewX(-12deg)!important;
  color:#ffc299!important;font:900 25px/1 Manrope,Inter,sans-serif!important;letter-spacing:2px!important;
}
.category-showcase-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;
}
.category-showcase-card{
  --card-accent:#ff7a18;--card-ink:#101820;--card-tint:#fff3df;--card-glow:#ffd89e;
  position:relative!important;display:block!important;height:322px!important;min-width:0!important;overflow:hidden!important;
  border:1px solid rgba(32,46,60,.08)!important;border-radius:28px!important;
  background:linear-gradient(145deg,#fffdf9 0%,var(--card-tint) 100%)!important;
  color:var(--card-ink)!important;text-decoration:none!important;isolation:isolate!important;
  box-shadow:0 12px 32px rgba(28,40,52,.055)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;
}
.category-showcase-card:hover{
  transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--card-accent) 30%,#e7ebef)!important;
  box-shadow:0 24px 54px rgba(28,40,52,.11)!important;
}
.category-showcase-card.cat-theme-1{--card-accent:#ff7a18;--card-tint:#fff0d4;--card-glow:#ffd697}
.category-showcase-card.cat-theme-2{--card-accent:#7c3aed;--card-tint:#f0ebff;--card-glow:#d9ccff}
.category-showcase-card.cat-theme-3{--card-accent:#168a43;--card-tint:#eef9ef;--card-glow:#caedcb}
.category-showcase-card.cat-theme-4{--card-accent:#ff6b1a;--card-tint:#fff0e8;--card-glow:#ffd2bc}
.category-showcase-card.cat-theme-5{--card-accent:#147fe3;--card-tint:#eaf6ff;--card-glow:#c9e8ff}
.category-showcase-card.cat-theme-6{--card-accent:#e88300;--card-tint:#fff3df;--card-glow:#ffdea4}
.category-showcase-card.cat-theme-7{--card-accent:#e91875;--card-tint:#ffeaf2;--card-glow:#ffc8dd}
.category-showcase-card.cat-theme-8{--card-accent:#0a7b3c;--card-tint:#eaf8ec;--card-glow:#c6eecf}
.category-showcase-card .category-decor{
  position:absolute!important;display:block!important;border-radius:999px!important;pointer-events:none!important;z-index:0!important;
}
.category-showcase-card .category-decor-a{
  width:235px!important;height:235px!important;right:-67px!important;top:-78px!important;background:var(--card-glow)!important;opacity:.42!important;
}
.category-showcase-card .category-decor-b{
  width:190px!important;height:130px!important;left:-45px!important;bottom:-78px!important;
  background:rgba(255,255,255,.72)!important;filter:blur(2px)!important;transform:rotate(-11deg)!important;
}
.category-icon-badge{
  position:absolute!important;left:24px!important;top:24px!important;width:56px!important;height:56px!important;z-index:5!important;
  display:grid!important;place-items:center!important;border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.95)!important;
  color:var(--card-accent)!important;font-size:24px!important;
  box-shadow:0 8px 24px rgba(29,39,50,.06)!important;backdrop-filter:blur(10px)!important;
}
.category-card-copy{
  position:absolute!important;left:28px!important;bottom:28px!important;width:50%!important;z-index:5!important;
}
.category-card-copy h3{
  color:#101820!important;margin:0 0 22px!important;max-width:220px!important;
  font:850 clamp(24px,1.8vw,31px)/1 Manrope,Inter,sans-serif!important;letter-spacing:-.045em!important;text-transform:none!important;
}
.category-cta{
  width:max-content!important;height:46px!important;display:inline-flex!important;align-items:center!important;gap:9px!important;
  padding:0 18px!important;border-radius:999px!important;background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(255,255,255,.95)!important;color:var(--card-accent)!important;
  font:800 13px/1 Manrope,Inter,sans-serif!important;box-shadow:0 8px 20px rgba(26,35,45,.055)!important;
  backdrop-filter:blur(10px)!important;transition:.22s ease!important;
}
.category-cta i{font-size:17px!important;transition:transform .22s ease!important}
.category-showcase-card:hover .category-cta{
  background:var(--card-accent)!important;color:#fff!important;border-color:var(--card-accent)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--card-accent) 25%,transparent)!important;
}
.category-showcase-card:hover .category-cta i{transform:translateX(3px)!important}
.category-product-stage{
  position:absolute!important;right:-3px!important;bottom:0!important;width:63%!important;height:88%!important;z-index:2!important;
  display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none!important;
}
.category-pedestal{
  position:absolute!important;right:7%!important;bottom:-8px!important;width:92%!important;height:74px!important;border-radius:52% 52% 9px 9px / 66% 66% 8px 8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(234,226,214,.62))!important;
  box-shadow:0 -7px 18px rgba(255,255,255,.56) inset,0 13px 22px rgba(48,54,60,.07)!important;
  transform:perspective(300px) rotateX(12deg)!important;z-index:0!important;
}
.category-product-image{
  position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;
  padding:20px 13px 26px 4px!important;mix-blend-mode:multiply!important;
  filter:drop-shadow(0 20px 19px rgba(26,33,40,.17)) saturate(1.04)!important;
  transform:translate3d(0,7px,0) scale(.96)!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease!important;
}
.category-showcase-card:hover .category-product-image{
  transform:translate3d(-2px,0,0) scale(1.025)!important;filter:drop-shadow(0 24px 22px rgba(26,33,40,.20)) saturate(1.08)!important;
}
/* slightly different image placement so the eight cards don't feel templated */
.category-showcase-card:nth-child(2) .category-product-stage,
.category-showcase-card:nth-child(7) .category-product-stage{width:59%!important}
.category-showcase-card:nth-child(4) .category-product-stage,
.category-showcase-card:nth-child(5) .category-product-stage{width:61%!important}
.category-showcase-card:nth-child(6) .category-product-image{padding-bottom:34px!important}
.category-showcase-card:nth-child(8) .category-product-image{padding-right:20px!important}

@media(max-width:1180px){
  .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-showcase-card{height:310px!important}
  .category-showcase-v21 .category-showcase-head{grid-template-columns:1fr minmax(330px,.7fr)!important}
}
@media(max-width:820px){
  .category-showcase-v21{padding-top:52px!important;padding-bottom:58px!important}
  .category-showcase-v21 .category-showcase-head{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:25px!important}
  .category-showcase-v21 .category-intro{justify-self:start!important;max-width:620px!important;padding-right:54px!important}
  .category-showcase-v21 h2{font-size:40px!important}
  .category-showcase-card{height:285px!important;border-radius:24px!important}
  .category-card-copy{left:22px!important;bottom:22px!important}.category-icon-badge{left:20px!important;top:20px!important}
}
@media(max-width:600px){
  .category-showcase-grid{grid-template-columns:1fr!important;gap:14px!important}
  .category-showcase-card{height:268px!important}
  .category-card-copy{width:52%!important}.category-card-copy h3{font-size:25px!important;margin-bottom:16px!important}
  .category-product-stage{width:61%!important}.category-icon-badge{width:48px!important;height:48px!important;border-radius:15px!important;font-size:21px!important}
  .category-cta{height:40px!important;padding:0 14px!important;font-size:12px!important}
  .category-showcase-v21 h2{font-size:34px!important}.category-showcase-v21 .category-intro p,.category-showcase-v21 .category-intro small{font-size:13px!important}
}


/* ========================================================================
   v2.2 — COMPACT CUTOUT CATEGORY GRID
   Keeps the v2.1 markup but makes the section fit one desktop viewport and
   visually removes rectangular image backgrounds with blend + edge masking.
   ======================================================================== */
.category-showcase-v21{
  padding-top:42px!important;
  padding-bottom:44px!important;
}
.category-showcase-v21 .category-showcase-head{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.82fr)!important;
  align-items:end!important;
  gap:34px!important;
  margin-bottom:20px!important;
}
.category-showcase-v21 .category-eyebrow{
  margin-bottom:10px!important;
  font-size:11px!important;
}
.category-showcase-v21 h2{
  font-size:clamp(34px,2.75vw,46px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.category-showcase-v21 .category-intro{
  max-width:520px!important;
  padding-right:58px!important;
}
.category-showcase-v21 .category-intro p,
.category-showcase-v21 .category-intro small{
  font-size:13px!important;
  line-height:1.4!important;
}
.category-showcase-v21 .category-slashes{font-size:21px!important}
.category-showcase-grid{
  gap:14px!important;
}
.category-showcase-card{
  height:224px!important;
  border-radius:24px!important;
  box-shadow:0 8px 24px rgba(28,40,52,.045)!important;
}
.category-showcase-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 15px 30px rgba(28,40,52,.08)!important;
}
.category-showcase-card .category-decor-a{
  width:170px!important;
  height:170px!important;
  right:-54px!important;
  top:-62px!important;
  opacity:.34!important;
}
.category-showcase-card .category-decor-b{
  width:135px!important;
  height:88px!important;
  left:-42px!important;
  bottom:-56px!important;
  opacity:.6!important;
}
.category-icon-badge{
  left:18px!important;
  top:17px!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:19px!important;
  box-shadow:0 5px 14px rgba(29,39,50,.045)!important;
}
.category-card-copy{
  left:18px!important;
  bottom:18px!important;
  width:50%!important;
}
.category-card-copy h3{
  max-width:170px!important;
  margin:0 0 12px!important;
  font-size:clamp(19px,1.35vw,23px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}
.category-cta{
  height:36px!important;
  padding:0 13px!important;
  gap:6px!important;
  font-size:11px!important;
  box-shadow:0 4px 12px rgba(26,35,45,.045)!important;
}
.category-cta i{font-size:14px!important}
.category-product-stage{
  right:0!important;
  bottom:0!important;
  width:61%!important;
  height:91%!important;
  align-items:flex-end!important;
  overflow:visible!important;
}
.category-pedestal{
  right:4%!important;
  bottom:-3px!important;
  width:88%!important;
  height:38px!important;
  opacity:.5!important;
  box-shadow:none!important;
}
.category-product-image{
  width:100%!important;
  height:100%!important;
  padding:11px 8px 15px 0!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  background:transparent!important;
  mix-blend-mode:multiply!important;
  filter:drop-shadow(0 11px 11px rgba(26,33,40,.13)) saturate(1.05) contrast(1.025)!important;
  transform:translate3d(0,4px,0) scale(.94)!important;
  -webkit-mask-image:radial-gradient(ellipse 93% 91% at 58% 58%,#000 0 67%,rgba(0,0,0,.96) 77%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 93% 91% at 58% 58%,#000 0 67%,rgba(0,0,0,.96) 77%,transparent 100%)!important;
}
.category-showcase-card:hover .category-product-image{
  transform:translate3d(-1px,0,0) scale(.985)!important;
  filter:drop-shadow(0 14px 13px rgba(26,33,40,.16)) saturate(1.07) contrast(1.03)!important;
}
.category-showcase-card:nth-child(2) .category-product-stage,
.category-showcase-card:nth-child(7) .category-product-stage{width:58%!important}
.category-showcase-card:nth-child(4) .category-product-stage,
.category-showcase-card:nth-child(5) .category-product-stage{width:60%!important}
.category-showcase-card:nth-child(6) .category-product-image{padding-bottom:18px!important}
.category-showcase-card:nth-child(8) .category-product-image{padding-right:10px!important}

@media (min-width:1181px) and (max-height:900px){
  .category-showcase-v21{padding-top:30px!important;padding-bottom:32px!important}
  .category-showcase-v21 .category-showcase-head{margin-bottom:16px!important}
  .category-showcase-card{height:205px!important}
  .category-card-copy h3{font-size:19px!important}
  .category-product-stage{height:90%!important}
}
@media(max-width:1180px){
  .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-showcase-card{height:235px!important}
}
@media(max-width:820px){
  .category-showcase-v21{padding-top:42px!important;padding-bottom:46px!important}
  .category-showcase-v21 .category-showcase-head{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}
  .category-showcase-v21 .category-intro{justify-self:start!important;max-width:620px!important;padding-right:45px!important}
  .category-showcase-v21 h2{font-size:36px!important}
  .category-showcase-card{height:230px!important}
}
@media(max-width:600px){
  .category-showcase-grid{grid-template-columns:1fr!important;gap:12px!important}
  .category-showcase-card{height:220px!important}
  .category-card-copy{width:52%!important}
  .category-card-copy h3{font-size:21px!important;margin-bottom:12px!important}
  .category-product-stage{width:60%!important}
  .category-icon-badge{width:40px!important;height:40px!important;border-radius:13px!important;font-size:18px!important}
  .category-cta{height:35px!important;padding:0 12px!important;font-size:11px!important}
  .category-showcase-v21 h2{font-size:32px!important}
}


/* ========================================================================
   v2.3 — TRUST + CATEGORY LAYOUT CORRECTION
   Screenshot-driven fixes:
   - remove accidental outer black line from trust strip
   - make trust row more compact and visually consistent
   - reserve separate text and image zones in category cards
   - prevent title/CTA/image collisions
   - normalize image scale and edge blending across all 8 cards
   ======================================================================== */

/* Trust / benefits strip */
.buzz-trust{
  background:#fff!important;
  border-top:1px solid #e8edf1!important;
  border-bottom:1px solid #e8edf1!important;
}
.buzz-trust .trust-inner{
  max-width:1280px!important;
  padding:0 24px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.buzz-trust .trust-item{
  min-height:88px!important;
  padding:15px 22px!important;
  gap:12px!important;
  border-left:0!important;
  border-right:1px solid #edf0f3!important;
  background:#fff!important;
  color:#27313b!important;
}
.buzz-trust .trust-item:first-child{border-left:0!important}
.buzz-trust .trust-item:last-child{border-right:0!important}
.buzz-trust .trust-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  background:#fff4e2!important;
  color:#da7b00!important;
  box-shadow:none!important;
}
.buzz-trust .trust-icon i{font-size:20px!important}
.buzz-trust .trust-item b{
  display:block!important;
  margin:0 0 3px!important;
  color:#1d2731!important;
  font:800 12.5px/1.2 Manrope,Inter,sans-serif!important;
}
.buzz-trust .trust-item small{
  display:block!important;
  color:#87909a!important;
  font:500 10px/1.35 Inter,Manrope,sans-serif!important;
}

/* Category section rhythm */
.category-showcase-v21{
  padding-top:38px!important;
  padding-bottom:40px!important;
}
.category-showcase-v21 .category-showcase-head{
  margin-bottom:18px!important;
}
.category-showcase-grid{
  gap:14px!important;
}

/* Card: two protected zones = copy left / image right */
.category-showcase-card{
  height:236px!important;
  border-radius:23px!important;
  border:1px solid rgba(40,52,64,.09)!important;
  box-shadow:0 7px 22px rgba(25,37,49,.045)!important;
  overflow:hidden!important;
}
.category-showcase-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(25,37,49,.075)!important;
}
.category-icon-badge{
  left:18px!important;
  top:17px!important;
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  font-size:18px!important;
  z-index:8!important;
}
.category-card-copy{
  left:18px!important;
  bottom:17px!important;
  width:42%!important;
  min-width:0!important;
  z-index:8!important;
}
.category-card-copy h3{
  max-width:138px!important;
  margin:0 0 13px!important;
  color:#111b25!important;
  font:850 20px/1.02 Manrope,Inter,sans-serif!important;
  letter-spacing:-.035em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.category-cta{
  height:35px!important;
  max-width:100%!important;
  padding:0 12px!important;
  gap:5px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
  box-shadow:0 4px 12px rgba(26,35,45,.04)!important;
}
.category-cta i{font-size:13px!important}

/* Product image has its own right-side zone. It no longer runs underneath text. */
.category-product-stage{
  position:absolute!important;
  left:45%!important;
  right:0!important;
  top:8px!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  padding:8px 8px 10px 0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
  z-index:3!important;
}
.category-product-stage:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,var(--card-tint) 0%,rgba(255,255,255,0) 16%),
    linear-gradient(180deg,var(--card-tint) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 88%,var(--card-tint) 100%)!important;
  opacity:.58!important;
}
.category-pedestal{
  right:7%!important;
  bottom:-7px!important;
  width:82%!important;
  height:34px!important;
  opacity:.34!important;
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(220,215,207,.28))!important;
  box-shadow:none!important;
}
.category-product-image{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:12px 4px 15px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:transparent!important;
  mix-blend-mode:multiply!important;
  opacity:.97!important;
  filter:drop-shadow(0 10px 10px rgba(27,35,44,.12)) saturate(1.04) contrast(1.045)!important;
  transform:translate3d(0,3px,0) scale(.93)!important;
  -webkit-mask-image:radial-gradient(ellipse 91% 91% at 54% 57%,#000 0 70%,rgba(0,0,0,.96) 80%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 91% 91% at 54% 57%,#000 0 70%,rgba(0,0,0,.96) 80%,transparent 100%)!important;
}
.category-showcase-card:hover .category-product-image{
  transform:translate3d(0,0,0) scale(.965)!important;
  filter:drop-shadow(0 13px 12px rgba(27,35,44,.15)) saturate(1.06) contrast(1.05)!important;
}

/* Keep all image compositions visually comparable. */
.category-showcase-card:nth-child(1) .category-product-stage{left:43%!important}
.category-showcase-card:nth-child(2) .category-product-stage{left:46%!important}
.category-showcase-card:nth-child(3) .category-product-stage{left:46%!important}
.category-showcase-card:nth-child(4) .category-product-stage{left:47%!important}
.category-showcase-card:nth-child(5) .category-product-stage{left:45%!important}
.category-showcase-card:nth-child(6) .category-product-stage{left:46%!important}
.category-showcase-card:nth-child(7) .category-product-stage{left:47%!important}
.category-showcase-card:nth-child(8) .category-product-stage{left:47%!important}
.category-showcase-card:nth-child(4) .category-product-image,
.category-showcase-card:nth-child(5) .category-product-image,
.category-showcase-card:nth-child(6) .category-product-image,
.category-showcase-card:nth-child(8) .category-product-image{transform:translate3d(0,3px,0) scale(.89)!important}
.category-showcase-card:nth-child(4):hover .category-product-image,
.category-showcase-card:nth-child(5):hover .category-product-image,
.category-showcase-card:nth-child(6):hover .category-product-image,
.category-showcase-card:nth-child(8):hover .category-product-image{transform:translate3d(0,0,0) scale(.925)!important}

/* Decorative shapes stay behind content, never over the product/title. */
.category-showcase-card .category-decor-a{
  width:155px!important;
  height:155px!important;
  right:-48px!important;
  top:-52px!important;
  opacity:.26!important;
}
.category-showcase-card .category-decor-b{
  width:120px!important;
  height:76px!important;
  left:-40px!important;
  bottom:-52px!important;
  opacity:.36!important;
}

@media (min-width:1181px) and (max-height:900px){
  .buzz-trust .trust-item{min-height:82px!important;padding:13px 20px!important}
  .category-showcase-v21{padding-top:32px!important;padding-bottom:34px!important}
  .category-showcase-card{height:224px!important}
  .category-card-copy h3{font-size:19px!important}
}
@media(max-width:1180px){
  .buzz-trust .trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .buzz-trust .trust-item:nth-child(2){border-right:0!important}
  .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-showcase-card{height:238px!important}
  .category-card-copy{width:40%!important}
  .category-product-stage{left:43%!important}
}
@media(max-width:700px){
  .buzz-trust .trust-inner{grid-template-columns:1fr!important;padding:0 18px!important}
  .buzz-trust .trust-item{min-height:74px!important;border-right:0!important;border-bottom:1px solid #edf0f3!important;padding:12px 8px!important}
  .buzz-trust .trust-item:last-child{border-bottom:0!important}
  .category-showcase-grid{grid-template-columns:1fr!important}
  .category-showcase-card{height:228px!important}
  .category-card-copy{width:43%!important}
  .category-card-copy h3{max-width:145px!important;font-size:20px!important}
  .category-product-stage{left:45%!important}
}

/* ============================================================
   VapeBuzz v2.4 — premium product-card system
   ============================================================ */
.buzz-featured{padding-top:64px!important;padding-bottom:68px!important}
.buzz-featured .section-head{margin-bottom:24px!important;align-items:flex-end!important}
.buzz-featured .section-head h2{font-family:Manrope,Inter,sans-serif!important;font-size:38px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.04em!important;text-transform:none!important;color:#151a20!important}
.buzz-featured .section-head .eyebrow{font-size:10px!important;letter-spacing:.16em!important}
.buzz-featured .textlink{
  min-height:40px!important;padding:0 14px!important;border-radius:12px!important;background:#f7f8fa!important;border:1px solid #edf0f3!important;color:#303842!important;
  transition:.18s ease!important;font-size:11px!important;font-weight:800!important
}
.buzz-featured .textlink:hover{background:#fff4e3!important;border-color:#efc47e!important;color:#b96b00!important;transform:translateY(-1px)!important}

.products{gap:20px!important;align-items:stretch!important}
.products .modern-product-card{
  position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;padding:0!important;
  border:1px solid #e8ebef!important;border-radius:24px!important;background:#fff!important;color:#18212b!important;overflow:hidden!important;
  box-shadow:0 8px 28px rgba(25,35,47,.055)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important
}
.products .modern-product-card:before{display:none!important}
.products .modern-product-card:hover{transform:translateY(-3px)!important;border-color:#efc77f!important;box-shadow:0 18px 42px rgba(25,35,47,.11)!important}

.products .modern-product-media{
  height:224px!important;margin:8px 8px 0!important;border-radius:18px!important;border:0!important;background:linear-gradient(145deg,#f8fafc 0%,#f2f5f8 58%,#eef2f5 100%)!important;
  overflow:hidden!important;position:relative!important
}
.products .modern-product-media:before{
  content:"";position:absolute;inset:auto -34px -55px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.14),rgba(245,158,11,0) 68%);pointer-events:none
}
.products .modern-product-media:after{display:none!important}
.products .modern-product-media img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px 12px!important;transform:scale(.96)!important;
  filter:drop-shadow(0 16px 18px rgba(24,34,45,.13))!important;transition:transform .28s ease!important
}
.products .modern-product-card:hover .modern-product-media img{transform:scale(1.015) translateY(-2px)!important}
.products .modern-product-media .badge{
  left:12px!important;top:12px!important;min-width:42px!important;height:28px!important;padding:0 9px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#ff4a59!important;color:#fff!important;border:0!important;
  font-size:9px!important;font-weight:900!important;box-shadow:0 7px 18px rgba(255,74,89,.18)!important
}
.products .modern-product-media .wishbtn{
  top:12px!important;right:12px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(222,227,232,.95)!important;color:#3f4954!important;box-shadow:0 6px 16px rgba(28,38,48,.07)!important;transition:.18s!important
}
.products .modern-product-media .wishbtn:hover{background:#fff7eb!important;color:#d97706!important;border-color:#edc889!important;transform:scale(1.05)!important}
.product-view-cue{display:none!important}

.products .modern-product-info{
  display:flex!important;flex:1!important;flex-direction:column!important;padding:15px 15px 15px!important;background:#fff!important;min-height:0!important
}
.products .modern-product-info .meta-line{margin:0 0 9px!important;min-height:22px!important;display:flex!important;justify-content:space-between!important;gap:8px!important}
.products .modern-product-info .brand-label{font-size:9px!important;line-height:1!important;letter-spacing:.12em!important;font-weight:900!important;color:#b86b00!important}
.products .modern-product-info .stock-label{
  padding:4px 7px!important;border-radius:999px!important;background:#effaf4!important;border:1px solid #d9f0e3!important;color:#1c7b50!important;
  font-size:8.5px!important;font-weight:850!important;white-space:nowrap!important
}
.products .modern-product-info .stock-label.out{background:#fff1f2!important;color:#b43b49!important;border-color:#f3d7db!important}
.products .modern-product-info .product-name{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:40px!important;max-height:40px!important;
  margin:0 0 7px!important;font-size:14px!important;line-height:1.42!important;font-weight:800!important;letter-spacing:-.018em!important;color:#18212b!important
}
.products .modern-product-info .product-name:hover{color:#b76700!important}
.products .modern-product-info .product-desc{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:32px!important;max-height:32px!important;
  margin:0 0 9px!important;color:#747e89!important;font-size:10.5px!important;line-height:1.52!important
}
.products .modern-product-info .rating-row{min-height:20px!important;margin:0 0 10px!important;display:flex!important;align-items:center!important;gap:7px!important}
.products .modern-product-info .rating-row .stars{font-size:11px!important;line-height:1!important;letter-spacing:.035em!important;color:#f5a10b!important}
.products .modern-product-info .rating-row small{font-size:9px!important;color:#89929c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.product-buy-zone{margin-top:auto!important;padding-top:12px!important;border-top:1px solid #eef1f3!important;display:grid!important;gap:11px!important}
.product-price-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:29px!important}
.product-buy-zone .product-price{display:flex!important;align-items:baseline!important;gap:8px!important;min-height:0!important;margin:0!important}
.product-buy-zone .product-price strong{font-size:19px!important;line-height:1!important;font-weight:900!important;color:#111923!important;letter-spacing:-.035em!important}
.product-buy-zone .product-price del{font-size:10px!important;color:#9aa2ab!important;text-decoration-thickness:1px!important}
.save-chip{
  display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;background:#fff5e7!important;border:1px solid #f4dfbf!important;
  color:#b96900!important;font-size:8px!important;font-weight:850!important;white-space:nowrap!important
}
.product-buy-zone .product-cart-btn{
  width:100%!important;height:44px!important;border-radius:14px!important;border:1px solid #f2a017!important;background:linear-gradient(135deg,#ffb02a 0%,#f59e0b 100%)!important;
  color:#2d1b00!important;font-size:11px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  box-shadow:0 8px 18px rgba(245,158,11,.14)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important
}
.product-buy-zone .product-cart-btn i{font-size:17px!important}
.product-buy-zone .product-cart-btn:hover{transform:translateY(-1px)!important;filter:saturate(1.05)!important;box-shadow:0 12px 24px rgba(245,158,11,.22)!important}
.product-buy-zone .product-cart-btn:active{transform:translateY(0)!important}
.product-buy-zone .product-cart-btn:disabled{opacity:.48!important;box-shadow:none!important}

@media (max-width:1100px){
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .products .modern-product-media{height:215px!important}
  .buzz-featured .section-head h2{font-size:32px!important}
}
@media (max-width:560px){
  .buzz-featured{padding-top:46px!important;padding-bottom:52px!important}
  .products{grid-template-columns:1fr!important;gap:14px!important}
  .products .modern-product-media{height:245px!important}
  .buzz-featured .section-head{align-items:flex-start!important}
}

/* ============================================================
   VapeBuzz v2.5 — full-bleed product media
   ============================================================ */
.products .modern-product-card{
  overflow:hidden!important;
}
.products .modern-product-media{
  width:100%!important;
  height:232px!important;
  margin:0!important;
  padding:0!important;
  border-radius:23px 23px 0 0!important;
  background:#f4f7fa!important;
  overflow:hidden!important;
  border:0!important;
}
.products .modern-product-media:before,
.products .modern-product-media:after{
  display:none!important;
}
.products .modern-product-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  transition:transform .28s ease!important;
}
.products .modern-product-card:hover .modern-product-media img{
  transform:scale(1.025)!important;
}
.products .modern-product-media .badge{
  top:12px!important;
  left:12px!important;
  z-index:4!important;
}
.products .modern-product-media .wishbtn{
  top:12px!important;
  right:12px!important;
  z-index:4!important;
}
.products .modern-product-info{
  padding-top:15px!important;
}
@media (max-width:820px){
  .products .modern-product-media{height:220px!important}
}
@media (max-width:560px){
  .products .modern-product-media{height:245px!important}
}

/* =========================================================
   VapeBuzzDubai v2.6 — flat / no-shadow system + minimal PDP
   ========================================================= */
:root{
  --vb-card-shadow:none;
  --vb-card-hover:none;
}

/* Global decorative shadow reset — includes hover/focus variants from legacy layers. */
#root *,#root *::before,#root *::after{
  box-shadow:none!important;
  text-shadow:none!important;
}
#root img,
#root .cat-photo img,
#root .modern-product-media img,
#root .mainimg,
#root .hero-product img{
  filter:none!important;
}

/* Flat hover language: use border/background only, never elevation. */
#root .modern-product-card:hover,
#root .mega-item:hover,
#root .v22-category-card:hover,
#root .v23-category-card:hover,
#root .v24-category-card:hover,
#root .v25-category-card:hover{
  box-shadow:none!important;
}
#root .modern-product-card:hover{
  transform:none!important;
  border-color:#dfe4e9!important;
}
#root .product-buy-zone .product-cart-btn:hover,
#root .vape-product-page .addtocart:hover,
#root .btn:hover{
  box-shadow:none!important;
  transform:none!important;
}

/* ---------------- Minimal product details page ---------------- */
.vape-crumb{
  max-width:1180px!important;
  margin:20px auto 0!important;
  padding:0 20px!important;
  color:#8a929b!important;
  font-size:10px!important;
}
.vape-product-page{
  max-width:1180px!important;
  margin:18px auto 0!important;
  padding:0 20px 28px!important;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important;
  gap:48px!important;
  align-items:start!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Gallery: one clean image stage with thumbnails underneath. */
.vape-product-page .product-gallery{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0!important;
}
.vape-product-page .mainimg-wrap{
  order:1!important;
  width:100%!important;
  height:520px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fafafa!important;
  border:1px solid #eceff2!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.vape-product-page .mainimg{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:20px!important;
  background:transparent!important;
  filter:none!important;
}
.vape-product-page .thumbs{
  order:2!important;
  display:flex!important;
  flex-direction:row!important;
  gap:8px!important;
  max-height:none!important;
  overflow-x:auto!important;
  padding:0 0 2px!important;
}
.vape-product-page .thumbs button{
  width:62px!important;
  height:62px!important;
  min-height:62px!important;
  flex:0 0 62px!important;
  padding:3px!important;
  border:1px solid #e5e8ec!important;
  border-radius:10px!important;
  background:#fff!important;
}
.vape-product-page .thumbs button:hover{
  border-color:#cdd3d9!important;
  background:#fff!important;
}
.vape-product-page .thumbs button.active{
  border:1.5px solid #f59e0b!important;
  background:#fff!important;
  box-shadow:none!important;
}
.vape-product-page .gallery-arrow{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #dfe4e8!important;
  color:#26313c!important;
  box-shadow:none!important;
}
.vape-product-page .gallery-arrow:hover{
  background:#fff7e8!important;
  border-color:#efc37d!important;
  color:#b96500!important;
}
.vape-product-page .product-discount{
  left:14px!important;
  top:14px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:9px!important;
}

/* Product information: plain hierarchy, less card UI. */
.vape-product-page .buy{
  position:sticky!important;
  top:145px!important;
  padding:4px 0 0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.vape-product-page .product-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.vape-product-page .product-topline .eyebrow{
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c66d00!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.vape-product-page .stock{
  height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#f1faf5!important;
  border:1px solid #d9efe2!important;
  color:#176f48!important;
  font-size:9px!important;
}
.vape-product-page .buy h1{
  margin:0 0 12px!important;
  max-width:620px!important;
  color:#17212b!important;
  font-size:36px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
.vape-product-page .product-rating.rating-link{
  margin:0 0 14px!important;
  padding:0!important;
  gap:7px!important;
  font-size:11px!important;
  background:transparent!important;
}
.vape-product-page .lead{
  margin:0 0 20px!important;
  max-width:600px!important;
  color:#68727d!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.vape-product-page .bigprice{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 20px!important;
  padding:0!important;
  border:0!important;
}
.vape-product-page .bigprice strong{
  color:#17212b!important;
  font-size:28px!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
}
.vape-product-page .bigprice del{
  color:#9aa1a9!important;
  font-size:11px!important;
}
.vape-product-page .save-chip{
  padding:5px 8px!important;
  border:1px solid #dcefe4!important;
  border-radius:999px!important;
  background:#f4fbf7!important;
  color:#26714e!important;
  font-size:9px!important;
}
.vape-product-page .vape-option{
  margin:0 0 18px!important;
}
.vape-product-page .vape-option>label{
  margin-bottom:8px!important;
  color:#36404a!important;
  font-size:10px!important;
}
.vape-product-page .variant-grid{
  gap:8px!important;
}
.vape-product-page .variant-chip{
  min-height:52px!important;
  padding:9px 11px!important;
  border:1px solid #dfe4e8!important;
  border-radius:10px!important;
  background:#fff!important;
}
.vape-product-page .variant-chip:hover{
  border-color:#cfd5db!important;
  background:#fff!important;
}
.vape-product-page .variant-chip.selected{
  border-color:#f59e0b!important;
  background:#fffaf2!important;
  box-shadow:none!important;
}
.vape-product-page .buyrow{
  grid-template-columns:104px minmax(0,1fr) 46px!important;
  gap:9px!important;
  margin-top:14px!important;
}
.vape-product-page .qtybox{
  height:46px!important;
  border:1px solid #dfe4e8!important;
  border-radius:10px!important;
  background:#fff!important;
}
.vape-product-page .qtybox button{
  width:32px!important;
  background:#fff!important;
}
.vape-product-page .addtocart{
  height:46px!important;
  border-radius:10px!important;
  background:#f59e0b!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
}
.vape-product-page .addtocart:hover{
  background:#e99008!important;
  box-shadow:none!important;
  transform:none!important;
}
.vape-product-page .wishlist-square{
  width:46px!important;
  height:46px!important;
  border:1px solid #dfe4e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#39434e!important;
}
.vape-product-page .wishlist-square:hover{
  border-color:#efc37d!important;
  background:#fffaf2!important;
  color:#ca7000!important;
}
.vape-product-page .whatsapp-buy{
  width:142px!important;
  height:34px!important;
  margin-top:10px!important;
  border:1px solid #25D366!important;
  border-radius:9px!important;
  background:#25D366!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:10px!important;
}

/* Compact trust line instead of three bulky cards. */
.vape-product-page .buytrust.compact{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:20px!important;
  padding-top:16px!important;
  border-top:1px solid #eceff2!important;
}
.vape-product-page .buytrust.compact>div{
  min-height:0!important;
  padding:0 12px!important;
  border:0!important;
  border-right:1px solid #eceff2!important;
  border-radius:0!important;
  background:transparent!important;
  gap:7px!important;
}
.vape-product-page .buytrust.compact>div:first-child{padding-left:0!important}
.vape-product-page .buytrust.compact>div:last-child{border-right:0!important;padding-right:0!important}
.vape-product-page .buytrust.compact>div>span{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  border-radius:8px!important;
  background:#fff7e8!important;
  color:#c76e00!important;
  font-size:14px!important;
}
.vape-product-page .buytrust.compact b{
  color:#26313b!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.vape-product-page .buytrust.compact small{
  color:#7a838c!important;
  font-size:10.5px!important;
}

/* Detail content: underline tabs, no pill panel or floating card. */
.vape-detail{
  max-width:1180px!important;
  margin:26px auto 0!important;
  padding:0 20px 80px!important;
  background:#fff!important;
}
.vape-detail .product-tabs{
  display:flex!important;
  gap:28px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #e5e9ed!important;
  border-radius:0!important;
  background:#fff!important;
  overflow-x:auto!important;
}
.vape-detail .product-tabs button{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:46px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7a838d!important;
  font-size:11px!important;
  font-weight:800!important;
}
.vape-detail .product-tabs button:hover{
  background:transparent!important;
  color:#2c3640!important;
}
.vape-detail .product-tabs button.active{
  background:transparent!important;
  color:#1f2933!important;
  box-shadow:none!important;
}
.vape-detail .product-tabs button.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:2px!important;
  background:#f59e0b!important;
}
.vape-detail .product-tabs button i{font-size:16px!important}
.vape-detail .tab-count{
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#fff4df!important;
  color:#9b5700!important;
}
.vape-detail .tab-panel{
  min-height:220px!important;
  margin-top:0!important;
  padding:28px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.vape-detail .detail-copy{
  max-width:850px!important;
}
.vape-detail .detail-copy .eyebrow{display:none!important}
.vape-detail .detail-copy h2{
  margin:0 0 14px!important;
  color:#1d2731!important;
  font-size:25px!important;
  font-weight:800!important;
}
.vape-detail .rich{
  color:#626c77!important;
  font-size:13px!important;
  line-height:1.8!important;
}
.vape-detail .spec-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0 36px!important;
  max-width:900px!important;
}
.vape-detail .spec-row{
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:13px 0!important;
  border-bottom:1px solid #edf0f2!important;
}
.vape-detail .spec-row span{color:#7a838d!important}
.vape-detail .spec-row b{color:#26303a!important;text-align:right!important}
.vape-detail .delivery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.vape-detail .delivery-grid article{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
.vape-detail .delivery-grid article>i{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:#fff5e5!important;
  color:#c66d00!important;
  font-size:17px!important;
}
.vape-detail .review-card,
.vape-detail .review-summary,
.vape-detail .review-locked,
.vape-detail .review-form{
  box-shadow:none!important;
}

/* Mobile PDP refinement */
@media(max-width:1100px){
  .vape-product-page{gap:30px!important}
  .vape-product-page .mainimg-wrap{height:470px!important}
}
@media(max-width:840px){
  .vape-product-page{
    margin:12px auto 0!important;
    padding:0 16px 24px!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    border-radius:0!important;
  }
  .vape-product-page .mainimg-wrap{height:440px!important}
  .vape-product-page .buy{position:static!important;padding:0!important}
  .vape-detail{padding-left:16px!important;padding-right:16px!important}
  .vape-detail .product-tabs{gap:20px!important}
}
@media(max-width:580px){
  .vape-product-page .mainimg-wrap{height:360px!important}
  .vape-product-page .mainimg{padding:12px!important}
  .vape-product-page .buy h1{font-size:29px!important}
  .vape-product-page .buytrust.compact{grid-template-columns:1fr!important;gap:10px!important}
  .vape-product-page .buytrust.compact>div{padding:0!important;border-right:0!important}
  .vape-detail .spec-grid{grid-template-columns:1fr!important}
  .vape-detail .delivery-grid{grid-template-columns:1fr!important;gap:16px!important}
}

/* =========================================================
   VapeBuzzDubai v2.7 — Product Detail Balance & Content Pass
   ========================================================= */

/* Slightly stronger page chrome without making the header bulky. */
#root .buzz-head{
  min-height:88px!important;
  height:88px!important;
}
#root .buzz-nav .nav-inner{
  min-height:52px!important;
  height:52px!important;
}
#root .buzz-nav .nav-inner>a{
  min-height:52px!important;
}

/* Breadcrumb: easier to read, still quiet. */
#root .vape-crumb{
  max-width:1240px!important;
  margin:16px auto 0!important;
  padding:0 24px!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}

/* Main PDP balance: less gallery dominance, more room for product decisions. */
#root .vape-product-page{
  max-width:1240px!important;
  margin:14px auto 0!important;
  padding:0 24px 20px!important;
  grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr)!important;
  gap:52px!important;
}
#root .vape-product-page .product-gallery{
  gap:10px!important;
}
#root .vape-product-page .mainimg-wrap{
  height:468px!important;
  border-radius:14px!important;
  background:#fbfbfb!important;
}
#root .vape-product-page .mainimg{
  padding:14px!important;
}
#root .vape-product-page .thumbs{
  justify-content:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
#root .vape-product-page .thumbs button{
  width:58px!important;
  height:58px!important;
  min-height:58px!important;
  flex-basis:58px!important;
  border-radius:9px!important;
}
#root .vape-product-page .gallery-arrow{
  width:36px!important;
  height:36px!important;
}

/* Product information hierarchy: grouped, readable, compact. */
#root .vape-product-page .buy{
  top:150px!important;
  padding-top:0!important;
}
#root .vape-product-page .product-topline{
  margin-bottom:9px!important;
}
#root .vape-product-page .buy h1{
  max-width:680px!important;
  margin-bottom:9px!important;
  font-size:37px!important;
  line-height:1.08!important;
}
#root .vape-product-page .product-rating.rating-link{
  margin-bottom:10px!important;
  font-size:12px!important;
}
#root .vape-product-page .lead{
  max-width:650px!important;
  margin-bottom:15px!important;
  font-size:13.5px!important;
  line-height:1.62!important;
}
#root .vape-product-page .bigprice{
  gap:9px!important;
  margin-bottom:16px!important;
  padding:13px 0!important;
  border-top:1px solid #edf0f2!important;
  border-bottom:1px solid #edf0f2!important;
}
#root .vape-product-page .bigprice strong{
  font-size:30px!important;
}
#root .vape-product-page .bigprice del{
  font-size:12px!important;
}
#root .vape-product-page .save-chip{
  padding:5px 9px!important;
  font-size:10px!important;
}

/* Options and primary actions. */
#root .vape-product-page .vape-option{
  margin-bottom:14px!important;
}
#root .vape-product-page .variant-chip{
  min-height:48px!important;
  border-radius:9px!important;
}
#root .vape-product-page .buyrow{
  grid-template-columns:100px minmax(0,1fr) 44px!important;
  gap:8px!important;
  margin-top:12px!important;
}
#root .vape-product-page .qtybox,
#root .vape-product-page .addtocart,
#root .vape-product-page .wishlist-square{
  height:44px!important;
}
#root .vape-product-page .wishlist-square{
  width:44px!important;
}
#root .vape-product-page .addtocart{
  font-size:12px!important;
}
#root .vape-product-page .whatsapp-buy{
  width:auto!important;
  min-width:128px!important;
  height:33px!important;
  padding:0 13px!important;
  margin-top:9px!important;
  display:inline-flex!important;
}

/* Trust row: compact but no tiny copy. */
#root .vape-product-page .buytrust.compact{
  margin-top:16px!important;
  padding-top:13px!important;
}
#root .vape-product-page .buytrust.compact>div{
  padding:0 11px!important;
}
#root .vape-product-page .buytrust.compact>div>span{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
  font-size:15px!important;
}
#root .vape-product-page .buytrust.compact b{
  font-size:13px!important;
}
#root .vape-product-page .buytrust.compact small{
  font-size:11.5px!important;
  line-height:1.35!important;
}

/* Tabs: closer to the main product area and easier to scan. */
#root .vape-detail{
  max-width:1240px!important;
  margin:14px auto 0!important;
  padding:0 24px 26px!important;
}
#root .vape-detail .product-tabs{
  gap:34px!important;
}
#root .vape-detail .product-tabs button{
  min-height:50px!important;
  padding-bottom:13px!important;
  font-size:13px!important;
  gap:7px!important;
}
#root .vape-detail .product-tabs button i{
  font-size:17px!important;
}
#root .vape-detail .tab-panel{
  min-height:0!important;
  padding:22px 0 0!important;
}
#root .vape-detail .detail-copy{
  max-width:940px!important;
}
#root .vape-detail .detail-copy h2{
  margin-bottom:12px!important;
  font-size:26px!important;
}
#root .vape-detail .rich{
  font-size:13.5px!important;
  line-height:1.72!important;
}

/* Structured description content generated from actual product data. */
#root .product-description-v27 .description-intro{
  max-width:860px!important;
}
#root .product-description-v27 .description-facts{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  max-width:940px!important;
  margin-top:22px!important;
  border-top:1px solid #e8ecef!important;
  border-bottom:1px solid #e8ecef!important;
}
#root .product-description-v27 .description-facts>div{
  padding:14px 18px!important;
  border-right:1px solid #e8ecef!important;
}
#root .product-description-v27 .description-facts>div:first-child{
  padding-left:0!important;
}
#root .product-description-v27 .description-facts>div:last-child{
  border-right:0!important;
}
#root .product-description-v27 .description-facts span,
#root .product-description-v27 .description-facts strong{
  display:block!important;
}
#root .product-description-v27 .description-facts span{
  margin-bottom:4px!important;
  color:#838b94!important;
  font-size:10.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
#root .product-description-v27 .description-facts strong{
  color:#26313b!important;
  font-size:12.5px!important;
  line-height:1.4!important;
}
#root .product-description-v27 .description-order-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  max-width:760px!important;
  margin-top:18px!important;
  padding:13px 0 0!important;
}
#root .product-description-v27 .description-order-note>i{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#fff5e6!important;
  color:#c86e00!important;
}
#root .product-description-v27 .description-order-note h3{
  margin:0 0 3px!important;
  color:#2a343e!important;
  font-size:13px!important;
}
#root .product-description-v27 .description-order-note p{
  margin:0!important;
  color:#747d87!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Keep alternative tab layouts dense and useful. */
#root .vape-detail .spec-grid{
  max-width:980px!important;
  gap:0 46px!important;
}
#root .vape-detail .spec-row{
  padding:11px 0!important;
}
#root .vape-detail .delivery-grid{
  max-width:980px!important;
}

/* Related products should follow immediately, not after a blank field. */
#root .related-section{
  max-width:1240px!important;
  margin:0 auto!important;
  padding:30px 24px 54px!important;
}
#root .related-section .section-head{
  margin-bottom:20px!important;
}
#root .related-section .section-head h2{
  font-size:34px!important;
}
#root .related-section .modern-product-media{
  height:220px!important;
}
#root .related-section .modern-product-card{
  min-height:0!important;
}

/* Newsletter/footer density on the product page and globally. */
#root .buzz-news{
  min-height:0!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
}
#root .buzz-news h2{
  margin-top:5px!important;
  margin-bottom:5px!important;
}
#root .buzz-news p{
  margin-top:0!important;
  margin-bottom:0!important;
}
#root .footer-main{
  padding-top:34px!important;
  padding-bottom:34px!important;
}

/* Mobile sticky purchase bar. Hidden on desktop. */
#root .mobile-pdp-bar{
  display:none!important;
}

@media(max-width:1100px){
  #root .vape-product-page{
    grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr)!important;
    gap:32px!important;
  }
  #root .vape-product-page .mainimg-wrap{height:440px!important}
  #root .product-description-v27 .description-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #root .product-description-v27 .description-facts>div:nth-child(2){border-right:0!important}
  #root .product-description-v27 .description-facts>div:nth-child(-n+2){border-bottom:1px solid #e8ecef!important}
}

@media(max-width:840px){
  #root .buzz-head{min-height:78px!important;height:78px!important}
  #root .vape-product-page{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:14px!important;
  }
  #root .vape-product-page .mainimg-wrap{height:430px!important}
  #root .vape-product-page .buy{position:static!important}
  #root .vape-detail{margin-top:8px!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:18px!important}
  #root .vape-detail .product-tabs{gap:24px!important}
  #root .vape-detail .product-tabs button{font-size:12px!important}
  #root .related-section{padding:24px 16px 42px!important}
  #root .related-section .modern-product-media{height:205px!important}
}

@media(max-width:580px){
  #root .vape-crumb{padding:0 14px!important;font-size:10.5px!important}
  #root .vape-product-page{padding-left:14px!important;padding-right:14px!important}
  #root .vape-product-page .mainimg-wrap{height:340px!important}
  #root .vape-product-page .mainimg{padding:8px!important}
  #root .vape-product-page .buy h1{font-size:28px!important}
  #root .vape-product-page .buytrust.compact{grid-template-columns:1fr!important;gap:9px!important}
  #root .vape-product-page .buytrust.compact>div{padding:0!important;border-right:0!important}
  #root .vape-product-page .whatsapp-buy{min-width:120px!important;width:auto!important}
  #root .vape-detail .product-tabs{gap:20px!important}
  #root .vape-detail .product-tabs button{min-width:auto!important;font-size:11.5px!important}
  #root .product-description-v27 .description-facts{grid-template-columns:1fr!important}
  #root .product-description-v27 .description-facts>div{
    padding:10px 0!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f2!important;
  }
  #root .product-description-v27 .description-facts>div:last-child{border-bottom:0!important}
  #root .related-section .modern-product-media{height:190px!important}

  /* Persistent mobile action, without covering page content. */
  body:has(.mobile-pdp-bar){padding-bottom:72px!important}
  #root .mobile-pdp-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:80!important;
    display:grid!important;
    grid-template-columns:auto minmax(160px,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e1e5e9!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(12px)!important;
    box-shadow:none!important;
  }
  #root .mobile-pdp-price small,
  #root .mobile-pdp-price strong{display:block!important}
  #root .mobile-pdp-price small{color:#858d96!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
  #root .mobile-pdp-price strong{color:#18222c!important;font-size:17px!important;line-height:1.15!important}
  #root .mobile-pdp-cart{
    height:44px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f59e0b!important;
    color:#111!important;
    font-weight:850!important;
  }
  #root .mobile-pdp-cart:disabled{opacity:.55!important}
}

/* =========================================================
   VapeBuzzDubai v2.8 — PDP image / short points / tabs cleanup
   ========================================================= */

/* Main product image should fill the whole gallery box. */
#root .vape-product-page .mainimg-wrap{
  overflow:hidden!important;
  background:#f7f8fa!important;
}
#root .vape-product-page .mainimg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
}

/* Short description as a clean 3–4 point list. */
#root .vape-product-page .product-short-points{
  list-style:none!important;
  display:grid!important;
  gap:6px!important;
  max-width:650px!important;
  margin:0 0 15px!important;
  padding:0!important;
  color:#626a73!important;
  font-size:13.5px!important;
  line-height:1.48!important;
}
#root .vape-product-page .product-short-points li{
  position:relative!important;
  margin:0!important;
  padding-left:16px!important;
}
#root .vape-product-page .product-short-points li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.58em!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#f59e0b!important;
}

/* Remove native scroll arrows / scrollbar controls from the detail tabs. */
#root .vape-detail .product-tabs{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#root .vape-detail .product-tabs::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* Review eligibility message: lighter, more conversational presentation. */
#root .vape-detail .review-locked{
  align-items:flex-start!important;
}
#root .vape-detail .review-locked h3{
  font-size:15px!important;
  line-height:1.3!important;
  color:#202933!important;
}
#root .vape-detail .review-locked p{
  max-width:650px!important;
  font-size:12.5px!important;
  line-height:1.6!important;
  color:#6d7680!important;
}

@media(max-width:580px){
  #root .vape-product-page .mainimg{padding:0!important;object-fit:cover!important}
  #root .vape-product-page .product-short-points{font-size:13px!important;gap:5px!important}
}

/* =========================================================
   VapeBuzzDubai v2.9 — PDP spacing + footer refinement
   ========================================================= */

/* Give the main product/gallery block more breathing room before tabs/content. */
#root .vape-detail{
  margin-top:52px!important;
}

/* Footer: flatter, better aligned, easier to scan. */
#root .buzz-footer{
  background:#f7f9fb!important;
  border-top:1px solid #e7ebef!important;
}
#root .buzz-news{
  max-width:1240px!important;
  margin:0 auto!important;
  padding:30px 28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,460px)!important;
  align-items:center!important;
  gap:34px!important;
  background:#fff8ec!important;
  border:1px solid #f1dfbf!important;
  border-radius:18px!important;
}
#root .buzz-news h2{
  margin:6px 0 7px!important;
  color:#17212b!important;
  font-size:31px!important;
  line-height:1.08!important;
}
#root .buzz-news p{
  color:#6f7781!important;
  font-size:13px!important;
  line-height:1.55!important;
}
#root .buzz-news form{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  border:1px solid #ccd3da!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
#root .buzz-news input{
  color:#252d35!important;
  background:#fff!important;
  padding:0 16px!important;
}
#root .buzz-news input::placeholder{color:#9aa2ab!important}
#root .buzz-news .btn{
  min-width:118px!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

#root .footer-main{
  max-width:1240px!important;
  padding:42px 24px 32px!important;
  grid-template-columns:minmax(270px,1.32fr) repeat(3,minmax(150px,.78fr))!important;
  align-items:start!important;
  column-gap:54px!important;
  row-gap:30px!important;
  border-top:0!important;
}
#root .footer-brand{
  align-self:start!important;
}
#root .footer-logo{
  width:116px!important;
  height:86px!important;
  margin:0 0 12px!important;
  object-fit:contain!important;
}
#root .footer-brand p{
  max-width:365px!important;
  margin:0 0 15px!important;
  color:#69737d!important;
  font-size:12.5px!important;
  line-height:1.65!important;
}
#root .footer-main>div>b{
  margin:3px 0 15px!important;
  color:#26313b!important;
  font:800 13.5px/1.25 Manrope,Inter,sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
}
#root .footer-main>div>a{
  margin:9px 0!important;
  color:#6f7882!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
#root .footer-main>div>a:hover{
  color:#b96700!important;
}
#root .footer-contact{
  gap:9px!important;
  margin-top:13px!important;
}
#root .footer-contact span{
  gap:9px!important;
  color:#69737d!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#root .footer-contact i{
  flex:0 0 17px!important;
  margin-top:1px!important;
  font-size:16px!important;
}
#root .socials{
  gap:8px!important;
  margin-top:15px!important;
}
#root .socials a{
  width:38px!important;
  height:38px!important;
  border:1px solid #d5dbe1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#52606d!important;
  box-shadow:none!important;
}
#root .socials a:hover{
  border-color:#e7b663!important;
  background:#fff8ec!important;
  color:#b96700!important;
}
#root .footer-bottom{
  max-width:1240px!important;
  padding:18px 24px 22px!important;
  align-items:center!important;
  border-top:1px solid #e1e6ea!important;
  color:#7a838d!important;
  font-size:11.5px!important;
}
#root .footer-bottom .developed-by{
  font-size:13.5px!important;
  line-height:1.2!important;
  color:#b96700!important;
  font-weight:850!important;
}

@media(max-width:980px){
  #root .vape-detail{margin-top:38px!important}
  #root .buzz-news{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-left:16px!important;
    margin-right:16px!important;
    padding:26px 22px!important;
  }
  #root .footer-main{
    grid-template-columns:1.25fr 1fr 1fr!important;
    column-gap:34px!important;
  }
  #root .footer-brand{grid-column:1/-1!important}
  #root .footer-brand p{max-width:560px!important}
}

@media(max-width:680px){
  #root .vape-detail{margin-top:30px!important}
  #root .buzz-news{
    margin-left:12px!important;
    margin-right:12px!important;
    padding:22px 18px!important;
    border-radius:14px!important;
  }
  #root .buzz-news h2{font-size:25px!important}
  #root .buzz-news form{height:46px!important}
  #root .buzz-news .btn{min-width:102px!important;padding-left:13px!important;padding-right:13px!important}
  #root .footer-main{
    grid-template-columns:1fr 1fr!important;
    gap:28px 24px!important;
    padding:34px 18px 28px!important;
  }
  #root .footer-brand{grid-column:1/-1!important}
  #root .footer-bottom{
    padding:17px 18px 22px!important;
    gap:9px!important;
  }
}

@media(max-width:460px){
  #root .footer-main{grid-template-columns:1fr!important}
  #root .footer-brand{grid-column:auto!important}
  #root .footer-bottom{align-items:flex-start!important}
}

/* =========================================================
   VapeBuzzDubai v2.10 — footer spacing, WhatsApp icon, gallery motion
   ========================================================= */

/* Give the subscribe block clear breathing room from the section above. */
#root .buzz-footer{
  padding-top:64px!important;
}
#root .buzz-news{
  margin:0 auto!important;
}

/* Make the WhatsApp mark easier to recognise without enlarging every social icon. */
#root .socials a:last-child i{
  width:22px!important;
  height:22px!important;
  font-size:22px!important;
  line-height:22px!important;
}
#root .vape-product-page .whatsapp-buy i{
  width:18px!important;
  height:18px!important;
  font-size:18px!important;
  line-height:18px!important;
}

/* Smooth gallery image changes: soft fade + micro-zoom, never a flashy slide. */
#root .vape-product-page .mainimg-wrap{
  isolation:isolate!important;
}
#root .vape-product-page .mainimg{
  opacity:1!important;
  transform:scale(1)!important;
  transform-origin:center center!important;
  transition:opacity .22s ease,transform .38s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,transform!important;
}
#root .vape-product-page .mainimg-wrap.gallery-changing .mainimg{
  opacity:.34!important;
  transform:scale(1.018)!important;
}
#root .vape-product-page .thumbs button{
  transition:border-color .2s ease,background-color .2s ease,opacity .2s ease!important;
}
#root .vape-product-page .thumbs button:not(.active){
  opacity:.74!important;
}
#root .vape-product-page .thumbs button:hover,
#root .vape-product-page .thumbs button.active{
  opacity:1!important;
}

@media(max-width:980px){
  #root .buzz-footer{padding-top:44px!important}
}
@media(max-width:580px){
  #root .buzz-footer{padding-top:32px!important}
}

/* =========================================================
   v2.11 AUTH EXPERIENCE — balanced, readable, modern
   ========================================================= */
.auth-v211{
  width:min(1120px,calc(100% - 40px))!important;
  min-height:560px!important;
  margin:42px auto 70px!important;
  display:grid!important;
  grid-template-columns:minmax(360px,.88fr) minmax(460px,1.12fr)!important;
  background:#fff!important;
  border:1px solid #e3e7eb!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.auth-v211 .auth-art{
  min-height:560px!important;
  display:flex!important;
  align-items:center!important;
  padding:56px 50px!important;
  background:linear-gradient(145deg,#fff3dc 0%,#fffaf1 58%,#fff 100%)!important;
  border-right:1px solid #eee6d8!important;
}
.auth-v211 .auth-art-copy{
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
}
.auth-v211 .auth-art-copy .eyebrow{
  margin-bottom:14px!important;
}
.auth-v211 .auth-art h1{
  margin:0!important;
  color:#20262d!important;
  font:800 clamp(38px,4vw,54px)/.98 Manrope,Inter,sans-serif!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
  max-width:420px!important;
}
.auth-v211 .auth-art-lead{
  margin:18px 0 0!important;
  color:#65707b!important;
  font-size:15px!important;
  line-height:1.7!important;
  max-width:410px!important;
}
.auth-v211 .auth-benefits{
  display:grid!important;
  gap:14px!important;
  margin-top:32px!important;
}
.auth-v211 .auth-benefit{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:start!important;
}
.auth-v211 .auth-benefit-icon{
  width:42px!important;
  height:42px!important;
  border:1px solid #f1d6a4!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#e98700!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
}
.auth-v211 .auth-benefit b{
  display:block!important;
  color:#252b32!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.auth-v211 .auth-benefit small{
  display:block!important;
  margin-top:3px!important;
  color:#77808a!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.auth-v211 .auth-form{
  min-height:560px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:48px 56px!important;
  background:#fff!important;
}
.auth-v211 .authbox,
.auth-v211.light-auth .authbox{
  width:min(500px,100%)!important;
  max-width:500px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#20262d!important;
}
.auth-v211 .auth-form-head{
  margin-bottom:24px!important;
}
.auth-v211 .auth-form-head .form-kicker{
  margin-bottom:9px!important;
}
.auth-v211 .authbox h2,
.auth-v211.light-auth .authbox h2{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#20262d!important;
  margin:0 0 9px!important;
  font:800 32px/1.08 Manrope,Inter,sans-serif!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.auth-v211 .auth-intro{
  margin:0!important;
  color:#69737d!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.auth-v211 .auth-fields{
  display:block!important;
}
.auth-v211 .field{
  margin:0 0 16px!important;
}
.auth-v211 .field label{
  margin:0 0 7px!important;
  color:#252b32!important;
  font-size:13px!important;
  font-weight:800!important;
}
.auth-v211 .input,
.auth-v211 .field input,
.auth-v211 .field textarea{
  width:100%!important;
  min-height:50px!important;
  padding:12px 14px!important;
  border:1px solid #dce2e7!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#20262d!important;
  outline:0!important;
  box-shadow:none!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
.auth-v211 .input::placeholder,
.auth-v211 .field input::placeholder{
  color:#a0a8b0!important;
}
.auth-v211 .input:focus,
.auth-v211 .field input:focus,
.auth-v211 .field textarea:focus{
  border-color:#f2a525!important;
  background:#fffdf9!important;
  box-shadow:none!important;
}
.auth-v211 .auth-inline-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin:-4px 0 16px!important;
}
.auth-v211 .auth-forgot-inline{
  color:#ad6200!important;
  font-size:13px!important;
  font-weight:800!important;
}
.auth-v211 .auth-forgot-inline:hover{
  color:#e48600!important;
}
.auth-v211 .auth-main-btn{
  width:100%!important;
  min-height:50px!important;
  border-radius:12px!important;
  background:#f5a11a!important;
  color:#17130c!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
  transform:none!important;
}
.auth-v211 .auth-main-btn:hover{
  background:#ee9809!important;
  transform:none!important;
  box-shadow:none!important;
}
.auth-v211 .auth-after-form{
  margin-top:22px!important;
  gap:10px!important;
}
.auth-v211 .auth-divider{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  margin:2px 0 4px!important;
  color:#8a939d!important;
  font-size:11px!important;
}
.auth-v211 .auth-divider:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:50%!important;
  height:1px!important;
  background:#e7ebee!important;
}
.auth-v211 .auth-divider span{
  position:relative!important;
  z-index:1!important;
  padding:0 12px!important;
  background:#fff!important;
}
.auth-v211 .auth-create-btn{
  min-height:48px!important;
  padding:11px 14px!important;
  border:1px solid #efb24b!important;
  border-radius:12px!important;
  background:#fffaf0!important;
  color:#8b5200!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.auth-v211 .auth-create-btn:hover{
  background:#fff3dc!important;
  border-color:#e69b1a!important;
}
.auth-v211 .auth-secondary-link,
.auth-v211 .auth-back-link{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#59636d!important;
  font-size:13px!important;
  font-weight:800!important;
}
.auth-v211 .auth-secondary-link:hover,
.auth-v211 .auth-back-link:hover{
  color:#c36e00!important;
}
.auth-v211 .alert,
.auth-v211 .success{
  margin:0 0 18px!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
.auth-register-page .auth-form{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.auth-register-page .auth-form-head{
  margin-bottom:18px!important;
}
.auth-register-page .field{
  margin-bottom:12px!important;
}
.auth-register-page .input,
.auth-register-page .field input{
  min-height:47px!important;
}

@media(max-width:900px){
  .auth-v211{
    width:min(720px,calc(100% - 28px))!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    margin:28px auto 52px!important;
  }
  .auth-v211 .auth-art{
    min-height:0!important;
    padding:34px 36px!important;
    border-right:0!important;
    border-bottom:1px solid #eee6d8!important;
  }
  .auth-v211 .auth-art h1{
    font-size:38px!important;
    max-width:none!important;
  }
  .auth-v211 .auth-art-lead{
    max-width:600px!important;
  }
  .auth-v211 .auth-benefits{
    grid-template-columns:repeat(3,1fr)!important;
    gap:12px!important;
    margin-top:24px!important;
  }
  .auth-v211 .auth-benefit{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .auth-v211 .auth-form{
    min-height:0!important;
    padding:38px 36px!important;
  }
}

@media(max-width:600px){
  .auth-v211{
    width:calc(100% - 20px)!important;
    margin:18px auto 38px!important;
    border-radius:18px!important;
  }
  .auth-v211 .auth-art{
    padding:27px 22px!important;
  }
  .auth-v211 .auth-art h1{
    font-size:32px!important;
  }
  .auth-v211 .auth-art-lead{
    font-size:13px!important;
    margin-top:12px!important;
  }
  .auth-v211 .auth-benefits{
    grid-template-columns:1fr!important;
    margin-top:20px!important;
  }
  .auth-v211 .auth-benefit{
    grid-template-columns:38px 1fr!important;
    gap:10px!important;
  }
  .auth-v211 .auth-benefit-icon{
    width:38px!important;
    height:38px!important;
  }
  .auth-v211 .auth-form{
    padding:28px 20px!important;
  }
  .auth-v211 .authbox h2{
    font-size:28px!important;
  }
}