:root{--primary:#ea580c;--primary-hover:#c2410c;--primary-light:#fff7ed;--primary-border:#ffedd5;--primary-gradient:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--dark:#0f172a;--dark-surface:#1e293b;--gray-bg:#f8fafc;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--gray-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:1240px;margin:0 auto;padding:0 16px}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:700}.top-notice-bar{background:var(--dark);color:#f8fafc;justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;font-weight:500;display:flex}.main-navbar{border-bottom:1px solid var(--border-color);z-index:50;box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand-logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-badge{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:flex;box-shadow:0 4px 10px #ea580c59}.brand-text-col{flex-direction:column;display:flex}.brand-title{letter-spacing:-.03em;color:var(--dark);font-size:20px;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.nav-search-wrap{flex:1;max-width:520px;position:relative}.search-input{border:1px solid var(--border-color);background:#f8fafc;border-radius:9999px;outline:none;width:100%;padding:10px 16px 10px 42px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #ea580c26}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-nav-action{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);color:var(--text-main);background:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-nav-action:hover{border-color:var(--primary);color:var(--primary)}.btn-nav-cart{background:var(--primary);color:#fff;border-color:var(--primary);position:relative}.btn-nav-cart:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.cart-count-badge{color:var(--primary);background:#fff;border-radius:9999px;margin-left:2px;padding:2px 6px;font-size:11px;font-weight:800}.category-strip{border-bottom:1px solid var(--border-color);white-space:nowrap;scrollbar-width:none;background:#fff;padding:8px 0;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.category-chips{gap:8px;padding:0 16px;display:flex}.category-chip{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.category-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.hero-banner{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);margin:20px 0;padding:40px 0;position:relative;overflow:hidden}.hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ea580c40 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-10%}.hero-grid{grid-template-columns:1fr;align-items:center;gap:24px;display:grid}@media (width>=768px){.hero-grid{grid-template-columns:1.3fr .9fr}}.hero-badge-tag{color:#fdba74;background:#ea580c33;border:1px solid #ea580c66;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-headline{color:#fff;margin-bottom:12px;font-size:28px;line-height:1.2}@media (width>=768px){.hero-headline{font-size:40px}}.hero-subhead{color:#94a3b8;max-width:500px;margin-bottom:24px;font-size:15px}.hero-cta-group{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ea580c4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-whatsapp-hero{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#25d366;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-whatsapp-hero:hover{background:#1eb857}.stats-strip{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:30px;display:grid}@media (width>=768px){.stats-strip{grid-template-columns:repeat(4,1fr)}}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;align-items:center;gap:12px;padding:16px;display:flex}.stat-icon-wrap{border-radius:var(--radius-sm);background:var(--primary-light);width:44px;height:44px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-num{color:var(--dark);font-size:16px;font-weight:800}.stat-label{color:var(--text-muted);font-size:12px}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-title{letter-spacing:-.02em;font-size:22px;font-weight:800}.section-subtitle{color:var(--text-muted);font-size:13px}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px;display:grid}@media (width>=768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-img-wrap{aspect-ratio:1;cursor:pointer;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .card-img{transform:scale(1.05)}.badge-overlay{background:var(--dark);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.badge-bestseller{background:var(--primary)}.moq-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172ad9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:8px}.card-body{flex-direction:column;flex:1;padding:12px;display:flex}.card-meta-line{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-brand{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:700}.card-sku{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.card-title{color:var(--dark);cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-price-row{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:8px;display:flex}.price-wholesale{color:var(--primary);font-size:18px;font-weight:800}.price-retail{color:var(--text-muted);font-size:12px;text-decoration:line-through}.card-actions{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.btn-card-add{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-card-add:hover{background:var(--primary);color:#fff}.btn-card-share{color:#475569;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#f1f5f9;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-card-share:hover{color:#fff;background:#25d366;border-color:#25d366}.toast-container{z-index:100;background:var(--dark);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary);align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s ease-out slideUp;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;padding:24px;position:relative;overflow-y:auto}.form-group{margin-bottom:16px}.form-label{color:var(--text-main);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ea580c1f}.site-footer{color:#94a3b8;background:#0f172a;border-top:1px solid #1e293b;margin-top:60px;padding:48px 0 24px}.footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:40px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr}}.footer-col h4{color:#fff;margin-bottom:16px;font-size:15px}.footer-col p{font-size:13px;line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#94a3b8;cursor:pointer;font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid #1e293b;flex-direction:column;align-items:center;gap:12px;padding-top:24px;font-size:12px;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.bm-app-wrapper{background-color:#f8fafc;flex-direction:column;max-width:100%;min-height:100vh;display:flex;position:relative}.bm-screen-container{flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 10px 110px}@media (width>=1024px){.bm-screen-container{max-width:900px;padding:0 16px 110px}}.bm-header-bar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.bm-header-inner{justify-content:space-between;align-items:center;gap:8px;max-width:900px;margin:0 auto;padding:8px 12px;display:flex}.bm-brand-group{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.bm-squircle-logo{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#ff6d00 0%,#ff5722 100%);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:flex;box-shadow:0 3px 8px #ff572259}.bm-brand-titles{flex-direction:column;display:flex}.bm-brand-name{color:#0f172a;letter-spacing:.3px;font-size:18px;font-weight:900;line-height:1.1}.bm-brand-sub{color:#64748b;margin-top:1px;font-size:11.5px;font-weight:600;line-height:1.1}.bm-header-actions{align-items:center;gap:7px;display:flex}.bm-btn-bulk{color:#ea580c;letter-spacing:.3px;cursor:pointer;background:#fff7ed;border:1px solid #ffe0b2;border-radius:18px;align-items:center;gap:4px;height:36px;padding:0 10px;font-size:11.5px;font-weight:900;transition:all .15s;display:flex}.bm-btn-bulk:hover{background:#ffedd5}.bm-btn-apk-download{color:#16a34a;letter-spacing:.3px;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;flex-shrink:0;align-items:center;gap:4px;height:36px;padding:0 8px;font-size:11px;font-weight:900;text-decoration:none;transition:all .15s;display:flex}.bm-btn-apk-download:hover{color:#15803d;background:#dcfce7;transform:translateY(-1px)}.bm-btn-circle-cart{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6d00 0%,#ff5722 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s;display:flex;position:relative;box-shadow:0 3px 8px #ff57224d}.bm-btn-circle-cart:hover{transform:scale(1.05)}.bm-cart-badge{color:#fff;background:#0f172a;border:1.2px solid #fff;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:900;position:absolute;top:-2px;right:-2px}.bm-btn-circle-profile{color:#ea580c;cursor:pointer;background:#fff;border:1px solid #ffe0b2;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.bm-green-status-dot{background:#16a34a;border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.bm-btn-circle-admin{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000d}.bm-btn-circle-admin.active{color:#ff5722;border-color:#ffccbc}.bm-search-wrap{z-index:30;background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 12px;position:relative}.bm-search-inner{max-width:900px;margin:0 auto}.bm-search-filter-tag{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.bm-search-filter-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bm-search-filter-label{color:#64748b;letter-spacing:.5px;font-size:9.5px;font-weight:900}.bm-search-filter-chip{border-radius:6px;align-items:center;gap:4px;padding:2.5px 8px;font-size:10px;font-weight:800;display:inline-flex}.bm-search-filter-chip.cat{color:#c2410c;background:#fff7ed;border:1px solid #ffd8bf}.bm-search-filter-chip.brand{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.bm-search-clear-filter-btn{color:#2563eb;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:6px;padding:3px 9px;font-size:10px;font-weight:800;transition:all .15s}.bm-search-clear-filter-btn:hover{background:#eff6ff;border-color:#2563eb}.bm-search-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:28px;align-items:center;height:48px;min-height:48px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a0d}.bm-search-box.focused{background:#fff;border-color:#0f172a;box-shadow:0 4px 14px #0f172a1f}.bm-search-box.listening{border-color:#ef4444;animation:1.5s infinite bm-mic-glow;box-shadow:0 0 0 3px #ef44442e}@keyframes bm-mic-glow{0%,to{border-color:#ef4444}50%{border-color:#ff5722}}.bm-search-tab-pill{color:#fff;letter-spacing:.6px;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#090d16 0%,#0f172a 50%,#1e293b 100%);border:none;border-radius:26px 0 0 26px;flex-shrink:0;align-items:center;gap:6px;height:48px;padding:0 14px 0 16px;font-size:11px;font-weight:900;display:flex;box-shadow:2px 0 6px #0000001f}.bm-search-tab-icon{color:#f8fafc}.bm-search-tab-text{color:#fff;font-family:inherit}.bm-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:13.5px;font-weight:600}.bm-search-input::placeholder{color:#94a3b8;font-weight:400}.bm-search-right-controls{flex-shrink:0;align-items:center;padding-right:8px;display:flex}.bm-search-action-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .15s,color .15s,transform .1s;display:flex}.bm-search-action-btn:hover{color:#0f172a;background:#f1f5f9}.bm-clear-btn:hover{color:#dc2626;background:#fee2e2}.bm-search-ctrl-divider{background:#e2e8f0;width:1px;height:20px;margin:0 2px}.bm-voice-btn{color:#2563eb}.bm-voice-btn:hover{color:#1d4ed8;background:#eff6ff}.bm-voice-btn.active-pulse{color:#dc2626;background:#fee2e2;animation:1.2s infinite bm-pulse}@keyframes bm-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.bm-voice-listening-banner{color:#fff;background:linear-gradient(90deg,#1e1b4b 0%,#0f172a 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;animation:.2s bm-fade-in;display:flex;box-shadow:0 4px 12px #0f172a2e}@keyframes bm-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bm-voice-wave-indicator{align-items:center;gap:3px;height:18px;display:flex}.wave-bar{background:#38bdf8;border-radius:2px;width:3.5px;animation:.8s ease-in-out infinite alternate bm-wave}.wave-bar.bar-1{height:6px;animation-delay:.1s}.wave-bar.bar-2{background:#ff5722;height:16px;animation-delay:.3s}.wave-bar.bar-3{background:#10b981;height:12px;animation-delay:.2s}.wave-bar.bar-4{height:8px;animation-delay:.4s}@keyframes bm-wave{0%{height:4px}to{height:18px}}.bm-voice-listening-text{color:#e2e8f0;flex:1;font-size:11.5px}.bm-voice-listening-text strong{color:#f87171;margin-right:4px}.bm-voice-stop-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:14px;padding:4px 12px;font-size:11px;font-weight:800}.bm-voice-error-toast{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;margin-top:8px;padding:8px 12px;font-size:11.5px;font-weight:700;animation:.2s bm-fade-in;display:flex}.bm-section-box-header{background:linear-gradient(90deg,#fff7ed 0%,#fff 100%);border:1px solid #ffd8bf;border-radius:14px;justify-content:space-between;align-items:center;margin:10px 0;padding:9px 12px;display:flex;box-shadow:0 1px 3px #00000008}.bm-box-icon-sq{color:#fff;background:#ff5722;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.bm-section-title{color:#0f172a;letter-spacing:.3px;font-size:13px;font-weight:900;line-height:1.2}.bm-section-subtitle{color:#64748b;margin-top:2px;font-size:10px;font-weight:600;line-height:1.2}.bm-box-count-pill{color:#ff5722;background:#fff;border:1px solid #ffccbc;border-radius:8px;padding:3px 8px;font-size:10.5px;font-weight:900}.bm-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}@media (width>=768px){.bm-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1024px){.bm-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bm-category-card{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:18px;flex-direction:column;min-width:48px;min-height:195px;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.bm-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.bm-category-card:active{transform:scale(.985);box-shadow:0 2px 6px #0000000f}.bm-cat-top-header{box-sizing:border-box;justify-content:flex-end;min-height:26px;padding:6px 8px 4px;display:flex}.bm-cat-min-pill{color:#c2410c;letter-spacing:.3px;background:#fff7ed;border:1px solid #ffd8bf;border-radius:6px;padding:2.5px 7px;font-size:8.5px;font-weight:900;line-height:1}.bm-cat-showcase-box{aspect-ratio:4/3;box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:13px;justify-content:center;align-items:center;width:calc(100% - 16px);min-height:96px;margin:0 8px 7px;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.bm-cat-showcase-box img{object-fit:contain;width:100%;height:100%;transition:transform .2s}.bm-category-card:hover .bm-cat-showcase-box img{transform:scale(1.05)}.bm-cat-bottom-details{box-sizing:border-box;background:#fff;border-top:1px solid #0000000a;justify-content:space-between;align-items:center;gap:6px;min-height:52px;margin-top:auto;padding:10px 11px;display:flex}.bm-cat-title{color:#0f172a;letter-spacing:.2px;font-size:13px;font-weight:900;line-height:1.2}.bm-cat-stock-line{align-items:center;gap:4px;margin-top:3px;font-size:10.5px;font-weight:700;display:flex}.bm-cat-action-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 5px #00000026}.bm-ticker-strip{cursor:pointer;background:linear-gradient(90deg,#e11d48 0%,#e91e63 35%,#ff5722 75%,#ff7043 100%);border-radius:8px;align-items:center;width:100%;height:34px;margin:6px 0 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #e11d4840}.bm-ticker-track{white-space:nowrap;color:#fff;letter-spacing:.5px;font-size:11.5px;font-weight:900;animation:22s linear infinite bm-marquee;display:flex}@keyframes bm-marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.bm-category-brands-container{flex-direction:column;gap:12px;padding:8px 0 12px;display:flex}.bm-all-brands-top-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;padding:10px 12px;box-shadow:0 2px 8px #0f172a0a}.bm-all-brands-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bm-step-badge{color:#fff;letter-spacing:.5px;background:#ff5722;border-radius:4px;padding:2px 6px;font-size:8.5px;font-weight:900}.bm-all-brands-header-title{color:#64748b;letter-spacing:.3px;font-size:10px;font-weight:800}.bm-all-models-count-tag{color:#334155;letter-spacing:.3px;background:#f1f5f9;border-radius:8px;padding:2px 8px;font-size:9.5px;font-weight:800}.bm-all-brands-btn{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bm-all-brands-btn:active{transform:scale(.985)}.bm-all-brands-btn.is-active{background:linear-gradient(135deg,#ff5722 0%,#ea580c 100%);border-color:#ff5722;box-shadow:0 4px 14px #ff572242}.bm-all-brands-btn-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.bm-all-brands-icon-pill{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 2px 6px #0f172a14}.bm-all-brands-btn.is-active .bm-all-brands-icon-pill{background:#ffffff40}.bm-all-brands-text-col{flex:1;min-width:0}.bm-all-brands-main-title{color:#0f172a;letter-spacing:.2px;font-size:13px;font-weight:900}.bm-all-brands-btn.is-active .bm-all-brands-main-title{color:#fff}.bm-all-brands-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1.5px;font-size:10px;font-weight:600;overflow:hidden}.bm-all-brands-btn.is-active .bm-all-brands-subtitle{color:#ffffffe0}.bm-all-brands-status-pill{flex-shrink:0;margin-left:8px}.bm-selected-check-badge{color:#ea580c;letter-spacing:.3px;background:#fff;border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 2px 6px #0000001f}.bm-tap-view-badge{color:#0f172a;letter-spacing:.3px;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.bm-particular-brands-wrapper{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;padding:10px 12px;box-shadow:0 2px 8px #0f172a0a}.bm-particular-brands-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bm-brands-tag{color:#fff;letter-spacing:.5px;background:#1e293b;border-radius:5px;padding:2.5px 6px;font-size:9px;font-weight:900}.bm-particular-brands-heading{color:#0f172a;letter-spacing:.2px;font-size:11px;font-weight:900}.bm-reset-all-link{color:#ff5722;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10.5px;font-weight:800}.bm-particular-brands-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow:auto hidden}.bm-particular-brands-scroll::-webkit-scrollbar{display:none}.bm-smart-brand-card{border:1.5px solid var(--brand-border,#e2e8f0);cursor:pointer;white-space:nowrap;text-align:left;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;min-width:126px;height:54px;padding:6px 12px 6px 8px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 2px 5px #0f172a08}.bm-smart-brand-card:active{transform:scale(.97)}.bm-smart-brand-card:hover{background:var(--brand-bg-light,#f8fafc)}.bm-smart-brand-card.is-selected{background:var(--brand-gradient,#1e293b);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.bm-brand-badge-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;font-weight:900;display:flex;box-shadow:0 2px 4px #00000014}.bm-brand-details-col{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.bm-brand-name-text{color:#0f172a;font-size:12.5px;font-weight:800;line-height:1.2}.bm-smart-brand-card.is-selected .bm-brand-name-text{color:#fff}.bm-brand-sub-badge{color:var(--brand-text,#64748b);margin-top:1px;font-size:9.5px;font-weight:700}.bm-smart-brand-card.is-selected .bm-brand-sub-badge{color:#ffffffe6}.bm-brand-active-dot{color:#fff;background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;font-size:9px;font-weight:900;display:flex}.bm-brands-row-wrap{padding:6px 0 10px}.bm-brands-label-line{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bm-brands-scroll{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.bm-brands-scroll::-webkit-scrollbar{display:none}.bm-brand-chip{color:#0f172a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.bm-brand-chip.selected{color:#fff;background:#1e293b;border-color:#1e293b}.bm-brand-chip.selected-all{color:#fff;background:#ff5722;border-color:#ff5722}.bm-brand-letter-circle{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:900;display:flex}.bm-sort-bar-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:100%;margin-top:10px;margin-bottom:12px;padding:4px 0;display:flex}.bm-sort-bar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;padding-bottom:2px;display:flex;overflow:auto hidden}.bm-sort-bar-scroll::-webkit-scrollbar{display:none}.bm-sort-label-tag{color:#fff;letter-spacing:.5px;background:#0f172a;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.bm-sort-chip{color:#334155;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.bm-sort-chip:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.bm-sort-chip.selected{color:#fff;background:#ff5722;border-color:#ff5722;box-shadow:0 2px 6px #ff572240}.bm-sort-chip.selected .bm-sort-chip-icon{color:#fff}.bm-sort-chip-icon{color:#64748b;transition:color .15s}.bm-sort-count-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:6px;flex-shrink:0;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.bm-cat-nav-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #00000008}.bm-back-btn{color:#ff5722;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.bm-cat-badge-title{color:#e65100;background:#fff7ed;border:1px solid #ffd8bf;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:900;display:flex}.bm-cat-hero-card{background:linear-gradient(#fff7ed 0%,#fff 100%);border:1px solid #ffe0b2;border-radius:16px;margin-bottom:12px;padding:12px;box-shadow:0 2px 5px #00000008}.bm-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=768px){.bm-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (width>=1024px){.bm-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bm-prod-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.bm-prod-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.bm-prod-img-box{aspect-ratio:1;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.bm-prod-img{object-fit:cover;width:100%;height:100%}.bm-discount-pill{color:#fff;background:#2563eb;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:6px;left:6px}.bm-outofstock-pill{color:#fff;background:#dc2626;border-radius:4px;padding:2px 5px;font-size:8.5px;font-weight:900;position:absolute;top:6px;right:6px}.bm-photos-pill{color:#1e293b;background:#ffffffeb;border-radius:10px;padding:1px 6px;font-size:9.5px;font-weight:700;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0000001a}.bm-prod-info{flex-direction:column;flex:1;padding:8px 10px;display:flex}.bm-prod-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;font-size:12.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.bm-prod-price-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.bm-price-wh{color:#0f172a;font-size:15px;font-weight:900}.bm-price-mrp{color:#94a3b8;font-size:11px;text-decoration:line-through}.bm-moq-badge-mini{color:#c2410c;background:#fff7ed;border:.8px solid #ffd8bf;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:8.5px;font-weight:900}.bm-stepper-box{background:#e2e8f0;border-radius:4px;align-items:center;width:100%;height:36px;display:flex;overflow:hidden}.bm-stepper-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;height:100%;font-weight:900;display:flex}.bm-stepper-btn:hover{background:#cbd5e1}.bm-stepper-num{color:#0f172a;background:#fff;flex:1.2;justify-content:center;align-items:center;height:100%;font-size:13px;font-weight:800;display:flex}.bm-btn-add-cart{color:#fff;letter-spacing:.5px;cursor:pointer;background:#ff5722;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;height:36px;font-size:11.5px;font-weight:800;transition:background .15s;display:flex}.bm-btn-add-cart:hover{background:#e65100}.bm-btn-notify{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;height:36px;font-size:10.5px;font-weight:800;display:flex}.bm-bottom-cart-bar{z-index:90;pointer-events:none;justify-content:center;padding:10px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.bm-bottom-cart-inner{pointer-events:auto;align-items:center;gap:10px;width:100%;max-width:600px;display:flex}.bm-cart-pill-btn{color:#fff;cursor:pointer;background:#4361ee;border:none;border-radius:26px;flex:1;justify-content:space-between;align-items:center;height:52px;padding:0 16px;transition:transform .15s;display:flex;box-shadow:0 6px 18px #4361ee66}.bm-cart-pill-btn:hover{transform:translateY(-2px)}.bm-whatsapp-float-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:26px;flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 16px;transition:transform .15s;display:flex;box-shadow:0 6px 18px #25d36666}.bm-whatsapp-float-btn:hover{transform:translateY(-2px)}.bm-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a99;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.bm-modal-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026}@media print{body *{visibility:hidden}.printable-invoice-wrapper,.printable-invoice-wrapper #invoice-sheet,.printable-invoice-wrapper #invoice-sheet *{visibility:visible}.printable-invoice-wrapper{width:100%!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}}.bm-app-wrapper.bm-admin-mode{flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.bm-admin-portal-wrapper{background:#f8fafc;width:100%;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.bm-admin-left-sidebar{z-index:50;background:#fff;border-right:1.5px solid #e2e8f0;flex-direction:column;flex-shrink:0;height:100dvh;max-height:100dvh;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:2px 0 12px #00000008}.bm-admin-left-sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.bm-admin-main-viewport{background:#f8fafc;flex-direction:column;flex:1;min-width:0;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.bm-admin-top-header{z-index:40;box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;min-height:64px;max-height:64px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000a}.bm-admin-content-scroll{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;padding:24px;overflow:hidden auto}@media (width<=1023px){.bm-admin-left-sidebar{z-index:1000!important;height:100dvh!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-290px!important;box-shadow:10px 0 30px #00000040!important}.bm-admin-left-sidebar.mobile-open{left:0!important}.bm-admin-mobile-toggle{display:inline-flex!important}.bm-admin-top-header{padding:0 14px!important}.bm-admin-status-pill{display:none!important}.bm-admin-content-scroll{padding:16px 12px!important}}


/* BM CARE 3D Luxury Shiny & Bubble Ripple Buttons */
@keyframes bmShineSweep {
  0% { transform: translateX(-150%) skewX(-25deg); }
  100% { transform: translateX(250%) skewX(-25deg); }
}

@keyframes bmBubblePulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

.bm-btn-3d-shine {
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transform: translateZ(0) !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #FF6B00 0%, #EA580C 60%, #C2410C 100%) !important;
  box-shadow: 0 10px 22px -4px rgba(234, 88, 12, 0.45), 0 3px 8px rgba(0, 0, 0, 0.12) !important;
  will-change: transform, box-shadow !important;
}

.bm-btn-3d-shine::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 12px 12px 0 0;
  pointer-events: none;
}

