.category-tiles{position:relative}.category-tiles__header{margin-bottom:3rem}@media screen and (min-width:750px){.category-tiles__header{margin-bottom:4rem}}.category-tiles__heading{margin:0}.category-tiles__grid{display:grid;grid-template-columns:repeat(var(--ct-columns-mobile),minmax(0,1fr));gap:var(--grid-mobile-horizontal-spacing);list-style:none;padding:0;margin:0}@media screen and (min-width:750px){.category-tiles__grid{grid-template-columns:repeat(var(--ct-columns-desktop),minmax(0,1fr));gap:var(--grid-desktop-horizontal-spacing)}}.category-tiles__tile{position:relative;display:block;text-decoration:none;color:rgb(var(--color-foreground));overflow:hidden;border-radius:var(--media-radius);aspect-ratio:var(--ct-tile-aspect-ratio);isolation:isolate}@supports not (aspect-ratio: 1 / 1){.category-tiles__tile{padding-bottom:calc(100% / var(--ct-tile-aspect-ratio))}}.category-tiles__tile:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}.category-tiles__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .4s ease;z-index:0}.category-tiles__tile:hover .category-tiles__media,.category-tiles__tile:focus-visible .category-tiles__media{transform:scale(1.03)}.category-tiles__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.category-tiles__media--placeholder{background-color:rgba(var(--color-foreground),.04)}.category-tiles__media--placeholder .placeholder-svg{width:100%;height:100%}.category-tiles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#000000b3,rgba(0,0,0,var(--ct-overlay-opacity)));pointer-events:none}.category-tiles__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:2.5rem;pointer-events:none}@media screen and (min-width:750px){.category-tiles__content{padding:3.5rem}}.category-tiles__content--top{justify-content:flex-start}.category-tiles__content--center{justify-content:center}.category-tiles__content--bottom{justify-content:flex-end}.category-tiles__content--bottom{padding-bottom:1.6rem}@media screen and (min-width:750px){.category-tiles__content--bottom{padding-bottom:2rem}}.category-tiles__content--left{align-items:flex-start;text-align:left}.category-tiles__content--center{align-items:center;text-align:center}.category-tiles__content--right{align-items:flex-end;text-align:right}.category-tiles__content--center.category-tiles__content--top,.category-tiles__content--center.category-tiles__content--bottom{align-items:center}.category-tiles__content>*+*{margin-top:1rem}.category-tiles__subheading,.category-tiles__title,.category-tiles__text,.category-tiles__cta{color:currentColor;text-shadow:0 .1rem .3rem rgba(0,0,0,.25)}.category-tiles__subheading{margin:0;opacity:.8}.category-tiles__title{margin:0;line-height:calc(1 + .25/max(1,var(--font-heading-scale)))}.category-tiles__text{margin:0;max-width:55ch;opacity:.9}.category-tiles__text p{margin:0}.category-tiles__cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.5rem;font-weight:600;text-decoration:underline;text-underline-offset:.3rem;transition:transform .2s ease}.category-tiles__cta .svg-wrapper{display:inline-flex;width:1.4rem;height:1.4rem;transition:transform .2s ease}.category-tiles__tile:hover .category-tiles__cta,.category-tiles__tile:focus-visible .category-tiles__cta{transform:translate(.3rem)}.category-tiles__tile:hover .category-tiles__cta .svg-wrapper,.category-tiles__tile:focus-visible .category-tiles__cta .svg-wrapper{transform:translate(.3rem)}.category-tiles__cta .icon-wrap svg{display:block;width:100%;height:100%}.category-tiles__cta--button{display:inline-block;margin-top:1.5rem;padding:9px 36px;background:#fff6;border:1px solid rgb(239,239,239);border-radius:0;color:#efefef;font-size:15px;font-weight:500;text-transform:uppercase;text-decoration:none;text-align:center;transition:background .3s ease,color .3s ease}.category-tiles__tile:hover .category-tiles__cta--button,.category-tiles__tile:focus-visible .category-tiles__cta--button{background:#efefef;color:#000}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-category-tiles.css.map */
