.category-tiles{display:grid;grid-template-columns:repeat(var(--tile-columns, 4),minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.category-tile{display:block;color:inherit;text-decoration:none}.category-tile__media{position:relative;display:flex;align-items:flex-end;aspect-ratio:var(--tile-ratio, 3 / 4);overflow:hidden;padding:16px;border-radius:calc(var(--radius-card) + 2px);background:var(--color-surface-muted);transition:transform .2s ease}.category-tile:hover .category-tile__media{transform:translateY(-3px)}.category-tile__image,.category-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.category-tile__image{top:14px;right:14px;bottom:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;mix-blend-mode:multiply}.category-tiles--overlay .category-tile__image{bottom:68px;height:calc(100% - 82px)}.category-tile__placeholder{fill:var(--color-faint)}.category-tile__badge{position:absolute;top:14px;left:14px;padding:5px 9px;border-radius:var(--radius-badge);background:var(--color-accent-soft);color:var(--color-ink);font-weight:700;font-size:11px;line-height:1.2;text-transform:uppercase}.category-tile__label{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--scheme-heading)}.category-tiles--overlay .category-tile__label{max-width:100%;padding:9px 14px;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-size:16px;box-shadow:var(--shadow-rest)}.category-tiles--below .category-tile__label{margin-top:12px}.category-tiles--below .category-tile__label svg{color:var(--scheme-accent)}@media(max-width:919.98px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tiles--overlay .category-tile__label{padding:7px 12px;font-size:14px}.category-tile__image{top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.category-tiles--overlay .category-tile__image{bottom:56px;height:calc(100% - 66px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-collection-tiles.css.map */