@layer components{.category-mosaic{padding-block:var(--section-y)}.category-mosaic__inner{display:flex;flex-direction:column;gap:var(--space-6)}.category-mosaic__header{margin-bottom:var(--space-6);text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.category-mosaic__heading{font-size:var(--text-3xl);color:var(--color-text);margin:0}.category-mosaic__sub{color:var(--color-text-muted);margin:0;max-width:60ch;margin-inline:auto}.category-mosaic__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);list-style:none;margin:0;padding:0}.category-mosaic__tile{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1;background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--duration-base) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.category-mosaic__tile:hover{transform:translateY(-2px);border-color:var(--color-accent)}.category-mosaic__tile--5{grid-column:1 / -1;aspect-ratio:16 / 9}@media(min-width:750px){.category-mosaic__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-4);grid-auto-flow:dense}.category-mosaic__tile{aspect-ratio:auto;min-height:220px}.category-mosaic__tile--1{grid-row:span 2;aspect-ratio:4 / 5}.category-mosaic__tile--5{grid-column:auto;aspect-ratio:auto}}@media(min-width:990px){.category-mosaic__tile{min-height:260px}}.category-mosaic__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:var(--color-text);text-decoration:none}.category-mosaic__link>img,.category-mosaic__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.category-mosaic__image--placeholder{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface))}.category-mosaic__tile:hover .category-mosaic__image{transform:scale(1.04)}.category-mosaic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-4);background:linear-gradient(180deg,#0b0b0d00 40%,#0b0b0dd9);color:var(--color-text);gap:var(--space-1)}.category-mosaic__tile-heading{font-size:var(--text-xl);margin:0;line-height:1.1}.category-mosaic__tile-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.category-mosaic__tile-cta{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);transition:gap var(--duration-fast) var(--ease-out)}.category-mosaic__tile:hover .category-mosaic__tile-cta{gap:8px}@media(prefers-reduced-motion:reduce){.category-mosaic__tile,.category-mosaic__image,.category-mosaic__tile-cta{transition:none;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-category-mosaic.css.map */