.bm-btn-3d-shine::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    105deg,
    transparent 20%,
    rgba(255, 255, 255, 0.35) 45%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(255, 255, 255, 0.35) 55%,
    transparent 80%
  );
  transform: translateX(-150%) skewX(-25deg);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}

.bm-btn-3d-shine:hover::after {
  opacity: 1;
  animation: bmShineSweep 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.bm-btn-3d-shine:hover {
  transform: translateY(-3.5px) scale(1.025) !important;
  box-shadow: 0 18px 32px -4px rgba(234, 88, 12, 0.6), 0 8px 16px -2px rgba(245, 158, 11, 0.4) !important;
  filter: brightness(1.08) !important;
}

.bm-btn-3d-shine:active {
  transform: translateY(1.5px) scale(0.975) !important;
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.35) !important;
  filter: brightness(0.96) !important;
}

.bm-btn-3d-bubble {
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transform: translateZ(0) !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #FFFDF5 0%, #FEF3C7 50%, #FDE68A 100%) !important;
  border: 1.8px solid #F59E0B !important;
  box-shadow: 0 6px 16px -2px rgba(245, 158, 11, 0.25) !important;
  will-change: transform, box-shadow !important;
}

.bm-btn-3d-bubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 12px 12px 0 0;
  pointer-events: none;
}

