.category-cards{--category-cards-max-width: 72.5rem;--category-cards-gap: 1rem;--category-cards-radius: 1.125rem;--category-cards-height: 19.8125rem;--category-cards-columns: 4;--category-cards-ease: cubic-bezier(.16, 1, .3, 1);container-type:inline-size}.category-cards__inner{width:min(100%,var(--category-cards-max-width));margin-inline:auto;display:flex;flex-direction:column;gap:2.5rem}.category-cards__divider{width:100%;height:1px;background-color:var(--color-border, #eeeeee);margin-block-end:3.5rem}.category-cards__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%}.category-cards__heading{margin:0;font-family:var(--font-heading--family, inherit);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--color-foreground, #15151e);text-wrap:balance}.category-cards__heading em,.category-cards__heading strong{font-family:var(--font-heading--family, inherit);font-style:italic;font-weight:900;color:var(--color-primary, #de1a00)}.category-cards__grid{display:grid;grid-template-columns:repeat(var(--category-cards-columns, 4),minmax(0,1fr));gap:var(--category-cards-gap);list-style:none;margin:0;padding:0;width:100%}.category-cards__item{min-width:0;display:flex}.category-cards__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:1 / 1;height:auto;border-radius:var(--category-cards-radius);background-color:var(--card-bg, #f7f7f7);color:var(--card-title-color, #15151e);text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px #15151e0b;transition:background-color .52s var(--category-cards-ease),box-shadow .52s var(--category-cards-ease),border-color .52s var(--category-cards-ease)}.category-cards__card--default{--card-bg: #f7f7f7;--card-title-color: #15151e;--card-desc-color: #6e6e73}.category-cards__card--promo{--card-bg: #15151e;--card-title-color: #e3b685;--card-desc-color: #ffffff;--card-border-color: #e3b685;border:2px solid var(--card-border-color);box-shadow:none}@media(hover:hover)and (pointer:fine){.category-cards__card--default:hover{box-shadow:inset 0 0 0 1px #15151e1c}.category-cards__card--default:hover .category-cards__media-img{transform:scale(1.045)}.category-cards__card--promo:hover{border-color:#f0caa0}.category-cards__card--promo:hover .category-cards__bg-img,.category-cards__card--promo:hover .category-cards__media-img{transform:scale(1.045)}.category-cards__card:hover .category-cards__content{transform:translate3d(0,-2px,0)}}.category-cards__card:focus-visible{outline:3px solid var(--color-primary, #de1a00);outline-offset:3px}.category-cards__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}.category-cards__bg-img,.category-cards__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;display:block;transform:scale(1);will-change:transform;transition:transform .65s var(--category-cards-ease)}.category-cards__media .category-cards__media-img{padding-block-end:1rem}.category-cards__media-placeholder{width:100%;height:100%;opacity:.35}.category-cards__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000d1 10.875%,#0000 46%)}.category-cards__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;padding:1rem 1.125rem 1.125rem;width:100%;min-width:0;transform:translateZ(0);transition:transform .52s var(--category-cards-ease)}.category-cards__title-row{display:inline-flex;align-items:flex-start;max-width:100%;color:var(--card-title-color)}.category-cards__title{margin:0;font-family:var(--font-heading--family, inherit);font-size:1.5rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:inherit}.category-cards__description{margin:0;font-family:var(--font-body--family, inherit);font-size:.9375rem;font-weight:400;line-height:1.5;color:var(--card-desc-color, #6e6e73);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (min-width: 750px) and (max-width: 989px){.category-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 749px){.category-cards__inner{gap:1.5rem}.category-cards__divider{margin-block-end:1.5rem}.category-cards__heading{font-size:1.75rem}.category-cards__grid{grid-template-columns:minmax(0,1fr);gap:1rem}.category-cards__card{height:auto;aspect-ratio:1 / 1;min-height:20rem}.category-cards__content{padding:1.5rem 1.75rem 1.625rem}.category-cards__title{font-size:1.75rem}}@supports not (container-type: inline-size){@media screen and (min-width:750px)and (max-width:989px){.category-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.category-cards__grid{grid-template-columns:minmax(0,1fr)}.category-cards__card{height:auto;aspect-ratio:1 / 1}}}@media(prefers-reduced-motion:reduce){.category-cards__card,.category-cards__card:before,.category-cards__bg-img,.category-cards__media-img,.category-cards__content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-category-cards.css.map */