@media(max-width:680px){
 .ap-mobile-nav:not([hidden]){z-index:30;top:calc(100% + 12px);padding:16px 24px 20px;border:1px solid color-mix(in srgb,var(--ap-ink) 14%,transparent);background:color-mix(in srgb,var(--ap-paper) 94%,transparent);backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%);box-shadow:0 18px 56px #0002,inset 0 1px #ffffff7a;color:var(--ap-ink)}
 [data-theme="dark"] .ap-mobile-nav:not([hidden]){background:rgba(23,25,30,.95);border-color:#ffffff28;box-shadow:0 20px 60px #0008,inset 0 1px #ffffff19}
 .ap-mobile-nav>a,.ap-mobile-nav .ap-mobile-group>summary{padding-inline:3px;letter-spacing:-.02em}
 .ap-mobile-nav .ap-mobile-group>div{padding:4px 0 17px 12px}
 .ap-mobile-nav .ap-mobile-group>a,.ap-mobile-nav .ap-mobile-group>div>a{color:var(--ap-detail);padding-left:8px}
 .ap-mobile-nav .ap-mobile-product-grid{gap:10px;padding:8px 0 2px}
 .ap-mobile-nav .ap-mobile-product{min-height:72px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--ap-ink) 9%,transparent);border-radius:18px;background:color-mix(in srgb,var(--ap-paper) 68%,transparent)}
 [data-theme="dark"] .ap-mobile-nav .ap-mobile-product{border-color:#ffffff12;background:#ffffff0b}
}
@media(max-width:680px) and (prefers-reduced-transparency:reduce){.ap-mobile-nav:not([hidden]){backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ap-paper)}}