.bm-btn-3d-bubble::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    105deg,
    transparent 25%,
    rgba(254, 240, 138, 0.4) 45%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(254, 240, 138, 0.4) 55%,
    transparent 75%
  );
  transform: translateX(-150%) skewX(-25deg);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}

.bm-btn-3d-bubble:hover::after {
  opacity: 1;
  animation: bmShineSweep 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.bm-btn-3d-bubble:hover {
  transform: translateY(-3px) scale(1.025) !important;
  box-shadow: 0 16px 28px -4px rgba(245, 158, 11, 0.4), 0 6px 14px -2px rgba(234, 88, 12, 0.2) !important;
  border-color: #EA580C !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #FEF08A 100%) !important;
}

.bm-btn-3d-bubble:active {
  transform: translateY(1.5px) scale(0.975) !important;
  box-shadow: 0 3px 8px rgba(245, 158, 11, 0.25) !important;
}


/* ========================================================= */
/* ========================================================= */
    /* ========================================================= */
    /* ========================================================= */
    /* PREMIUM HOME PAGE CATEGORY CARDS (FULL-BLEED SEAMLESS FIT)*/
    /* ========================================================= */
    /* ========================================================= */
    /* HOME PAGE CATEGORY MENU CARDS (ELEVATED & PERFECT SPACING) */
    /* ========================================================= */
    .bm-category-card {
      background: #ffffff !important;
      background-color: #ffffff !important;
      border-radius: 16px !important;
      min-height: 168px !important;
      max-height: 184px !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.18s ease !important;
      box-shadow: 0 2px 10px rgba(15, 23, 42, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
      display: flex !important;
      flex-direction: column !important;
      position: relative !important;
      margin-top: -3px !important;
    }
    .bm-category-card:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 6px 20px rgba(15, 23, 42, 0.11) !important;
    }
    /* 1. Hide MIN PCS badges strictly on Category Cards only */
    .bm-category-card .bm-cat-top-header,
    .bm-category-card .bm-cat-min-pill,
    .bm-category-card .bm-cat-min-pill-empty {
      display: none !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      visibility: hidden !important;
    }
    /* 2. Elevated showcase box: proper proportional height, shifts content upward */
    .bm-category-card .bm-cat-showcase-box {
      width: 100% !important;
      height: 114px !important;
      min-height: 114px !important;
      max-height: 118px !important;
      aspect-ratio: auto !important;
      box-sizing: border-box !important;
      background: #ffffff !important;
      background-color: #ffffff !important;
      border: none !important;
      border-radius: 0 !important;
      justify-content: center !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 6px 6px 2px 6px !important;
      display: flex !important;
      position: relative !important;
      overflow: hidden !important;
      box-shadow: none !important;
    }
    /* 3. Image fitting: proportional, sharp, sits higher in card without pushing description */
    .bm-category-card .bm-cat-showcase-box img {
      object-fit: contain !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 106px !important;
      display: block !important;
      margin: 0 auto !important;
      transition: transform 0.2s ease !important;
    }
    .bm-category-card:hover .bm-cat-showcase-box img {
      transform: scale(1.03) !important;
    }
    /* 4. Enhanced bottom description section: shifted up, perfect alignment & readable text */
    .bm-category-card .bm-cat-bottom-details {
      box-sizing: border-box !important;
      background: #ffffff !important;
      background-color: #ffffff !important;
      border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
      border-bottom-right-radius: 15px !important;
      border-bottom-left-radius: 15px !important;
      justify-content: space-between !important;
      align-items: center !important;
      margin-top: auto !important;
      padding: 6px 10px 7px 10px !important;
      min-height: 48px !important;
      height: 48px !important;
      display: flex !important;
      z-index: 2 !important;
    }
    .bm-category-card .bm-cat-info-col {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      overflow: hidden !important;
      flex: 1 !important;
      min-width: 0 !important;
      padding-right: 6px !important;
    }
    .bm-category-card .bm-cat-title {
      color: #0f172a !important;
      letter-spacing: 0.2px !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1.25 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .bm-category-card .bm-cat-stock-line {
      align-items: center !important;
      gap: 4px !important;
      margin-top: 2px !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      display: flex !important;
      line-height: 1.1 !important;
      white-space: nowrap !important;
    }
    .bm-category-card .bm-in-stock-tag {
      color: #16a34a !important;
      font-size: 10px !important;
      font-weight: 800 !important;
    }
    .bm-category-card .bm-cat-action-circle {
      color: #ffffff !important;
      border-radius: 50% !important;
      flex-shrink: 0 !important;
      justify-content: center !important;
      align-items: center !important;
      width: 25px !important;
      height: 25px !important;
      min-width: 25px !important;
      display: flex !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
      transition: transform 0.15s ease !important;
    }
    .bm-category-card:hover .bm-cat-action-circle {
      transform: translateX(2px) !important;
    }
    /* Mobile responsive optimization for Category Menu Cards */
    @media (max-width: 640px) {
      .bm-section-box-header {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        padding: 6px 10px !important;
      }
      .bm-category-grid {
        margin-top: -3px !important;
        margin-bottom: 8px !important;
        gap: 8px !important;
      }
      .bm-category-card {
        border-radius: 14px !important;
        min-height: 154px !important;
        max-height: 168px !important;
        margin-top: 0 !important;
      }
      .bm-category-card .bm-cat-showcase-box {
        height: 105px !important;
        min-height: 105px !important;
        max-height: 108px !important;
        padding: 4px 4px 1px 4px !important;
      }
      .bm-category-card .bm-cat-showcase-box img {
        max-height: 98px !important;
      }
      .bm-category-card .bm-cat-bottom-details {
        padding: 5px 8px 6px 8px !important;
        min-height: 44px !important;
        height: 44px !important;
        border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
      }
      .bm-category-card .bm-cat-info-col {
        padding-right: 4px !important;
      }
      .bm-category-card .bm-cat-title {
        font-size: 11.5px !important;
        line-height: 1.2 !important;
      }
      .bm-category-card .bm-cat-stock-line {
        font-size: 9.5px !important;
        margin-top: 2px !important;
      }
      .bm-category-card .bm-in-stock-tag {
        font-size: 9.5px !important;
      }
      .bm-category-card .bm-cat-action-circle {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
      }
    }
    @media (max-width: 380px) {
      .bm-category-card {
        min-height: 146px !important;
        max-height: 160px !important;
      }
      .bm-category-card .bm-cat-showcase-box {
        height: 98px !important;
        min-height: 98px !important;
        max-height: 100px !important;
        padding: 3px 3px 1px 3px !important;
      }
      .bm-category-card .bm-cat-showcase-box img {
        max-height: 92px !important;
      }
      .bm-category-card .bm-cat-bottom-details {
        padding: 4px 6px 5px 6px !important;
        min-height: 42px !important;
        height: 42px !important;
      }
      .bm-category-card .bm-cat-title {
        font-size: 10.5px !important;
      }
      .bm-category-card .bm-cat-stock-line {
        font-size: 9px !important;
      }
      .bm-category-card .bm-cat-action-circle {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
      }
    }

    .bm-squircle-logo-wrap {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 9px !important;
      background: transparent !important;
      overflow: hidden !important;
    }
    .bm-squircle-logo-wrap img, .bm-squircle-logo {
      width: 32px !important;
      height: 32px !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      border-radius: 8px !important;
      display: block !important;
    }


/* ========================================================= */
/* BM CARE NEXT-LEVEL MOBILE-FIRST ADMIN PANEL STYLES       */
/* ========================================================= */
body:has(.bm-admin-portal-wrapper) #bm-native-bottom-nav,
.bm-admin-portal-wrapper ~ #bm-native-bottom-nav,
.bm-admin-mode #bm-native-bottom-nav {
  display: none !important;
}

.bm-admin-portal-wrapper {
  background: #f8fafc !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  overflow: hidden !important;
  z-index: 9999 !important;
}

.bm-admin-left-sidebar {
  z-index: 50;
  background: #ffffff !important;
  border-right: 1.5px solid #e2e8f0 !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  position: relative !important;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04) !important;
}

.bm-admin-left-sidebar-nav {
  -webkit-overflow-scrolling: touch !important;
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

.bm-admin-main-viewport {
  background: #f8fafc !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  display: flex !important;
  overflow: hidden !important;
}

.bm-admin-top-header {
  z-index: 40 !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  flex-shrink: 0 !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  padding: 0 18px !important;
  display: flex !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.bm-admin-content-scroll {
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch !important;
  flex: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 20px 16px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

/* Mobile responsive drawer overlay and slide-out */
@media (max-width: 1023px) {
  .bm-admin-left-sidebar {
    z-index: 10000 !important;
    height: 100dvh !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -320px !important;
    width: 290px !important;
    max-width: 86vw !important;
    box-shadow: 16px 0 45px rgba(15, 23, 42, 0.3) !important;
    transition: left 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border-right: none !important;
  }
  .bm-admin-left-sidebar.mobile-open {
    left: 0 !important;
  }
  .bm-admin-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    border: 1.5px solid #fed7aa !important;
    background: #fff7ed !important;
    color: #ea580c !important;
    cursor: pointer !important;
  }
  .bm-admin-top-header {
    padding: 0 12px !important;
    height: 58px !important;
    min-height: 58px !important;
  }
  .bm-admin-status-pill {
    display: none !important;
  }
  .bm-admin-content-scroll {
    padding: 14px 10px 30px !important;
  }
}

/* Smooth touch styling for admin navigation items */
.bm-admin-nav-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  border: 1.5px solid transparent !important;
  background: transparent !important;
  color: #334155 !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  width: 100% !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: transparent !important;
}
.bm-admin-nav-btn:active {
  transform: scale(0.985) !important;
}
.bm-admin-nav-btn.is-active {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
  color: #ea580c !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 3px rgba(234, 88, 12, 0.08) !important;
}
.bm-admin-subnav-box {
  margin: 3px 0 6px 20px !important;
  padding-left: 10px !important;
  border-left: 2px solid #fed7aa !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.bm-admin-subnav-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  border: none !important;
  background: transparent !important;
  color: #475569 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.12s ease !important;
}
.bm-admin-subnav-btn:hover,
.bm-admin-subnav-btn.is-active {
  background: #ffedd5 !important;
  color: #c2410c !important;
  font-weight: 800 !important;
}