.collection-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}.collection-tile{position:relative;display:block}.collection-tile__media{border-radius:var(--radius)}.collection-tile__image{transition:transform var(--duration-slow) var(--ease-out)}@media(hover:hover){.collection-tile:hover .collection-tile__image{transform:scale(1.04)}.collection-tile:hover .collection-tile__title:after{transform:scaleX(1)}}.collection-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#0000 58%)}.collection-tile__content{position:absolute;inset-inline:var(--sp-5);bottom:var(--sp-5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);color:#fff}.collection-tile__title{position:relative;display:inline-block;max-width:100%;overflow-wrap:break-word;padding-bottom:4px}.collection-tile__title:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background-color:rgb(var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.collection-tile__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em}@media screen and (min-width:750px){.collection-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-tiles--5,.collection-tiles--6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.collection-tiles--swipe{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter)}.collection-tiles--swipe::-webkit-scrollbar{display:none}.collection-tiles--swipe>li{flex:0 0 calc((100% - (var(--tiles-visible, 1.6) - 1) * var(--sp-4)) / var(--tiles-visible, 1.6));scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-collection-tiles.css.map */