.smart-mobile-nav{display:none}.smart-nav-dialog{width:min(420px,calc(100vw - 28px));max-height:85dvh;padding:20px;box-sizing:border-box;border:0;border-radius:18px;box-shadow:0 20px 80px #0003;color:#243441;background:#fff}.smart-nav-dialog::backdrop{background:#10203080}.smart-nav-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.smart-nav-dialog header button{width:32px;height:32px;border:0;border-radius:50%;background:#f0f3f6;font-size:24px;color:#243441;cursor:pointer}.smart-nav-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3e9;border-radius:9px;padding:10px;font:inherit;resize:vertical}.smart-whatsapp-send{display:block;margin-top:12px;padding:12px;background:#128c4a;color:#fff;text-align:center;border-radius:10px;font-weight:600;text-decoration:none}.smart-whatsapp-send[aria-disabled=true]{opacity:.5}.smart-category-list{display:grid;gap:6px}.smart-category-list a{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #edf1f4;color:#243441;text-decoration:none}.smart-category-list img{width:30px;height:30px;object-fit:contain}.smart-category-list .is-child{padding-left:45px;font-size:12px}.smart-nav-dialog p{font-size:13px;line-height:1.6}
@media(max-width:800px){body:has(.smart-mobile-nav){padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.smart-mobile-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:95;display:flex;align-items:center;justify-content:space-around;gap:4px;width:min(100%,520px);min-height:62px;box-sizing:border-box;padding:4px 7px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(#fff,#f7fafc);border:1px solid #edf1f4;border-radius:20px 20px 0 0;box-shadow:0 -3px 18px #17294012;font-family:Kalpurush,Arial,sans-serif}.smart-mobile-nav>a,.smart-mobile-nav>button{flex:0 0 43px;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:0;padding:0;background:none;color:#111c38;text-decoration:none;font:inherit;cursor:pointer}.smart-mobile-nav small{font-size:10px;line-height:13px;font-weight:500}.smart-mobile-nav>a>span,.smart-mobile-nav>button>span{position:relative;display:grid;place-items:center;width:33px;height:30px;border-radius:10px}.smart-mobile-nav svg{width:23px;height:23px;fill:none;flex-shrink:0}.smart-home>span{background:#edfafe}.smart-home img{width:25px;height:25px;object-fit:contain;border-radius:5px}.smart-mobile-nav [data-smart-chat]{color:#0081a7}.smart-mobile-nav [data-cart-popup]>span{background:#e9faff;border:1px solid #b5eafa}.smart-mobile-nav b{position:absolute;right:-3px;top:-4px;background:#e32636;color:#fff;min-width:15px;height:15px;border-radius:10px;font:10px/15px Kalpurush,Arial;text-align:center}.smart-mobile-nav .smart-middle{flex:1;min-width:0;overflow:hidden}.smart-mobile-nav .smart-middle.is-preview{display:block;padding:3px 4px;background:#f3fafc;border:1px solid #e4f0f3;border-radius:11px;box-shadow:0 4px 14px #163c4e44;text-align:left}.smart-preview-row{display:flex;align-items:center;gap:6px;min-width:0}.smart-preview-row img{width:46px;height:46px;object-fit:contain;border-radius:7px;flex-shrink:0}.smart-preview-row>div{min-width:0;flex:1;display:grid;gap:2px}.smart-preview-name{font-size:10px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-preview-price{font-size:12px;color:#a40020;font-weight:600;white-space:nowrap}.smart-preview-row small{font-size:9px;color:#079357}.smart-mobile-nav .is-install{background:#edf9ef!important}.smart-mobile-nav :is(a,button):active{filter:brightness(.96)}}

.smart-nav-dialog>header{align-items:center;min-height:34px}.smart-nav-dialog>header strong{line-height:1.4}.smart-nav-dialog header button[data-smart-close]{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;box-sizing:border-box;margin:0;padding:0;border:1px solid #f2c7cc;border-radius:50%;background:#fff0f1;color:#c6283e;font-size:0;line-height:1;cursor:pointer}.smart-nav-dialog header button[data-smart-close]::before{content:'';display:block;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c6283e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center/16px no-repeat}.smart-nav-dialog header button[data-smart-close]:hover{background:#ffe0e3;border-color:#e89ba5}.smart-nav-dialog header button[data-smart-close]:focus-visible{outline:2px solid #c6283e;outline-offset:2px}

@media(min-width:601px){.smart-mobile-nav,.mobile-bottom-nav{display:none!important}body:has(.smart-mobile-nav){padding-bottom:0!important}}

@media(max-width:600px){body:has(.smart-mobile-nav){padding-bottom:0!important}.storefront.has-mobile-navigation:has(.smart-mobile-nav){padding-bottom:var(--smart-nav-height,64px)!important}}

@media(max-width:600px){.storefront.has-mobile-navigation:has(.smart-mobile-nav){padding-bottom:calc(var(--smart-nav-height,64px) + 4px)!important}}


/* Shared icon-only accent rule for both storefront navigation bars. */
.smart-mobile-nav > :is(a,button):not(.is-preview):not(.is-install){color:#405867!important}
.smart-mobile-nav > :is(a,button) > span > svg,.metro-product-actions > a svg{color:var(--green,#02BFE4)!important}

@media(max-width:600px){.smart-mobile-nav{background:var(--smart-background,#fff);min-height:var(--smart-height,68px);border-radius:var(--smart-radius,18px) var(--smart-radius,18px) 0 0}.smart-mobile-nav svg{width:var(--smart-icon,23px);height:var(--smart-icon,23px)}.smart-mobile-nav> :is(a,button):not(.is-preview):not(.is-install){color:var(--smart-label,#405867)!important}.smart-mobile-nav [hidden]{display:none!important}}