/* Shared mobile navigation for homepage, categories and product details. */
.phone-bottom-nav,.ac-bottom-nav{display:none}
@media(max-width:760px){
 .phone-bottom-nav,.ac-bottom-nav{display:grid;position:fixed;z-index:45;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform:none;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 7px 28px rgba(16,30,54,.14),inset 0 1px 0 rgba(255,255,255,.8)}
 .phone-bottom-nav{grid-template-columns:1fr 1fr 1.45fr}.ac-bottom-nav{grid-template-columns:1fr 1fr 1fr 1.5fr}
 .phone-bottom-nav>a,.ac-bottom-nav>a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;min-height:34px;font-size:12px;line-height:1.3;color:#263754}
 .phone-bottom-nav svg,.ac-bottom-nav svg{width:14px;height:14px;flex-shrink:0}
 .phone-bottom-nav .phone-contact,.ac-bottom-nav .ac-bottom-cta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:34px;background:var(--singer);color:white;font-size:12px;line-height:1.3;font-weight:700;white-space:nowrap;padding:7px 10px;border-radius:8px;box-shadow:0 3px 10px rgba(215,25,32,.14)}
 .phone-contact>b,.ac-bottom-cta>span{font-size:15px;font-weight:400}
 body:has(.phone-bottom-nav)>.floating-wa,body:has(.ac-bottom-nav)>.floating-wa{display:none}
 body:has(.phone-bottom-nav) footer,body:has(.ac-bottom-nav) footer{padding-bottom:85px}
}
@media(max-width:359px){.phone-bottom-nav,.ac-bottom-nav{left:9px;right:9px;gap:3px;padding-inline:6px}.ac-bottom-nav svg{display:none}.ac-bottom-nav .ac-bottom-cta{padding-inline:6px}}
@supports not (backdrop-filter:blur(1px)){@media(max-width:760px){.phone-bottom-nav,.ac-bottom-nav{background:rgba(255,255,255,.96)}}}

@media(max-width:760px){#site .ac-bottom-nav.product-bottom-nav{grid-template-columns:1fr 1fr 1.5fr}#site .product-bottom-nav svg{display:block}#site .product-bottom-nav>a:not(.ac-bottom-cta)>span{font-size:12px}#site .product-bottom-nav .ac-bottom-cta{font-size:12px}}

/* Clean, understated floating controls. */
@media(max-width:760px){
 .phone-bottom-nav,.ac-bottom-nav{background:rgba(255,255,255,.94);border:1px solid rgba(220,225,234,.9);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(16,30,54,.1)}
 .phone-bottom-nav>a,.ac-bottom-nav>a{border-radius:7px;transition:opacity .15s ease}
 .phone-bottom-nav .phone-contact,.ac-bottom-nav .ac-bottom-cta{background:var(--singer);border-radius:7px;box-shadow:none;text-shadow:none}
 .phone-bottom-nav>a:active,.ac-bottom-nav>a:active{opacity:.75}
}
@media(prefers-reduced-motion:reduce){.phone-bottom-nav>a,.ac-bottom-nav>a{transition:none}}
