@font-face{font-family:MobileMontserrat;src:url('assets/mobile-montserrat-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MobileMontserrat;src:url('assets/mobile-montserrat-semibold.ttf') format('truetype');font-style:normal;font-weight:500 900;font-display:swap}
.mobileFullHero,.mobileRouteBar,.mobileMenuTools,.mobileMenuBack{display:none}
@media(max-width:1100px){
 body{font-family:MobileMontserrat,Arial,sans-serif}
 body input,body select,body textarea,body button{font-family:inherit}
 body>.top,body>header,body>.shopNav,main>.coverCarousel{display:none!important}
 .mobileFullHero{display:block;position:relative;width:100%;height:calc(100svh - 50px);min-height:520px;max-height:1100px;overflow:hidden;background:#171a20;isolation:isolate}
 .mobileFullSlides,.mobileFullSlide{position:absolute;inset:0;width:100%;height:100%}
 .mobileFullSlide{display:block;object-fit:cover;object-position:center;animation:mobileImageFade .6s ease-out}
 .mobileFullSlide[hidden]{display:none}
 .mobileFullHero:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0009 0%,#0002 16%,transparent 36%,transparent 75%,#0005 100%)}
 .mobileFullTop{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;gap:20px}
 .mobileFullTop>a{display:flex;align-items:center;min-height:44px}
 .mobileFullTop img{display:block;width:170px;max-width:48vw;height:auto;filter:brightness(0) invert(1)}
 .mobileFullMenu{font-size:14px;font-weight:600;line-height:1;background:#ffffff1c;backdrop-filter:blur(12px);color:#fff;border:0;border-radius:4px;padding:12px 20px;min-height:44px;cursor:pointer}
 .mobileFullDots{position:absolute;z-index:2;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:0;align-items:center}
 .mobileFullDots button{display:grid;place-items:center;width:36px;height:44px;border:0;background:none;padding:0;cursor:pointer}
 .mobileFullDots span{display:block;width:10px;height:10px;border-radius:50%;background:#ffffff70}
 .mobileFullDots [aria-pressed=true] span{background:#fff}
 .mobileFullPause{position:absolute;bottom:14px;left:16px;z-index:2;border:0;background:none;color:white;min-width:44px;min-height:44px;font-size:16px;cursor:pointer}
 .mobileFullHero button:focus-visible,.mobileRouteBar button:focus-visible{outline:2px solid white;outline-offset:3px}
 body.catalogRoute>.mobileFullHero{display:none}
 body.catalogRoute>.mobileRouteBar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#171a20;color:white}
 .mobileRouteBar img{width:160px;filter:brightness(0) invert(1)}
 .mobileRouteBar button{border:0;border-radius:4px;background:#ffffff1c;color:#fff;padding:12px 20px;min-height:44px;font-size:14px}
 html{scroll-padding-top:16px}
 .dispatchBar{font-family:inherit}
 #catalogDrawer{inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#fff;overflow-y:auto;color:#171a20;animation:mobileMenuReveal .22s ease-out;font-family:MobileMontserrat,Arial,sans-serif}
 #catalogDrawer[open]{display:block}
 #catalogDrawer .drawerHeading{padding:16px 24px;border-bottom:0;position:sticky;top:0;background:white;z-index:2;justify-content:flex-end;min-height:72px}
 #catalogDrawer .drawerHeading h2{display:none}
 #catalogDrawer .drawerClose{display:grid;place-items:center;padding:0;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:18px;font-weight:400;color:#171a20}
 .mobileMenuTools{display:block;padding:0 24px 12px}
 .mobileMenuSearch .search{display:flex!important;background:#f4f4f4!important;border:0!important;border-radius:4px!important;padding:0 14px!important;min-height:48px!important;color:#171a20!important;margin:0!important;width:100%!important;max-width:none!important}
 .mobileMenuSearch input{font-size:16px!important;color:#171a20!important;background:transparent!important;width:100%;min-width:0}
 .mobileSearchResults{border:0;background:none;text-decoration:underline;color:#555;padding:12px 0;min-height:44px;font-size:14px}
 .mobileMenuShortcuts{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid #eee}
 .mobileMenuShortcuts button,.mobileMenuShortcuts a{display:block;text-align:left;background:none;border:0;color:#171a20;font-size:16px;font-weight:600;min-height:48px;padding:14px 0;text-decoration:none}
 #catalogDrawer .drawerLayout{display:block;height:auto}
 #catalogDrawer .drawerCategories{background:white;border:0;padding:0 24px 32px;overflow:visible}
 #catalogDrawer .drawerCategories h3{margin:22px 0 8px;color:#777;font-size:14px;font-weight:400}
 #catalogDrawer .drawerCategories button,#catalogDrawer .drawerCategories a{padding:14px 0;min-height:48px;border-radius:0;font-size:16px;font-weight:600;color:#171a20}
 #catalogDrawer .drawerCategories .mobileDrawerFavorites{display:none}
 #catalogDrawer #drawerProducts{display:none}
 #catalogDrawer.mobileBrandSelected .drawerCategories,#catalogDrawer.mobileBrandSelected .mobileMenuTools{display:none}
 #catalogDrawer.mobileBrandSelected #drawerProducts{display:block;padding:12px 24px 32px;overflow:visible}
 #catalogDrawer.mobileBrandSelected .mobileMenuBack{display:block;margin:0 24px;padding:12px 0;border:0;background:none;color:#555;text-decoration:underline;font-size:14px;min-height:44px}
 #catalogDrawer .drawerLine summary,#catalogDrawer .drawerLine a{font-size:16px;min-height:44px}
 @keyframes mobileMenuReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
 @keyframes mobileImageFade{from{opacity:.65}to{opacity:1}}
}
@media(max-width:360px){.mobileFullTop{padding:12px 16px}.mobileFullTop img{width:145px}.mobileFullMenu{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){#catalogDrawer,.mobileFullSlide{animation:none}}