.ms-home-categories{overflow:hidden;padding-block:64px;background:#fff;color:#0b0f16;font-family:Inter,Arial,sans-serif}.ms-home-categories .mts-helmet-types__inner{width:min(1120px,calc(100% - 64px));margin-inline:auto}.ms-home-categories .mts-helmet-types__header{max-width:780px;margin:0 0 24px}.ms-home-categories .mts-helmet-types__header h2{margin:0 0 14px;color:#0b0f16;font:700 clamp(30px,3.3vw,48px)/1.12 "IBM Plex Sans Condensed",Arial,sans-serif;text-transform:uppercase}.ms-home-categories .mts-helmet-types__header h2 span{display:inline;color:#1c69d4}.ms-home-categories .mts-helmet-types__intro{max-width:620px;margin:12px 0 0;color:#5f6875;font:400 15px/1.75 Inter,Arial,sans-serif}.ms-home-categories .mts-helmet-types__viewport{overflow:hidden}.ms-home-categories .mts-helmet-types__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ms-home-categories .mts-helmet-type{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;border:0;background:transparent;color:#0b0f16;text-decoration:none}.ms-home-main .ms-home-categories .mts-helmet-type{border:1px solid #d9e4f0}.ms-home-categories .mts-helmet-type__media{position:relative;display:grid;flex:0 0 auto;aspect-ratio:1;overflow:hidden;padding:20px;border:1px solid #071c341a;background:#f0f3f6;place-items:center}.ms-home-categories .mts-helmet-type__media:before{position:absolute;z-index:3;top:13px;right:13px;width:24px;height:2px;background:#1c69d4;content:""}.ms-home-categories .mts-helmet-type__shadow{position:absolute;z-index:0;right:27%;bottom:12%;left:27%;height:11px;border-radius:50%;background:#0f1c2f17;filter:blur(13px)}.ms-home-categories .mts-helmet-type__image{z-index:1;display:block;width:100%;height:100%;object-fit:contain;transition:transform .32s cubic-bezier(.22,1,.36,1)}.ms-home-categories .mts-helmet-type:hover .mts-helmet-type__image{transform:scale(1.04)}.ms-home-categories .mts-helmet-type__content{position:relative;display:flex;min-height:88px;flex:1;flex-direction:column;padding:16px 0 0;border-top:1px solid #071c3424;color:#142337}.ms-home-categories .mts-helmet-type__content h3{margin:0;color:#142337;font:850 18px/1 IBM Plex Sans Condensed,Arial,sans-serif;letter-spacing:-.03em;text-transform:uppercase}.ms-home-categories .mts-helmet-type__cta{display:flex;min-height:30px;justify-content:flex-end;align-items:center;margin-top:auto;padding:0 12px 12px;color:#0b0f16;font:850 10.5px/1 Inter,Arial,sans-serif;letter-spacing:.06em}.ms-home-categories .mts-helmet-type__cta i{display:flex;width:18px;height:18px;align-items:center;justify-content:center;color:#1c69d4;font-size:18px;font-style:normal;line-height:1;transition:transform .2s ease}.ms-home-categories .mts-helmet-type:hover .mts-helmet-type__cta i{transform:translate(4px)}.ms-home-categories .mts-helmet-types__mobile-controls{display:none}@media(min-width:768px)and (max-width:1100px){.ms-home-categories .mts-helmet-types__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ms-product-main .ms-home-categories .mts-helmet-types__track{row-gap:22px}}@media(max-width:1100px){.ms-home-categories .mts-helmet-type__content h3{letter-spacing:.01em}}@media(min-width:768px)and (max-width:1023px){.ms-product-main .ms-home-categories{padding-block:48px}}@media(max-width:767px){.ms-home-categories{padding-block:36px}.ms-home-categories .mts-helmet-types__inner{width:calc(100% - 32px)}.ms-home-categories .mts-helmet-types__header{margin:0 16px 24px}.ms-home-categories .mts-helmet-types__header h2{font-size:30px}.ms-home-categories .mts-helmet-types__track{display:flex;gap:12px;padding:0 0 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.ms-home-categories .mts-helmet-types__track::-webkit-scrollbar{display:none}.ms-home-categories .mts-helmet-type{flex:0 0 calc((100% - 12px)/2);scroll-snap-align:start}.ms-home-main .ms-home-categories .mts-helmet-types__track{padding-inline:16px;scroll-padding-left:16px}.ms-product-main .ms-home-categories .mts-helmet-types__track{padding:0}.ms-product-main .ms-home-categories .mts-helmet-types__header{margin-inline:20px}.ms-home-main .ms-home-categories .mts-helmet-type{flex-basis:86vw}.ms-home-categories .mts-helmet-type__media{padding:12px}.ms-home-categories .mts-helmet-type__content h3{font-size:15px}.ms-home-categories .mts-helmet-types__mobile-controls{display:flex;align-items:center;gap:12px;padding:8px 0 0}.ms-home-main .ms-home-categories .mts-helmet-types__mobile-controls{padding-inline:16px}.ms-product-main .ms-home-categories .mts-helmet-types__mobile-controls{padding-inline:20px}.ms-home-categories .mts-helmet-types__mobile-controls button{display:grid;width:44px;height:44px;padding:0;border:1px solid #071c3433;background:transparent;color:#071c34;font:inherit;cursor:pointer;place-items:center}.ms-home-categories .mts-helmet-types__mobile-controls button:disabled{opacity:.35;cursor:default}.ms-home-categories .mts-helmet-types__dots{display:flex;flex:1;align-items:center;justify-content:center;gap:6px}.ms-home-categories .mts-helmet-types__dots i{display:block;width:18px;height:2px;background:#071c342e}.ms-home-categories .mts-helmet-types__dots i.is-active{width:32px;background:#1c69d4}}@media(prefers-reduced-motion:reduce){.ms-home-categories .mts-helmet-types__track{scroll-behavior:auto}.ms-home-categories :is(.mts-helmet-type__image,.mts-helmet-type__cta i){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/ms-helmet-types.css.map */