.tile-group{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:var(--m);padding:var(--m);max-width:var(--container-max-width);margin:0 auto}.tile-container--mobile-1-col .tile-group{flex-direction:column;overflow-x:visible}.tile-container--mobile-1-col .tile-group .tile{width:100%;flex:none}.tile-container--mobile-2-col .tile-group{flex-wrap:wrap;overflow-x:visible}.tile-container--mobile-2-col .tile-group .tile{width:calc(50% - var(--m)/2);flex:none}.tile-container--mobile-3-col .tile-group{flex-wrap:wrap;overflow-x:visible}.tile-container--mobile-3-col .tile-group .tile{width:calc(33.333% - var(--m)*2/3);flex:none}.tile-group::-webkit-scrollbar{display:none}.tile-group .tile{flex:0 0 auto;width:60%;scroll-snap-align:start;text-align:center;border:var(--border);border-radius:0;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%}.tile-group .tile__image{position:relative;width:100%;flex:1 1 auto;overflow:hidden;aspect-ratio:3 / 4}.tile-group .tile__image img{width:100%;height:100%;object-fit:cover;object-position:center center}.tile-group .tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(218.711deg,#0000 52.797%,#000c 100.03%);pointer-events:none;z-index:1}.tile-group .tile__content{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:var(--m);padding:var(--l) var(--l);z-index:2;text-align:left}.tile-group .tile__title{font-size:var(--size-text-lg);color:#fff;text-transform:uppercase;margin:0;font-family:var(--font-heading-family),sans-serif}.tile-group .tile__description{color:#fff;font-size:var(--size-text-sm)}.tile-group .tile__description p{margin:0;color:#fff}.tile-group .tile .tile__button{font-size:var(--size-text-2xs);padding:var(--xs) var(--s);align-self:flex-start;min-height:auto;line-height:1;text-decoration:none}.tile-group .tile .promo-strip{height:4px;width:100%;display:block;background:var(--promo-color)}@media (min-width: 768px){.tile-group{flex-wrap:wrap;overflow-x:visible;justify-content:center;padding:var(--xl) var(--m)}.tile-container--desktop-1-col .tile-group{flex-direction:column}.tile-container--desktop-1-col .tile-group .tile{width:100%;max-width:600px}.tile-container--desktop-2-col .tile-group{flex-direction:row}.tile-container--desktop-2-col .tile-group .tile{width:calc(50% - var(--m)/2);max-width:none}.tile-container--desktop-3-col .tile-group{flex-direction:row}.tile-container--desktop-3-col .tile-group .tile{width:calc(33.333% - var(--m)*2/3);max-width:none}.tile-container--desktop-4-col .tile-group{flex-direction:row}.tile-container--desktop-4-col .tile-group .tile{width:calc(25% - var(--m)*3/4);max-width:none}.tile-group .tile{flex:1 1 auto;width:100%;max-width:380px;height:auto}.tile-group .tile__image{aspect-ratio:3 / 4}.tile-group .tile__title{font-size:var(--size-text-2xl)}.tile-group .tile__description{font-size:var(--size-text-base)}.tile-group .tile__content{padding:var(--l) var(--l)}.tile-group .tile .button--tile:hover{background:#fff6;color:#fff}}.tile-carousel-wrapper{position:relative}@media (max-width: 767px){.tile-carousel-wrapper .native-carousel.tile-carousel{padding:var(--carousel-padding, var(--xl));gap:var(--carousel-gap, var(--m));scroll-snap-type:x mandatory;scroll-padding-inline:var(--carousel-padding, var(--xl))}.tile-carousel-wrapper .native-carousel.tile-carousel .tile.native-carousel__slide,.tile-carousel-wrapper .native-carousel.tile-carousel .native-carousel__slide.tile,.tile-carousel-wrapper .native-carousel.tile-carousel .tile,.tile-carousel-wrapper .native-carousel.tile-carousel .native-carousel__slide{width:calc((100% - var(--carousel-gap, var(--m))) / var(--visible-slides, 1))!important;flex:0 0 auto!important;scroll-snap-align:center;max-width:none!important;box-sizing:border-box}.tile-carousel-wrapper .native-carousel.tile-carousel .tile:first-child{margin-inline-start:calc((100% - (100% - var(--carousel-gap, var(--m))) / var(--visible-slides, 1)) / 2)}}@media (min-width: 768px){.tile-carousel-wrapper{position:static}.tile-carousel-wrapper .native-carousel.tile-carousel{padding:var(--xl) var(--xl);gap:var(--m);overflow-x:visible;scroll-snap-type:none;display:flex;flex-wrap:wrap;justify-content:center}.tile-carousel-wrapper .native-carousel.tile-carousel .tile,.tile-carousel-wrapper .native-carousel.tile-carousel .native-carousel__slide{width:auto!important;flex:0 0 auto!important;scroll-snap-align:none;margin-left:0;margin-right:0;margin-inline-start:0}.tile-container--desktop-1-col .tile-carousel-wrapper .native-carousel.tile-carousel .tile{width:100%!important;max-width:600px}.tile-container--desktop-2-col .tile-carousel-wrapper .native-carousel.tile-carousel .tile{width:calc(50% - var(--m)/2)!important}.tile-container--desktop-3-col .tile-carousel-wrapper .native-carousel.tile-carousel .tile{width:calc(33.333% - var(--m)*2/3)!important}.tile-container--desktop-4-col .tile-carousel-wrapper .native-carousel.tile-carousel .tile{width:calc(25% - var(--m)*3/4)!important}}.tile-carousel__pagination{display:flex;justify-content:center;align-items:center;gap:var(--s);padding:var(--xs) 0 var(--xxl);margin-top:var(--xs)}.tile-carousel__dot{width:6px;height:6px;border-radius:50%;border:none;background:#0000004d;cursor:pointer;padding:0;transition:background-color .2s ease}.tile-carousel__dot.is-active{background:#000c}.tile-carousel__dot:hover{background:#00000080}@media (min-width: 768px){.tile-carousel__pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/section-tiles.css.map */