.collection-tiles .ct-tile{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;height:100%;position:relative}.collection-tiles .ct-tile[aria-disabled=true]{pointer-events:none}.collection-tiles .ct-tile__media{aspect-ratio:var(--ratio,1);border-radius:var(--ct-radius)}.collection-tiles .ct-tile__info{display:flex;flex-direction:column;gap:4px}.collection-tiles .ct-text-center .ct-tile__info{align-items:center;text-align:center}.collection-tiles .ct-tile__title{font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:6px}.collection-tiles .ct-tile__arrow{display:inline-flex;transition:transform var(--duration) var(--ease)}.collection-tiles .ct-tile:hover .ct-tile__arrow,.collection-tiles .ct-tile:focus-visible .ct-tile__arrow{transform:translate(4px)}.collection-tiles .ct-tile__count{font-size:.85rem;opacity:.7}.collection-tiles .ct-tile__text{font-size:.9rem;opacity:.85}.collection-tiles .ct-tile--overlay .ct-tile__info{position:absolute;inset:auto 0 0 0;padding:18px;color:#fff;z-index:2}.collection-tiles .ct-tile--overlay .ct-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--ct-overlay) + .2)),rgba(0,0,0,var(--ct-overlay)) 60%,transparent);z-index:1}.collection-tiles .ct-tile--overlay .ct-tile__title{font-size:1.2rem;color:#fff}.collection-tiles .ct-tile--circle{align-items:center;text-align:center}.collection-tiles .ct-tile--circle .ct-tile__media{width:100%;max-width:var(--ct-circle);border-radius:50%;margin:0 auto}.collection-tiles .ct-tile--circle .ct-tile__info{align-items:center}.collection-tiles .ct-tile--circle .ct-tile__title{font-size:.95rem}.collection-tiles .ct-tile--tiles{background:rgb(var(--c-card));border-radius:var(--ct-radius);padding:12px 12px 16px;transition:transform var(--duration) var(--ease),box-shadow var(--duration)}.collection-tiles .ct-tile--tiles .ct-tile__media{border-radius:calc(var(--ct-radius) * .7)}@media(hover:hover){.collection-tiles .ct-tile--tiles:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-collection-tiles.css.map */