.collection-list--category{--category-card-radius: 13px;--category-card-green: 161 200 94;--grid-gap: clamp(1rem, .6rem + 1.2vw, 1.75rem);--grid-row-gap: clamp(1rem, .6rem + 1.2vw, 1.75rem)}.card--category{height:100%}.category-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--category-card-radius);background-color:#fff;box-shadow:0 0 0 1px #0000000d;color:#1e1e1c;text-decoration:none;transition:transform .32s var(--ease-standard),box-shadow .32s var(--ease-standard)}.category-card__media{position:relative;overflow:hidden;aspect-ratio:1.35 / 1;background-color:rgb(var(--color-background-alt))}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-standard)}.category-card__placeholder{fill:#1e1e1c26}.category-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-6)}.category-card__text{display:flex;flex-direction:column;gap:.375rem;min-width:0}.category-card__eyebrow{font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium);font-size:.625rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#1e1e1c8c}.category-card__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.375rem;line-height:1.2;letter-spacing:-.015em;color:#1e1e1c;overflow-wrap:anywhere}.category-card__arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background-color:rgb(var(--category-card-green) / .18);color:#4e6e20;transition:background-color .24s var(--ease-standard),color .24s var(--ease-standard)}.category-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #0000000a,0 18px 36px -18px #1e1e1c47}.category-card:hover .category-card__image{transform:scale(1.04)}.category-card:hover .category-card__arrow,.category-card:focus-visible .category-card__arrow{background-color:rgb(var(--category-card-green));color:#fff}.category-card:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-focus));outline-offset:var(--focus-ring-offset)}@media screen and (min-width:1024px){.category-card__body{padding:var(--space-6) var(--space-6) var(--space-8)}}@media(prefers-reduced-motion:reduce){.category-card,.category-card__image,.category-card__arrow{transition:none}.category-card:hover,.category-card:hover .category-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/collection-category-cards.css.map */
