/* Mobile menu accordions share the same rotating caret. */
#mobile-menu{background:#000;color:#fff}
#mobile-menu .mobile-gear-menu>summary{color:#fff;font-weight:500;letter-spacing:0}
#mobile-menu details>summary::after{content:'';display:block;flex:0 0 auto;width:8px;height:8px;border-right:1.5px solid #ddd;border-bottom:1.5px solid #ddd;margin-right:2px;transform:translateY(-2px) rotate(45deg);transition:transform .22s ease}
#mobile-menu details[open]>summary::after{content:'';transform:translateY(2px) rotate(-135deg)}
#mobile-menu .mobile-gear-submenu{padding:22px 0 26px}
#mobile-menu .mobile-gear-menu[open] .mobile-gear-submenu{animation:mobile-gear-expand .25s ease-out both}
#mobile-menu .mobile-gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
#mobile-menu .mobile-gear-product{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0;border:0;color:#fff;text-align:center;font-size:15px;font-weight:400;line-height:1.45;min-width:0}
#mobile-menu .mobile-gear-image{display:block;width:100%;aspect-ratio:1;background:transparent;overflow:hidden}
#mobile-menu .mobile-gear-image img{display:block;width:100%;height:100%;object-fit:contain;padding:5px;background:transparent;border:0;border-radius:0;transition:transform .25s ease}
#mobile-menu .mobile-gear-product:hover .mobile-gear-image img{transform:scale(1.035)}
#mobile-menu .mobile-gear-product:hover{color:#fff}
#mobile-menu .mobile-gear-collections{display:block;margin:28px auto 0;padding:8px 10px;width:max-content;text-align:center;font-size:15px;font-weight:500;color:#21a0ff}
#mobile-menu .mobile-gear-collections:hover{color:#71c2ff}
#mobile-menu .mobile-gear-product:focus-visible,#mobile-menu .mobile-gear-collections:focus-visible{outline:2px solid #008cff;outline-offset:5px}
@keyframes mobile-gear-expand{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){#mobile-menu{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none}#mobile-menu .mobile-menu-links{padding-left:22px;padding-right:22px}#mobile-menu .mobile-menu-head{padding-left:22px;padding-right:16px}}
@media(max-width:360px){#mobile-menu .mobile-menu-links{padding-left:18px;padding-right:18px}#mobile-menu .mobile-gear-grid{gap:24px 14px}#mobile-menu .mobile-gear-product{font-size:14px}}
@media(prefers-reduced-motion:reduce){#mobile-menu .mobile-gear-submenu,#mobile-menu .mobile-gear-image img,#mobile-menu details>summary::after{animation:none!important;transition:none!important}}