.category-tiles{display:grid;grid-template-columns:repeat(var(--category-columns, 6),1fr);gap:var(--category-gap, 24px)}.category-tile{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;gap:12px}.category-tile__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--category-radius, 22px);overflow:hidden;background:var(--category-tile-bg, #d9bcd6);transition:transform .25s ease,box-shadow .25s ease}.category-tile__media img,.category-tile__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.category-tile__media .placeholder-svg{width:60%;height:60%;top:20%;right:20%;bottom:20%;left:20%;object-fit:contain;opacity:.5}.category-tile__label{margin:0;font-size:calc(var(--font-body-scale, 1) * 15px);line-height:1.3;color:var(--category-label-color, #4a4a4a)}@media(hover:hover){.category-tile:hover .category-tile__media{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}}@media screen and (max-width:989px){.category-tiles{grid-template-columns:repeat(4,1fr);gap:18px}}@media screen and (max-width:749px){.category-tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--category-tile-width-mobile, 88px);gap:var(--category-gap-mobile, 14px);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.35) rgba(var(--color-foreground),.08)}.category-tiles::-webkit-scrollbar{height:4px}.category-tiles::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.08);border-radius:4px}.category-tiles::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.35);border-radius:4px}.category-tile{scroll-snap-align:start;gap:8px}.category-tile__label{font-size:calc(var(--font-body-scale, 1) * 12px)}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-category-tiles.css.map */