.ux-ct{padding-top:var(--ux-ct-pt-m, 10px);padding-bottom:var(--ux-ct-pb-m, 30px)}@media screen and (min-width:750px){.ux-ct{padding-top:var(--ux-ct-pt, 30px);padding-bottom:var(--ux-ct-pb, 40px)}}.ux-ct__inner{display:flex;flex-direction:column;gap:clamp(16px,10.76px + 1.4vw,32px)}.ux-ct__head{display:flex;flex-direction:column;gap:.8rem;text-align:var(--ux-ct-align-m, center)}@media screen and (min-width:750px){.ux-ct__head{text-align:var(--ux-ct-align-d, left)}}.ux-ct__heading{--min-fs: var(--ux-ct-hl-min, 2.2);--max-fs: var(--ux-ct-hl-max, 3.7);--min-vw: 37.5;--max-vw: 160;--min-fs-rem: calc(var(--min-fs) * 1rem);--max-fs-rem: calc(var(--max-fs) * 1rem);--min-vw-rem: calc(var(--min-vw) * 1rem);--slope: calc(((var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw))));margin:0;font-size:clamp(var(--min-fs-rem),var(--min-fs-rem) + var(--slope),var(--max-fs-rem));font-weight:600;line-height:1.15;color:var(--ux-color-onyx)}.ux-ct__subheading{--min-fs: var(--ux-ct-sh-min, 1.5);--max-fs: var(--ux-ct-sh-max, 1.6);--min-vw: 37.5;--max-vw: 160;--min-fs-rem: calc(var(--min-fs) * 1rem);--max-fs-rem: calc(var(--max-fs) * 1rem);--min-vw-rem: calc(var(--min-vw) * 1rem);--slope: calc(((var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw))));font-size:clamp(var(--min-fs-rem),var(--min-fs-rem) + var(--slope),var(--max-fs-rem));line-height:1.4;color:var(--ux-color-onyx)}.ux-ct__subheading p{margin:0}.ux-ct__grid{scrollbar-width:none}.ux-ct__grid::-webkit-scrollbar{display:none}.ux-ct__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:364 / 475;padding:clamp(14px,12.04px + .52vw,20px);border-radius:var(--ux-ct-radius, 12px);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}.ux-ct__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;display:block;transition:transform .4s ease}.ux-ct__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ux-ct-gradient, linear-gradient(205deg, rgba(0, 0, 0, 0) 35.5%, rgba(0, 0, 0, .75) 79%));z-index:1;pointer-events:none}.ux-ct__badge{--min-fs: var(--ux-ct-badge-fs-min, 1.3);--max-fs: var(--ux-ct-badge-fs-max, 2);--min-vw: 37.5;--max-vw: 160;--min-fs-rem: calc(var(--min-fs) * 1rem);--max-fs-rem: calc(var(--max-fs) * 1rem);--min-vw-rem: calc(var(--min-vw) * 1rem);--slope: calc(((var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw))));position:absolute;top:clamp(14px,12.04px + .52vw,20px);left:clamp(14px,12.04px + .52vw,20px);z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:.5em 1.1em;background:var(--ux-ct-badge, #d11726);color:#fff;font-weight:700;font-size:clamp(var(--min-fs-rem),var(--min-fs-rem) + var(--slope),var(--max-fs-rem));line-height:1.2;letter-spacing:.01em;text-transform:uppercase;border-radius:8px;white-space:nowrap}.ux-ct__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,10.73px + .87vw,24px)}.ux-ct__title{margin:0;font-weight:600;font-size:clamp(22px,19.05px + .79vw,31px);line-height:1.17;text-transform:uppercase;color:#fff}.ux-ct__desc{margin:0;font-weight:400;font-size:clamp(14px,12.04px + .52vw,20px);line-height:1.3;color:#fff;min-height:2.75em}.ux-ct__cta{--min-fs: var(--ux-ct-cta-fs-min, 1.6);--max-fs: var(--ux-ct-cta-fs-max, 2.4);--min-vw: 37.5;--max-vw: 160;--min-fs-rem: calc(var(--min-fs) * 1rem);--max-fs-rem: calc(var(--max-fs) * 1rem);--min-vw-rem: calc(var(--min-vw) * 1rem);--slope: calc(((var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw))));display:flex;align-items:center;justify-content:center;width:100%;padding:.78em 1.5em;background:var(--ux-ct-cta-bg, #fff);color:var(--ux-ct-cta-text, #000);font-weight:500;font-size:clamp(var(--min-fs-rem),var(--min-fs-rem) + var(--slope),var(--max-fs-rem));line-height:1.2;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;transition:transform .15s ease,opacity .15s ease}.ux-ct--cta-auto .ux-ct__cta{width:fit-content}.ux-ct__tile:hover .ux-ct__cta{opacity:.92}.ux-ct__tile:hover .ux-ct__img{transform:scale(1.3)}@media screen and (max-width:749px){.ux-ct--m-grid .ux-ct__grid{display:grid;grid-template-columns:repeat(var(--ux-ct-cols-mobile, 1),minmax(0,1fr));gap:var(--ux-ct-gap, 20px)}.ux-ct--m-slider .ux-ct__grid{display:flex;gap:var(--ux-ct-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ux-ct--m-slider .ux-ct__tile{flex:0 0 calc((100% - (var(--ux-ct-spv-mobile, 1.3) - 1) * var(--ux-ct-gap, 20px)) / var(--ux-ct-spv-mobile, 1.3));scroll-snap-align:start}}@media screen and (min-width:750px){.ux-ct--d-grid .ux-ct__grid{--ux-ct-cols-desktop-half: calc(var(--ux-ct-cols-desktop) / 2);display:grid;grid-template-columns:repeat(var(--ux-ct-cols-desktop-half, 4),minmax(0,1fr));gap:var(--ux-ct-gap, 20px)}.ux-ct--d-slider .ux-ct__grid{display:flex;gap:var(--ux-ct-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory}.ux-ct--d-slider .ux-ct__tile{flex:0 0 calc((100% - (var(--ux-ct-spv-desktop, 4) - 1) * var(--ux-ct-gap, 20px)) / var(--ux-ct-spv-desktop, 4));scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.ux-ct__img,.ux-ct__cta{transition:none}.ux-ct__tile:hover .ux-ct__img{transform:none}}@media screen and (min-width:1024px){.ux-ct--d-grid .ux-ct__grid{display:grid;grid-template-columns:repeat(var(--ux-ct-cols-desktop, 4),minmax(0,1fr));gap:var(--ux-ct-gap, 20px)}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/component-ux-category-tiles.css.map */