:root{--sf-primary: #1f6feb;--sf-primary-contrast: #fff;--sf-accent: #0f172a;--sf-topbar-bg: #0f172a;--sf-topbar-fg: #cbd5e1;--sf-header-bg: #fff;--sf-header-fg: #1f2937;--sf-nav-bg: #fff;--sf-nav-fg: #1f2937;--sf-page-bg: #f4f5f7;--sf-surface: #fff;--sf-border: #e5e7eb;--sf-text: #1f2937;--sf-text-muted: #6b7280;--sf-link: var(--sf-primary);--sf-price: #d51e0b;--sf-price-old: #9ca3af;--sf-discount-bg: var(--sf-primary);--sf-discount-fg: #fff;--sf-success: #16a34a;--sf-danger: #dc2626;--sf-footer-bg: #111827;--sf-footer-fg: #d1d5db;--sf-font-family: system-ui;--sf-font-family-bn: "Hind Siliguri";--sf-radius-card: 8px;--sf-radius-button: 6px;--sf-container-max: 1280px;--sf-shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--sf-space-1: 4px;--sf-space-2: 6px;--sf-space-3: 10px;--sf-space-4: 14px;--sf-space-5: 20px;--sf-space-6: 28px;--sf-space-7: 40px;--sf-font: var(--sf-font-family), var(--sf-font-family-bn), system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Bengali", sans-serif;--sf-gutter: 16px;--sf-header-h: 64px;--sf-bottom-nav-h: 0px;--sf-sidebar-w: 0px;--sf-tint: color-mix(in srgb, var(--sf-primary) 10%, var(--sf-surface));--sf-hover: color-mix(in srgb, var(--sf-text) 5%, transparent);--sf-ease: cubic-bezier(.2, .7, .2, 1)}html[lang=bn]{--sf-font: var(--sf-font-family-bn), var(--sf-font-family), "Noto Sans Bengali", system-ui, sans-serif}@media(max-width:991px){:root{--sf-bottom-nav-h: 58px;--sf-header-h: 56px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--sf-font);font-size:14px;line-height:1.5;color:var(--sf-text);background:var(--sf-page-bg);-webkit-font-smoothing:antialiased;padding-bottom:var(--sf-bottom-nav-h)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--sf-link)}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:600}p{margin:0 0 var(--sf-space-3)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:2px solid var(--sf-primary);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:100%;max-width:var(--sf-container-max);margin-inline:auto;padding-inline:var(--sf-gutter)}@media(min-width:768px){:root{--sf-gutter: 20px}}.page{padding-block:var(--sf-space-5) var(--sf-space-7)}.stack{display:flex;flex-direction:column;gap:var(--sf-space-4)}.row{display:flex;align-items:center;gap:var(--sf-space-3)}.spacer{flex:1}.muted{color:var(--sf-text-muted)}.small{font-size:12px}.card{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-card)}.panel{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-card);padding:var(--sf-space-5)}.page-title{font-size:22px;margin-bottom:var(--sf-space-4)}.pgrid{display:grid;gap:var(--sf-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:576px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:992px){.pgrid{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:var(--sf-space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:var(--sf-radius-button);border:1px solid transparent;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,filter .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--sf-primary);color:var(--sf-primary-contrast)}.btn-primary:hover:not(:disabled){filter:brightness(.93);color:var(--sf-primary-contrast)}.btn-accent{background:var(--sf-accent);color:#fff}.btn-accent:hover:not(:disabled){filter:brightness(1.15);color:#fff}.btn-outline{border-color:var(--sf-primary);color:var(--sf-primary);background:var(--sf-surface)}.btn-outline:hover:not(:disabled){background:var(--sf-tint)}.btn-ghost{color:var(--sf-text);border-color:var(--sf-border);background:var(--sf-surface)}.btn-ghost:hover:not(:disabled){border-color:var(--sf-text-muted);color:var(--sf-text)}.btn-block{width:100%}.btn-lg{min-height:48px;font-size:15px}.btn-sm{min-height:32px;padding:0 12px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:inherit;flex:none}.icon-btn:hover{background:var(--sf-hover)}.link{color:var(--sf-link);font-weight:500}.link:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px}.field>label,.label{font-size:13px;font-weight:600}.input,.select,.textarea{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--sf-border);border-radius:var(--sf-radius-button);background:var(--sf-surface);outline:none;transition:border-color .15s,box-shadow .15s}.textarea{min-height:84px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--sf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary) 18%,transparent)}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--sf-danger)}.err{color:var(--sf-danger);font-size:12px}.alert{padding:10px 14px;border-radius:var(--sf-radius-button);font-size:13px;background:color-mix(in srgb,var(--sf-danger) 9%,var(--sf-surface));color:var(--sf-danger);border:1px solid color-mix(in srgb,var(--sf-danger) 25%,transparent)}.alert.ok{background:color-mix(in srgb,var(--sf-success) 9%,var(--sf-surface));color:var(--sf-success);border-color:color-mix(in srgb,var(--sf-success) 25%,transparent)}.alert.info{background:var(--sf-tint);color:var(--sf-text);border-color:color-mix(in srgb,var(--sf-primary) 20%,transparent)}.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.check input{accent-color:var(--sf-primary);width:16px;height:16px;margin:0}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--sf-border);border-radius:999px;background:var(--sf-surface);font-size:13px;white-space:nowrap}.chip:hover,.chip.active{border-color:var(--sf-primary);color:var(--sf-primary)}.chip.active{background:var(--sf-tint)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.01em;background:var(--sf-accent);color:#fff;white-space:nowrap}.badge.discount{background:var(--sf-discount-bg);color:var(--sf-discount-fg)}.badge.soft{background:var(--sf-tint);color:var(--sf-primary)}.stock{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.stock.OUT_OF_STOCK{background:color-mix(in srgb,var(--sf-danger) 12%,var(--sf-surface));color:var(--sf-danger)}.stock.PRE_ORDER{background:color-mix(in srgb,#d97706 14%,var(--sf-surface));color:#b45309}.stock.UPCOMING{background:color-mix(in srgb,#2563eb 12%,var(--sf-surface));color:#1d4ed8}.stock.IN_STOCK{background:color-mix(in srgb,var(--sf-success) 12%,var(--sf-surface));color:var(--sf-success)}.price{color:var(--sf-price);font-weight:700}.price-old{color:var(--sf-price-old);text-decoration:line-through;font-size:.86em;font-weight:400}.ratio{position:relative;width:100%;aspect-ratio:var(--ar, 1/1);overflow:hidden;background:color-mix(in srgb,var(--sf-text) 4%,var(--sf-surface))}.ratio>img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit, contain)}.ratio>.ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--sf-border)}.sk{background:linear-gradient(90deg,color-mix(in srgb,var(--sf-text) 6%,transparent) 25%,color-mix(in srgb,var(--sf-text) 11%,transparent) 37%,color-mix(in srgb,var(--sf-text) 6%,transparent) 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:6px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.sk-line{height:12px;margin-top:8px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sf-space-3);margin-bottom:var(--sf-space-4)}.sec-head h2{font-size:clamp(17px,2.2vw,22px)}.sec-head .sub{color:var(--sf-text-muted);font-size:13px;margin-top:2px}.sec-head .see-all{display:inline-flex;align-items:center;gap:2px;color:var(--sf-primary);font-weight:600;font-size:13px;white-space:nowrap}.backdrop{position:fixed;inset:0;background:#0f172a73;z-index:90;animation:fade .2s ease}.drawer{position:fixed;top:0;bottom:0;width:min(420px,92vw);background:var(--sf-surface);z-index:91;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.drawer.right{right:0;animation:slide-r .25s var(--sf-ease)}.drawer.left{left:0;animation:slide-l .25s var(--sf-ease)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--sf-border);font-weight:700;font-size:16px}.drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain}@keyframes fade{0%{opacity:0}}@keyframes slide-r{0%{transform:translate(100%)}}@keyframes slide-l{0%{transform:translate(-100%)}}.rich{line-height:1.7;overflow-wrap:anywhere}.rich img{height:auto;border-radius:var(--sf-radius-card)}.rich table{border-collapse:collapse;width:100%;margin-block:8px}.rich td,.rich th{border:1px solid var(--sf-border);padding:6px 10px}.rich h1,.rich h2,.rich h3{margin:1em 0 .5em}.rich a{color:var(--sf-link);text-decoration:underline}@media(max-width:991px){.hide-mobile{display:none!important}}@media(min-width:992px){.hide-desktop{display:none!important}}.hscroll{display:flex;gap:var(--sf-space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;padding:var(--sf-space-7) var(--sf-gutter);color:var(--sf-text-muted)}.empty h2{color:var(--sf-text);font-size:20px;margin:12px 0 6px}.empty .big-icon{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--sf-tint);color:var(--sf-primary)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;color:var(--sf-text-muted);margin-bottom:var(--sf-space-4)}.crumbs a:hover{color:var(--sf-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}