.collection-tiles__header{text-align:center;margin-bottom:2.4rem}.collection-tiles__description{margin-top:.8rem;color:rgba(var(--color-foreground),.7)}.collection-tiles__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--tiles-gap, 12px);grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.collection-tiles__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.collection-tiles__grid{grid-template-columns:repeat(var(--tiles-columns, 5),1fr)}}.collection-tiles__tile{margin:0}.collection-tiles__link{display:block;text-decoration:none;color:#fff}.collection-tiles__link[aria-disabled=true]{cursor:default}.collection-tiles__media{position:relative;aspect-ratio:var(--tiles-ratio, 4 / 5);border-radius:var(--tiles-radius, 12px);overflow:hidden;background:rgba(var(--color-foreground),.04)}.collection-tiles__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.collection-tiles__link:hover .collection-tiles__image{transform:scale(1.05)}.collection-tiles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0003 40%,#0000 70%);transition:background .3s ease}.collection-tiles__link:hover .collection-tiles__overlay{background:linear-gradient(to top,#000000b8,#0000004d 45%,#0000000d 75%)}.collection-tiles__caption{position:absolute;left:0;bottom:0;width:100%;padding:1.2rem 1.4rem;display:flex;align-items:center;gap:.6rem;box-sizing:border-box}.collection-tiles__caption-text{font-size:clamp(1.4rem,1.6vw,1.7rem);font-weight:600;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.4)}.collection-tiles__arrow{display:inline-flex;opacity:0;transform:translate(-.4rem);transition:opacity .25s ease,transform .25s ease}.collection-tiles__arrow svg{width:1.4rem;height:1.4rem}.collection-tiles__link:hover .collection-tiles__arrow{opacity:1;transform:translate(0)}.collection-tiles__link:focus-visible{outline:none}.collection-tiles__link:focus-visible .collection-tiles__media{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media(prefers-reduced-motion:reduce){.collection-tiles__image,.collection-tiles__overlay,.collection-tiles__arrow{transition:none}.collection-tiles__link:hover .collection-tiles__image{transform:none}}.collection-tiles__empty{text-align:center;color:rgba(var(--color-foreground),.6);padding:3rem 0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-collection-tiles.css.map */