.smbn{position:fixed;bottom:0;left:0;right:0;z-index:300;background:#fff;border-top:1px solid #e8e0d0;box-shadow:0 -2px 16px #00000012;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:none}.smbn__list{display:flex;width:100%;height:100%;align-items:stretch;list-style:none;margin:0;padding:0}.smbn__item{flex:1;display:flex}.smbn__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#8c8c8c;font-size:var(--type-micro, 10px);font-weight:500;letter-spacing:.03em;transition:color .15s ease;padding:8px 4px 6px;position:relative;-webkit-tap-highlight-color:transparent}.smbn__link:hover,.smbn__link.is-active{color:#ab8744}.smbn__link.is-active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:#ab8744;border-radius:0 0 2px 2px}.smbn__icon{width:24px;height:24px;flex-shrink:0;transition:transform .15s ease}.smbn__link:active .smbn__icon{transform:scale(.88)}.smbn__link.is-active .smbn__icon{color:#ab8744}.smbn__badge{position:absolute;top:4px;right:calc(50% - 18px);min-width:14px;height:14px;padding:0 3px;background:#ab8744;color:#fff;font-size:var(--type-micro);font-weight:700;border-radius:7px;display:flex;align-items:center;justify-content:center}@media(max-width:1023px){body:has(.smbn)>footer{padding-bottom:64px}}.smbn.smbn--icons-only{height:60px}.smbn.smbn--icons-only .smbn__link{font-size:0;gap:0;padding:10px 4px}.smbn.smbn--icons-only .smbn__link span{display:none}.smbn.smbn--icons-only .smbn__icon{width:26px;height:26px}.smbn.smbn--icons-only .smbn__link.is-active:before{display:none}.smbn.smbn--icons-only .smbn__link.is-active .smbn__icon{color:#fff8f0;background:#ab8744;border-radius:999px;padding:6px;width:38px;height:38px;box-sizing:content-box;margin:-6px}@media(max-width:1023px){body:has(.smbn.smbn--icons-only)>footer{padding-bottom:60px}}.smbn.smbn--pill-compact{bottom:calc(var(--smbn-offset, 12px) + env(safe-area-inset-bottom,0px));left:var(--smbn-edge, 12px);right:var(--smbn-edge, 12px);height:56px;background:#3e2723;border:1px solid rgba(167,131,80,.4);border-radius:999px;box-shadow:0 8px 24px #3e272352;padding:0 12px}.smbn.smbn--pill-compact .smbn__link{color:#faf6eeb3;font-size:var(--type-micro, 9px)}.smbn.smbn--pill-compact .smbn__link:hover,.smbn.smbn--pill-compact .smbn__link.is-active{color:#d4b978}.smbn.smbn--pill-compact .smbn__link.is-active:before{top:auto;bottom:4px;left:35%;right:35%;height:2px;background:#d4b978;border-radius:2px 2px 0 0}.smbn.smbn--pill-compact .smbn__icon{width:20px;height:20px}@media(max-width:1023px){body:has(.smbn.smbn--pill-compact)>footer{padding-bottom:var(--smbn-reserve-m, 86px)}}.smbn.smbn--gold-strip{background:#fff8f0;border-top:3px solid #ab8744;height:68px}.smbn.smbn--gold-strip .smbn__link{color:#3e2723;opacity:.65}.smbn.smbn--gold-strip .smbn__link:hover,.smbn.smbn--gold-strip .smbn__link.is-active{opacity:1;color:#ab8744}.smbn.smbn--gold-strip .smbn__link.is-active:before{background:#ab8744;height:3px;left:30%;right:30%;top:-3px}@media(max-width:1023px){body:has(.smbn.smbn--gold-strip)>footer{padding-bottom:68px}}.smbn.smbn--tint-warm-frost{--g-top: oklch(98% .012 78 / .52);--g-bot: oklch(95% .015 70 / .7);--g-spec: oklch(100% 0 0 / .65);--g-border: oklch(72% .07 72 / .32);--g-shadow: oklch(30% .04 40 / .24);--g-shadow2: oklch(30% .04 40 / .14);--g-text: oklch(34% .02 40 / .74);--g-text-active: oklch(56% .115 72);--g-active-bg: oklch(72% .1 75 / .2);--g-glow: oklch(66% .12 72 / .55);--g-grain-opacity: .42;--g-grain-blend: soft-light;--g-solid: oklch(96% .015 72)}.smbn.smbn--tint-dark-smoke{--g-top: oklch(22% .012 40 / .52);--g-bot: oklch(14% .01 35 / .74);--g-spec: oklch(85% .05 75 / .16);--g-border: oklch(75% .07 72 / .24);--g-shadow: oklch(8% .01 35 / .46);--g-shadow2: oklch(8% .01 35 / .3);--g-text: oklch(90% .01 75 / .66);--g-text-active: oklch(78% .12 75);--g-active-bg: oklch(72% .12 75 / .2);--g-glow: oklch(72% .13 75 / .6);--g-grain-opacity: .4;--g-grain-blend: overlay;--g-solid: oklch(16% .01 35)}.smbn.smbn--tint-gold-frost{--g-top: oklch(94% .05 82 / .52);--g-bot: oklch(87% .075 78 / .72);--g-spec: oklch(100% .02 82 / .6);--g-border: oklch(64% .115 72 / .44);--g-shadow: oklch(40% .06 60 / .26);--g-shadow2: oklch(40% .06 60 / .15);--g-text: oklch(34% .04 50 / .8);--g-text-active: oklch(46% .12 58);--g-active-bg: oklch(68% .13 72 / .24);--g-glow: oklch(58% .13 65 / .55);--g-grain-opacity: .38;--g-grain-blend: soft-light;--g-solid: oklch(90% .075 78)}.smbn.smbn--glass-pill{bottom:calc(var(--smbn-offset, 16px) + env(safe-area-inset-bottom,0px));left:var(--smbn-edge, 16px);right:var(--smbn-edge, 16px);height:58px;background:linear-gradient(180deg,var(--g-top),var(--g-bot));-webkit-backdrop-filter:blur(var(--smbn-blur, 22px)) saturate(1.8) brightness(1.05);backdrop-filter:blur(var(--smbn-blur, 22px)) saturate(1.8) brightness(1.05);border:1px solid var(--g-border);border-radius:999px;box-shadow:inset 0 1px 0 0 var(--g-spec),inset 0 0 0 1px #ffffff0a,0 12px 32px -8px var(--g-shadow),0 4px 12px -4px var(--g-shadow2);padding:0 8px;isolation:isolate;overflow:hidden;transition:height .35s cubic-bezier(.22,1,.36,1),bottom .35s cubic-bezier(.22,1,.36,1)}.smbn.smbn--glass-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='smbnN'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23smbnN)'/%3E%3C/svg%3E");background-size:140px 140px;opacity:var(--g-grain-opacity, .42);mix-blend-mode:var(--g-grain-blend, soft-light);pointer-events:none;z-index:0}.smbn.smbn--glass-pill .smbn__list{position:relative;z-index:1}.smbn.smbn--glass-pill .smbn__link{color:var(--g-text);font-size:var(--type-micro, 9px);letter-spacing:.04em;gap:5px;transition:color .2s ease}.smbn.smbn--glass-pill .smbn__link:hover,.smbn.smbn--glass-pill .smbn__link.is-active{color:var(--g-text-active)}.smbn.smbn--glass-pill .smbn__link.is-active .smbn__icon{filter:drop-shadow(0 0 8px var(--g-glow))}.smbn.smbn--glass-pill .smbn__link.is-active:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:38px;height:38px;border-radius:999px;background:var(--g-active-bg);box-shadow:inset 0 1px 0 var(--g-spec);z-index:-1}.smbn.smbn--glass-pill .smbn__icon{width:22px;height:22px;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .25s ease}.smbn.smbn--glass-pill .smbn__link:active .smbn__icon{transform:scale(.85)}.smbn.smbn--glass-pill .smbn__badge{background:#6a2b2e;color:#f6f1eb;top:6px;right:calc(50% - 20px)}.smbn.smbn--glass-pill.smbn--shrunk{height:46px}.smbn.smbn--glass-pill .smbn__label{transition:opacity .25s cubic-bezier(.22,1,.36,1),max-height .25s cubic-bezier(.22,1,.36,1);max-height:1.4em}.smbn.smbn--glass-pill.smbn--shrunk .smbn__label{opacity:0;max-height:0;overflow:hidden;pointer-events:none}.smbn.smbn--glass-pill.smbn--shrunk .smbn__link.is-active:before{top:4px}@media(max-width:749px){body:has(.smbn.smbn--glass-pill)>footer{padding-bottom:calc(var(--smbn-reserve-m, 86px) + env(safe-area-inset-bottom,0px))}}@media(min-width:750px)and (max-width:1023px){body:has(.smbn.smbn--glass-pill)>footer{padding-bottom:calc(var(--smbn-reserve-t, 90px) + env(safe-area-inset-bottom,0px))}}@media(min-width:1024px){body:has(.smbn.smbn--glass-pill)>footer{padding-bottom:calc(var(--smbn-reserve-d, 94px) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-transparency:reduce){.smbn.smbn--glass-pill{background:var(--g-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.smbn.smbn--glass-pill:before{display:none}}@media(prefers-reduced-motion:reduce){.smbn.smbn--glass-pill,.smbn.smbn--glass-pill .smbn__label,.smbn .smbn__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/sindhi-mobile-bottom-nav.css.map */