/* ✅ DEC-25 (২/১০): Mulhim Mart নতুন design — mulhim-mart-homepage_FINLAL.html থেকে, শুধু mm- class (অন্য পেজের style-এ হাত দেয় না) */

  /* ✅ DEC-25 ধাপ ৩ (২/১০): Bangla font project-এ (Hind Siliguri, OFL) — শুধু বাংলা অক্ষরে, ১০% বড় (size-adjust),
     যাতে Poppins-এর ইংরেজির পাশে বাংলা ছোট/হালকা না দেখায়। CDN-এর উপর নির্ভর নেই। */
  @font-face{font-family:'MM Bangla';font-style:normal;font-weight:400;font-display:swap;src:url('../vendor/hind-siliguri/hind-siliguri-bengali-400-normal.woff2') format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;size-adjust:110%}
  @font-face{font-family:'MM Bangla';font-style:normal;font-weight:500;font-display:swap;src:url('../vendor/hind-siliguri/hind-siliguri-bengali-500-normal.woff2') format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;size-adjust:110%}
  @font-face{font-family:'MM Bangla';font-style:normal;font-weight:600;font-display:swap;src:url('../vendor/hind-siliguri/hind-siliguri-bengali-600-normal.woff2') format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;size-adjust:110%}
  @font-face{font-family:'MM Bangla';font-style:normal;font-weight:700;font-display:swap;src:url('../vendor/hind-siliguri/hind-siliguri-bengali-700-normal.woff2') format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;size-adjust:110%}

  /* ✅ FIX DEC-29 (৩/১০, developer: "theme color change korlam, site e ashe na"): এখানে আগে পুরনো রঙের
     একটা :root ছিল, আর ফাইলের নিচে DEC-29-এর :root একই variable আবার বসাত — নিচেরটা জেতে, তাই এখানে রং
     বদলালে site-এ কিছুই বদলাত না। এখন রং শুধু এক জায়গায়: নিচের "DEC-29 PREMIUM REDESIGN" block-এর :root। */

  /* ===== Top bar ===== */
  .mm-topbar{background:var(--mm-primary);color:#fff;font-size:12px;padding:9px 0}
  .mm-topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:14px}
  .mm-topbar-group{display:flex;align-items:center;gap:24px}
  .mm-topbar a,.mm-topbar-item{color:#fff;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .mm-topbar a:hover{color:var(--mm-accent)}
  .mm-topbar i{font-size:12px}
  .mm-topbar-accent i{color:var(--mm-accent)}
  .mm-topbar-social{display:flex;gap:14px;margin-left:6px}
  .mm-topbar-social a{font-size:13px}

  /* ===== Header ===== */
  .mm-header{background:#fff;padding:16px 0}
  .mm-header-inner{display:flex;align-items:center;gap:22px}
  .mm-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
  .mm-logo-mark{width:50px;height:50px;border-radius:12px;background:var(--mm-primary);color:var(--mm-accent);display:flex;align-items:center;justify-content:center;font-size:26px}
  .mm-logo-title{font-size:20px;font-weight:700;color:var(--mm-primary);line-height:1.1;margin:0}
  .mm-logo-tag{font-size:10px;color:var(--mm-muted);margin:0}
  .mm-delivery{border-left:1px solid var(--mm-border);padding-left:20px;flex-shrink:0}
  .mm-delivery-btn{background:none;border:0;padding:0;text-align:left;line-height:1.25;color:var(--mm-text)}
  .mm-delivery-label{font-size:11px;color:var(--mm-muted);display:flex;align-items:center;gap:5px}
  .mm-delivery-value{font-size:15px;font-weight:600;display:flex;align-items:center;gap:7px}
  .mm-delivery-value i{font-size:11px}
  .mm-delivery-btn:hover .mm-delivery-value{color:var(--mm-primary)}
  .mm-delivery-menu{font-size:13px;border-radius:10px;border-color:var(--mm-border);box-shadow:0 10px 24px rgba(3,57,108,.12);padding:6px}
  .mm-delivery-menu .dropdown-item{border-radius:6px;padding:7px 12px}
  .mm-delivery-menu .dropdown-item:active,.mm-delivery-menu .dropdown-item.mm-selected{background:var(--mm-primary-soft);color:var(--mm-primary);font-weight:600}
  .mm-search-wrap{flex:1 1 auto;min-width:0}
  .mm-search{display:flex;border:1px solid var(--mm-border);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(3,57,108,.05)}
  .mm-search input{border:0;outline:0;flex:1;min-width:0;padding:13px 22px;font-size:14px;background:transparent}
  .mm-search button{border:0;background:var(--mm-primary);color:#fff;width:62px;font-size:17px}
  .mm-search button:hover{background:var(--mm-accent)}
  .mm-header-actions{display:flex;align-items:center;gap:26px;flex-shrink:0}
  .mm-header-action{display:inline-flex;align-items:center;gap:10px;color:var(--mm-text);position:relative;line-height:1.2}
  .mm-header-action > i{font-size:30px;color:var(--mm-primary)}
  .mm-header-action b{display:block;font-size:14px;font-weight:600}
  .mm-header-action small{display:block;font-size:12px;color:var(--mm-muted)}
  .mm-header-action:hover b{color:var(--mm-accent-dark)}
  .mm-cart-count{position:absolute;top:-6px;left:20px;background:var(--mm-accent);color:#fff;font-size:9px;border-radius:20px;padding:1px 6px;font-weight:600;font-style:normal}

  /* ===== Nav (Home + categories) ===== */
  .mm-navbar{background:#fff;border-top:1px solid var(--mm-border);border-bottom:1px solid var(--mm-border)}
  .mm-navbar-inner{display:flex;align-items:center}
  .mm-nav-scroll{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
  .mm-nav-scroll::-webkit-scrollbar{display:none}
  .mm-nav-link{flex:0 0 auto;position:relative;display:flex;align-items:center;gap:7px;padding:17px 24px;font-size:14px;font-weight:500;color:var(--mm-text);white-space:nowrap}
  .mm-nav-link::before{content:"";position:absolute;left:0;top:50%;height:18px;width:1px;margin-top:-9px;background:var(--mm-border)}
  .mm-nav-link:first-child{padding-left:0}
  .mm-nav-link:first-child::before{display:none}
  .mm-nav-link i.bi-chevron-down{font-size:9px;color:var(--mm-muted)}
  .mm-nav-link:hover{color:var(--mm-primary)}
  .mm-nav-link.mm-active{font-weight:700;color:var(--mm-primary)}
  .mm-nav-link.mm-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--mm-primary)}
  .mm-nav-link.mm-active i.bi-house-door-fill{color:var(--mm-accent)}
  .mm-nav-arrow{flex:0 0 42px;height:50px;border:0;background:#fff;color:var(--mm-text);font-size:14px;box-shadow:-10px 0 10px -4px #fff}
  .mm-nav-arrow:hover{color:var(--mm-primary)}

  /* ===== Role cards ===== */
  .mm-roles{padding:22px 0 8px}
  .mm-role-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:10px;height:100%;position:relative;transition:.2s}
  .mm-role-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(3,57,108,.12)}
  .mm-role-icon{font-size:38px;flex-shrink:0}
  .mm-role-title{font-size:14px;font-weight:600;margin:0 0 2px}
  .mm-role-sub{font-size:10.5px;color:var(--mm-muted);margin:0;line-height:1.4}
  .mm-role-arrow{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
  .mm-role-customer{background:#eaf1ff}.mm-role-customer .mm-role-icon,.mm-role-customer .mm-role-title,.mm-role-customer .mm-role-arrow{color:var(--mm-primary)}
  .mm-role-reseller{background:#e9f7ee}.mm-role-reseller .mm-role-icon,.mm-role-reseller .mm-role-title,.mm-role-reseller .mm-role-arrow{color:#1f8a4c}
  .mm-role-vendor{background:#fdeee3}.mm-role-vendor .mm-role-icon,.mm-role-vendor .mm-role-title,.mm-role-vendor .mm-role-arrow{color:#e0661f}
  .mm-role-hub{background:#f1ecfb}.mm-role-hub .mm-role-icon,.mm-role-hub .mm-role-title,.mm-role-hub .mm-role-arrow{color:#6b3fc2}
  .mm-role-affiliate{background:#e2f1fd}.mm-role-affiliate .mm-role-icon,.mm-role-affiliate .mm-role-title,.mm-role-affiliate .mm-role-arrow{color:#0b66c3}
  .mm-role-c2c{background:#fff3df}.mm-role-c2c .mm-role-icon,.mm-role-c2c .mm-role-title,.mm-role-c2c .mm-role-arrow{color:var(--mm-accent-dark)}

  /* ===== Section heading ===== */
  .mm-section{padding:22px 0 6px}
  .mm-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
  .mm-section-title{font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}
  .mm-section-title i{color:var(--mm-accent)}
  .mm-view-all{font-size:10.5px;color:var(--mm-muted);font-weight:500}
  .mm-view-all:hover{color:var(--mm-primary)}

  /* ===== Categories ===== */
  .mm-cat-row{display:flex;justify-content:space-between;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:none}
  .mm-cat-row::-webkit-scrollbar{display:none}
  .mm-cat-item{text-align:center;min-width:104px;flex:1 0 104px;position:relative;scroll-snap-align:start} /* ✅ DEC-25 ধাপ ৩: auto slider */
  .mm-cat-item + .mm-cat-item::before{content:"";position:absolute;left:-5px;top:12px;height:50px;width:1px;background:var(--mm-border)}
  .mm-cat-circle{width:62px;height:62px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:28px;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.07)}
  .mm-cat-name{font-size:10.5px;font-weight:500;color:var(--mm-text)}
  .mm-cat-item:hover .mm-cat-name{color:var(--mm-primary)}

  /* ===== Promo banners ===== */
  .mm-promo{border-radius:10px;min-height:138px;padding:24px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;height:100%}
  .mm-promo-dark{background:linear-gradient(110deg,#0b1430 0%,#13224d 60%,#1a2b5e 100%);color:#fff}
  .mm-promo-green{background:linear-gradient(110deg,#e9f4e2 0%,#cfe6c4 100%);color:#12331f}
  .mm-promo-label{font-size:11px;margin-bottom:4px}
  .mm-promo-title{font-size:22px;font-weight:700;margin:0;line-height:1.2}
  .mm-promo-sub{font-size:13px;margin:4px 0 14px}
  .mm-btn-white{background:#fff;color:var(--mm-dark);border:0;border-radius:30px;padding:8px 20px;font-size:11.5px;font-weight:600;display:inline-flex;gap:8px;align-items:center;width:max-content}
  .mm-btn-white:hover{background:var(--mm-accent);color:#fff}
  .mm-btn-green{background:#14602f;color:#fff;border:0;border-radius:30px;padding:8px 20px;font-size:11.5px;font-weight:600;display:inline-flex;gap:8px;align-items:center;width:max-content}
  .mm-btn-green:hover{background:var(--mm-accent);color:#fff}
  .mm-promo-art{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:80px;letter-spacing:6px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.3))}

  /* ===== Showcase panels (Flash Sale / Personalized / C2C / Reseller / Hub / Vendor) ===== */
  .mm-showcase{padding:22px 0 4px}
  .mm-panel{border-radius:12px;padding:14px;height:100%;border:1px solid rgba(3,57,108,.06)}
  .mm-panel-flash{background:#fde9ea;border-color:#f8cfd2}
  .mm-panel-personal{background:#e6effd;border-color:#d3e1fa}
  .mm-panel-c2c{background:#e5f3ea;border-color:#cde8d7}
  .mm-panel-reseller{background:#fff1dc;border-color:#fbe0b4}
  .mm-panel-hub{background:#e1f4f0;border-color:#c4e8e0}
  .mm-panel-vendor{background:#e7eefc;border-color:#d3e0f8}
  .mm-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}
  .mm-panel-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}
  .mm-panel-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;flex-shrink:0}
  .mm-panel-title{font-size:15px;font-weight:700;margin:0;line-height:1.2}
  .mm-panel-sub{font-size:10.5px;color:var(--mm-muted);margin:0}
  .mm-panel-link{font-size:10.5px;font-weight:500;white-space:nowrap}
  .mm-panel-link:hover{color:var(--mm-accent-dark)}
  .mm-flash-pill{display:inline-flex;align-items:center;gap:6px;background:#e11d48;color:#fff;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:700}
  .mm-flash-timer{background:#fff;border-radius:20px;padding:4px 12px;font-size:10.5px;font-weight:600;color:var(--mm-text);white-space:nowrap}
  .mm-panel-foot{text-align:right;margin-top:10px}
  .mm-panel-foot a{font-size:10.5px;font-weight:600;color:#e11d48}
  /* ✅ DEC-25 ধাপ ৩ (২/১০): panel-এর ভেতরে slider — ৩টা দেখায় (বড় panel-এ ৪টা), বাকিগুলো পাশে সরে আসে */
  .mm-panel-grid{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
  .mm-panel-grid::-webkit-scrollbar{display:none}
  .mm-panel-grid > *{flex:0 0 calc((100% - 16px) / 3);scroll-snap-align:start}
  .mm-panel-wide .mm-panel-grid > *{flex-basis:calc((100% - 24px) / 4)}
  .mm-mini-card{background:#fff;border-radius:9px;padding:8px;position:relative;box-shadow:0 2px 8px rgba(3,57,108,.06);min-width:0}
  .mm-mini-img{height:80px;border-radius:7px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:8px;overflow:hidden}
  .mm-mini-img img{max-width:100%;max-height:100%;object-fit:contain}
  .mm-mini-name{font-size:10px;font-weight:600;margin:0 0 3px;line-height:1.3}
  .mm-mini-price{font-size:11.5px;font-weight:700;color:var(--mm-text)}
  .mm-mini-price del{font-size:8.5px;color:#9ca3af;font-weight:400;margin-left:4px}
  .mm-mini-off{position:absolute;right:6px;bottom:8px;background:#e11d48;color:#fff;font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:4px}
  .mm-mini-tag{position:absolute;left:8px;top:8px;background:#e11d48;color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:2}
  .mm-mini-rating{font-size:9.5px;color:var(--mm-muted);display:flex;align-items:center;gap:3px;margin:3px 0 6px}
  .mm-mini-rating i{color:var(--mm-accent);font-size:9px}
  .mm-mini-loc{font-size:9px;color:var(--mm-muted);margin-top:3px;display:flex;align-items:center;gap:3px}
  .mm-mini-loc i{color:#e11d48}
  .mm-mini-btn{display:block;width:100%;border:0;border-radius:5px;background:var(--mm-primary);color:#fff;font-size:9.5px;font-weight:600;padding:5px 0;text-align:center}
  .mm-mini-btn:hover{background:var(--mm-accent);color:#fff}
  .mm-mini-btn-outline{background:#fff;color:var(--mm-primary);border:1px solid var(--mm-primary-soft);box-shadow:0 0 0 1px #d6e0f7 inset}
  .mm-mini-btn-outline:hover{background:var(--mm-primary);color:#fff}

  /* ===== Product cards ===== */
  .mm-product-card{background:#fff;border:1px solid var(--mm-border);border-radius:10px;padding:10px;position:relative;height:100%;transition:.2s}
  .mm-product-card:hover{box-shadow:0 10px 24px rgba(3,57,108,.12);border-color:var(--mm-primary-soft)}
  .mm-product-img{background:#f3f4f6;border-radius:8px;height:112px;display:flex;align-items:center;justify-content:center;font-size:56px;margin-bottom:12px;overflow:hidden}
  .mm-product-img img{max-width:100%;max-height:100%;object-fit:contain}
  .mm-product-badge{position:absolute;top:16px;left:16px;background:#16a34a;color:#fff;font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;z-index:2}
  .mm-product-wish{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--mm-muted);z-index:2;border:0;padding:0}
  .mm-product-wish:hover{color:#e11d48}
  .mm-product-name{font-size:11px;font-weight:600;margin:0 0 4px}
  .mm-product-rating{font-size:8.5px;color:var(--mm-muted);display:flex;align-items:center;gap:4px;margin-bottom:8px}
  .mm-product-rating i{color:var(--mm-accent);font-size:9px;letter-spacing:-1px}
  .mm-product-bottom{display:flex;justify-content:space-between;align-items:center}
  .mm-price{font-size:12px;font-weight:700;color:var(--mm-text)}
  .mm-price del{font-size:9px;color:#9ca3af;font-weight:400;margin-left:5px}
  .mm-product-cart{width:24px;height:24px;border:1px solid var(--mm-border);background:#fff;border-radius:5px;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--mm-primary);padding:0}
  .mm-product-cart:hover{background:var(--mm-primary);color:#fff;border-color:var(--mm-primary)}

  /* ===== Best deals ===== */
  .mm-deals{display:flex;border-radius:10px;overflow:hidden;min-height:104px;margin-top:28px}
  .mm-deals-left{flex:0 0 49%;background:linear-gradient(110deg,#263f96,#0d3da3);color:#fff;display:flex;align-items:center;gap:16px;padding:18px 24px}
  .mm-deals-tag{width:48px;height:48px;border-radius:50%;background:var(--mm-accent);display:flex;align-items:center;justify-content:center;font-size:24px;transform:rotate(-20deg);flex-shrink:0}
  .mm-deals-title{font-size:16px;font-weight:700;margin:0}
  .mm-deals-sub{font-size:11.5px;margin:2px 0 10px;opacity:.9}
  .mm-btn-outline{border:1px solid rgba(255,255,255,.85);background:transparent;color:#fff;border-radius:30px;padding:7px 20px;font-size:11.5px;font-weight:500;display:inline-flex;gap:8px;align-items:center}
  .mm-btn-outline:hover{background:var(--mm-accent);border-color:var(--mm-accent);color:#fff}
  .mm-deals-right{flex:1;background:linear-gradient(110deg,#1b2e72,#0a2a78);display:flex;align-items:center;padding:16px 26px;color:#fff;justify-content:space-between;position:relative}
  .mm-deals-hurry{font-size:13px;font-weight:600;margin-bottom:8px}
  .mm-countdown{display:flex;gap:8px}
  .mm-count-box{background:#fff;color:var(--mm-primary);border-radius:6px;width:46px;padding:6px 0 4px;text-align:center}
  .mm-count-box b{display:block;font-size:17px;line-height:1.1}
  .mm-count-box small{font-size:7.5px;color:var(--mm-muted)}
  .mm-deals-art{font-size:64px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35))}

  /* ===== Why choose ===== */
  .mm-why{padding:34px 0 10px}
  .mm-why-item{display:flex;align-items:center;gap:14px;padding:6px 14px;height:100%}
  .mm-why-icon{width:50px;height:50px;border-radius:50%;background:var(--mm-primary-soft);color:var(--mm-primary);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
  .mm-why-title{font-size:12px;font-weight:600;margin:0 0 3px}
  .mm-why-text{font-size:10.5px;color:var(--mm-muted);margin:0;line-height:1.45}
  @media(min-width:992px){.mm-why-col + .mm-why-col .mm-why-item{border-left:1px solid var(--mm-border)}}

  /* ===== More than marketplace ===== */
  .mm-community{margin-top:26px;border-radius:10px;background:linear-gradient(100deg,#e9eef0 0%,#f8f1e6 40%,#fbf6ee 100%);overflow:hidden;display:flex;align-items:center;min-height:210px;position:relative}
  .mm-community-art{flex:0 0 190px;font-size:76px;text-align:center}
  .mm-community-body{flex:1;padding:18px 10px}
  .mm-community-title{font-size:16px;font-weight:700;margin:0 0 6px}
  .mm-community-text{font-size:11.5px;color:#5b5f68;max-width:370px;margin:0 0 14px;line-height:1.55}
  .mm-community-net{flex:0 0 420px;aspect-ratio:21/10;position:relative;margin-right:24px}
  .mm-community-net::before{content:"";position:absolute;inset:6% 10%;border-radius:50%;background:radial-gradient(circle,rgba(3,57,108,.10) 0%,rgba(3,57,108,0) 68%)}
  .mm-net-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .mm-net-lines line{stroke:var(--mm-primary);stroke-opacity:.35;stroke-width:1.5;stroke-dasharray:4 6;stroke-linecap:round;animation:mm-flow 1.4s linear infinite}
  .mm-net-spark{fill:var(--mm-accent)}
  .mm-net-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(3,57,108,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;font-weight:700;color:var(--mm-primary);text-align:center;line-height:1.15;z-index:3}
  .mm-net-center i{font-size:22px;color:var(--mm-accent)}
  .mm-net-center::before,.mm-net-center::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--mm-primary);opacity:0;animation:mm-pulse 3s ease-out infinite;z-index:-1}
  .mm-net-center::after{animation-delay:1.5s}
  .mm-net-node{position:absolute;transform:translate(-50%,-50%);z-index:2}
  .mm-net-float{position:relative;width:44px;height:44px;animation:mm-float 4s ease-in-out infinite}
  .mm-net-dot{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 14px rgba(0,0,0,.18);border:3px solid #fff;transition:transform .25s ease}
  .mm-net-node:hover .mm-net-dot{transform:scale(1.12)}
  .mm-net-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#fff;color:var(--mm-text);font-size:10.5px;font-weight:600;padding:2px 10px;border-radius:20px;white-space:nowrap;box-shadow:0 2px 8px rgba(3,57,108,.10)}
  .mm-net-1{left:19%;top:20%}.mm-net-1 .mm-net-dot{background:#2563eb}
  .mm-net-2{left:81%;top:20%}.mm-net-2 .mm-net-dot{background:#1f8a4c}.mm-net-2 .mm-net-float{animation-delay:-1s}
  .mm-net-3{left:19%;top:75%}.mm-net-3 .mm-net-dot{background:#e0661f}.mm-net-3 .mm-net-float{animation-delay:-2s}
  .mm-net-4{left:81%;top:75%}.mm-net-4 .mm-net-dot{background:#6b3fc2}.mm-net-4 .mm-net-float{animation-delay:-3s}
  @keyframes mm-flow{to{stroke-dashoffset:-20}}
  @keyframes mm-pulse{0%{transform:scale(1);opacity:.4}100%{transform:scale(1.9);opacity:0}}
  @keyframes mm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  @media (prefers-reduced-motion:reduce){
    .mm-net-lines line,.mm-net-center::before,.mm-net-center::after,.mm-net-float{animation:none}
    .mm-net-spark{display:none}
  }

  /* ===== Testimonials ===== */
  .mm-review-card{display:flex;gap:14px;align-items:center;border:1px solid var(--mm-border);border-radius:10px;padding:18px;height:100%;background:#fff}
  .mm-review-avatar{width:50px;height:50px;border-radius:50%;background:var(--mm-primary-soft);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
  .mm-review-text{font-size:11px;color:#4b5160;margin:0 0 8px;line-height:1.5}
  .mm-review-name{font-size:10.5px;font-weight:600;margin:0;color:var(--mm-primary)}
  .mm-review-role{font-size:9px;color:var(--mm-muted);margin:0}

  /* ===== App download ===== */
  .mm-app{margin-top:34px;background:linear-gradient(100deg,#e3edfb 0%,#eef4fd 55%,#f3f7fd 100%);border:1px solid #dbe6f8;border-radius:12px;padding:0 26px;display:flex;align-items:center;gap:26px;overflow:hidden}
  .mm-app-phones{flex:0 0 230px;height:150px;position:relative;align-self:flex-end}
  .mm-app-phone{position:absolute;bottom:-14px;width:84px;height:158px;background:#111827;border-radius:16px;padding:4px;box-shadow:0 8px 20px rgba(3,57,108,.25)}
  .mm-app-phone-screen{background:#fff;border-radius:12px;height:100%;padding:8px 6px;overflow:hidden}
  .mm-app-phone-bar{height:6px;border-radius:4px;background:var(--mm-primary);margin-bottom:6px}
  .mm-app-phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
  .mm-app-phone-grid i{display:block;height:22px;border-radius:4px;background:#eef1fb}
  .mm-app-phone-grid i:nth-child(3n+2){background:#fff1d6}
  .mm-app-phone-1{left:6px;transform:rotate(-4deg);bottom:-26px}
  .mm-app-phone-2{left:70px;width:96px;height:172px;z-index:2;bottom:-12px}
  .mm-app-phone-3{left:140px;transform:rotate(4deg);bottom:-26px}
  .mm-app-body{flex:1;padding:22px 0}
  .mm-app-title{font-size:19px;font-weight:700;color:var(--mm-primary);margin:0 0 2px}
  .mm-app-sub{font-size:12px;font-weight:600;color:var(--mm-primary);margin:0 0 6px}
  .mm-app-text{font-size:11px;color:#5b6479;margin:0 0 14px;max-width:290px;line-height:1.5}
  .mm-store-btns{display:flex;gap:10px;flex-wrap:wrap}
  .mm-store-btn{display:inline-flex;align-items:center;gap:9px;background:#000;color:#fff;border-radius:7px;padding:7px 14px;line-height:1.1}
  .mm-store-btn i{font-size:22px}
  .mm-store-btn small{display:block;font-size:7.5px;opacity:.85}
  .mm-store-btn b{font-size:13px;font-weight:600}
  .mm-store-btn:hover{background:var(--mm-primary);color:#fff}
  .mm-app-features{flex:0 0 400px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}
  .mm-app-feature{background:#fff;border:1px solid #e1eaf8;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--mm-primary);line-height:1.3}
  .mm-app-feature span{width:34px;height:34px;border-radius:50%;background:var(--mm-primary-soft);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
  .mm-app-feature:hover span{background:var(--mm-accent);color:#fff}

  /* ===== Footer ===== */
  .mm-footer{background:var(--mm-dark);color:#cfd5e6;margin-top:30px;padding-top:46px}
  .mm-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.15fr 1.1fr 1.5fr;gap:36px;align-items:start}
  .mm-footer-logo{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:16px}
  .mm-footer-logo .mm-logo-mark{width:44px;height:44px;font-size:22px;background:#fff;color:var(--mm-primary);border-radius:11px}
  .mm-footer-logo b{font-size:18px;display:block;line-height:1.15}
  .mm-footer-logo small{font-size:10.5px;opacity:.75}
  .mm-footer-text{font-size:13px;line-height:1.75;max-width:290px;margin:0 0 20px}
  .mm-social{display:flex;gap:12px}
  .mm-social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;transition:.2s}
  .mm-social a:hover{background:var(--mm-accent);transform:translateY(-2px)}
  .mm-footer-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 22px;padding-bottom:11px;position:relative;line-height:1.2}
  .mm-footer-title::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:3px;background:var(--mm-accent)}
  .mm-footer-links li{margin-bottom:14px}
  .mm-footer-links a{font-size:13.5px;color:#cfd5e6;transition:.2s;display:inline-block}
  .mm-footer-links a:hover{color:var(--mm-accent);transform:translateX(3px)}
  .mm-footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:13.5px;line-height:1.5}
  .mm-footer-contact i{color:var(--mm-accent);font-size:16px;width:18px;flex-shrink:0;margin-top:2px}
  .mm-footer-contact a{color:#cfd5e6;word-break:break-word}
  .mm-footer-contact a:hover{color:var(--mm-accent)}
  .mm-footer-news{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:36px;padding:20px 24px;border-radius:12px;background:rgba(255,255,255,.05)}
  .mm-footer-news h5{font-size:15px;font-weight:600;color:#fff;margin:0 0 3px}
  .mm-footer-news p{font-size:12.5px;margin:0}
  .mm-subscribe{display:flex;gap:8px;flex:0 1 430px;width:100%}
  .mm-subscribe input{flex:1;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:11px 14px;font-size:13px;color:#fff;outline:0}
  .mm-subscribe input::placeholder{color:#9aa3bd}
  .mm-subscribe input:focus{border-color:var(--mm-accent)}
  .mm-subscribe button{background:var(--mm-accent);color:#fff;border:0;border-radius:8px;padding:0 24px;font-size:13px;font-weight:600}
  .mm-subscribe button:hover{background:var(--mm-accent-dark)}
  .mm-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px}
  .mm-pay{display:flex;align-items:center;gap:8px}
  .mm-pay-badge{background:#fff;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.3}
  @media(max-width:991px){
    .mm-footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}
    .mm-footer-brand,.mm-footer-contact-col{grid-column:1/-1}
  }

  /* ===== Responsive ===== */
  @media(max-width:991px){
        .mm-topbar-center{display:none !important}
    .mm-header-inner{flex-wrap:wrap;gap:14px}
    .mm-search-wrap{order:5;flex:1 1 100%}
    .mm-header-actions{margin-left:auto;gap:18px}
    .mm-nav-link{padding:15px 18px}
    .mm-deals{flex-direction:column}
    .mm-deals-left{flex:auto}
    .mm-community{flex-direction:column;text-align:center}
    .mm-community-art{flex:auto;padding-top:14px}
    .mm-community-text{margin-left:auto;margin-right:auto}
    .mm-community-net{flex:auto;width:100%;max-width:420px;margin:0 auto 18px}
    .mm-promo-art{font-size:56px}
    .mm-app{flex-direction:column;align-items:stretch;padding:18px}
    .mm-app-phones{display:none}
    .mm-app-body{padding:0}
    .mm-app-features{flex:auto;padding:0}
  }
  @media(max-width:575px){
    .mm-app-features{grid-template-columns:1fr}
  }
  @media(max-width:575px){
    .mm-topbar-email,.mm-topbar-loc{display:none !important}
    .mm-topbar-group{gap:16px}
    .mm-header-action div{display:none}
    .mm-footer-bottom{flex-direction:column;gap:4px;align-items:center}
    .mm-deals-art{display:none}
  }

  /* ===== Featured products ===== */
  .mm-featured{padding:32px 0 6px}
  .mm-fcard{background:#fff;border:1px solid var(--mm-border);border-radius:8px;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;padding-bottom:12px;transition:.2s}
  .mm-fcard:hover{box-shadow:0 10px 24px rgba(3,57,108,.12);border-color:#d3e0f8}
  .mm-fcard-badge{position:absolute;top:8px;left:8px;background:#e11d48;color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;z-index:2}
  .mm-fcard-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#f6f8fc;font-size:62px;overflow:hidden}
  .mm-fcard-img img{width:100%;height:100%;object-fit:cover}
  .mm-fcard-body{padding:12px 12px 0;display:flex;flex-direction:column;flex:1}
  .mm-fcard-name{font-size:12.5px;font-weight:600;line-height:1.35;margin:0 0 3px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mm-fcard-cat{font-size:11px;color:var(--mm-primary);margin-bottom:8px;opacity:.85}
  .mm-fcard-cat:hover{color:var(--mm-accent-dark)}
  .mm-fcard-meta{display:flex;justify-content:space-between;align-items:center;gap:4px;margin:auto 0 10px}
  .mm-fcard-price{font-size:14px;font-weight:700}
  .mm-fcard-price del{font-size:10px;color:#9ca3af;font-weight:400;margin-left:4px}
  .mm-fcard-price-sale{color:#e11d48}
  .mm-fcard-rate{background:#eaf0fe;color:var(--mm-primary);font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px;display:inline-flex;gap:3px;align-items:center}
  .mm-fcard-rate i{font-size:9px}
  .mm-fcard-btn{width:100%;border:0;border-radius:6px;background:var(--mm-primary);color:#fff;font-size:11.5px;font-weight:600;padding:9px 0;display:flex;align-items:center;justify-content:center;gap:6px;transition:.2s}
  .mm-fcard-btn:hover{background:var(--mm-accent)}
  .mm-fcard-btn[disabled]{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}
  .mm-browse-wrap{text-align:center;margin-top:24px}
  .mm-btn-browse{display:inline-flex;align-items:center;gap:8px;background:var(--mm-primary);color:#fff;border-radius:6px;padding:10px 26px;font-size:12px;font-weight:600;transition:.2s}
  .mm-btn-browse:hover{background:var(--mm-accent);color:#fff}

  /* ===== Mobile-only pieces (base) ===== */
  .mm-delivery-pin{display:none}
  .mm-timer-pill{background:#e11d48;color:#fff;font-size:10.5px;font-weight:600;border-radius:14px;padding:2px 9px;margin-left:4px}
  .mm-quick{padding:12px 0 6px}
  .mm-quick-row{display:flex;justify-content:space-between;gap:6px;overflow-x:auto;scrollbar-width:none}
  .mm-quick-row::-webkit-scrollbar{display:none}
  .mm-quick-item{flex:1 0 62px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;font-weight:600;text-align:center;color:var(--mm-text)}
  .mm-quick-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px}
  .mm-deal-day{padding:16px 0 4px}
  .mm-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 18px rgba(3,57,108,.14);display:flex;justify-content:space-around;padding:9px 6px calc(9px + env(safe-area-inset-bottom,0px))}
  .mm-bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--mm-text);position:relative}
  .mm-bn-item i{font-size:22px}
  .mm-bn-active{color:var(--mm-primary)}
  .mm-bn-active i{color:var(--mm-primary)}
  .mm-bn-badge{position:absolute;top:-4px;left:calc(50% + 4px);background:var(--mm-accent);color:#fff;font-size:8.5px;font-style:normal;font-weight:700;border-radius:10px;padding:0 5px;line-height:15px}

  /* ===== APP-STYLE MOBILE LAYOUT (phones) ===== */
  @media(max-width:767.98px){
    body{padding-bottom:7px}
    .mm-topbar,.mm-navbar,.mm-roles{display:none}

    /* header: logo mark | delivery pill | account | cart, search below */
    .mm-header{padding:12px 0 8px;background:transparent}
    .mm-header-inner{gap:8px;row-gap:8px}
    .mm-header-inner::before{content:"";order:3;flex:0 0 100%;height:0;margin-bottom:-8px}
    .mm-logo{order:1;flex:1 1 auto;min-width:0}
    .mm-header-actions{order:2}
    .mm-search-wrap{order:5;flex:1 1 0;min-width:0}
    .mm-logo-mark{width:42px;height:42px;font-size:21px;border-radius:12px}
    .mm-logo{gap:9px}
    .mm-logo-title{font-size:18px}
    .mm-logo-tag{font-size:9.5px}
    .mm-delivery{display:block;order:4;flex:0 0 auto;border:1px solid var(--mm-border);border-radius:12px;background:#fff;padding:5px 10px;margin:0}
    .mm-delivery-btn{display:flex;align-items:center;gap:9px;width:100%}
    .mm-delivery-pin{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--mm-primary-soft);color:var(--mm-primary);font-size:15px;flex-shrink:0}
    .mm-delivery-info{min-width:0}
    .mm-delivery-label i{display:none}
    .mm-delivery-label{font-size:10px}
    .mm-delivery-value{font-size:13.5px}
    .mm-header-actions{margin-left:0;gap:8px}
    .mm-header-action > i{width:42px;height:42px;border:1px solid var(--mm-border);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:19px}
    .mm-header-action div{display:none}
    .mm-cart-count{top:-6px;left:auto;right:-6px}
    .mm-search{border-radius:12px;box-shadow:none}
    .mm-search input{padding:11px 16px;font-size:13px}
    .mm-search button{width:48px;background:#fff;color:var(--mm-muted);order:-1;font-size:15px}


    /* headings + sections */
    .mm-section,.mm-showcase,.mm-featured{padding-top:16px}
    .mm-section-title{font-size:14.5px}
    .mm-cat-row{gap:4px}
    .mm-cat-circle{width:56px;height:56px;font-size:25px}

    /* promo banners = two compact cards */
    .mm-promo{min-height:116px;padding:14px 12px;border-radius:14px}
    .mm-promo-title{font-size:15px !important}
    .mm-promo-label{font-size:10px}
    .mm-promo-sub{font-size:10.5px;margin:2px 0 8px}
    .mm-promo-art{font-size:36px;letter-spacing:0;right:8px;top:auto;bottom:8px;transform:none}
    .mm-btn-white,.mm-btn-green{padding:6px 12px;font-size:10px}

    /* showcase panels swipe sideways inside each card */
    .mm-panel-grid > *,.mm-panel-wide .mm-panel-grid > *{flex-basis:44%}

    .mm-fcard-name{font-size:12px}
    .mm-footer{padding-bottom:10px}
  }

  /* ===== Sticky header ===== */
  .mm-sticky{position:sticky;top:0;z-index:1020;background:#fff;transition:box-shadow .25s ease}
  .mm-sticky.mm-stuck{box-shadow:0 6px 18px rgba(3,57,108,.12)}
  #mmCategories{scroll-margin-top:150px}
  @media(max-width:767.98px){
    .mm-sticky{background:#fff}
    .mm-sticky .mm-header{padding-top:10px}
    #mmCategories{scroll-margin-top:140px}
  }

  /* ===== Footer accordion (phones) ===== */
  .mm-footer-chev{display:none;transition:transform .25s ease}
  @media(max-width:767.98px){
    .mm-footer{padding-top:30px}
    .mm-footer-grid{grid-template-columns:1fr;gap:0}
    .mm-footer-brand{padding-bottom:22px}
    .mm-footer-col{border-top:1px solid rgba(255,255,255,.1)}
    .mm-footer-toggle{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 0;font-size:15px;cursor:pointer;user-select:none}
    .mm-footer-toggle::after{display:none}
    .mm-footer-chev{display:inline-block;font-size:14px;color:var(--mm-accent)}
    .mm-footer-col.mm-open .mm-footer-chev{transform:rotate(180deg)}
    .mm-footer-collapse{max-height:0;overflow:hidden;margin:0;transition:max-height .3s ease}
    .mm-footer-col.mm-open .mm-footer-collapse{max-height:420px;padding-bottom:6px}
    .mm-footer-links li{margin-bottom:12px}
    .mm-footer-news{margin-top:8px}
  }

  /* ============================================================
     ✅ DEC-25 (২/১০): project-এর জন্য যোগ — scope, hero slider, card, header menu, drawer
     ============================================================ */
  :where(.mm-topbar,.mm-sticky,.mm-footer,.mm-home,.mm-fcard,.mm-bottom-nav,.mm-drawer,.mm-quick) a{text-decoration:none;color:inherit}
  :where(.mm-topbar,.mm-sticky,.mm-footer,.mm-home,.mm-drawer) ul{list-style:none;padding:0;margin:0}
  .mm-topbar,.mm-sticky,.mm-footer,.mm-home,.mm-fcard,.mm-bottom-nav,.mm-drawer,.mm-quick{font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif;color:var(--mm-text)}
  .mm-topbar{color:#fff}.mm-footer{color:#cfd5e6}
  .mm-home{background:#fff;font-size:14px}
  .mm-logo-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
  .mm-logo-mark:has(img){background:transparent}

  /* ===== Hero = admin-এর slider ছবি, পুরো banner (লেখা ছাড়া) ===== */
  /* ✅ DEC-25 ধাপ ৩ (২/১০): design-এর মতো পুরো width hero, desktop-এ ৩৬০px — ছবি কখনো কাটে না (object-fit:contain);
     ছবি screen-এর চেয়ে সরু হলে দুই পাশে একই ছবির ঝাপসা background। Dot design-এর মতো বামে, container-এর সাথে। */
  .mm-hero{position:relative;overflow:hidden;background:#eef2fb}
  /* ✅ DEC-25 ধাপ ৫ (২/১০): hero পুরো width, slider ছবির নিজের মাপে (3:1 — admin-এর banner 2528×840) — দুই পাশে ফাঁকা/ঝাপসা নেই।
     খুব বড় screen-এ সর্বোচ্চ ৫২০px (তখন উপর-নিচ সামান্য কাটে)। */
  .mm-hero .carousel-item{position:relative;aspect-ratio:3 / 1;max-height:520px}
  .mm-hero .carousel-item a{display:block;height:100%}
  .mm-hero-img{display:block;width:100%;height:100%;object-fit:cover}
  .mm-hero-blur{display:none !important}
  .mm-hero .carousel-indicators{z-index:3;justify-content:flex-start;margin:0;bottom:16px;left:max(16px,calc((100% - 1116px) / 2));right:auto;gap:6px}
  .mm-hero .carousel-indicators [data-bs-target]{width:8px;height:8px;margin:0;border-radius:50%;border:0;background:rgba(3,57,108,.3);opacity:1;box-shadow:0 0 0 2px rgba(255,255,255,.75);transition:width .25s ease}
  .mm-hero .carousel-indicators .active{width:26px;border-radius:6px;background:var(--mm-primary)}
  .mm-hero .carousel-control-prev,.mm-hero .carousel-control-next{width:44px;opacity:0;transition:.2s}
  .mm-hero:hover .carousel-control-prev,.mm-hero:hover .carousel-control-next{opacity:1}
  .mm-hero-ctl{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--mm-primary);display:flex;align-items:center;justify-content:center;font-size:18px}
  @media(max-width:767.98px){
    .mm-hero{margin:6px 12px 0;border-radius:16px}
  }

  /* ===== Product card extras (seller chip, notes, buttons) ===== */
  .mm-fcard{font-size:13px}
  .mm-fcard-badge.mm-badge-new{background:#16a34a}
  .mm-fcard-badge.mm-badge-feat{background:var(--mm-accent)}
  .mm-fcard-seller{position:absolute;top:8px;right:8px;z-index:2;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:20px;background:#eff6ff;color:var(--mm-primary)}
  .mm-seller-reseller{background:#fff7e6;color:#b45309}
  .mm-seller-c2c{background:#f5f3ff;color:#6d28d9}
  .mm-seller-official{background:#ecfdf5;color:#047857}
  .mm-fcard-img img{object-fit:contain;padding:6px}
  .mm-fcard-name{color:var(--mm-text)}
  .mm-fcard-name:hover{color:var(--mm-primary)}
  .mm-fcard-cat{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mm-fcard-price{white-space:nowrap}
  .mm-fcard-note{font-size:10.5px;color:var(--mm-muted);margin:-4px 0 8px;line-height:1.35}
  .mm-fcard-note b{color:var(--mm-text)}
  .mm-note-reseller{background:#f0fdf4;color:#166534;border-radius:6px;padding:4px 6px}
  .mm-note-special{color:#047857;font-weight:600}
  .mm-note-low{color:#b45309;font-weight:600}
  a.mm-fcard-btn,a.mm-fcard-btn:hover{color:#fff}
  .mm-fcard-btn-soft{background:var(--mm-primary-soft) !important;color:var(--mm-primary) !important}
  .mm-fcard-btn-soft:hover{background:var(--mm-primary) !important;color:#fff !important}
  .mm-fcard-btn-reseller{background:#14602f !important}
  .mm-fcard-compact .mm-fcard-img{aspect-ratio:4/3}
  .mm-fcard-compact .mm-fcard-body{padding:10px 10px 0}
  .mm-fcard-compact .mm-fcard-btn{padding:7px 0;font-size:11px}

  /* ===== Mini card (showcase panels) ===== */
  a.mm-mini-card{display:block;color:var(--mm-text)}
  a.mm-mini-card:hover .mm-mini-name{color:var(--mm-primary)}
  .mm-mini-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:26px}
  .mm-mini-img img{width:100%;height:100%;object-fit:contain}
  .mm-mini-avatar{width:100%;height:100%;object-fit:cover;border-radius:7px}
  .mm-panel-empty{font-size:11.5px;color:var(--mm-muted);text-align:center;padding:24px 6px;background:rgba(255,255,255,.6);border-radius:9px}
  .mm-cat-circle img{width:34px;height:34px;object-fit:contain}

  /* ===== Header: account dropdown, search suggest, category mega menu ===== */
  .mm-account{position:relative}
  .mm-account-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid var(--mm-border);border-radius:12px;box-shadow:0 14px 30px rgba(3,57,108,.14);padding:6px;display:none;z-index:1040}
  .mm-account:hover .mm-account-menu,.mm-account.mm-open .mm-account-menu{display:block}
  .mm-account-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .mm-account-menu a,.mm-account-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--mm-text);background:none;border:0;text-align:left}
  .mm-account-menu a:hover,.mm-account-menu button:hover{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-account-menu hr{margin:6px 4px;border-color:var(--mm-border);opacity:1}
  .mm-account-menu .mm-menu-label{font-size:10.5px;color:var(--mm-muted);padding:6px 12px 2px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
  .mm-search{position:relative;overflow:visible}
  .mm-search input{border-radius:30px 0 0 30px}
  .mm-search button[type=submit]{border-radius:0 30px 30px 0}
  .mm-search-cat{border:0;border-right:1px solid var(--mm-border);background:#f8fafc;padding:0 14px;font-size:12.5px;color:var(--mm-text);border-radius:30px 0 0 30px;max-width:150px;outline:0}
  .mm-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--mm-border);border-radius:12px;box-shadow:0 14px 30px rgba(3,57,108,.14);z-index:1050;display:none;max-height:420px;overflow:auto;padding:6px}
  .mm-suggest.mm-show{display:block}
  .mm-suggest a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--mm-text)}
  .mm-suggest a:hover{background:var(--mm-primary-soft)}
  .mm-suggest img{width:38px;height:38px;object-fit:contain;border-radius:6px;background:#f3f4f6}
  .mm-suggest small{display:block;color:var(--mm-muted);font-size:11px}
  .mm-suggest-head{font-size:10.5px;color:var(--mm-muted);font-weight:600;padding:6px 10px 2px;text-transform:uppercase}
  /* ✅ DEC-25 ধাপ ২: item-এর মাঝে দাগ, কম ফাঁকা (বেশি ক্যাটাগরি ধরে), প্রথমে "সব পণ্য" হাইলাইট */
  .mm-nav-item{position:relative;flex:0 0 auto}
  .mm-nav-item > .mm-nav-link{padding:14px 16px;font-size:14.5px}
  .mm-nav-item > .mm-nav-link::before{display:none}
  .mm-nav-item + .mm-nav-item > .mm-nav-link::before{display:block}
  .mm-nav-item:first-child > .mm-nav-link{padding-left:0}
  .mm-nav-all{font-weight:700 !important;color:var(--mm-primary) !important}
  .mm-nav-all i{color:var(--mm-accent);font-size:15px}
  /* ✅ DEC-25 ধাপ ৩ (২/১০): mega menu — হালকা, পরিষ্কার, বাংলা font */
  .mm-nav-drop{position:fixed;width:max-content;min-width:250px;max-width:min(760px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;background:#fff;border:1px solid var(--mm-border);border-top:3px solid var(--mm-primary);border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(3,57,108,.16);padding:0 0 10px;display:none;z-index:1040;font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif}
  .mm-nav-drop.mm-show{display:block;animation:mmDropIn .16s ease-out}
  @keyframes mmDropIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .mm-drop-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px;margin-bottom:6px;background:#f7f9fd;border-bottom:1px solid var(--mm-border)}
  .mm-drop-head span{font-size:15px;font-weight:700;color:var(--mm-text)}
  .mm-drop-head a{font-size:13px;font-weight:600;color:var(--mm-primary);white-space:nowrap}
  .mm-drop-head a:hover{color:var(--mm-accent-dark)}
  .mm-drop-grid{display:grid;gap:0 10px;padding:0 10px}
  .mm-drop-cols-1 .mm-drop-grid{grid-template-columns:minmax(220px,1fr)}
  .mm-drop-cols-2 .mm-drop-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}
  .mm-drop-cols-3 .mm-drop-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}
  .mm-drop-group{padding:2px 0}
  .mm-nav-drop a.mm-drop-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--mm-text);line-height:1.4}
  .mm-nav-drop a.mm-drop-link i{font-size:10px;color:#9aa5bd;transition:transform .15s}
  .mm-nav-drop a.mm-drop-link:hover{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-nav-drop a.mm-drop-link:hover i{color:var(--mm-primary);transform:translateX(2px)}
  .mm-nav-drop a.mm-sub{display:block;padding:4px 10px 4px 28px;border-radius:8px;font-size:13px;color:var(--mm-muted)}
  .mm-nav-drop a.mm-sub:hover{color:var(--mm-primary);background:#f7f9fd}
  .mm-cart-total{white-space:nowrap}

  /* ===== Mobile drawers (category / menu) ===== */
  .mm-overlay{position:fixed;inset:0;background:rgba(11,20,48,.45);z-index:1045;opacity:0;visibility:hidden;transition:.25s}
  .mm-overlay.mm-show{opacity:1;visibility:visible}
  .mm-drawer{position:fixed;top:0;bottom:0;width:86%;max-width:340px;background:#fff;z-index:1046;transition:transform .3s ease;display:flex;flex-direction:column}
  .mm-drawer-left{left:0;transform:translateX(-100%)}
  .mm-drawer-right{right:0;transform:translateX(100%)}
  .mm-drawer.mm-show{transform:none}
  .mm-drawer-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--mm-border)}
  .mm-drawer-head b{flex:1;font-size:15px;color:var(--mm-primary)}
  .mm-drawer-close{border:0;background:var(--mm-primary-soft);color:var(--mm-primary);width:34px;height:34px;border-radius:10px;font-size:16px}
  .mm-drawer-body{overflow-y:auto;flex:1;padding:8px 0 90px}
  .mm-drawer-link{display:flex;align-items:center;gap:12px;padding:11px 18px;font-size:14px;color:var(--mm-text)}
  .mm-drawer-link i{font-size:18px;color:var(--mm-primary);width:20px;text-align:center}
  .mm-drawer-link img{width:24px;height:24px;object-fit:contain}
  .mm-drawer-link:hover{background:var(--mm-primary-soft)}
  .mm-drawer-label{font-size:11px;color:var(--mm-muted);font-weight:600;padding:12px 18px 4px;text-transform:uppercase;letter-spacing:.4px}
  .mm-drawer-sub{display:none;background:#f8fafc}
  .mm-drawer-sub.mm-show{display:block}
  .mm-drawer-sub .mm-drawer-link{padding-left:54px;font-size:13px}
  .mm-drawer-toggle{margin-left:auto;font-size:14px !important;color:var(--mm-muted) !important;transition:transform .2s}
  .mm-drawer-link.mm-open .mm-drawer-toggle{transform:rotate(180deg)}
  .mm-drawer-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
  .mm-avatar{width:38px;height:38px;border-radius:50%;background:var(--mm-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
  .mm-auth-btns{display:flex;gap:8px;flex:1}
  .mm-auth-btns a{flex:1;text-align:center;border-radius:10px;padding:8px 0;font-size:13px;font-weight:600;border:1px solid var(--mm-primary);color:var(--mm-primary)}
  .mm-auth-btns a:first-child{background:var(--mm-primary);color:#fff}


  /* বিজ্ঞাপন (advertiser-এর banner) */
  /* ✅ DEC-25 ধাপ ৫ (২/১০): বিজ্ঞাপন (components/mm-ad) — উপরে placement-এর মাপে ছবি (পুরো বক্স ভরা, ফাঁকা নেই),
     নিচে Google "Sponsored"-এর মতো লেখা: বিজ্ঞাপন · domain, title, description, advertiser, "দেখুন"। */
  .mm-ad{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--mm-border);color:var(--mm-text);text-decoration:none;transition:box-shadow .2s,border-color .2s;font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif;height:100%}
  a.mm-ad:hover{border-color:#cdd5ea;box-shadow:0 10px 26px rgba(3,57,108,.10);color:var(--mm-text)}
  .mm-ad-media{display:block;width:100%;overflow:hidden;background:#f3f5fa}
  .mm-ad-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
  a.mm-ad:hover .mm-ad-img{transform:scale(1.02)}
  .mm-ad-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;padding:11px 14px 13px}
  .mm-ad-label{font-size:11.5px;color:var(--mm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mm-ad-label b{display:inline-block;font-size:10.5px;font-weight:700;color:#1f2937;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:1px 6px;margin-right:2px}
  .mm-ad-title{font-size:14.5px;font-weight:700;line-height:1.35;color:var(--mm-text);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  a.mm-ad:hover .mm-ad-title{color:var(--mm-primary)}
  .mm-ad-desc{font-size:12.5px;line-height:1.5;color:var(--mm-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .mm-ad-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}
  .mm-ad-by{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mm-ad-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--mm-primary-soft);color:var(--mm-primary);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
  .mm-ad-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#1f2937;background:var(--mm-accent);border-radius:20px;padding:5px 13px}
  a.mm-ad:hover .mm-ad-cta{background:var(--mm-primary);color:#fff}
  /* ✅ DEC-25 ধাপ ৬ (২/১০, developer: বিজ্ঞাপন অনেক বড় হয়ে যাচ্ছিল) — wide বিজ্ঞাপন desktop-এ পাশাপাশি:
     বামে ছবি নির্দিষ্ট উচ্চতায় (১৮০px, প্রস্থ ছবির নিজের মাপে — না কাটে, না ফাঁকা), ডানে লেখা। phone-এ উপরে ছবি। */
  @media(min-width:768px){
    .mm-ad-wide{flex-direction:row;align-items:stretch;height:auto}
    .mm-ad-wide .mm-ad-media{width:auto;height:180px;max-width:58%;flex-shrink:0}
    .mm-ad-wide .mm-ad-body{padding:16px 20px;gap:6px;justify-content:center}
    .mm-ad-wide .mm-ad-title{font-size:16px;-webkit-line-clamp:2}
    .mm-ad-wide .mm-ad-desc{-webkit-line-clamp:2}
  }
  @media(max-width:767.98px){
    .mm-ad-body{padding:9px 12px 11px}
    .mm-ad-cta{padding:4px 10px;font-size:11.5px}
    .mm-ad-by{font-size:11.5px}
  }
  .mm-promo-art i{font-size:inherit}
  .mm-deals-art i,.mm-community-art i{font-size:inherit}


  /* পুরনো style.css-এর p/span রং নতুন অংশে বসবে না */
  .mm-footer-text,.mm-footer-news p,.mm-footer-contact span,.mm-deals-sub{color:inherit}
  .mm-footer-text{color:#cfd5e6}
  .mm-footer-news p{color:#aeb6cc}


  /* ===== ✅ DEC-25 ধাপ ২: সব পেজের একই breadcrumb (components/mm-breadcrumb) ===== */
  .mm-crumb{background:#fff;border-bottom:1px solid var(--mm-border);padding:14px 0;margin-bottom:4px;font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif}
  .mm-crumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;padding:0;margin:0;font-size:12.5px;color:var(--mm-muted)}
  .mm-crumb-list li{display:inline-flex;align-items:center;gap:6px}
  .mm-crumb-list li + li::before{content:"\203A";color:#b6bfd0;font-size:14px}
  .mm-crumb-list a{color:var(--mm-muted);text-decoration:none}
  .mm-crumb-list a:hover{color:var(--mm-primary)}
  .mm-crumb-list li.active,.mm-crumb-list li.active a{color:var(--mm-primary);font-weight:600}
  .mm-crumb-title{font-size:21px;font-weight:700;margin:6px 0 0;color:var(--mm-text);line-height:1.3}
  .mm-crumb-title small{font-size:13px;font-weight:500;color:var(--mm-muted)}
  @media(max-width:767.98px){.mm-crumb{padding:10px 0;margin-bottom:12px}.mm-crumb-title{font-size:17px}}

  /* ===== ✅ DEC-25 ধাপ ২: সব পেজে সাদা background আর একই font ===== */
  body{background:#fff !important;font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif}
  .mn-main-content{background:#fff}

  /* footer: logo ছবি (সাদা লেখা) */
  .mm-footer-logo img{height:46px;width:auto}
  .mm-footer-contact span{word-break:break-word}


  /* পুরনো style.css-এর `header{position:fixed}` নতুন header-এ বসবে না */
  header.mm-header{position:static;width:auto;z-index:auto;box-shadow:none;margin:0;transition:none}
  /* fixed header-এর জন্য রাখা ফাঁকা জায়গা আর লাগবে না (header এখন sticky) */
  .mm-sticky ~ .mn-main-content{margin-top:0 !important}

  /* পুরনো layout-এর floating cart আর লাগবে না — header-এ cart আছে */
  .mn-tool-cart{display:none !important}

  /* ✅ DEC-25 (২/১০): পুরনো পেজে container ছাড়া .row (-12px margin) — পাশে scroll হতো */
  .mn-main-content > .row{margin-left:0;margin-right:0}
  /* phone-এ সব product grid ২ কলাম (shop/category/store) — এক কলামে card অনেক বড় হতো */
  @media(max-width:575.98px){
    .product-grid:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  }

  /* ✅ DEC-25 ধাপ ৩ (২/১০): পড়ার মতো লেখা (developer: dreamhaven-এর মতো) — design-এর খুব ছোট/হালকা লেখা বড় আর গাঢ়।
     রং: --mm-text #111827, --mm-muted #4b5563 (উপরে :root-এ)। */
  .mm-section-title{font-size:20px}
  .mm-panel-title{font-size:17px}
  .mm-panel-sub{font-size:12.5px}
  .mm-role-title{font-size:16px}
  .mm-role-sub{font-size:12.5px;color:#374151}
  .mm-cat-name{font-size:12.5px}
  .mm-mini-name{font-size:12.5px;color:var(--mm-text)}
  .mm-mini-price{font-size:14px}
  .mm-mini-price del{font-size:11px}
  .mm-fcard-name{font-size:14px;min-height:38px}
  .mm-fcard-cat{font-size:12px}
  .mm-fcard-price{font-size:16px}
  .mm-fcard-price del{font-size:12px}
  .mm-fcard-note{font-size:12px}
  .mm-fcard-btn{font-size:13px}
  @media(max-width:767.98px){
    .mm-section-title{font-size:17px}
    .mm-panel-title{font-size:15.5px}
    .mm-fcard-name{font-size:13px;min-height:35px}
    .mm-fcard-price{font-size:15px}
    .mm-fcard-btn{font-size:12px}
  }
  @media(max-width:767.98px){.mm-cat-item{min-width:82px;flex-basis:82px}}

  /* ✅ DEC-25 ধাপ ৪ (২/১০, developer): রং — navy #263f96 (main) + amber #f5a524 (accent)। শুধু নীল না,
     offer/badge/active-এ amber। */
  .mm-fcard-badge{background:var(--mm-accent);color:#1f2937;font-weight:700}
  .mm-fcard-badge.mm-badge-new{background:#16a34a;color:#fff}
  .mm-fcard-badge.mm-badge-feat{background:var(--mm-primary);color:#fff}
  .mm-nav-link.mm-active::after{background:var(--mm-accent)}
  .mm-view-all{font-size:12.5px;color:var(--mm-primary);font-weight:600}
  .mm-view-all:hover{color:var(--mm-accent-dark)}
  .mm-section-title{position:relative;padding-left:12px}
  .mm-section-title::before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;border-radius:4px;background:var(--mm-accent)}
  .mm-fcard-btn:hover{background:var(--mm-accent);color:#1f2937 !important}
  .mm-section-title:has(> i){padding-left:0}
  .mm-section-title:has(> i)::before{display:none}

  /* ✅ DEC-25 ধাপ ৪ (২/১০): সব জায়গায় একই বাংলা font। root cause: about/policy-র লেখা admin অন্য সাইট থেকে
     paste করেছে — ভেতরে inline style="font-family:Ubuntu, Sofia…; width:977px" থেকে যায়, তাই বাংলা অন্য/ভাঙা
     font-এ দেখাত। এখানে admin-এর লেখা (rich text) আর পুরনো style.css-এর ভুল font ("Poppins, sans-serif" একটা নাম) override। */
  h1,h2,h3,h4,h5,h6,button,input,select,textarea,.mn-breadcrumb .mn-breadcrumb-title{font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif}
  :is(.page-rich-text,.tab-content,.pd-sdesc,.policy-content) :not(i):not(.bi):not([class*="fa-"]):not([class^="ri-"]){font-family:'Poppins','MM Bangla','Hind Siliguri',sans-serif !important;max-width:100% !important;box-sizing:border-box}
  :is(.page-rich-text) :is(p,li,span,div,td){font-size:15px !important;line-height:1.85 !important;width:auto !important;padding-left:0 !important;padding-right:0 !important}
  .page-rich-text{font-size:15px;color:#1f2937}

  /* ✅ DEC-26 (২/১০): ডেলিভারি জেলা বাছাই */
  .mm-delivery-menu{width:300px;max-width:calc(100vw - 24px);padding:12px}
  .mm-loc-head{font-size:14px;font-weight:700;color:var(--mm-text);margin:0 2px 8px}
  .mm-loc-search{width:100%;border:1px solid var(--mm-border);border-radius:10px;padding:9px 12px;font-size:13.5px;outline:0;margin-bottom:8px}
  .mm-loc-search:focus{border-color:var(--mm-primary);box-shadow:0 0 0 3px rgba(3,57,108,.12)}
  .mm-loc-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
  .mm-loc-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:8px 10px;font-size:14px;color:var(--mm-text)}
  .mm-loc-item small{margin-left:auto;font-size:11px;color:#9ca3af}
  .mm-loc-item:hover{background:#f5f7fc}
  .mm-loc-item.mm-selected{background:var(--mm-primary-soft);color:var(--mm-primary);font-weight:700}
  .mm-loc-note{font-size:11.5px;color:var(--mm-muted);margin:10px 2px 0;line-height:1.5}
  .mm-loc-strip{background:#fff8e6;border-bottom:1px solid #fde7b0;font-size:13px;color:#5b4300;padding:7px 0}
  .mm-loc-strip i{color:var(--mm-accent-dark)}
  .mm-loc-reset{background:none;border:0;padding:0 0 0 10px;color:var(--mm-primary);font-weight:700;text-decoration:underline;font-size:13px}

  /* ✅ DEC-25 ধাপ ৫ (২/১০): category bar — "সব পণ্য" স্থির (scroll-এর বাইরে), scroll করলে বামে তীর */
  .mm-nav-fixed{flex:0 0 auto;position:relative;padding-right:4px}
  .mm-nav-fixed > .mm-nav-link{padding-left:0 !important}
  .mm-nav-fixed::after{content:"";position:absolute;right:0;top:50%;height:22px;margin-top:-11px;width:1px;background:var(--mm-border)}
  .mm-nav-scroll > .mm-nav-item:first-child > .mm-nav-link{padding-left:11px}
  .mm-nav-prev{box-shadow:10px 0 10px -4px #fff}

  /* ✅ DEC-25 ধাপ ৫ (developer: header-এ নীল বেশি) — উপরের বার হালকা, search/cart/account-এ amber */
  .mm-topbar{background:#fff8e7;color:#3b2f12;border-bottom:1px solid #fbe6b5}
  .mm-topbar a,.mm-topbar-item{color:#3b2f12}
  .mm-topbar i{color:var(--mm-accent-dark)}
  .mm-topbar a:hover{color:var(--mm-primary)}
  .mm-search button{background:var(--mm-accent);color:#1f2937}
  .mm-search button:hover{background:var(--mm-accent-dark);color:#fff}
  .mm-header-action > i,.mm-header-action i.bi-cart-fill,.mm-header-action i.bi-person{color:var(--mm-accent-dark)}
  .mm-cart-count{color:#1f2937;font-weight:700}
  .mm-hero .carousel-indicators .active{background:var(--mm-accent)}
  .mm-nav-link:hover{color:var(--mm-accent-dark)}


  /* ==========================================================================================
     ✅ DEC-29 (২/১০, developer): PREMIUM REDESIGN — নতুন palette (navy #03396c / #033b70 + soft gold, ivory neutral; প্রথমে emerald ছিল, developer ২/১০ navy দিলেন),
     typography/spacing scale, header/nav, home, product card, panel, footer। আগের নিয়মগুলোর উপরে বসে (শেষে, তাই জেতে)।
     class নাম/JS hook বদলায়নি। নতুন জায়গায় hex না — নিচের variable।
     ========================================================================================== */
  :root{
    --mm-primary:#1a3bc2;        /* navy — মূল (developer ২/১০) */
    --mm-primary-dark:#022a52;
    --mm-primary-soft:#e8eff7;
    --mm-primary-tint:#c9d8ea;
    --mm-accent:#feb743;         /* soft gold — accent */
    --mm-accent-dark:#fca32a;
    --mm-accent-soft:#f7f0de;
    --mm-dark:#102a97;           /* গাঢ় navy (developer ২/১০) — topbar/footer/deals */
    --mm-text:#17201d;
    --mm-muted:#5d6763;
    --mm-border:#e8e4da;
    --mm-bg-soft:#f8f6f1;        /* ivory */
    --mm-footer:#0b1430;         /* footer-এর পটভূমি (৩/১০: আগে hex সরাসরি লেখা ছিল) */
    --mm-sale:#b4232f;
    --mm-radius:16px;
    --mm-radius-sm:12px;
    --mm-shadow-sm:0 1px 2px rgba(14,21,19,.04),0 2px 8px rgba(14,21,19,.04);
    --mm-shadow:0 12px 32px -12px rgba(14,21,19,.18);
    --mm-font:'Poppins','MM Bangla','Hind Siliguri',sans-serif;
  }
  body{color:var(--mm-text);-webkit-font-smoothing:antialiased}
  .mm-home{background:var(--mm-bg-soft);font-size:14.5px;padding-bottom:8px}
  .mm-home .container-xl,.mm-sticky .container-xl,.mm-topbar .container-xl,.mm-footer .container-xl{max-width:1280px}

  /* ---------- Top bar: ink, সরু ---------- */
  .mm-topbar{background:var(--mm-dark);color:#d9ddd9;border-bottom:0;padding:7px 0;font-size:12px;letter-spacing:.1px}
  .mm-topbar a,.mm-topbar-item{color:#d9ddd9}
  .mm-topbar i{color:var(--mm-accent)}
  .mm-topbar a:hover{color:#fff}

  /* ---------- Header ---------- */
  .mm-sticky{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px)}
  .mm-sticky.mm-stuck{box-shadow:0 8px 24px -14px rgba(14,21,19,.35)}
  .mm-header{padding:14px 0}
  .mm-logo-mark{background:var(--mm-primary);color:var(--mm-accent);border-radius:14px}
  .mm-logo-title{color:var(--mm-primary);font-weight:700;letter-spacing:-.2px}
  .mm-logo-tag{color:var(--mm-accent-dark);font-weight:500;letter-spacing:.4px}
  .mm-delivery-btn:hover .mm-delivery-value{color:var(--mm-primary)}
  .mm-delivery-pin{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-search{border:1.5px solid var(--mm-border);border-radius:14px;box-shadow:none;background:var(--mm-bg-soft);transition:border-color .2s,box-shadow .2s,background .2s}
  .mm-search:focus-within{border-color:var(--mm-primary);background:#fff;box-shadow:0 0 0 4px rgba(3,57,108,.08)}
  .mm-search input{border-radius:14px 0 0 14px;padding:12px 18px}
  .mm-search-cat{background:transparent;border-radius:14px 0 0 14px;font-weight:500}
  .mm-search button,.mm-search button[type=submit]{background:var(--mm-primary);color:#fff;border-radius:0 12px 12px 0;margin:3px;width:54px}
  .mm-search button:hover{background:var(--mm-primary-dark);color:var(--mm-accent)}
  .mm-header-action > i,.mm-header-action i.bi-cart-fill,.mm-header-action i.bi-person,.mm-header-action i.bi-person-circle{color:var(--mm-primary)}
  .mm-header-action:hover b{color:var(--mm-primary)}
  .mm-cart-count{background:var(--mm-accent);color:var(--mm-dark)}
  .mm-account-menu,.mm-suggest,.mm-delivery-menu{border-radius:14px;box-shadow:var(--mm-shadow)}
  .mm-account-menu a:hover,.mm-account-menu button:hover,.mm-suggest a:hover{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-loc-item.mm-selected,.mm-delivery-menu .dropdown-item.mm-selected{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-loc-search:focus{border-color:var(--mm-primary);box-shadow:0 0 0 3px rgba(3,57,108,.1)}
  .mm-loc-strip{background:var(--mm-accent-soft);border-bottom-color:#eadcb6;color:#4a3b14}

  /* ---------- Category nav ---------- */
  .mm-navbar{border-top:1px solid var(--mm-border);border-bottom:1px solid var(--mm-border);background:#fff}
  .mm-nav-item > .mm-nav-link{padding:13px 10px;font-size:14px;font-weight:600;color:#2c3532}
  .mm-nav-link:hover{color:var(--mm-primary)}
  .mm-nav-link.mm-active{color:var(--mm-primary)}
  .mm-nav-link.mm-active::after{background:var(--mm-accent);height:2px}
  .mm-nav-all{color:var(--mm-primary) !important}
  .mm-nav-all i{color:var(--mm-accent)}
  .mm-nav-drop{border-top:2px solid var(--mm-accent);box-shadow:var(--mm-shadow)}
  .mm-nav-drop a.mm-drop-link:hover{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-drop-head{background:var(--mm-bg-soft)}
  .mm-drop-head a{color:var(--mm-primary)}

  /* ---------- Hero: container-এ, গোল কোণ ---------- */
  .mm-hero-wrap{padding-top:20px}
  .mm-hero{border-radius:22px;background:var(--mm-primary-soft);box-shadow:var(--mm-shadow-sm)}
  .mm-hero .carousel-item{max-height:460px}
  .mm-hero .carousel-indicators{left:28px;bottom:18px}
  .mm-hero .carousel-indicators [data-bs-target]{background:rgba(255,255,255,.7);box-shadow:none}
  .mm-hero .carousel-indicators .active{background:var(--mm-accent);width:28px}
  .mm-hero-ctl{color:var(--mm-primary);background:rgba(255,255,255,.92);box-shadow:var(--mm-shadow-sm)}

  /* ---------- Trust strip ---------- */
  .mm-trust{padding:18px 0 0}
  .mm-trust-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--mm-border);border-radius:var(--mm-radius);box-shadow:var(--mm-shadow-sm)}
  .mm-trust-item{display:flex;align-items:center;gap:14px;padding:18px 22px;min-width:0}
  .mm-trust-item + .mm-trust-item{border-left:1px solid var(--mm-border)}
  .mm-trust-icon{width:44px;height:44px;border-radius:12px;background:var(--mm-primary-soft);color:var(--mm-primary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
  .mm-trust-title{font-size:14px;font-weight:600;margin:0 0 2px;color:var(--mm-text)}
  .mm-trust-text{font-size:12.5px;color:var(--mm-muted);margin:0;line-height:1.45}
  @media(max-width:991.98px){.mm-trust-row{grid-template-columns:repeat(2,1fr)}.mm-trust-item:nth-child(3){border-left:0}.mm-trust-item:nth-child(n+3){border-top:1px solid var(--mm-border)}}

  /* ---------- Section heading: eyebrow + title + pill link ---------- */
  .mm-section,.mm-roles{padding:35px 0 4px}
  .mm-showcase{padding:44px 0 4px}
  .mm-featured{padding:48px 0 8px}
  .mm-section-head{align-items:flex-end;margin-bottom:20px;gap:16px}
  .mm-eyebrow{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--mm-accent-dark);margin-bottom:4px}
  .mm-section-title{font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--mm-text);padding-left:0;line-height:1.25}
  .mm-section-title::before{display:none}
  .mm-section-title > i{color:var(--mm-accent)}
  .mm-view-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--mm-primary);border:1px solid var(--mm-border);background:#fff;border-radius:999px;padding:7px 14px;white-space:nowrap;transition:.2s}
  .mm-view-all:hover{background:var(--mm-primary);border-color:var(--mm-primary);color:#fff}

  /* ---------- Role tiles ---------- */
  .mm-roles .row{--bs-gutter-x:14px;--bs-gutter-y:14px}
  .mm-role-card{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:var(--mm-radius);background:#fff !important;border:1px solid var(--mm-border);box-shadow:var(--mm-shadow-sm);color:var(--mm-text)}
  .mm-role-card:hover{transform:translateY(-3px);border-color:var(--mm-primary-tint);box-shadow:var(--mm-shadow)}
  .mm-role-icon{width:46px;height:46px;border-radius:13px;background:var(--mm-primary-soft);color:var(--mm-primary) !important;display:flex;align-items:center;justify-content:center;font-size:22px}
  .mm-role-c2c .mm-role-icon,.mm-role-affiliate .mm-role-icon{background:var(--mm-accent-soft);color:var(--mm-accent-dark) !important}
  .mm-role-title{font-size:15.5px;font-weight:700;color:var(--mm-text) !important;margin:0 0 3px}
  .mm-role-sub{font-size:12.5px;color:var(--mm-muted);line-height:1.5}
  .mm-role-arrow{top:16px;right:16px;width:28px;height:28px;background:var(--mm-bg-soft);color:var(--mm-muted) !important;transition:.2s}
  .mm-role-card:hover .mm-role-arrow{background:var(--mm-accent);color:var(--mm-dark) !important}

  /* ---------- Categories ---------- */
  .mm-cat-row{gap:12px;justify-content:flex-start}
  .mm-cat-item{min-width:112px;flex:1 0 112px;background:#fff;border:1px solid var(--mm-border);border-radius:var(--mm-radius);padding:16px 8px 14px;transition:.2s}
  .mm-cat-item + .mm-cat-item::before{display:none}
  .mm-cat-item:hover{border-color:var(--mm-primary-tint);box-shadow:var(--mm-shadow);transform:translateY(-2px)}
  .mm-cat-circle{background:var(--mm-bg-soft);border:0;box-shadow:none;color:var(--mm-primary);width:60px;height:60px}
  .mm-cat-name{font-size:13px;font-weight:500;color:var(--mm-text);line-height:1.35}
  .mm-cat-item:hover .mm-cat-name{color:var(--mm-primary)}

  /* ---------- Product card ---------- */
  .mm-fcard{border:1px solid var(--mm-border);border-radius:var(--mm-radius);padding-bottom:14px;box-shadow:var(--mm-shadow-sm);font-family:var(--mm-font)}
  .mm-fcard:hover{border-color:var(--mm-primary-tint);box-shadow:var(--mm-shadow);transform:translateY(-2px)}
  .mm-fcard-img{background:var(--mm-bg-soft);margin:8px 8px 0;border-radius:12px}
  .mm-fcard-img img{padding:10px;transition:transform .35s ease}
  .mm-fcard:hover .mm-fcard-img img{transform:scale(1.04)}
  .mm-fcard-badge{top:16px;left:16px;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;background:var(--mm-sale);color:#fff}
  .mm-fcard-badge.mm-badge-new{background:var(--mm-primary);color:#fff}
  .mm-fcard-badge.mm-badge-feat{background:var(--mm-accent);color:var(--mm-dark)}
  .mm-fcard-seller{top:16px;right:16px;background:rgba(255,255,255,.92);color:var(--mm-muted);border:1px solid var(--mm-border);font-weight:500}
  .mm-seller-reseller{color:var(--mm-accent-dark)}
  .mm-seller-official{color:var(--mm-primary)}
  .mm-fcard-body{padding:12px 14px 0}
  .mm-fcard-name{font-weight:600;color:var(--mm-text);line-height:1.4}
  .mm-fcard-name:hover{color:var(--mm-primary)}
  .mm-fcard-cat{color:var(--mm-muted);opacity:1}
  .mm-fcard-cat:hover{color:var(--mm-primary)}
  .mm-fcard-price{color:var(--mm-primary);font-weight:700;letter-spacing:-.2px}
  .mm-fcard-price-sale{color:var(--mm-sale)}
  .mm-fcard-rate{background:var(--mm-accent-soft);color:#6f5718}
  .mm-fcard-rate i{color:var(--mm-accent-dark)}
  .mm-fcard-btn{background:var(--mm-primary);border-radius:10px;padding:10px 0;font-weight:600;letter-spacing:.1px}
  .mm-fcard-btn:hover{background:var(--mm-dark);color:var(--mm-accent) !important}
  .mm-fcard-btn-soft{background:var(--mm-primary-soft) !important;color:var(--mm-primary) !important}
  .mm-fcard-btn-soft:hover{background:var(--mm-primary) !important;color:#fff !important}
  .mm-fcard-btn-reseller{background:var(--mm-accent-dark) !important}
  .mm-fcard-btn[disabled]{background:#ecebe6 !important;color:#9a9f9c !important}
  .mm-note-reseller{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-note-special{color:var(--mm-primary)}
  .mm-note-low{color:var(--mm-accent-dark)}
  .mm-fcard-compact .mm-fcard-img{aspect-ratio:1/1}

  /* ---------- Promo banners ---------- */
  .mm-promo{border-radius:20px;min-height:180px;padding:30px 34px}
  .mm-promo-dark{background:radial-gradient(120% 140% at 100% 0%,#0b5aa3 0%,var(--mm-primary) 45%,var(--mm-primary-dark) 100%);color:#fff}
  .mm-promo-green{background:linear-gradient(120deg,var(--mm-accent-soft) 0%,#efe2bf 100%);color:var(--mm-dark)}
  .mm-promo-label{font-size:11.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--mm-accent)}
  .mm-promo-green .mm-promo-label{color:var(--mm-accent-dark)}
  .mm-promo-title{font-size:26px;font-weight:700;letter-spacing:-.3px}
  .mm-promo-sub{font-size:13.5px;opacity:.85}
  .mm-promo-art{font-size:90px;opacity:.9;filter:none}
  .mm-promo-dark .mm-promo-art{color:var(--mm-accent)}
  .mm-promo-green .mm-promo-art{color:var(--mm-primary)}
  .mm-btn-white{background:var(--mm-accent);color:var(--mm-dark);padding:10px 22px;font-size:13px}
  .mm-btn-white:hover{background:#fff;color:var(--mm-dark)}
  .mm-btn-green{background:var(--mm-primary);padding:10px 22px;font-size:13px}
  .mm-btn-green:hover{background:var(--mm-dark);color:var(--mm-accent)}
  .mm-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--mm-primary);color:#fff;border:0;padding:10px 22px;font-size:13px;font-weight:600;border-radius:999px;transition:.2s}
  .mm-btn-primary:hover{background:var(--mm-dark);color:var(--mm-accent)}

  /* ---------- Showcase panels: সব একই (সাদা), শুধু icon-এ রং ---------- */
  .mm-panel{background:#fff !important;border:1px solid var(--mm-border) !important;border-radius:20px;padding:18px;box-shadow:var(--mm-shadow-sm)}
  .mm-panel-icon{background:var(--mm-primary-soft);color:var(--mm-primary);width:40px;height:40px;border-radius:12px}
  .mm-panel-icon-gold{background:var(--mm-accent-soft);color:var(--mm-accent-dark)}
  .mm-panel-title{font-size:16.5px;color:var(--mm-text)}
  .mm-panel-sub{color:var(--mm-muted)}
  .mm-panel-link{color:var(--mm-primary);font-size:12.5px;font-weight:600}
  .mm-panel-link:hover{color:var(--mm-accent-dark)}
  .mm-flash-pill{background:var(--mm-sale);border-radius:999px;font-size:13.5px;padding:7px 14px}
  .mm-flash-timer{background:var(--mm-bg-soft);border:1px solid var(--mm-border);font-variant-numeric:tabular-nums}
  .mm-panel-foot a{color:var(--mm-sale)}
  .mm-mini-card{background:var(--mm-bg-soft);box-shadow:none;border:1px solid transparent;border-radius:14px;padding:9px;transition:.2s}
  .mm-mini-card:hover{background:#fff;border-color:var(--mm-border);box-shadow:var(--mm-shadow-sm)}
  .mm-mini-img{background:#fff;height:96px;border-radius:10px}
  .mm-mini-img-tint{background:var(--mm-primary-soft) !important;color:var(--mm-primary)}
  .mm-mini-img-tint > i{font-size:34px}
  .mm-mini-price{color:var(--mm-primary)}
  .mm-mini-off,.mm-mini-tag{background:var(--mm-sale);border-radius:999px}
  .mm-mini-loc i{color:var(--mm-accent-dark)}
  .mm-mini-rating i{color:var(--mm-accent)}
  .mm-mini-btn{background:var(--mm-primary);border-radius:8px;padding:6px 0;font-size:11px}
  .mm-mini-btn:hover{background:var(--mm-dark);color:var(--mm-accent)}
  .mm-mini-btn-outline{background:#fff;color:var(--mm-primary);box-shadow:inset 0 0 0 1px var(--mm-primary-tint);border:0}
  .mm-mini-btn-outline:hover{background:var(--mm-primary);color:#fff}
  .mm-panel-empty{background:var(--mm-bg-soft);border-radius:12px}

  /* ---------- Best deals ---------- */
  .mm-deals{border-radius:22px;margin-top:44px;min-height:132px;box-shadow:var(--mm-shadow-sm)}
  .mm-deals-left{background:var(--mm-primary-dark);padding:26px 34px;flex-basis:46%}
  .mm-deals-right{background:linear-gradient(110deg,var(--mm-primary) 0%,#0a4f8f 100%);padding:22px 34px}
  .mm-deals-tag{background:var(--mm-accent);color:var(--mm-dark);transform:none;border-radius:16px;width:54px;height:54px}
  .mm-deals-title{font-size:21px;letter-spacing:-.2px}
  .mm-deals-sub{opacity:.8;font-size:13px}
  .mm-deals-note{font-size:12.5px;opacity:.8}
  .mm-btn-outline{border-color:rgba(255,255,255,.35);font-weight:600;font-size:12.5px;padding:8px 20px}
  .mm-btn-outline:hover{background:var(--mm-accent);border-color:var(--mm-accent);color:var(--mm-dark)}
  .mm-count-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;width:56px;padding:8px 0 6px}
  .mm-count-box b{font-size:20px;color:var(--mm-accent);font-variant-numeric:tabular-nums}
  .mm-count-box small{color:rgba(255,255,255,.7);font-size:9.5px}
  .mm-deals-art{color:var(--mm-accent);font-size:70px;filter:none;opacity:.9}

  /* ---------- Browse button ---------- */
  .mm-browse-wrap{margin-top:30px}
  .mm-btn-browse{background:#fff;color:var(--mm-primary);border:1.5px solid var(--mm-primary);border-radius:999px;padding:12px 30px;font-size:13.5px}
  .mm-btn-browse:hover{background:var(--mm-primary);color:#fff}

  /* ---------- Community ---------- */
  .mm-community{margin-top:56px;border-radius:24px;background:#fff;border:1px solid var(--mm-border);box-shadow:var(--mm-shadow-sm);min-height:230px}
  .mm-community-art{color:var(--mm-accent);font-size:72px}
  .mm-community-title{font-size:22px;letter-spacing:-.3px}
  .mm-community-text{font-size:13.5px;color:var(--mm-muted)}
  .mm-community-net::before{background:radial-gradient(circle,rgba(201,162,75,.16) 0%,rgba(201,162,75,0) 68%)}
  .mm-net-lines line{stroke:var(--mm-primary)}
  .mm-net-center{color:var(--mm-primary);box-shadow:0 10px 28px -8px rgba(3,57,108,.35)}
  .mm-net-center::before,.mm-net-center::after{border-color:var(--mm-accent)}
  .mm-net-1 .mm-net-dot,.mm-net-4 .mm-net-dot{background:var(--mm-primary)}
  .mm-net-2 .mm-net-dot,.mm-net-3 .mm-net-dot{background:var(--mm-accent-dark)}

  /* ---------- Testimonials ---------- */
  .mm-review-card{align-items:flex-start;border-radius:var(--mm-radius);padding:22px;box-shadow:var(--mm-shadow-sm);border-color:var(--mm-border)}
  .mm-review-avatar{background:var(--mm-primary-soft);color:var(--mm-primary);width:48px;height:48px;font-size:22px}
  .mm-review-stars{color:var(--mm-accent);font-size:12px;letter-spacing:1px;margin-bottom:6px}
  .mm-review-text{font-size:13.5px;color:#39423f;line-height:1.65}
  .mm-review-name{color:var(--mm-text);font-size:13px}
  .mm-review-role{font-size:11.5px}

  /* ---------- App ---------- */
  .mm-app{margin-top:56px;background:var(--mm-dark);border:0;border-radius:24px;color:#fff}
  .mm-app-title{color:#fff;font-size:22px}
  .mm-app-sub{color:var(--mm-accent)}
  .mm-app-text{color:#b9c1bd;font-size:13px}
  .mm-app-phone{background:#000;box-shadow:0 12px 26px rgba(0,0,0,.45)}
  .mm-app-phone-bar{background:var(--mm-primary)}
  .mm-app-phone-grid i{background:var(--mm-primary-soft)}
  .mm-app-phone-grid i:nth-child(3n+2){background:var(--mm-accent-soft)}
  .mm-store-btn{background:#fff;color:var(--mm-dark);border-radius:10px}
  .mm-store-btn:hover{background:var(--mm-accent);color:var(--mm-dark)}
  .mm-app-feature{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e7ebe9;border-radius:12px;font-size:12px}
  .mm-app-feature span{background:rgba(201,162,75,.15);color:var(--mm-accent)}
  .mm-app-feature:hover span{background:var(--mm-accent);color:var(--mm-dark)}

  /* ---------- Ads ---------- */
  .mm-ad{border-radius:18px;box-shadow:var(--mm-shadow-sm)}
  a.mm-ad:hover{border-color:var(--mm-primary-tint);box-shadow:var(--mm-shadow)}
  a.mm-ad:hover .mm-ad-title{color:var(--mm-primary)}
  .mm-ad-label b{background:var(--mm-accent-soft);border-color:#e6d3a2;color:#5a4614}
  .mm-ad-avatar{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-ad-cta{background:var(--mm-accent);color:var(--mm-dark)}
  a.mm-ad:hover .mm-ad-cta{background:var(--mm-primary);color:#fff}

  /* ---------- Footer: ink + gold ---------- */
  .mm-footer{background:var(--mm-footer);color:#b9c1bd;margin-top:64px}
  .mm-footer-text{color:#b9c1bd}
  .mm-footer-title{color:#fff;font-size:15px;letter-spacing:.2px}
  .mm-footer-title::after{background:var(--mm-accent);width:24px;height:2px}
  .mm-footer-links a,.mm-footer-contact a{color:#b9c1bd}
  .mm-footer-links a:hover,.mm-footer-contact a:hover{color:var(--mm-accent)}
  .mm-footer-contact i{color:var(--mm-accent)}
  .mm-footer-logo .mm-logo-mark{background:var(--mm-primary);color:var(--mm-accent)}
  .mm-social a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
  .mm-social a:hover{background:var(--mm-accent);color:var(--mm-dark)}
  .mm-footer-news{background:linear-gradient(110deg,rgba(3,57,108,.55),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);border-radius:18px}
  .mm-footer-news p{color:#9da7a2}
  .mm-subscribe input{border-radius:12px;background:rgba(255,255,255,.06)}
  .mm-subscribe input:focus{border-color:var(--mm-accent)}
  .mm-subscribe button{background:var(--mm-accent);color:var(--mm-dark);border-radius:12px}
  .mm-subscribe button:hover{background:#fff;color:var(--mm-dark)}
  .mm-footer-bottom{border-top-color:rgba(255,255,255,.08);color:#8e9893}

  /* ---------- Breadcrumb ও drawer/বাকি ---------- */
  .mm-crumb{background:var(--mm-bg-soft)}
  .mm-crumb-list a:hover,.mm-crumb-list li.active,.mm-crumb-list li.active a{color:var(--mm-primary)}
  .mm-drawer-head b,.mm-drawer-link i{color:var(--mm-primary)}
  .mm-drawer-close{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-drawer-link:hover{background:var(--mm-primary-soft)}
  .mm-avatar{background:var(--mm-primary)}
  .mm-auth-btns a{border-color:var(--mm-primary);color:var(--mm-primary)}
  .mm-auth-btns a:first-child{background:var(--mm-primary);color:#fff}
  .mm-overlay{background:rgba(14,21,19,.5)}
  .mm-quick-icon{background:var(--mm-primary-soft);color:var(--mm-primary)}
  .mm-quick-item:nth-child(even) .mm-quick-icon{background:var(--mm-accent-soft);color:var(--mm-accent-dark)}
  .mm-timer-pill{background:var(--mm-sale)}
  .mm-bottom-nav{box-shadow:0 -6px 24px -10px rgba(14,21,19,.3)}
  .mm-bn-active,.mm-bn-active i{color:var(--mm-primary)}
  .mm-bn-badge{background:var(--mm-accent);color:var(--mm-dark)}

  /* ---------- Phone ---------- */
  @media(max-width:767.98px){
    .mm-home{font-size:14px}
    .mm-hero-wrap{padding:8px 12px 0}
    .mm-hero{margin:0;border-radius:18px}
    .mm-hero .carousel-indicators{left:16px;bottom:10px}
    .mm-section,.mm-showcase,.mm-featured{padding-top:28px}
    .mm-section-title{font-size:16px}
    .mm-eyebrow{font-size:10.5px;letter-spacing:1.2px;margin-bottom:2px}
    .mm-view-all{padding:5px 11px;font-size:12px}
    .mm-cat-item{min-width:88px;flex-basis:88px;padding:12px 6px 10px}
    .mm-cat-circle{width:50px;height:50px}
    .mm-cat-name{font-size:12px}
    .mm-fcard-img{margin:6px 6px 0}
    .mm-fcard-body{padding:10px 10px 0}
    .mm-fcard-badge{top:12px;left:12px}
    .mm-fcard-seller{top:12px;right:12px}
    .mm-promo{border-radius:16px;min-height:130px;padding:16px 14px}
    .mm-promo-art{font-size:40px;opacity:.35}
    .mm-panel{padding:14px;border-radius:18px}
    .mm-deals{margin-top:28px;border-radius:18px}
    .mm-deals-left,.mm-deals-right{padding:18px 20px}
    .mm-count-box{width:50px}
    .mm-community,.mm-app{margin-top:36px;border-radius:20px}
    .mm-footer{margin-top:40px}
    .mm-header{background:transparent}
    .mm-search{border-radius:12px}
    .mm-search button{background:transparent;color:var(--mm-muted);margin:0}
  }
  /* DEC-29: বাংলা eyebrow-এ letter-spacing দিলে যুক্তাক্ষর ভাঙে — কম; footer-এর উপরে সাদা ফাঁকা না */
  .mm-eyebrow{letter-spacing:.4px;text-transform:none;font-size:12.5px}
  .mm-home{padding-bottom:64px}
  .mm-footer{margin-top:0}
  @media(max-width:767.98px){.mm-home{padding-bottom:36px}}

  /* ✅ DEC-29 (২/১০, developer): বিজ্ঞাপন overlay — পুরো জায়গায় ছবি, উপরে ডানে "বিজ্ঞাপন", নিচে বামে সাদা লেখা।
     উচ্চতা নির্দিষ্ট: wide (উপরের/ক্যাটাগরি/পণ্য পাতা) ১৫০px, small (পণ্যের নিচের সারি) ১১০px। */
  .mm-ad-ov{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--mm-primary-dark);color:#fff;text-decoration:none;font-family:var(--mm-font);box-shadow:var(--mm-shadow-sm);height:150px}
  .mm-ad-ov-small{height:110px;border-radius:14px}
  .mm-ad-ov-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
  a.mm-ad-ov:hover .mm-ad-ov-img{transform:scale(1.03)}
  .mm-ad-ov::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,22,44,.82) 0%,rgba(2,22,44,.45) 38%,rgba(2,22,44,0) 70%);pointer-events:none}
  .mm-ad-ov-tag{position:absolute;top:10px;right:10px;z-index:2;font-size:10.5px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);border-radius:6px;padding:2px 8px;line-height:1.5}
  .mm-ad-ov-text{position:absolute;left:18px;right:30%;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:2px;min-width:0}
  .mm-ad-ov-title{font-size:15px;font-weight:700;line-height:1.35;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .mm-ad-ov-desc{font-size:12px;line-height:1.4;color:rgba(255,255,255,.88);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .mm-ad-ov-small .mm-ad-ov-text{left:14px;right:14px;bottom:10px}
  .mm-ad-ov-small .mm-ad-ov-title{font-size:13.5px}
  .mm-ad-ov-small .mm-ad-ov-desc{font-size:11.5px}
  .mm-ad-ov-small::after{background:linear-gradient(0deg,rgba(2,22,44,.8) 0%,rgba(2,22,44,.25) 55%,rgba(2,22,44,0) 80%)}
  .mm-ads-strip{padding-top:28px}
  .mm-ads-strip .row{--bs-gutter-x:14px;--bs-gutter-y:14px}
  @media(max-width:767.98px){
    .mm-ad-ov{height:auto;aspect-ratio:4.5/1;border-radius:14px}
    .mm-ad-ov-small{aspect-ratio:3.6/1}
    .mm-ad-ov-text{left:12px;right:12px;bottom:9px}
    .mm-ad-ov-title{font-size:13px}
    .mm-ad-ov-desc{display:none}
    .mm-ads-strip{padding-top:18px}
  }

  /* ✅ DEC-29 (২/১০, developer): phone-এ search — বোতাম ডানে, ছোট navy icon (আগে বামে বড় গাঢ় বক্স, লেখা কাটত) */
  @media(max-width:767.98px){
    .mm-search{border-radius:12px;background:#fff}
    .mm-search input{padding:10px 12px;font-size:13.5px;border-radius:12px 0 0 12px}
    .mm-search button,.mm-search button[type=submit]{order:0;width:38px;height:38px;margin:3px;align-self:center;border-radius:10px;background:var(--mm-primary);color:#fff;font-size:15px}
  }

  /* ✅ DEC-29 (২/১০, developer: details-এর width/alignment ঠিক নেই) — সব পেজের content header-এর সাথে একই
     লাইনে: বড় screen-এ .container আর .container-xl দুটোই ১২৮০px (আগে header ১২৮০, breadcrumb ১৩২০, অন্য পেজ ১১৪০)। */
  @media(min-width:1200px){ .container,.container-xl{max-width:1280px} }

  /* ✅ DEC-29 (২/১০): App section — একটা phone, ভেতরে ছোট app UI; box-এর ভেতরে নিচে বসে (উপরে বেরোয় না) */
  .mm-app{padding:0 34px;gap:34px}
  .mm-app-phones{flex:0 0 200px;height:206px;align-self:flex-end;position:relative}
  .mm-phone{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%) rotate(-4deg);width:150px;height:220px;background:#0b1220;border-radius:26px;padding:7px;box-shadow:0 18px 40px rgba(0,0,0,.4),inset 0 0 0 1.5px rgba(255,255,255,.12)}
  .mm-phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:44px;height:9px;border-radius:9px;background:#0b1220;z-index:2}
  .mm-phone-screen{height:100%;border-radius:20px;background:var(--mm-bg-soft);overflow:hidden;padding:20px 9px 0;display:flex;flex-direction:column;gap:7px;font-family:var(--mm-font)}
  .mm-phone-top{font-size:9.5px;font-weight:700;color:var(--mm-primary);display:flex;align-items:center;gap:4px}
  .mm-phone-top i{color:var(--mm-accent)}
  .mm-phone-search{font-size:8px;color:var(--mm-muted);background:#fff;border:1px solid var(--mm-border);border-radius:7px;padding:4px 7px;display:flex;gap:4px;align-items:center}
  .mm-phone-banner{border-radius:9px;background:linear-gradient(120deg,var(--mm-primary),#0b5aa3);color:#fff;padding:8px 9px;line-height:1.2}
  .mm-phone-banner b{display:block;font-size:10px;color:var(--mm-accent)}
  .mm-phone-banner small{font-size:7.5px;opacity:.85}
  .mm-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .mm-phone-grid span{height:34px;border-radius:8px;background:#fff;border:1px solid var(--mm-border);display:flex;align-items:center;justify-content:center;color:var(--mm-primary);font-size:14px}
  .mm-phone-grid span:nth-child(2n){color:var(--mm-accent-dark)}
  .mm-phone-nav{margin-top:auto;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--mm-border);padding:7px 0 14px;font-size:11px;color:var(--mm-muted)}
  .mm-phone-nav i:first-child{color:var(--mm-primary)}
  /* DEC-29: ?tab=login-এ login tab-এ scroll — sticky header যেন না ঢাকে */
  .vr-tab{scroll-margin-top:160px}

  /* ✅ DEC-29 (২/১০, developer): home-এর "বিশ্বস্ত ব্র্যান্ড" — মাঝে title (দুই পাশে লাইন), logo সাদা box-এ */
  .mm-brands-box{background:#fff;border:1px solid var(--mm-border);border-radius:20px;padding:22px 24px 24px;box-shadow:var(--mm-shadow-sm)}
  .mm-brands-head{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}
  .mm-brands-head::before,.mm-brands-head::after{content:"";flex:0 1 110px;height:1px;background:var(--mm-border)}
  .mm-brands-title{font-size:18px;font-weight:700;color:var(--mm-primary);margin:0;white-space:nowrap}
  .mm-brands-head .mm-view-all{position:absolute;right:0;top:50%;transform:translateY(-50%)}
  .mm-brands-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
  .mm-brand-card{display:flex;align-items:center;justify-content:center;height:112px;padding:14px 18px;background:#fff;border:1px solid var(--mm-border);border-radius:14px;transition:.2s}
  .mm-brand-card img{max-width:100%;max-height:76px;object-fit:contain;transition:transform .25s}
  .mm-brand-card:hover{border-color:var(--mm-primary-tint);box-shadow:var(--mm-shadow);transform:translateY(-2px)}
  .mm-brand-card:hover img{transform:scale(1.05)}
  @media(max-width:991.98px){.mm-brands-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media(max-width:767.98px){
    .mm-brands-box{padding:16px 14px 16px;border-radius:16px}
    .mm-brands-head{justify-content:space-between;margin-bottom:14px}
    .mm-brands-head::before,.mm-brands-head::after{display:none}
    .mm-brands-head .mm-view-all{position:static;transform:none}
    .mm-brands-title{font-size:16px}
    .mm-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .mm-brand-card{height:76px;padding:10px;border-radius:12px}
    .mm-brand-card img{max-height:50px}
  }

  /* ✅ DEC-29 (৩/১০, developer): "সেরা ডিল" নতুন design — এক card, navy gradient, gold অফার, কাচের মতো countdown */
  .mm-deal2{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 40px;border-radius:24px;color:#fff;
    background:radial-gradient(120% 160% at 0% 0%,#0b5aa3 0%,var(--mm-primary) 42%,var(--mm-primary-dark) 100%);box-shadow:0 18px 40px -22px rgba(3,57,108,.7)}
  .mm-deal2::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 100% 50%,rgba(201,162,75,.22) 0%,rgba(201,162,75,0) 60%);pointer-events:none}
  .mm-deal2-mark{position:absolute;right:-30px;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:220px;line-height:1;color:rgba(255,255,255,.05);pointer-events:none}
  .mm-deal2-left,.mm-deal2-right{position:relative;z-index:1}
  .mm-deal2-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--mm-dark);background:var(--mm-accent);border-radius:999px;padding:5px 12px}
  .mm-deal2-title{font-size:30px;font-weight:700;letter-spacing:-.4px;margin:12px 0 4px;color:#fff}
  .mm-deal2-sub{font-size:14px;color:rgba(255,255,255,.78);margin:0 0 18px}
  .mm-deal2-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--mm-primary);font-size:13.5px;font-weight:700;border-radius:999px;padding:11px 22px;transition:.2s}
  .mm-deal2-btn:hover{background:var(--mm-accent);color:var(--mm-dark)}
  .mm-deal2-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:10px;display:flex;align-items:center;gap:6px}
  .mm-deal2-label i{color:var(--mm-accent)}
  .mm-deal2-count{gap:10px}
  .mm-deal2-count .mm-count-box{width:68px;padding:12px 0 8px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}
  .mm-deal2-count .mm-count-box b{font-size:26px;color:#fff;font-variant-numeric:tabular-nums}
  .mm-deal2-count .mm-count-box small{font-size:10.5px;color:rgba(255,255,255,.7)}
  .mm-deal2-soon{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 20px;max-width:380px}
  .mm-deal2-soon-icon{width:48px;height:48px;border-radius:14px;background:var(--mm-accent);color:var(--mm-dark);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
  .mm-deal2-soon b{display:block;font-size:15px;color:#fff}
  .mm-deal2-soon small{display:block;font-size:12.5px;color:rgba(255,255,255,.75);margin-top:2px}
  @media(max-width:767.98px){
    .mm-deal2{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px;border-radius:18px}
    .mm-deal2-title{font-size:24px}
    .mm-deal2-mark{font-size:150px;right:-24px}
    .mm-deal2-right{width:100%}
    .mm-deal2-count .mm-count-box{flex:1;width:auto}
    .mm-deal2-soon{max-width:none}
  }

  /* ✅ DEC-29 (৩/১০, developer: shop-এর list view কাজ করে না) — root cause: list-view-এর CSS পুরনো card (.hp-card)-এর জন্য,
     DEC-25-এ সব পেজে নতুন card (.mm-fcard) বসেছে → list চাপলে শুধু grid এক কলাম, card বড় চৌকো ছবি নিয়ে পুরো চওড়া।
     এখন list-এ: বামে ছোট ছবি, ডানে নাম/দাম/বোতাম (shop, vendor store, reseller store — সব .product-grid.list-view)। */
  .product-grid.list-view{grid-template-columns:minmax(0,1fr) !important;gap:12px !important}
  .product-grid.list-view .mm-fcard{flex-direction:row;align-items:stretch;padding-bottom:0}
  .product-grid.list-view .mm-fcard:hover{transform:none}
  .product-grid.list-view .mm-fcard-img{flex:0 0 170px;width:170px;height:170px;aspect-ratio:auto;margin:10px}
  .product-grid.list-view .mm-fcard-body{flex:1;min-width:0;padding:16px 18px 16px 6px;justify-content:center}
  .product-grid.list-view .mm-fcard-name{font-size:16px;min-height:0;-webkit-line-clamp:2;margin-bottom:4px}
  .product-grid.list-view .mm-fcard-meta{margin:6px 0 10px;justify-content:flex-start;gap:12px}
  .product-grid.list-view .mm-fcard-price{font-size:19px}
  .product-grid.list-view .mm-fcard-btn{width:auto;align-self:flex-start;padding:10px 24px;min-width:200px}
  .product-grid.list-view .mm-fcard-seller{top:14px;right:14px}
  .product-grid.list-view .mm-fcard-badge{top:18px;left:18px}
  @media(max-width:575.98px){
    .product-grid.list-view .mm-fcard-img{flex-basis:108px;width:108px;height:108px;margin:8px}
    .product-grid.list-view .mm-fcard-body{padding:10px 10px 10px 2px}
    .product-grid.list-view .mm-fcard-name{font-size:13.5px}
    .product-grid.list-view .mm-fcard-price{font-size:15.5px}
    .product-grid.list-view .mm-fcard-btn{min-width:0;width:100%;padding:8px 10px;font-size:12px}
    .product-grid.list-view .mm-fcard-seller{display:none}
  }

  /* ✅ FIX DEC-29 (৩/১০, developer): header-এ admin-এর Business Settings → Logo (না থাকলে আগের icon + লেখা) */
  .mm-logo-full{display:block;height:52px;width:auto;max-width:230px;object-fit:contain}
  @media(max-width:991.98px){.mm-logo-full{height:40px;max-width:170px}}
  .mm-footer-logo .mm-logo-mark img{width:100%;height:100%}