.category-grid{--category-ratio: 4 / 5}.category-grid[data-ratio=square]{--category-ratio: 1 / 1}.category-grid[data-ratio=landscape]{--category-ratio: 4 / 3}.card-category{--category-radius: calc(var(--radius-card) * 1.33);position:relative;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;border-radius:var(--category-radius);background:rgb(var(--color-surface));color:rgb(var(--color-text));text-decoration:none}.card-category__media{--media-ratio: var(--category-ratio);--media-fit: cover;--media-radius: 0;flex:none}.card-category__image{transition:transform .6s var(--ease-out)}@media(hover:hover){.card-category:hover .card-category__image{transform:scale(1.04)}}.card-category:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:3px}.card-category__body{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 18px 18px}.card-category__text{min-width:0}.card-category__title{font-family:var(--font-heading-family);font-size:1.0625rem;font-weight:var(--font-heading-weight);letter-spacing:var(--heading-letter-spacing);line-height:1.25;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.card-category__description{display:-webkit-box;overflow:hidden;margin:4px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.4;color:rgb(var(--color-text-muted));overflow-wrap:anywhere}.card-category__arrow{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-text));transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}@media(hover:hover){.card-category:hover .card-category__arrow{background:rgb(var(--color-button));color:rgb(var(--color-button-label));transform:translate(2px)}}.card-category--overlay .card-category__body{position:absolute;inset-inline:0;bottom:0;padding-top:48px;background:linear-gradient(to top,#0009 calc(100% - 48px),#0000);color:#fff}.card-category--overlay .card-category__description{color:#ffffffe6}.card-category--overlay .card-category__arrow{background:#fff;color:#141414}.card-category--empty .card-category__title{font-family:var(--font-body-family);font-size:.9375rem;font-weight:var(--font-body-weight);color:rgb(var(--color-text-muted))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-grid.css.map */