.mas-category-carousel{--mas-category-card-width-mobile: 46%;--mas-category-card-width-tablet: 40%;--mas-category-card-width-desktop: 27%;--mas-category-image-overflow-mobile: 44px;--mas-category-image-overflow-desktop: 80px;--mas-category-card-height-mobile: 310px;--mas-category-card-height-desktop: 480px;--mas-category-image-height-mobile: 200px;--mas-category-image-height-desktop: 290px;background:var(--mas-category-section-bg, #ffffff);color:var(--mas-category-heading, #071228);overflow:hidden}html.hdt-theme-dark .mas-category-carousel{--mas-category-section-bg: linear-gradient(180deg, #06121d 0%, #081928 58%, #06111c 100%);--mas-category-heading: var(--hdt-dark-text, #e8f4fa);--mas-category-subheading: var(--hdt-dark-muted, #9cb2c2);--mas-category-accent: var(--hdt-dark-cyan, #66daff);--mas-category-dot: rgba(156, 178, 194, .34);--mas-category-dot-active: var(--hdt-dark-accent, #41d29a)}.mas-category-carousel__inner{padding-block:var(--mas-category-padding-top-mobile, 48px) var(--mas-category-padding-bottom-mobile, 48px)}.mas-category-carousel__header{margin-bottom:clamp(28px,4vw,54px);max-width:900px}.mas-category-carousel__wave{color:var(--mas-category-accent, #82d6c2);display:block;height:auto;margin-bottom:20px;width:58px}.mas-category-carousel__heading{color:var(--mas-category-heading, #071228);font-family:var(--font-heading-family);font-size:clamp(3.2rem,4.2vw,6rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.04;margin:0}.mas-category-carousel__subheading{color:var(--mas-category-subheading, #64708b);font-size:clamp(1.5rem,1.55vw,2.2rem);line-height:1.5;margin:14px 0 0}.mas-category-carousel__slider{--slide-size: var(--mas-category-card-width-mobile);--slide-spacing: 14px;display:block;overflow:visible}.mas-category-carousel__viewport{overflow:visible}.mas-category-carousel__track{align-items:stretch;padding-top:var(--mas-category-image-overflow-mobile)}.mas-category-carousel__slide{height:auto}.mas-category-card{background:linear-gradient(155deg,color-mix(in srgb,var(--card-bg) 86%,#ffffff),var(--card-bg));border:1px solid var(--card-border);border-radius:clamp(22px,2vw,32px);box-shadow:0 16px 34px #142a391a;color:var(--card-accent);display:flex;flex-direction:column;height:100%;min-height:var(--mas-category-card-height-mobile);overflow:visible;position:relative;text-decoration:none;transform:translateZ(0)}html.hdt-theme-dark .mas-category-card{background:radial-gradient(circle at 50% -18%,color-mix(in srgb,var(--card-bg) 34%,transparent),transparent 58%),linear-gradient(155deg,color-mix(in srgb,var(--card-bg) 18%,#0e2434),#071722 78%);border-color:color-mix(in srgb,var(--card-border) 36%,rgba(135,181,208,.24));box-shadow:0 18px 42px #00000052}.mas-category-card__media{align-items:center;display:flex;height:var(--mas-category-image-height-mobile);justify-content:center;margin-top:calc(var(--mas-category-image-overflow-mobile) * -1);padding:8px 4px 0;position:relative;z-index:1}.mas-category-card__image,.mas-category-card__placeholder{height:100%;object-fit:var(--card-image-fit, contain);object-position:var(--card-image-position, center);width:100%}.mas-category-card__image{filter:drop-shadow(0 14px 12px rgba(36,52,59,.14));transition:transform .4s cubic-bezier(.2,.65,.3,1)}.mas-category-card__placeholder{color:color-mix(in srgb,var(--card-accent) 30%,transparent)}.mas-category-card__body{display:flex;flex:1;flex-direction:column;padding:clamp(16px,1.7vw,24px);position:relative;z-index:2}.mas-category-card__title{color:var(--card-accent);font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.3vw,3.8rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.08;margin:0;max-width:9ch}html.hdt-theme-dark .mas-category-card__title,html.hdt-theme-dark .mas-category-card__cta{color:color-mix(in srgb,var(--card-accent) 72%,#f2fbff)}.mas-category-card__count{align-items:center;color:#6c7885;display:flex;font-size:clamp(1.3rem,1.1vw,1.6rem);gap:9px;line-height:1.35;margin-top:14px}html.hdt-theme-dark .mas-category-card__count{color:var(--hdt-dark-muted, #9cb2c2)}.mas-category-card__count svg{color:color-mix(in srgb,var(--card-accent) 78%,#ffffff);flex:0 0 18px;height:18px;width:18px}html.hdt-theme-dark .mas-category-card__count svg{color:color-mix(in srgb,var(--card-accent) 76%,#b8f4ff)}.mas-category-card__cta{align-items:center;color:var(--card-accent);display:inline-flex;font-size:clamp(1.3rem,1.1vw,1.6rem);font-weight:700;gap:12px;margin-top:auto;padding-top:18px;width:fit-content}.mas-category-card__cta svg{height:18px;transition:transform .25s ease;width:22px}.mas-category-card__decoration{bottom:8px;color:var(--card-accent);height:100px;opacity:.07;pointer-events:none;position:absolute;right:0;transform:rotate(-8deg);width:100px;z-index:1}.mas-category-carousel__dots{gap:11px;margin-top:clamp(30px,4vw,52px)}.mas-category-carousel__slider .hdt-slider__dot{--size-dot: 12px;background:var(--mas-category-dot, #dbe0e6);border:0;border-radius:50%;height:12px;padding:0;width:12px}.mas-category-carousel__slider .hdt-slider__dot:before{display:none}.mas-category-carousel__slider .hdt-slider__dot--selected{background:var(--mas-category-dot-active, #0877d1);transform:scale(1.1)}.mas-category-carousel__nav{background:#fffffff0;border:1px solid rgba(7,18,40,.12);color:var(--mas-category-heading, #071228);display:none;position:absolute;top:48%;z-index:4}html.hdt-theme-dark .mas-category-carousel__nav{background:#081928eb;border-color:var(--hdt-dark-line, rgba(135, 181, 208, .18));color:var(--hdt-dark-text, #e8f4fa);box-shadow:0 16px 34px #00000047}.mas-category-carousel__nav--prev{left:8px}.mas-category-carousel__nav--next{right:8px}.mas-category-card:focus-visible{outline:3px solid var(--mas-category-dot-active, #0877d1);outline-offset:4px}@media(min-width:768px){.mas-category-carousel__inner{padding-block:var(--mas-category-padding-top, 72px) var(--mas-category-padding-bottom, 72px)}.mas-category-carousel__slider{--slide-size: var(--mas-category-card-width-tablet);--slide-spacing: 20px}.mas-category-carousel__track{padding-top:var(--mas-category-image-overflow-desktop)}.mas-category-card__media{height:var(--mas-category-image-height-desktop);margin-top:calc(var(--mas-category-image-overflow-desktop) * -1)}.mas-category-card{min-height:var(--mas-category-card-height-desktop)}.mas-category-carousel__nav{display:inline-flex}}@media(min-width:1150px){.mas-category-carousel__slider{--slide-size: var(--mas-category-card-width-desktop);--slide-spacing: 24px}}@media(max-width:767px){.mas-category-carousel__slider{--slide-size: 46%;--slide-spacing: 7px}.mas-category-carousel__track{padding-top:24px}.mas-category-carousel__slide{flex:0 0 46%!important;max-width:46%;opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease}.mas-category-carousel__wave{margin-bottom:14px;width:45px}.mas-category-card{border-radius:16px;min-height:215px}.mas-category-card__media{height:125px;margin-top:-24px;padding:3px 1px 0}.mas-category-card__body{min-height:0;padding:6px 8px 10px}.mas-category-card__title{font-size:clamp(1.5rem,4.2vw,1.8rem);line-height:1.08}.mas-category-card__count{font-size:1rem;gap:4px;margin-top:6px}.mas-category-card__count svg{flex-basis:13px;height:13px;width:13px}.mas-category-card__cta{font-size:1rem;gap:5px;padding-top:7px}.mas-category-card__cta svg{height:11px;width:14px}.mas-category-card__decoration{height:58px;width:58px}.mas-category-carousel__dots{margin-top:16px}}@media(hover:hover)and (pointer:fine){.mas-category-card{transition:box-shadow .3s ease,transform .3s ease}.mas-category-card:hover{box-shadow:0 22px 44px #142a3929;transform:translateY(-6px)}html.hdt-theme-dark .mas-category-card:hover{box-shadow:0 24px 52px #0000006b}.mas-category-card:hover .mas-category-card__image{transform:scale(1.045)}.mas-category-card:hover .mas-category-card__cta svg{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.mas-category-card,.mas-category-carousel__slide,.mas-category-card__image,.mas-category-card__cta svg{transition:none}}@supports not (color: color-mix(in srgb,#000000,#ffffff)){.mas-category-card{background:var(--card-bg)}}
/*# sourceMappingURL=/cdn/shop/t/176/assets/mas-category-carousel.css.map */