.category-grid{overflow:hidden;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.category-grid__header{text-align:center;margin-bottom:2rem}.category-grid__heading{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(1.25rem,3vw,1.75rem)}.category-grid__subheading{margin:0;opacity:.8;font-size:.95rem}.category-grid__grid{display:grid;grid-template-columns:repeat(var(--cols-mobile, 3),1fr);gap:.75rem;padding-inline:var(--grid-side-spacing, 16px)}@media screen and (min-width:750px){.category-grid__grid{grid-template-columns:repeat(var(--cols-desktop, 6),1fr);gap:1.25rem}}.category-grid__item{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.category-grid__item--hidden{display:none}.category-grid__image-wrap{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:.5rem;overflow:hidden;background:#ffffff0f}.category-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.category-grid__item:hover .category-grid__image{transform:scale(1.06)}.category-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.4}.category-grid__placeholder-svg{width:50%;height:50%}@media screen and (max-width:749px){.category-grid__heading{font-size:1.1rem}}.category-grid__toggle-wrap{display:flex;justify-content:center;margin-top:2.5rem}.category-grid__toggle{all:unset;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.6rem 1.5rem;border:1px solid currentColor;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;transition:background .2s ease,color .2s ease}.category-grid__toggle:hover{background:var(--accent-color, #c0202c);border-color:var(--accent-color, #c0202c);color:#fff}.category-grid__toggle:focus-visible{outline:2px solid var(--accent-color, #c0202c);outline-offset:3px}.category-grid__toggle svg{transition:transform .25s ease}.category-grid__toggle.is-expanded svg{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/category-grid.css.map */
