.korum-mobile-nav { display:none; }
@media(max-width:767px) {
 /* Measured height already includes the safe area and the cart checkout row. */
 body.korum-has-mobile-nav { padding-bottom:var(--korum-mobile-nav-height, calc(65px + env(safe-area-inset-bottom))) !important; }
 .korum-has-mobile-nav .korum-cart-sticky-action { display:none !important; }
 .korum-mobile-nav { display:block; position:fixed; inset:auto 0 0; z-index:1000; background:#fff; color:#182333; border-top:1px solid #dce1e7; box-shadow:0 -4px 18px #18233312; padding:0 12px env(safe-area-inset-bottom); font-family:Jost,sans-serif; }
 .korum-mobile-nav-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; }
 .korum-mobile-nav-links > a { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:64px; padding:6px 4px; color:#182333; text-decoration:none; font-size:12px; font-weight:500; line-height:1.2; border-top:2px solid transparent; }
 .korum-mobile-nav-links > a[aria-current], .korum-mobile-nav-links > a:hover { color:#C2000B; border-top-color:#C2000B; }
 .korum-mobile-nav a:focus-visible { outline:2px solid #C2000B; outline-offset:-3px; }
 .korum-mobile-nav-icon { position:relative; height:25px; }
 .korum-mobile-nav svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; stroke-linecap:round; }
 .korum-mobile-nav [data-mobile-count] { position:absolute; top:-5px; left:18px; background:#C2000B; color:white; min-width:17px; height:17px; padding:1px 4px; border-radius:9px; font-size:10px; text-align:center; }
 .korum-mobile-nav [aria-busy=true] { color:#697386; }
 .korum-mobile-nav-checkout { display:block; text-align:center; padding:10px; min-height:44px; margin:8px 0 0; background:#C2000B; color:white !important; border-radius:2px; font-weight:600; }
 .korum-mobile-nav [hidden] { display:none !important; }
 body.korum-mobile-keyboard .korum-mobile-nav { visibility:hidden; }
}