/* ═══════════════════════════════════════════════════════════════════ বাঙ্গালিরহাট — Modern UI Layer (2026-10) সব পেজের নতুন আধুনিক ডিজাইন। পুরনো CSS মোছা হয়নি — এই ফাইল শুধু উপরে বসে। কিছু ভালো না লাগলে layout.php থেকে এই ফাইলের লাইনটা সরালেই আগের ডিজাইনে ফিরে যাবে। "html body" prefix = পুরনো !important রুলগুলোর চেয়ে বেশি specificity। ═══════════════════════════════════════════════════════════════════ */ :root{ --m-primary:#8e1e3f; --m-primary-600:#7a1835; --m-primary-50:#fbf1f4; --m-gold:#b8913f; --m-gold-50:#faf4e6; --m-ink:#1d1916; --m-ink-2:#3b3430; --m-muted:#7a706a; --m-bg:#faf8f5; --m-surface:#ffffff; --m-line:rgba(29,25,22,.09); --m-line-2:rgba(29,25,22,.14); --m-success:#13804a; --m-r-xl:22px; --m-r-lg:16px; --m-r-md:12px; --m-r-sm:10px; --m-sh-1:0 1px 2px rgba(29,25,22,.05),0 2px 8px rgba(29,25,22,.05); --m-sh-2:0 2px 6px rgba(29,25,22,.06),0 12px 32px rgba(29,25,22,.09); --m-ease:cubic-bezier(.22,.61,.36,1); --m-font:'Hind Siliguri',system-ui,-apple-system,'Segoe UI',sans-serif; } /* ── Base ─────────────────────────────────────────────────────────── */ html body{background:var(--m-bg) !important;color:var(--m-ink) !important;font-family:var(--m-font) !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-family:var(--m-font) !important;color:var(--m-ink);letter-spacing:normal !important} html body a{transition:color .2s var(--m-ease)} html body ::selection{background:var(--m-primary);color:#fff} html body .scroll-progress{height:2px !important;background:var(--m-primary) !important} /* ── Buttons ──────────────────────────────────────────────────────── */ html body .btn{font-family:var(--m-font) !important;font-weight:600 !important;border-radius:var(--m-r-md) !important;letter-spacing:normal !important;text-transform:none !important;transition:transform .2s var(--m-ease),box-shadow .2s var(--m-ease),background .2s var(--m-ease),color .2s,border-color .2s !important} html body .btn-primary{background:var(--m-primary) !important;border:1px solid var(--m-primary) !important;color:#fff !important;box-shadow:0 6px 18px rgba(142,30,63,.22) !important;background-image:none !important} html body .btn-primary:hover{background:var(--m-primary-600) !important;transform:translateY(-1px)} html body .btn-ghost{background:var(--m-surface) !important;border:1px solid var(--m-line-2) !important;color:var(--m-ink) !important;box-shadow:none !important} html body .btn-ghost:hover{border-color:var(--m-primary) !important;color:var(--m-primary) !important} html body .btn-gold{background:var(--m-gold) !important;border:1px solid var(--m-gold) !important;color:#fff !important;background-image:none !important} html body .btn-lg{min-height:52px;font-size:16px !important} /* ── Form fields ─────────────────────────────────────────────────── */ html body input[type=text],html body input[type=email],html body input[type=tel],html body input[type=password],html body input[type=number],html body input[type=search],html body select,html body textarea{ font-family:var(--m-font) !important;background:var(--m-surface) !important;border:1px solid var(--m-line-2) !important;border-radius:var(--m-r-md) !important;color:var(--m-ink) !important;box-shadow:none !important;transition:border-color .2s,box-shadow .2s !important} html body .form-group input,html body .form-group select,html body .form-group textarea{min-height:48px;padding:12px 14px !important;font-size:15px !important} html body .form-group textarea{min-height:96px} html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--m-primary) !important;box-shadow:0 0 0 4px rgba(142,30,63,.10) !important;outline:none !important} html body .form-group label{font-size:13.5px !important;font-weight:600 !important;color:var(--m-ink-2) !important;margin-bottom:6px !important;letter-spacing:normal !important;text-transform:none !important} html body ::placeholder{color:#a69d97 !important;opacity:1} /* ── Announcement bar ─────────────────────────────────────────────── */ html body .announce-bar{background:var(--m-ink) !important;color:#f5efe6 !important;font-size:13px !important;font-weight:500;letter-spacing:normal !important;border:0 !important} /* ── Header ───────────────────────────────────────────────────────── */ html body .site-header{background:rgba(255,255,255,.86) !important;-webkit-backdrop-filter:saturate(1.6) blur(18px) !important;backdrop-filter:saturate(1.6) blur(18px) !important;border-bottom:1px solid var(--m-line) !important;box-shadow:none !important;background-image:none !important} html body .site-header::before,html body .site-header::after{display:none !important} html body .site-header.is-scrolled{box-shadow:0 6px 24px rgba(29,25,22,.06) !important} html body .header-inner{min-height:68px;gap:18px !important} html body .logo-img{max-height:44px !important;width:auto !important} html body .logo-wordmark{font-family:var(--m-font) !important;font-weight:700 !important;color:var(--m-primary) !important;letter-spacing:-.01em !important} html body .header-search form{background:#f4f1ec !important;border:1px solid transparent !important;border-radius:999px !important;box-shadow:none !important;transition:background .2s,border-color .2s,box-shadow .2s !important} html body .header-search form:focus-within{background:#fff !important;border-color:var(--m-primary) !important;box-shadow:0 0 0 4px rgba(142,30,63,.08) !important} html body .header-search input{background:transparent !important;border:0 !important;box-shadow:none !important;font-size:14.5px !important} html body .header-search button[type=submit]{background:var(--m-primary) !important;color:#fff !important;border-radius:999px !important;box-shadow:none !important} html body .header-nav .nav-link{font-family:var(--m-font) !important;font-weight:600 !important;font-size:14.5px !important;color:var(--m-ink-2) !important;padding:8px 12px !important;border-radius:999px !important;letter-spacing:normal !important;background:transparent !important;box-shadow:none !important} html body .header-nav .nav-link:hover{background:var(--m-primary-50) !important;color:var(--m-primary) !important} html body .header-nav .nav-link::after,html body .header-nav .nav-link::before{display:none !important} html body .header-nav .nav-shop-link{background:var(--m-ink) !important;color:#fff !important} html body .header-nav .nav-shop-link:hover{background:var(--m-primary) !important;color:#fff !important} html body .icon-btn{width:42px !important;height:42px !important;border-radius:999px !important;background:transparent !important;border:1px solid var(--m-line) !important;color:var(--m-ink) !important;box-shadow:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:background .2s,border-color .2s !important} html body .icon-btn:hover{background:var(--m-primary-50) !important;border-color:rgba(142,30,63,.25) !important;color:var(--m-primary) !important} html body .icon-btn::before,html body .icon-btn::after{display:none !important} html body .cart-badge{background:var(--m-primary) !important;color:#fff !important;border:2px solid #fff !important;font-weight:700 !important;min-width:20px !important;height:20px !important;font-size:11px !important;box-shadow:none !important} html body .theme-toggle{display:none !important} html body .mega-menu{border-radius:0 0 var(--m-r-xl) var(--m-r-xl) !important;box-shadow:var(--m-sh-2) !important;border:1px solid var(--m-line) !important;border-top:0 !important} html body .mega-link{border-radius:var(--m-r-sm) !important;font-weight:500 !important} html body .mega-link:hover{background:var(--m-primary-50) !important;color:var(--m-primary) !important} html body .mega-col h5{letter-spacing:normal !important;text-transform:none !important;color:var(--m-muted) !important;font-size:12.5px !important;font-weight:600 !important} @media (max-width:767px){ html body .header-inner{min-height:58px;gap:8px !important} html body .logo-img{max-height:36px !important} html body .icon-btn{width:40px !important;height:40px !important} } /* ── Mobile menu / cart drawer ───────────────────────────────────── */ html body .mobile-menu,html body .cart-drawer{background:var(--m-bg) !important;box-shadow:0 0 60px rgba(29,25,22,.18) !important} html body .mobile-menu{border-radius:0 var(--m-r-xl) var(--m-r-xl) 0 !important} html body .cart-drawer{border-radius:var(--m-r-xl) 0 0 var(--m-r-xl) !important} html body .mm-link,html body .mm-cat{border-radius:var(--m-r-md) !important;font-weight:500 !important} html body .drawer-head{border-bottom:1px solid var(--m-line) !important} html body .drawer-tab.is-active{background:var(--m-ink) !important;color:#fff !important} /* ── Hero slider ─────────────────────────────────────────────────── */ html body .hero-slider{border-radius:0 !important;box-shadow:none !important} @media (min-width:768px){ html body .hero-slider{margin:16px auto 0 !important;width:calc(100% - 48px) !important;max-width:1440px;border-radius:var(--m-r-xl) !important;overflow:hidden !important} } html body .slider-arrow{width:44px !important;height:44px !important;border-radius:999px !important;background:rgba(255,255,255,.82) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6) !important;color:var(--m-ink) !important;box-shadow:0 6px 20px rgba(0,0,0,.12) !important} html body .slider-arrow:hover{background:#fff !important} html body .slider-dots{gap:6px !important} @media (max-width:767px){html body .slider-arrow{width:34px !important;height:34px !important}} /* ── Section system ──────────────────────────────────────────────── */ html body .section{padding-top:clamp(36px,5vw,64px) !important;padding-bottom:clamp(36px,5vw,64px) !important} html body .section-alt{background:linear-gradient(180deg,#f4efe8 0%,var(--m-bg) 100%) !important} html body .section-head{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:16px !important;margin-bottom:clamp(18px,2.4vw,28px) !important} html body .section-head .eyebrow,html body .eyebrow{display:inline-flex !important;align-items:center !important;gap:8px !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 0 6px !important;font-family:var(--m-font) !important;font-size:13px !important;font-weight:600 !important;color:var(--m-primary) !important;letter-spacing:normal !important;text-transform:none !important} html body .section-head .eyebrow::before,html body .eyebrow::before{content:"" !important;display:inline-block !important;width:18px !important;height:2px !important;border-radius:2px !important;background:var(--m-primary) !important;position:static !important;transform:none !important;margin:0 !important;box-shadow:none !important;animation:none !important} html body .eyebrow::after{display:none !important} html body .section-title{font-family:var(--m-font) !important;font-weight:700 !important;font-size:clamp(22px,3vw,34px) !important;line-height:1.2 !important;letter-spacing:-.01em !important;color:var(--m-ink) !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important} html body .section-title::before,html body .section-title::after{display:none !important} html body .section-title .accent{color:var(--m-primary) !important;background:none !important;-webkit-text-fill-color:currentColor !important} html body .section-title .accent::before,html body .section-title .accent::after{display:none !important} html body .section-subtitle{font-size:14.5px !important;color:var(--m-muted) !important;margin-top:6px !important} html body .section-link{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:8px 14px !important;border-radius:999px !important;border:1px solid var(--m-line-2) !important;background:var(--m-surface) !important;color:var(--m-ink) !important;font-weight:600 !important;font-size:13.5px !important;white-space:nowrap !important;text-decoration:none !important;box-shadow:none !important} html body .section-link::after,html body .section-link::before{display:none !important} html body .section-link:hover{border-color:var(--m-primary) !important;color:var(--m-primary) !important} @media (max-width:767px){ html body .section-link{padding:6px 11px !important;font-size:12.5px !important} html body .section-subtitle{font-size:13px !important} } /* ── Category / collection cards ─────────────────────────────────── */ html body .coll-card{border-radius:var(--m-r-lg) !important;border:0 !important;box-shadow:none !important;overflow:hidden !important;background:#eee6dc !important} html body .coll-card img,html body .coll-card video{transition:transform .7s var(--m-ease) !important} html body .coll-card:hover img{transform:scale(1.05)} html body .coll-card:hover{transform:translateY(-3px) !important;box-shadow:var(--m-sh-2) !important} html body .coll-shine,html body .coll-line{display:none !important} html body .coll-name-badge{font-family:var(--m-font) !important;font-weight:700 !important;letter-spacing:normal !important;text-shadow:0 1px 8px rgba(0,0,0,.35) !important} @media (min-width:768px){html body .coll-track{gap:16px !important;row-gap:16px !important}} /* ── Product grid ────────────────────────────────────────────────── */ html body .product-grid{gap:clamp(10px,1.6vw,20px) !important;background:transparent !important} @media (max-width:767px){ html body .product-grid,html body .product-grid.luxe,html body .section > .product-grid{gap:10px !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important} } /* ── Product card ────────────────────────────────────────────────── */ html body .product-card{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;padding:0 !important;transition:transform .35s var(--m-ease),box-shadow .35s var(--m-ease),border-color .3s !important} html body .product-card:hover{transform:translateY(-4px) !important;box-shadow:var(--m-sh-2) !important;border-color:transparent !important} html body .product-card .pc-media{position:relative !important;border-radius:0 !important;overflow:hidden !important;background:#f3eee8 !important;margin:0 !important;padding:0 !important} html body .product-card .product-thumb{display:block !important;aspect-ratio:4/5 !important;padding:0 !important;margin:0 !important;border-radius:0 !important;overflow:hidden !important;background:#f3eee8 !important} html body .product-card .product-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;transition:transform .8s var(--m-ease),opacity .5s var(--m-ease) !important} html body .product-card .pc-img-alt{position:absolute !important;inset:0 !important;opacity:0 !important} @media (hover:hover){ html body .product-card:hover .pc-img-alt{opacity:1 !important} html body .product-card:hover .product-thumb img{transform:scale(1.04)} } html body .product-card .pc-corner-fx,html body .product-card .pc-addcart{display:none !important} /* discount + tags */ html body .product-card .pc-badge-discount{position:absolute !important;top:10px !important;left:10px !important;z-index:3 !important;background:var(--m-primary) !important;color:#fff !important;font-family:var(--m-font) !important;font-weight:700 !important;font-size:12px !important;line-height:1 !important;padding:6px 9px !important;border-radius:999px !important;box-shadow:none !important;width:auto !important;height:auto !important;min-width:0 !important;animation:none !important;transform:none !important} html body .product-card .pc-tag-hot,html body .product-card .pc-tag-new{position:absolute !important;left:10px !important;bottom:10px !important;top:auto !important;right:auto !important;z-index:3 !important;background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--m-ink) !important;font-family:var(--m-font) !important;font-weight:600 !important;font-size:11px !important;letter-spacing:normal !important;text-transform:none !important;padding:4px 9px !important;border-radius:999px !important;border:0 !important;box-shadow:0 2px 8px rgba(0,0,0,.08) !important;animation:none !important;height:auto !important;line-height:1.3 !important} html body .product-card .pc-tag-new{background:var(--m-ink) !important;color:#fff !important} html body .product-card .pc-tag-new + .pc-tag-hot{left:auto !important;right:10px !important} /* wishlist */ html body .product-card .pc-wishlist-form{position:absolute !important;top:0 !important;right:0 !important;left:auto !important;width:auto !important;height:auto !important;z-index:4 !important;margin:0 !important} html body .product-card .pc-wishlist{position:absolute !important;top:10px !important;right:10px !important;left:auto !important;width:36px !important;height:36px !important;border-radius:999px !important;background:rgba(255,255,255,.9) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0 !important;color:var(--m-ink) !important;box-shadow:0 2px 10px rgba(0,0,0,.10) !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:transform .2s,color .2s,background .2s !important} html body .product-card .pc-wishlist svg{width:17px !important;height:17px !important} html body .product-card .pc-wishlist:hover{transform:scale(1.08);color:var(--m-primary) !important} html body .product-card .pc-wishlist.is-active{color:#fff !important;background:var(--m-primary) !important} /* quick view */ html body .product-card .quickview-btn{position:absolute !important;left:10px !important;right:10px !important;bottom:10px !important;top:auto !important;width:auto !important;transform:translateY(12px) !important;opacity:0 !important;z-index:5 !important;padding:10px 12px !important;border-radius:var(--m-r-md) !important;background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--m-ink) !important;border:0 !important;font-family:var(--m-font) !important;font-weight:600 !important;font-size:13px !important;box-shadow:0 6px 20px rgba(0,0,0,.12) !important;transition:opacity .25s var(--m-ease),transform .25s var(--m-ease) !important} @media (hover:hover) and (min-width:768px){html body .product-card:hover .quickview-btn{opacity:1 !important;transform:translateY(0) !important}} @media (hover:none),(max-width:767px){html body .product-card .quickview-btn{display:none !important}} /* info */ html body .product-card .product-info{display:flex !important;flex-direction:column !important;gap:10px !important;padding:12px 12px 14px !important;flex:1 1 auto !important;min-width:0 !important;background:transparent !important} html body .product-card .product-rating{font-size:12px !important;gap:4px !important;margin:0 !important} html body .product-card .review-stars{color:#e0a526 !important;letter-spacing:0 !important} html body .product-card .product-price{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:2px 8px !important;margin:0 !important;min-width:0 !important} html body .product-card .price-now{font-family:var(--m-font) !important;font-size:18px !important;font-weight:700 !important;color:var(--m-ink) !important;letter-spacing:-.01em !important;line-height:1.2 !important} html body .product-card .price-old{font-size:13px !important;color:#a69d97 !important;text-decoration:line-through !important;font-weight:500 !important} html body .product-card .price-disc{display:none !important} /* offer box — compact modern chip */ html body .product-card .pc-offer-box{flex-direction:row !important;align-items:center !important;margin:0 !important;padding:6px 8px !important;border-radius:var(--m-r-sm) !important;background:#eef8f1 !important;border:1px solid rgba(19,128,74,.18) !important;box-shadow:none !important;color:var(--m-success) !important} html body .product-card .pc-offer-box::before,html body .product-card .pc-offer-scene{display:none !important} html body .product-card .pc-offer-text{font-size:11.5px !important;font-weight:600 !important;gap:6px !important} html body .product-card .pc-offer-badge{flex:0 0 18px !important;width:18px !important;height:18px !important;border-radius:6px !important;box-shadow:none !important;background:var(--m-success) !important} /* CTA */ html body .product-card .pc-cta-row{display:flex !important;gap:8px !important;margin-top:auto !important;align-items:stretch !important;min-width:0 !important} html body .product-card .pc-add-form{display:flex !important;flex:0 0 auto !important;margin:0 !important} html body .product-card .pc-cart-btn{width:44px !important;min-width:44px !important;height:44px !important;padding:0 !important;border-radius:var(--m-r-md) !important;background:var(--m-surface) !important;background-image:none !important;border:1px solid var(--m-line-2) !important;color:var(--m-ink) !important;box-shadow:none !important;transform:none !important} html body .product-card .pc-cart-btn:hover{border-color:var(--m-primary) !important;color:var(--m-primary) !important;background:var(--m-primary-50) !important} html body .product-card .pc-cart-btn svg{width:19px !important;height:19px !important} html body .product-card .pc-cart-lbl{display:none !important} html body .product-card .pc-ordernow-btn{flex:1 1 auto !important;min-width:0 !important;height:44px !important;padding:0 10px !important;border-radius:var(--m-r-md) !important;background:var(--m-primary) !important;background-image:none !important;animation:none !important;color:#fff !important;font-family:var(--m-font) !important;font-weight:600 !important;font-size:14px !important;letter-spacing:normal !important;box-shadow:none !important;display:flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;transform:none !important} html body .product-card .pc-ordernow-btn::after{display:none !important} html body .product-card .pc-ordernow-btn:hover{background:var(--m-primary-600) !important} html body .product-card .pc-ordernow-btn.pc-ordernow-off{background:#ece8e4 !important;color:var(--m-muted) !important;flex:none !important;width:100% !important} @media (max-width:767px){ html body .product-card{border-radius:14px !important} html body .product-card .product-info{padding:10px 10px 12px !important;gap:8px !important} html body .product-card .price-now{font-size:16px !important} html body .product-card .price-old{font-size:12px !important} html body .product-card .pc-cta-row{gap:6px !important} html body .product-card .pc-cart-btn{width:40px !important;min-width:40px !important;height:40px !important} html body .product-card .pc-ordernow-btn{height:40px !important;font-size:13px !important} html body .product-card .pc-badge-discount{top:8px !important;left:8px !important;font-size:11px !important;padding:5px 8px !important} html body .product-card .pc-wishlist{top:8px !important;right:8px !important;width:32px !important;height:32px !important} html body .product-card .pc-wishlist svg{width:15px !important;height:15px !important} html body .product-card .pc-tag-hot,html body .product-card .pc-tag-new{left:8px !important;bottom:8px !important;font-size:10.5px !important;padding:3px 8px !important} html body .product-card .pc-tag-new + .pc-tag-hot{right:8px !important;left:auto !important} } @media (max-width:359px){html body .product-card .pc-ordernow-btn{font-size:12px !important}} /* ── Shop / products page ────────────────────────────────────────── */ html body .bh-hero-editorial{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:none !important;background-image:none !important} html body .bh-hero-editorial::before,html body .bh-hero-editorial::after{display:none !important} html body .bh-hero-title{font-family:var(--m-font) !important;font-weight:700 !important;letter-spacing:-.01em !important} html body .bh-hero-sub{color:var(--m-muted) !important} html body .bh-hero-meta{background:var(--m-primary-50) !important;color:var(--m-primary) !important;box-shadow:none !important;border:0 !important;font-weight:600 !important;background-image:none !important} html body .bh-catnav a,html body .filter-pill,html body .bh-tb-btn{border-radius:999px !important;border:1px solid var(--m-line-2) !important;background:var(--m-surface) !important;color:var(--m-ink-2) !important;font-weight:600 !important;box-shadow:none !important;background-image:none !important} html body .bh-catnav a.active,html body .bh-catnav a.is-active,html body .bh-catnav a[aria-current]{background:var(--m-ink) !important;border-color:var(--m-ink) !important;color:#fff !important} html body .bh-tb-btn:hover,html body .bh-catnav a:hover{border-color:var(--m-primary) !important;color:var(--m-primary) !important} html body .bh-toolbar-count{color:var(--m-muted) !important;font-weight:500 !important} html body .bh-sheet,html body .shop-sidebar{border-radius:var(--m-r-xl) var(--m-r-xl) 0 0 !important;background:var(--m-bg) !important} html body .bh-sheet-head{border-bottom:1px solid var(--m-line) !important} /* ── Product detail page ─────────────────────────────────────────── */ html body .pd-gallery .pd-image,html body .pd-stage{border-radius:var(--m-r-xl) !important;overflow:hidden !important;box-shadow:none !important;border:1px solid var(--m-line) !important;background:#f3eee8 !important} html body .pd-corner-fx{display:none !important} html body .pd-thumb{border-radius:var(--m-r-md) !important;border:2px solid transparent !important;box-shadow:none !important;overflow:hidden !important;opacity:.75;transition:opacity .2s,border-color .2s !important} html body .pd-thumb.is-active,html body .pd-thumb:hover{opacity:1;border-color:var(--m-primary) !important} html body .pd-name{font-family:var(--m-font) !important;font-weight:700 !important;font-size:clamp(22px,2.6vw,32px) !important;line-height:1.25 !important;letter-spacing:-.01em !important;color:var(--m-ink) !important} html body .pd-cat{color:var(--m-primary) !important;font-weight:600 !important;letter-spacing:normal !important;text-transform:none !important} html body .pd-price .price-now,html body .price-lg .price-now{font-family:var(--m-font) !important;font-weight:700 !important;color:var(--m-ink) !important;letter-spacing:-.01em !important;background:none !important;-webkit-text-fill-color:currentColor !important} html body .pd-price .price-save,html body .price-save{background:#eef8f1 !important;color:var(--m-success) !important;border:0 !important;font-weight:600 !important;border-radius:999px !important;box-shadow:none !important} html body .pd-orderbox{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:var(--m-sh-1) !important;background-image:none !important} html body .pd-orderbox::before,html body .pd-orderbox::after,html body .pd-orb{display:none !important} html body .pd-orderbox-inner{background:transparent !important;border:0 !important;box-shadow:none !important} html body .qty-selector{border:1px solid var(--m-line-2) !important;border-radius:999px !important;background:var(--m-surface) !important;box-shadow:none !important} html body .pd-order-actions .btn,html body .pd-actions .btn{min-height:50px !important;border-radius:var(--m-r-md) !important;font-size:15px !important} html body .pd-order-actions .btn-primary,html body .pd-actions .btn-primary{animation:none !important} html body .pd-orderbox-trust{border:0 !important;background:var(--m-bg) !important;border-radius:var(--m-r-md) !important} html body .pd-description{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-left:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;background-image:none !important} html body .pd-description::before{display:none !important} html body .blouse-box,html body .pd-blouse{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;background-image:none !important} html body .blouse-opt{border-radius:var(--m-r-md) !important;border:1px solid var(--m-line-2) !important;background:var(--m-surface) !important;box-shadow:none !important} html body .blouse-opt.is-active{border-color:var(--m-primary) !important;background:var(--m-primary-50) !important;box-shadow:0 0 0 3px rgba(142,30,63,.08) !important} html body .pd-badge{border-radius:999px !important;letter-spacing:normal !important;text-transform:none !important} html body .pd-urgency{border-radius:var(--m-r-md) !important} html body .product-detail .breadcrumb,html body nav[aria-label=breadcrumb],html body .breadcrumbs{background:transparent !important;border:0 !important;box-shadow:none !important;padding-left:0 !important} /* ── Page heads (cart / checkout / track / contact) ──────────────── */ html body .page-head{border:0 !important;padding-top:clamp(20px,3vw,36px) !important} html body .page-head h1,html body .page-head .page-title{font-family:var(--m-font) !important;font-weight:700 !important;font-size:clamp(24px,3vw,34px) !important;letter-spacing:-.01em !important} html body .page-head h1::before,html body .page-head h1::after,html body .page-head::before,html body .page-head::after{display:none !important} html body .page-sub{color:var(--m-muted) !important} /* ── Cart ────────────────────────────────────────────────────────── */ html body .crt-progress-card{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;background-image:none !important} html body .crt-progress-track{background:#efeae4 !important;border-radius:999px !important;height:6px !important} html body .crt-progress-fill{background:var(--m-primary) !important;border-radius:999px !important;box-shadow:none !important} html body .crt-item{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important} html body .crt-thumb,html body .crt-thumb img{border-radius:var(--m-r-md) !important} html body .crt-name{font-weight:600 !important;color:var(--m-ink) !important} html body .crt-buy-one{background:var(--m-primary-50) !important;color:var(--m-primary) !important;font-weight:600 !important;background-image:none !important} html body .crt-remove button,html body .crt-remove .btn-remove{border-radius:999px !important;background:#f3efea !important;border:0 !important;color:var(--m-muted) !important;box-shadow:none !important} html body .crt-total{font-weight:700 !important;color:var(--m-ink) !important} html body .crt-trust{border:1px dashed var(--m-line-2) !important;border-radius:var(--m-r-lg) !important;background:transparent !important} html body .crt-summary,html body .cart-summary{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:var(--m-sh-1) !important;background-image:none !important} html body .summary-total,html body .crt-grand{font-weight:700 !important} html body .summary-total span:last-child,html body .crt-grand span:last-child{color:var(--m-primary) !important} html body .crt-checkout{animation:none !important} /* ── Checkout ────────────────────────────────────────────────────── */ html body .checkout-form > .co-delivery-section,html body .co-delivery-section,html body .co-payment-section,html body .checkout-summary{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:var(--m-sh-1) !important;background-image:none !important} html body .co-section-title{font-family:var(--m-font) !important;font-weight:700 !important;border-bottom:1px solid var(--m-line) !important;letter-spacing:normal !important} html body .co-section-title::after{display:none !important} html body .co-step{background:var(--m-ink) !important;color:#fff !important;box-shadow:none !important;background-image:none !important} html body .zone-toggle > *,html body .zone-premium{border-radius:var(--m-r-lg) !important;box-shadow:none !important} html body .payment-option{border-radius:var(--m-r-md) !important;border:1px solid var(--m-line-2) !important;box-shadow:none !important;background:var(--m-surface) !important} html body .payment-option:has(input:checked){border-color:var(--m-primary) !important;background:var(--m-primary-50) !important;box-shadow:0 0 0 3px rgba(142,30,63,.08) !important} html body .co-submit,html body .checkout-form button[type=submit].btn{background:var(--m-primary) !important;background-image:none !important;border:0 !important;color:#fff !important;min-height:54px !important;border-radius:var(--m-r-md) !important;font-size:16px !important;font-weight:700 !important;box-shadow:0 10px 24px rgba(142,30,63,.25) !important;animation:none !important} html body .co-submit:hover{background:var(--m-primary-600) !important} /* ── Auth / track / contact / FAQ cards ──────────────────────────── */ html body .auth-card,html body .track-form,html body .track-form-hero,html body .contact-card,html body .contact-info,html body .contact-form{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:var(--m-sh-1) !important;background-image:none !important} html body .auth-card::before,html body .auth-card::after,html body .track-form-hero::before{display:none !important} html body .auth-card h1,html body .auth-card h2{font-family:var(--m-font) !important;font-weight:700 !important} html body .auth-sub{color:var(--m-muted) !important} html body .faq-item,html body details{border-radius:var(--m-r-lg) !important} /* ── Footer ──────────────────────────────────────────────────────── */ html body .site-footer{background:var(--m-ink) !important;color:#cfc6bd !important;border-top:0 !important;background-image:none !important;margin-top:clamp(32px,5vw,64px) !important} html body .site-footer::before,html body .site-footer::after{display:none !important} html body .site-footer h4,html body .site-footer h5,html body .site-footer .footer-wordmark{color:#fff !important;font-family:var(--m-font) !important;font-weight:700 !important;letter-spacing:normal !important;text-transform:none !important;border-bottom:0 !important} html body .site-footer h4::after,html body .site-footer h5::after{display:none !important} html body .site-footer a{color:#cfc6bd !important;text-decoration:none !important} html body .site-footer a:hover{color:#fff !important} html body .site-footer .footer-desc,html body .site-footer p,html body .site-footer small{color:#a99f96 !important} html body .site-footer hr,html body .site-footer .footer-col > *{border-color:rgba(255,255,255,.08) !important} html body .site-footer input{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.14) !important;color:#fff !important} html body .site-footer input::placeholder{color:#8f857c !important} html body .site-footer .newsletter-form button,html body .site-footer .newsletter-form .btn{background:var(--m-gold) !important;background-image:none !important;color:#fff !important;border:0 !important;box-shadow:none !important;border-radius:var(--m-r-md) !important} html body .social-links a{background:rgba(255,255,255,.07) !important;border:0 !important;color:#fff !important;border-radius:999px !important;box-shadow:none !important} html body .social-links a:hover{background:var(--m-primary) !important} html body .footer-bottom{background:#151210 !important;color:#8f857c !important;border-top:1px solid rgba(255,255,255,.06) !important} html body .footer-bottom *{color:#8f857c !important} html body .footer-logo img,html body .logo-img-footer{filter:brightness(0) invert(1);opacity:.95} @media (max-width:767px){html body .footer-bottom{padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important}} /* ── Mobile bottom nav ───────────────────────────────────────────── */ html body .mobile-bottom-nav{background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:saturate(1.6) blur(18px) !important;backdrop-filter:saturate(1.6) blur(18px) !important;border-top:1px solid var(--m-line) !important;border-radius:0 !important;box-shadow:0 -6px 24px rgba(29,25,22,.06) !important;background-image:none !important;left:0 !important;right:0 !important;margin:0 !important} html body .mobile-bottom-nav::before,html body .mobile-bottom-nav::after{display:none !important} html body .mbn-item{color:var(--m-muted) !important;font-family:var(--m-font) !important;font-weight:500 !important;font-size:11px !important;letter-spacing:normal !important} html body .mbn-item.active,html body .mbn-item.is-active,html body .mbn-item[aria-current]{color:var(--m-primary) !important} html body .mbn-badge{background:var(--m-primary) !important;border:2px solid #fff !important;box-shadow:none !important} /* ── Floating buttons — calmer ───────────────────────────────────── */ html body .sa-fab{box-shadow:0 8px 24px rgba(142,30,63,.28) !important;animation:none !important;filter:none !important} html body .sa-fab::before,html body .sa-fab::after{animation:none !important;opacity:0 !important} html body .back-to-top{border-radius:999px !important;box-shadow:var(--m-sh-2) !important} /* ── Quick view modal / toasts ───────────────────────────────────── */ html body .quickview-content{border-radius:var(--m-r-xl) !important;box-shadow:0 30px 80px rgba(0,0,0,.25) !important} html body .toast{border-radius:var(--m-r-md) !important;box-shadow:var(--m-sh-2) !important;font-family:var(--m-font) !important} /* ── Motion safety ───────────────────────────────────────────────── */ @media (prefers-reduced-motion:reduce){html body .product-card,html body .product-card *,html body .coll-card,html body .coll-card *{transition:none !important;animation:none !important}} /* ── Card layer order (badge / heart image-er upore) ─────────────── */ html body .product-card .product-thumb{position:relative !important;z-index:1 !important} html body .product-card .pc-wishlist-form{position:static !important} html body .product-card .pc-wishlist{z-index:6 !important} html body .product-card .pc-badge-discount{display:inline-flex !important;align-items:center !important;z-index:6 !important} html body .product-card .pc-tag-hot,html body .product-card .pc-tag-new{z-index:6 !important;display:inline-flex !important} html body .product-card .quickview-btn{z-index:7 !important} /* ── Hero: lekha chobir niche-bam e, chobi puro dekha jay ─────────── */ html body .hero-slider .slide-content{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:flex-start !important;text-align:left !important;background:linear-gradient(0deg,rgba(15,10,8,.62) 0%,rgba(15,10,8,.25) 38%,rgba(15,10,8,0) 62%) !important;padding:clamp(14px,3.2vw,44px) clamp(16px,3.6vw,52px) !important;z-index:2 !important;height:auto !important;width:auto !important;min-height:0 !important} html body .hero-slider .slide-content.pos-right{align-items:flex-end !important;text-align:right !important} html body .hero-slider .slide-content.pos-center{align-items:center !important;text-align:center !important} html body .hero-slider .slide-content::before,html body .hero-slider .slide-content::after{display:none !important} html body .hero-slider .sc-title{font-family:var(--m-font) !important;font-weight:700 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;font-size:clamp(17px,3.4vw,44px) !important;line-height:1.15 !important;letter-spacing:-.01em !important;text-shadow:0 2px 16px rgba(0,0,0,.35) !important;margin:0 !important;max-width:min(680px,92%) !important} html body .hero-slider .sc-sub{color:rgba(255,255,255,.9) !important;-webkit-text-fill-color:currentColor !important;font-size:clamp(12px,1.4vw,17px) !important;font-weight:500 !important;margin:4px 0 0 !important;text-shadow:0 1px 8px rgba(0,0,0,.35) !important;letter-spacing:normal !important;background:none !important} html body .hero-slider .sc-btn{margin-top:clamp(8px,1.4vw,18px) !important;background:#fff !important;color:var(--m-ink) !important;border:0 !important;border-radius:999px !important;padding:10px 20px !important;font-weight:700 !important;box-shadow:0 8px 24px rgba(0,0,0,.18) !important;background-image:none !important;animation:none !important} html body .hero-slider .slide-bg{position:absolute !important;inset:0 !important} @media (max-width:767px){ html body .hero-slider{margin:10px 12px 0 !important;width:auto !important;border-radius:var(--m-r-lg) !important;overflow:hidden !important} html body .hero-slider .sc-sub{display:none !important} html body .hero-slider .sc-btn{padding:6px 12px !important;font-size:12px !important} html body .slider-arrow{display:none !important} } html body .section-tight{padding-top:clamp(24px,3.4vw,44px) !important;padding-bottom:clamp(20px,3vw,40px) !important} /* ── Footer contrast (purono #111 !important rule override) ───────── */ html body footer.site-footer.site-footer *:not(input):not(button):not(svg):not(path):not(img){color:#cfc6bd !important} html body footer.site-footer.site-footer :is(h3,h4,h5,.footer-wordmark,.footer-logo){color:#fff !important} html body footer.site-footer.site-footer a:hover{color:#fff !important} html body footer.site-footer.site-footer .footer-bottom,html body footer.site-footer.site-footer .footer-bottom *{color:#8f857c !important} html body footer.site-footer.site-footer .social-links a{color:#fff !important} html body footer.site-footer .newsletter-form button{color:#fff !important} /* ── PDP buttons ─────────────────────────────────────────────────── */ html body .pd-orderbox .btn-primary,html body .pd-orderbox .btn-gold,html body .pd-orderbox [class*=order-now],html body .pd-orderbox button[name=buy_now]{background:var(--m-primary) !important;background-image:none !important;border:0 !important;color:#fff !important;animation:none !important;box-shadow:0 8px 20px rgba(142,30,63,.22) !important} html body .pd-orderbox .btn-ghost,html body .pd-cart-add{background:var(--m-surface) !important;border:1px solid var(--m-ink) !important;color:var(--m-ink) !important} html body .pd-actions .btn,html body .pd-forms .btn{white-space:nowrap !important;width:auto} html body .pd-order-actions{display:grid !important;grid-template-columns:1fr 1.25fr !important;gap:10px !important} html body .pd-order-actions .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;width:100% !important;min-height:52px !important;padding:0 12px !important;font-size:15px !important;white-space:nowrap !important} html body .pd-order-actions .btn-buynow{background:var(--m-primary) !important;background-image:none !important;border:1px solid var(--m-primary) !important;color:#fff !important;animation:none !important;box-shadow:0 10px 24px rgba(142,30,63,.24) !important} html body .pd-order-actions .btn-buynow:hover{background:var(--m-primary-600) !important} html body .pd-order-actions .btn-buynow::before,html body .pd-order-actions .btn-buynow::after{display:none !important} html body .pd-actions .inline-form .btn{white-space:nowrap !important;width:auto !important;padding:0 16px !important;min-height:42px !important;display:inline-flex !important;align-items:center !important;gap:6px !important} @media (max-width:380px){html body .pd-order-actions .btn{font-size:13.5px !important}} /* ── Footer brand ────────────────────────────────────────────────── */ html body footer.site-footer.site-footer .footer-wordmark{-webkit-text-fill-color:#fff !important;background:none !important} html body .site-footer .logo-img-footer{filter:none !important;background:#fff !important;border-radius:14px !important;padding:6px !important;height:56px !important;max-height:56px !important;width:auto !important} /* ── Blouse option (PDP) — icon bame, nam+dam stacked ────────────── */ html body .pd-blouse .blouse-box{display:grid !important;grid-template-columns:auto 1fr !important;grid-template-rows:auto auto !important;column-gap:10px !important;row-gap:1px !important;align-items:center !important;text-align:left !important;padding:10px 12px !important;border:1px solid var(--m-line-2) !important;border-radius:var(--m-r-md) !important;background:var(--m-surface) !important;box-shadow:none !important;min-height:62px;transition:border-color .2s,background .2s,box-shadow .2s !important} html body .pd-blouse .blouse-ico{grid-row:1 / 3 !important;width:38px !important;height:38px !important;margin:0 !important} html body .pd-blouse .blouse-name{grid-column:2 !important;font-size:14px !important;font-weight:600 !important;line-height:1.25 !important;white-space:nowrap !important;margin:0 !important} html body .pd-blouse .blouse-price{grid-column:2 !important;font-size:12.5px !important;line-height:1.25 !important;white-space:nowrap !important;margin:0 !important} html body .pd-blouse .blouse-opt input:checked + .blouse-box{border-color:var(--m-primary) !important;background:var(--m-primary-50) !important;box-shadow:0 0 0 3px rgba(142,30,63,.08) !important} html body .pd-blouse{padding:14px !important} /* ── Mobile menu ─────────────────────────────────────────────────── */ html body .mobile-menu .mm-link{display:flex !important;align-items:center !important;gap:12px !important;min-height:46px !important;padding:10px 12px !important;margin:0 0 2px !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:var(--m-ink) !important;font-size:15px !important;font-weight:500 !important;line-height:1.3 !important;box-shadow:none !important;height:auto !important} html body .mobile-menu .mm-link svg{flex:0 0 20px !important;width:20px !important;height:20px !important;color:var(--m-muted) !important;margin:0 !important;position:static !important} html body .mobile-menu .mm-link:hover,html body .mobile-menu .mm-link:active{background:var(--m-primary-50) !important;color:var(--m-primary) !important} html body .mobile-menu .mm-link:hover svg{color:var(--m-primary) !important} html body .mobile-menu .mm-cat{margin:18px 12px 6px !important;padding:0 !important;font-size:12px !important;font-weight:600 !important;color:var(--m-muted) !important;letter-spacing:normal !important;text-transform:none !important;background:none !important;border:0 !important} html body .mobile-menu .mm-cat::before{display:none !important} html body .mobile-menu .mm-head{background:transparent !important;box-shadow:none !important;border:0 !important;border-bottom:1px solid var(--m-line) !important;border-radius:0 !important;margin:0 !important;padding:14px 16px !important} html body .mobile-menu .logo-img-mmenu{max-height:40px !important;border-radius:10px} html body .mobile-menu .mm-search{background:#f4f1ec !important;border:0 !important;border-radius:999px !important;box-shadow:none !important;padding:4px !important} html body .mobile-menu .mm-search input{background:transparent !important;border:0 !important;box-shadow:none !important} html body .mobile-menu .mm-search button{border-radius:999px !important;background:var(--m-primary) !important;color:#fff !important} html body .mobile-menu .drawer-close,html body .mobile-menu [class*=close]{border-radius:999px !important;background:#f3efea !important;border:0 !important;box-shadow:none !important} /* ── Product name card-e dekhano (max 2 line) ────────────────────── */ html body .product-card .product-info .product-name{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;overflow:hidden !important;font-family:var(--m-font) !important;font-size:14.5px !important;font-weight:500 !important;line-height:1.4 !important;min-height:2.8em !important;color:var(--m-ink-2) !important;text-decoration:none !important;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important;letter-spacing:normal !important} html body .product-card .product-info .product-name:hover{color:var(--m-primary) !important} @media (max-width:767px){html body .product-card .product-info .product-name{font-size:13.5px !important}} /* ═══ BH Plus features (2026-10) ═══════════════════════════════════ */ /* page loading bar */ .bhp-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;background:linear-gradient(90deg,var(--m-primary),var(--m-gold));box-shadow:0 0 10px rgba(142,30,63,.4);opacity:0;transition:width .2s ease,opacity .3s ease;pointer-events:none} .bhp-progress.is-on{opacity:1} .bhp-progress.is-done{opacity:0;transition:width .2s ease,opacity .35s ease .15s} /* toast */ .bhp-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,16px);background:var(--m-ink);color:#fff;font-family:var(--m-font);font-weight:600;font-size:14px;padding:11px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .25s,transform .25s;z-index:99998;pointer-events:none} .bhp-toast.is-in{opacity:1;transform:translate(-50%,0)} /* bottom nav active */ html body .mobile-bottom-nav .mbn-item.is-active{color:var(--m-primary) !important;font-weight:700 !important} html body .mobile-bottom-nav .mbn-item.is-active svg{transform:translateY(-1px)} html body .mobile-bottom-nav .mbn-item{position:relative} html body .mobile-bottom-nav .mbn-item.is-active::before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--m-primary);transform:translateX(-50%)} /* phone hint */ .bhp-phone-hint{display:block;margin-top:6px;color:#c0392b;font-size:12.5px;font-weight:500} html body input.bhp-invalid{border-color:#c0392b !important;box-shadow:0 0 0 4px rgba(192,57,43,.08) !important} /* product card: low stock / sold out */ html body .product-card .pc-low-stock{position:absolute;right:10px;bottom:10px;z-index:6;background:#fff4e5;color:#b45309;font-family:var(--m-font);font-weight:700;font-size:11px;line-height:1.3;padding:4px 9px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.08)} html body .product-card .pc-tag-new + .pc-tag-hot ~ .pc-low-stock{display:none} html body .product-card .pc-soldout-tag{position:absolute;inset:auto 10px 10px 10px;z-index:6;text-align:center;background:rgba(29,25,22,.82);color:#fff;font-family:var(--m-font);font-weight:700;font-size:13px;padding:8px;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} html body .product-card.is-soldout .product-thumb img{filter:grayscale(.85);opacity:.75} html body .product-card.is-soldout .pc-tag-hot,html body .product-card.is-soldout .pc-tag-new{display:none !important} @media (max-width:767px){html body .product-card .pc-low-stock{right:8px;bottom:8px;font-size:10.5px;padding:3px 8px}} /* image shimmer */ html body .product-card .product-thumb.bhp-loading{background:linear-gradient(100deg,#f1ebe4 30%,#faf6f1 50%,#f1ebe4 70%) !important;background-size:200% 100% !important;animation:bhpShimmer 1.3s ease-in-out infinite} @keyframes bhpShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}} /* grid toggle */ .bhp-gridtoggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--m-line-2);border-radius:999px;background:var(--m-surface)} .bhp-gridtoggle button{width:34px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--m-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .bhp-gridtoggle button.on{background:var(--m-ink);color:#fff} html body .product-grid[data-cols="1"]{grid-template-columns:minmax(0,1fr) !important} html body .product-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important} @media (min-width:768px){ html body .product-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important} html body .product-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr)) !important} } html body .product-grid[data-cols="1"] .product-card .product-thumb{aspect-ratio:4/4.4 !important} html body .bh-toolbar-actions{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap} /* PDP lightbox + swipe dots + expand */ html body .pd-stage{position:relative !important} .bhp-expand{position:absolute;right:12px;bottom:12px;z-index:5;width:40px;height:40px;border-radius:999px;border:0;background:rgba(255,255,255,.92);color:var(--m-ink);box-shadow:0 4px 14px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .bhp-expand:hover{background:#fff;color:var(--m-primary)} .bhp-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;display:flex;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .bhp-dots span{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.55);transition:width .25s,background .25s} .bhp-dots span.on{width:16px;background:#fff} @media (min-width:900px){.bhp-dots{display:none}} html.bhp-lock,html.bhp-lock body{overflow:hidden !important} .bhp-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(12,9,7,.96);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;touch-action:none} .bhp-lightbox.is-open{opacity:1} .bhp-lb-stage{position:absolute;inset:56px 0 56px;display:flex;align-items:center;justify-content:center;overflow:hidden} .bhp-lb-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s ease;user-select:none;-webkit-user-drag:none;will-change:transform} .bhp-lightbox.is-zoomed .bhp-lb-img{transition:none;cursor:grab} .bhp-lb-close,.bhp-lb-prev,.bhp-lb-next{position:absolute;z-index:2;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif} .bhp-lb-close{top:12px;right:12px;width:42px;height:42px;font-size:18px} .bhp-lb-prev,.bhp-lb-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:30px;line-height:1} .bhp-lb-prev{left:12px}.bhp-lb-next{right:12px} .bhp-lb-close:hover,.bhp-lb-prev:hover,.bhp-lb-next:hover{background:rgba(255,255,255,.24)} .bhp-lb-count{position:absolute;top:22px;left:50%;transform:translateX(-50%);color:#fff;font:600 14px var(--m-font);opacity:.85} .bhp-lb-tip{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font:500 12.5px var(--m-font);white-space:nowrap} @media (max-width:767px){.bhp-lb-prev,.bhp-lb-next{display:none}} @media (hover:hover){.bhp-lb-tip{display:none}} /* PDP share + ETA */ html body .pd-actions{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important} .pd-share{display:inline-flex;align-items:center;gap:6px} .pd-share-label{font-size:13px;font-weight:600;color:var(--m-muted);margin-right:2px} .pd-share-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--m-line-2);background:var(--m-surface);color:var(--m-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s;padding:0} .pd-share-btn.is-wa:hover{background:#25d366;border-color:#25d366;color:#fff} .pd-share-btn.is-fb:hover{background:#1877f2;border-color:#1877f2;color:#fff} .pd-share-btn.is-copy:hover,.pd-share-btn.is-native:hover{background:var(--m-ink);border-color:var(--m-ink);color:#fff} .pd-share-btn[hidden]{display:none} .pd-delivery-eta{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border-radius:var(--m-r-lg);background:#eef8f1;border:1px solid rgba(19,128,74,.16)} .pd-eta-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--m-success);color:#fff;display:flex;align-items:center;justify-content:center} .pd-delivery-eta strong{display:block;font-size:14.5px;font-weight:700;color:#0f5f37;line-height:1.35} .pd-delivery-eta small{display:block;font-size:12.5px;color:#4b7a60;margin-top:2px} /* Home service strip */ .bh-service-strip{padding:clamp(14px,2.4vw,24px) 0 0} .bh-svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .bh-svc{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-r-lg)} .bh-svc-ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--m-primary-50);color:var(--m-primary);display:flex;align-items:center;justify-content:center} .bh-svc strong{display:block;font-size:14.5px;font-weight:700;color:var(--m-ink);line-height:1.3} .bh-svc small{display:block;font-size:12.5px;color:var(--m-muted);line-height:1.35;margin-top:1px} @media (max-width:900px){.bh-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bh-svc{padding:11px 12px;gap:10px}.bh-svc-ico{flex-basis:36px;width:36px;height:36px;border-radius:10px}.bh-svc strong{font-size:13.5px}.bh-svc small{font-size:11.5px}} /* ═══ Account / orders / invoice — নতুন ডিজাইন ═════════════════════ */ html body .account-wrap{gap:clamp(16px,2.4vw,28px) !important} html body .account-sidenav{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-top:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:none !important;padding:12px !important;background-image:none !important} html body .account-sidenav::before,html body .account-sidenav::after{display:none !important} html body .account-user-chip{background:var(--m-bg) !important;border:0 !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;background-image:none !important} html body .avatar-circle{background:var(--m-primary) !important;color:#fff !important;border:0 !important;box-shadow:none !important;background-image:none !important;font-weight:700 !important} html body .an-item{display:flex !important;align-items:center !important;gap:10px !important;border-radius:var(--m-r-md) !important;padding:11px 14px !important;font-weight:600 !important;color:var(--m-ink-2) !important;background:transparent !important;border:0 !important;box-shadow:none !important;background-image:none !important;justify-content:flex-start !important} html body .an-item:hover{background:var(--m-primary-50) !important;color:var(--m-primary) !important} html body .an-item.active{background:var(--m-ink) !important;color:#fff !important;background-image:none !important} html body .stats-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important} html body .stat-card{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-top:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;padding:16px !important;background-image:none !important} html body .stat-card::before,html body .stat-card::after{display:none !important} html body .stat-num{font-family:var(--m-font) !important;font-weight:700 !important;font-size:clamp(20px,2.4vw,28px) !important;color:var(--m-ink) !important;letter-spacing:-.01em !important} html body .stat-label{color:var(--m-muted) !important;font-size:13px !important} @media (max-width:767px){ html body .account-wrap{display:flex !important;flex-direction:column !important} html body .account-sidenav{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:6px !important;padding:8px !important;scrollbar-width:none} html body .account-sidenav::-webkit-scrollbar{display:none} html body .account-sidenav .account-user-chip{display:none !important} html body .an-item{flex:0 0 auto !important;white-space:nowrap !important;padding:9px 14px !important;font-size:13.5px !important;margin:0 !important} html body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important} html body .stat-card{padding:12px 14px !important} } html body .order-card{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-lg) !important;box-shadow:none !important;padding:14px 16px !important;background-image:none !important} html body .order-card::before{display:none !important} html body .oc-number{font-family:var(--m-font) !important;font-weight:700 !important;color:var(--m-ink) !important;letter-spacing:normal !important;text-decoration:none !important} html body .oc-date{color:var(--m-muted) !important;font-size:12.5px !important} html body .oc-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:10px !important;border-top:1px solid var(--m-line) !important;padding-top:12px !important;margin-top:12px !important} html body .oc-bottom > span{font-weight:700 !important;font-size:16px !important;color:var(--m-ink) !important} html body .oc-actions{display:flex !important;flex-wrap:wrap !important;gap:6px !important} html body .oc-actions .btn{min-height:36px !important;padding:0 12px !important;font-size:13px !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;gap:4px !important;white-space:nowrap !important} html body .oc-actions .btn-success{background:var(--m-success) !important;border-color:var(--m-success) !important;color:#fff !important;background-image:none !important;box-shadow:none !important} html body .order-status,html body .st-badge{display:inline-flex !important;align-items:center !important;gap:4px !important;border-radius:999px !important;padding:4px 10px !important;font-family:var(--m-font) !important;font-size:12px !important;font-weight:700 !important;letter-spacing:normal !important;text-transform:none !important;background:#fff4e5 !important;color:#b45309 !important;border:0 !important;box-shadow:none !important;background-image:none !important} html body .order-status.st-confirmed,html body .order-status.st-processing{background:#eaf2ff !important;color:#1d4ed8 !important} html body .order-status.st-shipped{background:#f3e8ff !important;color:#7e22ce !important} html body .order-status.st-delivered{background:#eef8f1 !important;color:var(--m-success) !important} html body .order-status.st-cancelled{background:#fdecec !important;color:#c0392b !important} html body .referral-box{border-radius:var(--m-r-lg) !important;border:1px dashed rgba(142,30,63,.35) !important;background:var(--m-primary-50) !important;box-shadow:none !important} html body .form-box{background:var(--m-surface) !important;border:1px solid var(--m-line) !important;border-radius:var(--m-r-xl) !important;box-shadow:none !important;background-image:none !important} html body .form-box::before{display:none !important} /* invoice / order-success: order number wrap fix + mobile table */ html body .inv-order-num,html body .inv-value{letter-spacing:.02em !important;word-break:keep-all !important;overflow-wrap:anywhere} html body .inv-order-num{white-space:nowrap !important;font-size:clamp(14px,3.6vw,18px) !important} @media (max-width:600px){ html body .invoice-box table,html body .inv-items table{font-size:12.5px !important} html body .invoice-box th,html body .invoice-box td{padding:8px 6px !important} html body .inv-item-name{min-width:110px} html body .invoice-actions{display:flex !important;flex-wrap:wrap !important;gap:8px !important} html body .invoice-actions .btn{flex:1 1 calc(50% - 8px) !important;justify-content:center !important} } /* wishlist / compare / empty states */ html body .empty-state{background:var(--m-surface) !important;border:1px dashed var(--m-line-2) !important;border-radius:var(--m-r-xl) !important;padding:clamp(28px,5vw,56px) 20px !important;box-shadow:none !important} html body .empty-icon{background:var(--m-primary-50) !important;border-radius:999px !important;box-shadow:none !important} /* layer fixes */ .bhp-expand,.bhp-dots{z-index:12 !important} @media (max-width:767px){ html body .account-sidenav{flex-direction:row !important;width:100% !important;max-width:100% !important} html body .account-main{width:100% !important;max-width:100% !important;min-width:0 !important} html body .an-item{width:auto !important} } .bhp-lightbox[hidden]{display:none !important} .bhp-lightbox:not(.is-open){pointer-events:none} /* ═══════════════════════════════════════════════════════════════════ MINIMAL COLOR MODE (2026-10) সাদা-কালো ভিত্তি, maroon শুধু ছোট accent (ডিসকাউন্ট, কার্ট ব্যাজ, লোগো)। আগের রঙিন ভার্সনে ফিরতে এই ব্লকটা (ফাইলের শেষ পর্যন্ত) মুছে দিন। ═══════════════════════════════════════════════════════════════════ */ :root{ --m-accent:#8e1e3f; --m-primary:#151515; --m-primary-600:#000000; --m-primary-50:#f2f2f1; --m-gold:#151515; --m-gold-50:#f4f4f3; --m-ink:#151515; --m-ink-2:#3a3a3a; --m-muted:#737373; --m-bg:#fafafa; --m-line:rgba(0,0,0,.08); --m-line-2:rgba(0,0,0,.13); --m-success:#151515; --primary:#151515; --gold:#151515; --gold-deep:#151515; } html body{background:#fafafa !important} html body .section-alt,html body .section-flash,html body .section-dark{background:#f4f4f3 !important;background-image:none !important} html body .section-alt::before,html body .section-alt::after{display:none !important} /* accent শুধু এগুলোতে */ html body .product-card .pc-badge-discount,html body .badge-discount,html body .pd-badge.badge-discount{background:var(--m-accent) !important;color:#fff !important;background-image:none !important} html body .cart-badge,html body .mbn-badge,html body .drawer-tab-count{background:var(--m-accent) !important;color:#fff !important;background-image:none !important} html body .logo-wordmark{color:var(--m-ink) !important} /* price — কালো, কোনো গ্রেডিয়েন্ট না */ html body .price-now,html body .pd-price .price-now{background:none !important;-webkit-text-fill-color:currentColor !important;color:var(--m-ink) !important} html body .price-save,html body .pd-price .price-save{background:#f1f1f0 !important;color:var(--m-ink-2) !important} /* buttons — কালো primary, outline secondary */ html body .btn-primary,html body .btn-gold,html body .co-submit,html body .pd-order-actions .btn-buynow,html body .product-card .pc-ordernow-btn,html body .crt-checkout{background:#151515 !important;border-color:#151515 !important;color:#fff !important;background-image:none !important;box-shadow:none !important} html body .btn-primary:hover,html body .btn-gold:hover,html body .co-submit:hover,html body .pd-order-actions .btn-buynow:hover,html body .product-card .pc-ordernow-btn:hover{background:#000 !important} html body .btn-success,html body .oc-actions .btn-success{background:#151515 !important;border-color:#151515 !important;color:#fff !important;background-image:none !important} html body .header-search button[type=submit],html body .mobile-menu .mm-search button{background:#151515 !important} html body .site-footer .newsletter-form button,html body .site-footer .newsletter-form .btn{background:#fff !important;color:#151515 !important} html body footer.site-footer .newsletter-form button{color:#151515 !important} /* floating / misc */ html body .sa-fab,html body .sa-fab-hot{background:#151515 !important;background-image:none !important;box-shadow:0 8px 24px rgba(0,0,0,.22) !important;color:#fff !important} html body .sa-online{background:#22c55e !important} html body .coll-peek-btn{background:rgba(255,255,255,.95) !important;color:#151515 !important;box-shadow:0 4px 14px rgba(0,0,0,.15) !important;border:1px solid var(--m-line) !important;background-image:none !important} html body .bh-reel{border-color:var(--m-line) !important} html body .bh-reel-dot{background:#22c55e !important} html body .drawer-close,html body .mobile-menu .drawer-close{background:#f1f1f0 !important;color:#151515 !important;background-image:none !important} html body .mm-foot{background:transparent !important;background-image:none !important;border-color:var(--m-line) !important} html body .mm-call,html body .mm-wa{color:var(--m-ink) !important;border-color:var(--m-line-2) !important;background:#fff !important;background-image:none !important} html body .scroll-progress{background:#151515 !important} .bhp-progress{background:#151515 !important;box-shadow:none !important} /* section headings */ html body .section-title .accent{color:var(--m-ink) !important} html body .section-head .eyebrow,html body .eyebrow{color:var(--m-muted) !important} html body .section-head .eyebrow::before,html body .eyebrow::before{background:var(--m-muted) !important} /* card extras */ html body .product-card .pc-low-stock{background:#fff !important;color:var(--m-ink) !important} html body .product-card .pc-offer-box{background:#f4f4f3 !important;border-color:var(--m-line) !important;color:var(--m-ink) !important} html body .product-card .pc-offer-badge{background:#151515 !important} html body .product-card .pc-wishlist.is-active{background:var(--m-accent) !important} /* PDP extras */ .pd-delivery-eta{background:#f4f4f3 !important;border-color:var(--m-line) !important} .pd-eta-ico{background:#151515 !important} .pd-delivery-eta strong{color:var(--m-ink) !important} .pd-delivery-eta small{color:var(--m-muted) !important} .bh-svc-ico{background:#f1f1f0 !important;color:#151515 !important} html body .pd-cat{color:var(--m-muted) !important} html body .blouse-ico{background:#f1f1f0 !important;color:#151515 !important;background-image:none !important} html body .pd-blouse .blouse-opt input:checked + .blouse-box{border-color:#151515 !important;background:#fafafa !important;box-shadow:0 0 0 3px rgba(0,0,0,.06) !important} html body .blouse-tick{background:#151515 !important;background-image:none !important} html body .pd-badge-new,html body .pd-badge-text{background:#fff !important;color:#151515 !important;background-image:none !important} html body .pd-urgency{background:#f4f4f3 !important;border-color:var(--m-line) !important;color:var(--m-ink) !important;background-image:none !important} /* stock pill */ html body .pd-stock,html body [class*=in-stock]{background:#f1f1f0 !important;color:var(--m-ink) !important} /* cart / checkout */ html body .crt-buy-one{background:#f1f1f0 !important;color:#151515 !important} html body .crt-progress-fill{background:#151515 !important} html body .summary-total span:last-child,html body .crt-grand span:last-child{color:var(--m-ink) !important} html body .payment-option:has(input:checked){border-color:#151515 !important;background:#fafafa !important;box-shadow:0 0 0 3px rgba(0,0,0,.06) !important} html body .zone-premium,html body .zone-toggle .is-active,html body .zone-toggle label:has(input:checked){border-color:#151515 !important;background:#fafafa !important;box-shadow:none !important} html body .zone-ico{background:#f1f1f0 !important;color:#151515 !important;background-image:none !important} html body .zone-check{background:#151515 !important} html body .zone-fee{color:var(--m-ink) !important} html body .co-free-banner,html body .delivery-promise{background:#f4f4f3 !important;border-color:var(--m-line) !important;color:var(--m-ink) !important;background-image:none !important} /* account / invoice */ html body .avatar-circle{background:#151515 !important} html body .referral-box{background:#f4f4f3 !important;border-color:var(--m-line-2) !important} html body .inv-head,html body .lux-hero,html body .inv-items th,html body .invoice-box thead th,html body .invoice-box table th{background:#151515 !important;background-image:none !important;color:#fff !important} html body .inv-order-num,html body .inv-value.inv-tag{color:var(--m-ink) !important} /* links */ html body .auth-link,html body .auth-alt a{color:var(--m-ink) !important;text-decoration:underline !important;text-underline-offset:3px} html body .pd-blouse .blouse-name,html body .pd-blouse-title,html body .pd-blouse-title *{color:var(--m-ink) !important} html body .breadcrumb{border-color:var(--m-line) !important} html body .crt-progress-text,html body .crt-progress-text b{color:var(--m-ink) !important} html body .summary-total,html body .crt-grand{border-color:var(--m-line-2) !important} html body .zone-btn{border-color:var(--m-line-2) !important} html body .zone-btn.is-active,html body .zone-btn.active,html body .zone-btn[aria-pressed=true]{border-color:#151515 !important;background:#fafafa !important} html body .co-thumb{background:#f1f1f0 !important} html body .bh-hero-meta{background:#151515 !important;color:#fff !important;background-image:none !important} html body .newsletter-form input,html body input{border-color:var(--m-line-2)} html body .bh-hero-editorial .bh-hero-meta{background:#151515 !important;background-image:none !important;color:#fff !important;box-shadow:none !important} /* ── Brand accent: শুধু মূল অর্ডার/চেকআউট বাটন maroon ───────────── */ html body .product-card .pc-ordernow-btn, html body .pd-order-actions .btn-buynow, html body .crt-checkout, html body .co-submit, html body .checkout-form button[type=submit].btn, html body .drawer-foot .btn-primary, html body .drawer-summary .btn-primary, html body .sum-box .btn-primary{background:var(--m-accent) !important;border-color:var(--m-accent) !important;color:#fff !important;background-image:none !important} html body .product-card .pc-ordernow-btn:hover, html body .pd-order-actions .btn-buynow:hover, html body .crt-checkout:hover, html body .co-submit:hover, html body .drawer-foot .btn-primary:hover, html body .drawer-summary .btn-primary:hover, html body .sum-box .btn-primary:hover{background:#741832 !important;border-color:#741832 !important} html body .pd-order-actions .btn-buynow,html body .co-submit,html body .crt-checkout{box-shadow:0 8px 22px rgba(142,30,63,.22) !important} /* মোবাইলে কার্ট ড্রয়ারের চেকআউট বাটন বটম-নেভের নিচে ঢাকা পড়ছিল */ @media (max-width:767px){ html body .cart-drawer .drawer-foot{padding-bottom:calc(80px + env(safe-area-inset-bottom)) !important} html body .mobile-menu{padding-bottom:calc(72px + env(safe-area-inset-bottom)) !important} } /* ═══ FINAL UPDATE (2026-10) — KPI, PDP clean-up, sticky bars, checkout steps ═══ */ /* Home KPI */ .bh-kpi-section{padding-top:clamp(28px,4vw,56px) !important;padding-bottom:clamp(28px,4vw,56px) !important} .bh-kpi-wrap{display:grid;grid-template-columns:minmax(220px,.8fr) 2fr;gap:clamp(18px,3vw,40px);align-items:center;background:#151515;color:#fff;border-radius:var(--m-r-xl);padding:clamp(22px,3.4vw,44px)} .bh-kpi-intro .eyebrow{color:rgba(255,255,255,.6) !important} .bh-kpi-intro .eyebrow::before{background:rgba(255,255,255,.5) !important} html body .bh-kpi-intro .section-title,html body .bh-kpi-intro .section-title .accent{color:#fff !important} html body .bh-kpi-intro .section-subtitle{color:rgba(255,255,255,.62) !important} .bh-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .bh-kpi-grid.bh-kpi-n2{grid-template-columns:repeat(2,minmax(0,1fr))} .bh-kpi-grid.bh-kpi-n3{grid-template-columns:repeat(3,minmax(0,1fr))} .bh-kpi{display:flex;flex-direction:column;gap:2px;padding:18px 16px;border-radius:var(--m-r-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);transition:background .25s,transform .25s} .bh-kpi:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)} .bh-kpi-ico{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px} .bh-kpi-num{font-family:var(--m-font);font-weight:700;font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.01em;color:#fff} .bh-kpi-label{font-size:14px;font-weight:600;color:#fff;margin-top:4px} .bh-kpi-sub{font-size:12px;color:rgba(255,255,255,.55)} @media (max-width:900px){ .bh-kpi-wrap{grid-template-columns:1fr;padding:20px 16px} .bh-kpi-grid,.bh-kpi-grid.bh-kpi-n3,.bh-kpi-grid.bh-kpi-n4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .bh-kpi{padding:14px 12px} .bh-kpi-ico{width:34px;height:34px;border-radius:10px;margin-bottom:6px} } /* PDP: নাম আগে, তারপর দাম — পরিষ্কার হায়ারার্কি */ html body .pd-info{display:flex !important;flex-direction:column !important} html body .pd-info > .pd-cat{order:-3} html body .pd-info > .pd-name{order:-2;margin:2px 0 8px !important} html body .pd-info > .pd-price{order:-1;margin-bottom:6px !important} html body .pd-stage .pd-badge-new{display:none !important} html body .pd-orderbox-trust{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;padding:10px !important;margin-top:12px !important} html body .pd-orderbox-trust span{display:flex !important;flex-direction:column !important;align-items:center !important;gap:4px !important;font-size:12px !important;font-weight:600 !important;color:var(--m-ink-2) !important;text-align:center !important;line-height:1.3 !important} html body .pd-orderbox-trust svg{width:16px !important;height:16px !important} html body .product-detail{gap:clamp(20px,3.4vw,48px) !important} @media (min-width:900px){html body .pd-gallery{position:sticky !important;top:calc(var(--header-h,68px) + 16px) !important;align-self:start !important}} /* PDP sticky buy bar (মোবাইল) */ .bhp-buybar{position:fixed;left:8px;right:8px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:2400;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--m-line);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.16);transform:translateY(140%);opacity:0;transition:transform .3s var(--m-ease),opacity .3s;pointer-events:none} .bhp-buybar.is-on{transform:translateY(0);opacity:1;pointer-events:auto} .bhp-bb-img{width:42px;height:50px;border-radius:10px;object-fit:cover;flex:0 0 auto} .bhp-bb-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column} .bhp-bb-name{font-size:12.5px;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bhp-bb-price{font-size:16px;font-weight:700;color:var(--m-ink)} .bhp-bb-cart{flex:0 0 44px;width:44px;height:44px;border-radius:12px;border:1px solid var(--m-line-2);background:#fff;color:var(--m-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .bhp-bb-buy{flex:0 0 auto;height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--m-accent);color:#fff;font:700 14.5px var(--m-font);cursor:pointer;white-space:nowrap} @media (min-width:900px){.bhp-buybar{display:none}} /* Checkout step indicator */ .bh-co-steps{list-style:none;display:flex;align-items:center;gap:0;margin:0 0 18px;padding:0;counter-reset:none} .bh-co-steps li{flex:1 1 0;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--m-muted);position:relative;white-space:nowrap} .bh-co-steps li:not(:last-child)::after{content:"";flex:1 1 auto;height:2px;margin:0 10px;background:var(--m-line-2);border-radius:2px} .bh-co-steps li span{flex:0 0 28px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ececeb;color:var(--m-muted);font-size:13px;font-weight:700} .bh-co-steps li.is-done{color:var(--m-ink)} .bh-co-steps li.is-done span{background:#151515;color:#fff} .bh-co-steps li.is-done::after{background:#151515} .bh-co-steps li.is-active{color:var(--m-ink)} .bh-co-steps li.is-active span{background:var(--m-accent);color:#fff;box-shadow:0 0 0 4px rgba(142,30,63,.12)} @media (max-width:520px){.bh-co-steps li{font-size:12px;gap:6px}.bh-co-steps li span{flex-basis:24px;width:24px;height:24px;font-size:12px}.bh-co-steps li:not(:last-child)::after{margin:0 6px}} @media (min-width:900px){html body .checkout-summary{position:sticky !important;top:calc(var(--header-h,68px) + 16px) !important;align-self:start !important}} /* Checkout sticky bar (মোবাইল) */ .bhp-cobar{position:fixed;left:8px;right:8px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:2400;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--m-line);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.16);transform:translateY(140%);opacity:0;transition:transform .3s var(--m-ease),opacity .3s;pointer-events:none} .bhp-cobar.is-on{transform:translateY(0);opacity:1;pointer-events:auto} .bhp-cb-info{flex:1 1 auto;display:flex;flex-direction:column;line-height:1.2} .bhp-cb-info small{font-size:12px;color:var(--m-muted)} .bhp-cb-info strong{font-size:18px;font-weight:700;color:var(--m-ink)} .bhp-cb-btn{height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--m-accent);color:#fff;font:700 15px var(--m-font);cursor:pointer;white-space:nowrap} @media (min-width:900px){.bhp-cobar{display:none}} /* sticky bar চালু থাকলে AI বাটন উপরে সরে যায় */ html.bhp-has-buybar .sa-fab,html.bhp-has-cobar .sa-fab{bottom:150px !important;transition:bottom .3s ease} html.bhp-has-buybar .back-to-top,html.bhp-has-cobar .back-to-top{opacity:0 !important;pointer-events:none !important} /* Order success: copy button */ .bhp-copy-num{margin-top:6px;border:1px solid var(--m-line-2);background:#fff;color:var(--m-ink);border-radius:999px;padding:4px 12px;font:600 12px var(--m-font);cursor:pointer} .bhp-copy-num:hover{background:#151515;color:#fff;border-color:#151515} /* KPI ৩টা হলে মোবাইলে এক সারিতে */ @media (max-width:900px){.bh-kpi-grid.bh-kpi-n3{grid-template-columns:repeat(3,minmax(0,1fr))}.bh-kpi-n3 .bh-kpi-sub{display:none}.bh-kpi-n3 .bh-kpi-label{font-size:12px}.bh-kpi-n3 .bh-kpi{padding:12px 10px}} html.bhp-has-buybar .bhp-toast,html.bhp-has-cobar .bhp-toast{bottom:calc(160px + env(safe-area-inset-bottom))} /* ═══ HOME ORDER UPDATE: KPI রঙিন আইকন + Category Story ═════════════ */ /* KPI আইকন — প্রতিটা আলাদা রঙ */ .bh-kpi-section{padding-top:clamp(16px,2.6vw,32px) !important;padding-bottom:clamp(8px,1.6vw,20px) !important} .bh-kpi .bh-kpi-ico{color:#fff;box-shadow:0 8px 20px -6px rgba(0,0,0,.45)} .bh-kpi:nth-child(1) .bh-kpi-ico{background:linear-gradient(135deg,#f59e0b,#ea580c)} .bh-kpi:nth-child(2) .bh-kpi-ico{background:linear-gradient(135deg,#ec4899,#be185d)} .bh-kpi:nth-child(3) .bh-kpi-ico{background:linear-gradient(135deg,#22c55e,#0f766e)} .bh-kpi:nth-child(4) .bh-kpi-ico{background:linear-gradient(135deg,#6366f1,#7c3aed)} .bh-kpi:nth-child(1):hover{background:rgba(245,158,11,.12)} .bh-kpi:nth-child(2):hover{background:rgba(236,72,153,.12)} .bh-kpi:nth-child(3):hover{background:rgba(34,197,94,.12)} .bh-kpi:nth-child(4):hover{background:rgba(99,102,241,.14)} /* Category Story */ .bh-stories-section{padding:clamp(18px,2.6vw,32px) 0 clamp(4px,1vw,10px)} .bh-stories-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .bh-stories-title{margin:0;font-family:var(--m-font);font-weight:700;font-size:clamp(19px,2.2vw,24px);color:var(--m-ink)} html body .bh-stories-section .cat-stories{display:flex !important;gap:10px !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 10px !important;margin:0 !important;grid-template-columns:none !important} html body .bh-stories-section .cat-stories::-webkit-scrollbar{display:none} html body .bh-stories-section .cat-story{flex:0 0 auto !important;width:clamp(104px,26vw,150px) !important;scroll-snap-align:start;text-decoration:none !important;display:block !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important} html body .bh-stories-section .cs-photo{position:relative !important;display:block !important;width:100% !important;aspect-ratio:9/15 !important;height:auto !important;border-radius:18px !important;overflow:hidden !important;background:#eceae6 !important;box-shadow:0 6px 18px -8px rgba(0,0,0,.35) !important;border:0 !important;padding:0 !important;transition:transform .35s var(--m-ease),box-shadow .35s var(--m-ease) !important} html body .bh-stories-section .cat-story:hover .cs-photo{transform:translateY(-3px) !important;box-shadow:0 14px 28px -10px rgba(0,0,0,.4) !important} html body .bh-stories-section .cs-photo img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;transition:transform .7s var(--m-ease) !important} html body .bh-stories-section .cat-story:hover .cs-photo img{transform:scale(1.06)} html body .bh-stories-section .cs-shade{display:block !important;position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 52%,rgba(0,0,0,.72) 100%) !important;z-index:1 !important} html body .bh-stories-section .cs-ring{position:absolute !important;top:9px !important;left:9px !important;z-index:2 !important;width:36px !important;height:36px !important;border-radius:999px !important;padding:2px !important;background:conic-gradient(from 210deg,#f59e0b,#ec4899,#8e1e3f,#6366f1,#f59e0b) !important;display:block !important} html body .bh-stories-section .cs-ring > span{width:100% !important;height:100% !important;border-radius:999px !important;background:#fff !important;border:2px solid #fff !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#151515 !important} html body .bh-stories-section .cs-ring svg{width:15px !important;height:15px !important} html body .bh-stories-section .cs-name{position:absolute !important;left:10px !important;right:10px !important;bottom:10px !important;top:auto !important;z-index:2 !important;color:#fff !important;font-family:var(--m-font) !important;font-weight:700 !important;font-size:13.5px !important;line-height:1.25 !important;text-align:left !important;text-shadow:0 1px 6px rgba(0,0,0,.4) !important;background:none !important;padding:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:none !important;letter-spacing:normal !important} html body .bh-stories-section .cs-fallback{position:absolute !important;inset:0 !important;display:grid;place-items:center !important;color:#151515 !important;background:linear-gradient(160deg,#f4f2ee,#e7e3dc) !important} /* "সব ক্যাটাগরি" কার্ড */ html body .bh-stories-section .cs-photo-all{background:#151515 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important} html body .bh-stories-section .cs-plus{width:46px !important;height:46px !important;border-radius:999px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:26px !important;line-height:1 !important;color:#151515 !important;background:#fff !important;position:static !important;box-shadow:0 0 0 3px rgba(255,255,255,.18) !important} html body .bh-stories-section .cs-photo-all .cs-name{position:static !important;text-align:center !important;white-space:normal !important;font-size:13px !important} @media (min-width:1024px){html body .bh-stories-section .cat-story{width:152px !important}html body .bh-stories-section .cs-name{font-size:14.5px !important}} html body .bh-stories-section .cat-stories{flex-wrap:nowrap !important} @media (min-width:1024px){html body .bh-stories-section .cat-story{width:calc((100% - 90px) / 10) !important;min-width:118px}} html body .section.bh-kpi-section{padding-top:clamp(16px,2.6vw,28px) !important;padding-bottom:0 !important} /* ═══ KPI v2 — হালকা কার্ড, রঙিন আইকন, উপরে রঙিন ট্যাব ═══════════════ */ html body .section.bh-kpi-section,html body .bh-kpi-section{padding:clamp(14px,2.2vw,24px) 0 0 !important;background:transparent !important} html body .bh-kpi-section .bh-kpi-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important} html body .bh-kpi-section .bh-kpi{--c:#2563eb;--t:#e8f0fe;position:relative;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:4px !important;padding:20px 12px 14px !important;background:linear-gradient(180deg,#fff 0%,#fff 55%,color-mix(in srgb,var(--t) 45%,#fff) 100%) !important;border:1px solid rgba(0,0,0,.08) !important;border-radius:16px !important;box-shadow:none !important;transform:none;transition:transform .25s var(--m-ease),box-shadow .25s var(--m-ease) !important;overflow:visible !important} html body .bh-kpi-section .bh-kpi::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:26px;height:5px;border-radius:0 0 6px 6px;background:var(--c)} html body .bh-kpi-section .bh-kpi:hover{transform:translateY(-3px) !important;box-shadow:0 12px 26px -12px color-mix(in srgb,var(--c) 45%,transparent) !important;background:linear-gradient(180deg,#fff 0%,#fff 55%,color-mix(in srgb,var(--t) 45%,#fff) 100%) !important} html body .bh-kpi-section .bh-kpi-ico{width:44px !important;height:44px !important;border-radius:12px !important;margin:0 0 6px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:var(--t) !important;color:var(--c) !important;box-shadow:none !important} html body .bh-kpi-section .bh-kpi-ico svg{width:22px !important;height:22px !important} html body .bh-kpi-section .bh-kpi-num{font-family:var(--m-font) !important;font-weight:700 !important;font-size:clamp(20px,2.2vw,26px) !important;line-height:1.15 !important;color:#151515 !important;letter-spacing:-.01em !important} html body .bh-kpi-section .bh-kpi-label{font-size:12.5px !important;font-weight:600 !important;color:#5b5b5b !important;margin:0 !important} /* ৮টা রঙ — রেফারেন্স ছবির মতো */ html body .bh-kpi-section .bh-kpi:nth-child(8n+1){--c:#0284c7;--t:#e0f2fe} html body .bh-kpi-section .bh-kpi:nth-child(8n+2){--c:#e11d48;--t:#ffe4e6} html body .bh-kpi-section .bh-kpi:nth-child(8n+3){--c:#059669;--t:#d1fae5} html body .bh-kpi-section .bh-kpi:nth-child(8n+4){--c:#db2777;--t:#fce7f3} html body .bh-kpi-section .bh-kpi:nth-child(8n+5){--c:#16a34a;--t:#dcfce7} html body .bh-kpi-section .bh-kpi:nth-child(8n+6){--c:#dc2626;--t:#fee2e2} html body .bh-kpi-section .bh-kpi:nth-child(8n+7){--c:#ea580c;--t:#ffedd5} html body .bh-kpi-section .bh-kpi:nth-child(8n+8){--c:#d97706;--t:#fef3c7} @media (max-width:640px){ html body .bh-kpi-section .bh-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important} html body .bh-kpi-section .bh-kpi{padding:16px 8px 12px !important} html body .bh-kpi-section .bh-kpi-ico{width:40px !important;height:40px !important} } @media (min-width:641px){html body .bh-kpi-section .bh-kpi-grid.bh-kpi-cols3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}} /* ── KPI কার্ড ছোট (কম্প্যাক্ট) ─────────────────────────────────── */ html body .bh-kpi-section .bh-kpi-grid{gap:10px !important} @media (min-width:641px){html body .bh-kpi-section .bh-kpi-grid{grid-template-columns:repeat(var(--kpi-n,6),minmax(0,1fr)) !important}} html body .bh-kpi-section .bh-kpi{padding:14px 8px 10px !important;gap:2px !important;border-radius:14px !important} html body .bh-kpi-section .bh-kpi::before{width:22px;height:4px} html body .bh-kpi-section .bh-kpi-ico{width:36px !important;height:36px !important;border-radius:10px !important;margin:0 0 4px !important} html body .bh-kpi-section .bh-kpi-ico svg{width:18px !important;height:18px !important} html body .bh-kpi-section .bh-kpi-num{font-size:clamp(16px,1.6vw,20px) !important} html body .bh-kpi-section .bh-kpi-label{font-size:11.5px !important;line-height:1.3 !important} @media (max-width:640px){ html body .bh-kpi-section .bh-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important} html body .bh-kpi-section .bh-kpi-grid.bh-kpi-t4,html body .bh-kpi-section .bh-kpi-grid.bh-kpi-t8{grid-template-columns:repeat(4,minmax(0,1fr)) !important} html body .bh-kpi-section .bh-kpi-grid.bh-kpi-t2{grid-template-columns:repeat(2,minmax(0,1fr)) !important} html body .bh-kpi-section .bh-kpi{padding:11px 4px 8px !important;border-radius:12px !important} html body .bh-kpi-section .bh-kpi-ico{width:30px !important;height:30px !important;border-radius:9px !important;margin-bottom:3px !important} html body .bh-kpi-section .bh-kpi-ico svg{width:16px !important;height:16px !important} html body .bh-kpi-section .bh-kpi-num{font-size:15px !important} html body .bh-kpi-section .bh-kpi-label{font-size:10.5px !important} } @media (min-width:641px){html body .bh-kpi-section .bh-kpi-grid[style]{grid-template-columns:repeat(var(--kpi-n,6),minmax(0,1fr)) !important}} /* ═══ HOME COMPACT v3 — KPI চিপ, ছোট স্টোরি, প্রথম স্ক্রিনেই ক্যাটাগরি + পিন পণ্য ═══ */ html body .bh-kpi-section{padding:12px 0 0 !important} html body .bh-kpi-section .bh-kpi-grid,html body .bh-kpi-section .bh-kpi-grid[style]{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto !important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:2px 0 4px !important;grid-template-columns:none !important} html body .bh-kpi-section .bh-kpi-grid::-webkit-scrollbar{display:none} html body .bh-kpi-section .bh-kpi{flex:1 0 auto !important;min-width:128px;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;text-align:left !important;gap:9px !important;padding:8px 12px 8px 8px !important;border-radius:14px !important;background:var(--t) !important;border:0 !important;scroll-snap-align:start} html body .bh-kpi-section .bh-kpi:hover{background:var(--t) !important;transform:translateY(-1px) !important;box-shadow:none !important} html body .bh-kpi-section .bh-kpi::before{display:none !important} html body .bh-kpi-section .bh-kpi-ico{flex:0 0 32px !important;width:32px !important;height:32px !important;margin:0 !important;border-radius:10px !important;background:var(--c) !important;color:#fff !important} html body .bh-kpi-section .bh-kpi-ico svg{width:16px !important;height:16px !important} html body .bh-kpi-section .bh-kpi > .bh-kpi-num,html body .bh-kpi-section .bh-kpi > .bh-kpi-label{display:block} html body .bh-kpi-section .bh-kpi{display:grid !important;grid-template-columns:32px auto !important;grid-template-rows:auto auto !important;column-gap:9px !important;row-gap:0 !important} html body .bh-kpi-section .bh-kpi-ico{grid-row:1 / 3 !important} html body .bh-kpi-section .bh-kpi-num{font-size:15px !important;line-height:1.15 !important;color:#151515 !important;white-space:nowrap} html body .bh-kpi-section .bh-kpi-label{font-size:11px !important;line-height:1.2 !important;color:color-mix(in srgb,var(--c) 70%,#151515) !important;font-weight:600 !important;white-space:nowrap} @media (min-width:900px){html body .bh-kpi-section .bh-kpi{min-width:0;flex:1 1 0 !important;padding:10px 14px 10px 10px !important}html body .bh-kpi-section .bh-kpi-num{font-size:17px !important}html body .bh-kpi-section .bh-kpi-label{font-size:12px !important}} /* ক্যাটাগরি স্টোরি — ছোট */ html body .bh-stories-section{padding:14px 0 0 !important} html body .bh-stories-head{margin-bottom:8px !important} html body .bh-stories-title{font-size:17px !important} html body .bh-stories-head .section-link{padding:5px 11px !important;font-size:12px !important} html body .bh-stories-section .cat-stories{gap:8px !important;padding:2px 0 6px !important} html body .bh-stories-section .cat-story{width:84px !important} html body .bh-stories-section .cs-photo{aspect-ratio:3/4.4 !important;border-radius:14px !important;box-shadow:0 4px 12px -6px rgba(0,0,0,.35) !important} html body .bh-stories-section .cs-ring{top:6px !important;left:6px !important;width:26px !important;height:26px !important;padding:2px !important} html body .bh-stories-section .cs-ring svg{width:12px !important;height:12px !important} html body .bh-stories-section .cs-name{left:7px !important;right:7px !important;bottom:7px !important;font-size:11.5px !important} html body .bh-stories-section .cs-plus{width:34px !important;height:34px !important;font-size:20px !important} html body .bh-stories-section .cs-photo-all .cs-name{font-size:11px !important} @media (min-width:1024px){html body .bh-stories-section .cat-story{width:calc((100% - 72px) / 10) !important;min-width:96px}html body .bh-stories-section .cs-name{font-size:13px !important}html body .bh-stories-title{font-size:20px !important}} /* পিন পণ্য সেকশন — হেডার টাইট */ @media (max-width:767px){ html body .bh-stories-section + section.section-tight,html body .bh-stories-section ~ section.section-tight:first-of-type{padding-top:14px !important} html body .section-tight .section-head{margin-bottom:10px !important} html body .section-tight .section-head .eyebrow{display:none !important} html body .section-tight .section-title{font-size:19px !important} html body .hero-slider{margin-top:8px !important} } /* ═══ মোবাইলে কোনো ডানে-স্ক্রল নেই — KPI ৩×২, ক্যাটাগরি ৫ কলাম গ্রিড ═══ */ @media (max-width:899px){ html body .bh-kpi-section .bh-kpi-grid,html body .bh-kpi-section .bh-kpi-grid[style]{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;overflow:visible !important;gap:6px !important;padding:0 !important} html body .bh-kpi-section .bh-kpi-grid.bh-kpi-t4,html body .bh-kpi-section .bh-kpi-grid.bh-kpi-t8{grid-template-columns:repeat(2,minmax(0,1fr)) !important} html body .bh-kpi-section .bh-kpi-grid.bh-kpi-t2{grid-template-columns:repeat(2,minmax(0,1fr)) !important} html body .bh-kpi-section .bh-kpi{min-width:0 !important;grid-template-columns:26px minmax(0,1fr) !important;column-gap:6px !important;padding:7px 6px 7px 6px !important;border-radius:12px !important} html body .bh-kpi-section .bh-kpi-ico{flex-basis:26px !important;width:26px !important;height:26px !important;border-radius:8px !important} html body .bh-kpi-section .bh-kpi-ico svg{width:14px !important;height:14px !important} html body .bh-kpi-section .bh-kpi-num{font-size:13.5px !important;overflow:hidden;text-overflow:ellipsis} html body .bh-kpi-section .bh-kpi-label{font-size:10px !important;overflow:hidden;text-overflow:ellipsis} html body .bh-stories-section .cat-stories{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;overflow:visible !important;gap:6px !important;padding:0 !important} html body .bh-stories-section .cat-story{width:auto !important;min-width:0 !important} html body .bh-stories-section .cs-photo{aspect-ratio:3/4.2 !important;border-radius:12px !important} html body .bh-stories-section .cs-ring{width:22px !important;height:22px !important;top:5px !important;left:5px !important} html body .bh-stories-section .cs-ring svg{width:10px !important;height:10px !important} html body .bh-stories-section .cs-name{font-size:10.5px !important;left:5px !important;right:5px !important;bottom:5px !important} html body .bh-stories-section .cs-plus{width:26px !important;height:26px !important;font-size:16px !important} html body .bh-stories-section .cs-photo-all{gap:5px !important} html body .bh-stories-section .cs-photo-all .cs-name{font-size:10px !important} } @media (max-width:899px){html body .bh-kpi-section .bh-kpi-label{white-space:normal !important;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.15 !important}html body .bh-kpi-section .bh-kpi{align-items:center !important}} /* ═══ "যা যা পাবেন" কালেকশন — কমপ্যাক্ট গ্রিড, কোনো ডানে-স্ক্রল নেই ═══ */ html body .coll-showcase .coll-track{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;overflow:visible !important;padding:0 !important;flex-wrap:nowrap !important} html body .coll-showcase .coll-card{flex:none !important;width:auto !important;min-width:0 !important;aspect-ratio:4/4.6 !important;height:auto !important;border-radius:16px !important} html body .coll-showcase .coll-card img,html body .coll-showcase .coll-card video{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important} html body .coll-showcase .coll-card:nth-child(n+9){display:none !important} html body .coll-showcase .coll-peek-btn,html body .coll-showcase .coll-peek-fade{display:none !important} @media (max-width:767px){ html body .coll-showcase .coll-track{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important} html body .coll-showcase .coll-card:nth-child(n+5){display:none !important} html body .coll-showcase .coll-card{aspect-ratio:4/4.4 !important;border-radius:14px !important} } /* মোবাইলে AI বাটন ছোট — কার্ড ঢাকবে না */ @media (max-width:767px){html body .sa-fab{width:46px !important;height:46px !important;min-width:0 !important;padding:0 !important;right:10px !important}html body .sa-fab .sa-fab-label,html body .sa-fab span:not(.sa-online):not([class*=ico]){display:none !important}} /* ── অ্যাডমিন থেকে বদলানো ব্র্যান্ড রঙের hover ── */ html body .product-card .pc-ordernow-btn:hover,html body .pd-order-actions .btn-buynow:hover,html body .crt-checkout:hover,html body .co-submit:hover,html body .drawer-foot .btn-primary:hover,html body .drawer-summary .btn-primary:hover,html body .sum-box .btn-primary:hover{background:var(--m-accent-dark,#741832) !important;border-color:var(--m-accent-dark,#741832) !important} html body .pd-order-actions .btn-buynow,html body .co-submit,html body .crt-checkout{box-shadow:0 8px 22px rgba(var(--m-accent-rgb,142,30,63),.22) !important} .bh-co-steps li.is-active span{box-shadow:0 0 0 4px rgba(var(--m-accent-rgb,142,30,63),.12) !important}