.section-category-grid{overflow:hidden}.category-grid{display:grid;align-items:start;grid-template-columns:repeat(2,1fr);grid-gap:16px}.category-grid.mobile-columns--1{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:768px){.category-grid{grid-template-columns:repeat(var(--var-category-grid-columns, 4),1fr);grid-gap:24px}}.category-card{position:relative;display:block;width:100%;border-radius:8px;overflow:hidden;text-decoration:none;box-shadow:none}.category-grid--square-corners .category-card{border-radius:0}.category-card__image{position:relative;width:100%;height:0;padding-bottom:var(--var-category-aspect-ratio, 133.333%);overflow:hidden;background:rgba(var(--color-body-rgb),.03)}.category-card__image img,.category-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.104,.204,.492,1)}.category-card.has-title .category-card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--var-category-overlay-color-rgb, 0, 0, 0),calc(var(--var-category-overlay-opacity, .35) * .35)),rgba(var(--var-category-overlay-color-rgb, 0, 0, 0),var(--var-category-overlay-opacity, .35)));transition:background .3s ease;pointer-events:none}.category-card__title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--var-category-title-color, #ffffff);font-size:var(--var-category-title-size, 18px);font-weight:var(--font-body-bold-weight, 600);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none}.category-card:hover .category-card__image img,.category-card:focus .category-card__image img,.category-card:hover .category-card__placeholder,.category-card:focus .category-card__placeholder{transform:scale(1.08)}.category-card.has-title:hover .category-card__image:after,.category-card.has-title:focus .category-card__image:after{background:linear-gradient(180deg,rgba(var(--var-category-overlay-color-rgb, 0, 0, 0),calc(var(--var-category-overlay-opacity, .35) * .45)),rgba(var(--var-category-overlay-color-rgb, 0, 0, 0),calc(var(--var-category-overlay-opacity, .35) + .15)))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/category-grid.css.map */