.category-first-card{aspect-ratio:2/3;position:relative;display:flex;align-items:flex-end;background-color:#1a1a1a;background-size:cover;background-position:center;color:#fff;border-radius:var(--radius-lg, 8px);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.responsive-product-grid .category-first-card{grid-column:span var(--cat-card-span, 1);aspect-ratio:auto}@media (max-width: 768px){.responsive-product-grid .category-first-card{grid-column:1 / -1;aspect-ratio:16/9}}.category-first-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.category-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#00000080,#00000026,#00000005);z-index:1;transition:background .4s ease}.category-first-card:hover .category-card-overlay{background:linear-gradient(to top,#0009,#0003,#0000000d)}.category-card-link{text-decoration:none;color:inherit;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:start;padding:1.5rem;position:relative;z-index:2;gap:.5rem}.category-card-link.card-vpos-top{justify-content:flex-start}.category-card-link.card-vpos-middle{justify-content:center}.category-card-link.card-vpos-bottom{justify-content:flex-end}.category-card-link.card-halign-start{align-items:flex-start;text-align:start}.category-card-link.card-halign-center{align-items:center;text-align:center}.category-card-link.card-halign-end{align-items:flex-end;text-align:end}.category-card-content{display:flex;flex-direction:column;gap:.5rem;max-width:32rem}.category-card-eyebrow{font-size:var(--fs-xs, .8rem);font-weight:var(--fw-semibold, 600);text-transform:uppercase;margin:0;color:#ffffffbf}.category-card-title{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:var(--fw-bold, 700);margin:0;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.4)}.category-card-subtitle{font-size:var(--fs-sm, .95rem);margin:0;color:#ffffffd9;line-height:1.5}.category-card-description{font-size:var(--fs-xs, .8rem);margin:0;color:#fffc;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card-cta{margin-top:.5rem}.category-card-cta svg{transition:transform .3s ease}[dir=rtl] .category-card-cta svg{transform:rotate(180deg)}.category-first-card:hover .category-card-cta svg{transform:translate(3px)}[dir=rtl] .category-first-card:hover .category-card-cta svg{transform:rotate(180deg) translate(3px)}.responsive-product-grid{display:grid;grid-template-columns:repeat(var(--grid-cols-desktop, 4),1fr);gap:var(--spacing-md, 1rem);width:100%}@media (max-width: 1024px){.responsive-product-grid{grid-template-columns:repeat(var(--grid-cols-tablet, 3),1fr)}}@media (max-width: 768px){.responsive-product-grid{grid-template-columns:repeat(var(--grid-cols-mobile, 2),1fr)}}.product-slider--cols{--cp-bleed: calc(max(0px, (100vw - var(--container-max)) / 2) + var(--container-padding));margin-inline:calc(-1 * var(--cp-bleed));padding-inline:var(--cp-bleed);scroll-padding-inline:var(--cp-bleed);padding-block:.5rem;margin-block:-.5rem;scroll-snap-type:x mandatory;scroll-behavior:smooth}.product-slider--cols .product-card{flex:0 0 calc((100% - (var(--grid-cols-desktop, 4) - 1) * var(--spacing-lg)) / var(--grid-cols-desktop, 4))}@media (max-width: 1024px){.product-slider--cols .product-card{flex-basis:calc((100% - (var(--grid-cols-tablet, 3) - 1) * var(--spacing-lg)) / var(--grid-cols-tablet, 3))}}@media (max-width: 768px){.product-slider--cols .product-card{flex-basis:calc((100% - (var(--grid-cols-mobile, 2) - 1) * var(--spacing-lg)) / var(--grid-cols-mobile, 2))}}.product-slider--cols .category-first-card{aspect-ratio:auto;align-self:stretch;flex-basis:calc(min(var(--cat-card-span, 1),var(--grid-cols-desktop, 4)) * ((100% - (var(--grid-cols-desktop, 4) - 1) * var(--spacing-lg)) / var(--grid-cols-desktop, 4)) + (min(var(--cat-card-span, 1),var(--grid-cols-desktop, 4)) - 1) * var(--spacing-lg))}@media (max-width: 1024px){.product-slider--cols .category-first-card{flex-basis:calc(min(var(--cat-card-span, 1),var(--grid-cols-tablet, 3)) * ((100% - (var(--grid-cols-tablet, 3) - 1) * var(--spacing-lg)) / var(--grid-cols-tablet, 3)) + (min(var(--cat-card-span, 1),var(--grid-cols-tablet, 3)) - 1) * var(--spacing-lg))}}@media (max-width: 768px){.product-slider--cols .category-first-card{flex-basis:calc(min(var(--cat-card-span, 1),var(--grid-cols-mobile, 2)) * ((100% - (var(--grid-cols-mobile, 2) - 1) * var(--spacing-lg)) / var(--grid-cols-mobile, 2)) + (min(var(--cat-card-span, 1),var(--grid-cols-mobile, 2)) - 1) * var(--spacing-lg))}}.view-all-btn{cursor:pointer}
