.category-grid{background-color:var(--color-bg-body);padding-block:48px}@media(min-width:768px){.category-grid{padding-block:60px}}@media(min-width:1024px){.category-grid{padding-block:72px}}.category-grid__header{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}@media(min-width:768px){.category-grid__header{flex-direction:row;justify-content:space-between;align-items:baseline;margin-bottom:48px}}.category-grid__header-text{display:flex;flex-direction:column;gap:8px}.category-grid__heading{color:var(--color-text-heading)}.category-grid__description{color:var(--color-text-body)}.category-grid__header-action{flex-shrink:0}.category-grid__cards{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:480px){.category-grid__cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.category-grid__cards{grid-template-columns:repeat(4,1fr)}}.category-card{display:block;text-decoration:none;color:inherit;outline:none;border-radius:20px}.category-card:focus-visible{outline:2px solid var(--color-text-heading);outline-offset:4px}.category-card__image-wrap{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:1 / 1}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.category-card:hover .category-card__image,.category-card:focus-within .category-card__image{transform:scale(1.05)}.category-card__placeholder{width:100%;height:100%;background-color:var(--color-bg-primary)}.category-card__title{margin-top:16px;color:var(--color-text-heading)}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;gap:17px;background-color:var(--color-bg-highlights-transparent);border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.category-card:hover .category-card__overlay,.category-card:focus-within .category-card__overlay{opacity:1}.category-card__overlay-text{color:var(--color-text-body-dark)}.category-card__decorative-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--color-text-body-dark);border-radius:999px;color:var(--color-text-body-dark)}.category-card__decorative-label{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:125%;letter-spacing:-.5px}.category-card__decorative-btn .icon{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/category-grid.css.map */