.cat-cards-section{container-type:inline-size}.cat-cards__heading-row{margin:0 0 24px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;font-family:var(--font-heading--family, "Plus Jakarta Sans", sans-serif);font-size:var(--cat-heading-size, 48px);font-weight:700;line-height:1.2;letter-spacing:-.03em}.cat-cards__heading{margin:0}.cat-cards__grid{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cat-gap, 16px)}.cat-card{position:relative;box-sizing:border-box;border-radius:16px;background:var( --cat-card-bg, rgba(var(--color-foreground-rgb, 0, 0, 0), .04) );overflow:hidden;padding:24px 20px 0;display:flex;flex-direction:column;min-height:var(--cat-card-height, 220px);cursor:pointer;max-height:clamp(192px,30.958vw,460px);text-decoration:none;flex:0 1 calc((100% - (var(--cat-gap, 16px) * 2)) / 3);max-width:none;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.cat-card:hover{box-shadow:0 16px 40px #0000001a}.cat-card--featured{border:2px dashed var(--cat-accent, #7c3aed);background:rgba(var(--color-foreground-rgb, 0, 0, 0),.03)}.cat-card__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;flex-shrink:0;text-align:center}.cat-card__title{font-weight:700;color:var(--color-foreground);line-height:1.15;margin:0}.cat-card__subtitle{color:rgba(var(--color-foreground-rgb, 0, 0, 0),.5);display:flex;align-items:center;justify-content:center;gap:4px;margin:0}.cat-card__arrow{display:inline-flex;align-items:center}.cat-card__arrow svg{height:14px;width:fit-content}.cat-card__link{font-size:clamp(14px,1vw,16px);color:rgba(var(--color-foreground-rgb, 0, 0, 0),.45);text-decoration:underline;text-underline-offset:2px;margin-top:6px;display:inline-block;transition:color .2s ease}.cat-card:hover .cat-card__link{color:var(--cat-accent, #7c3aed)}.cat-card__image-wrap{position:relative;z-index:2;flex:1;display:flex;align-items:flex-end;justify-content:center;margin-top:8px;overflow:hidden}.cat-card__image-wrap img{width:100%;height:auto;object-fit:scale-down;object-position:bottom center;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12));transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.cat-card:hover .cat-card__image-wrap img{transform:translateY(-6px) scale(1.04)}.cat-card__image-placeholder{width:70%;aspect-ratio:1;border-radius:12px;background:rgba(var(--color-foreground-rgb, 0, 0, 0),.06);display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground-rgb, 0, 0, 0),.2);font-size:11px}.cat-cards__heading-row{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.cat-cards__heading-row.cat--visible{opacity:1;transform:translateY(0)}.cat-card.cat--visible{opacity:1;transform:translateY(0) scale(1)}.cat-card.cat--visible:hover{transform:translateY(-3px) scale(1.01)}.cat-card:nth-child(1){transition-delay:.05s}.cat-card:nth-child(2){transition-delay:.12s}.cat-card:nth-child(3){transition-delay:.19s}.cat-card:nth-child(4){transition-delay:.26s}.cat-card:nth-child(5){transition-delay:.33s}.cat-card:nth-child(6){transition-delay:.4s}.cat-card:nth-child(7){transition-delay:.47s}.cat-card:nth-child(8){transition-delay:.54s}@media(prefers-reduced-motion:reduce){.cat-cards__heading-row,.cat-card{opacity:1;transform:none;transition:none}}@media screen and (max-width:989px){.cat-card{flex:0 1 calc((100% - var(--cat-gap, 16px)) / 2);max-width:none}}@media screen and (max-width:749px){.cat-cards__heading-row{font-size:var(--cat-heading-size-mobile, 28px);gap:4px 8px}.cat-cards__heading-row,.cat-cards__grid{max-width:100%}.cat-cards__grid{gap:12px!important}.cat-card__body{gap:6px}.cat-card{flex:0 1 calc((100% - 12px)/2);min-height:180px;padding:18px 16px 0}.cat-card__title{font-size:18px}.cat-card__subtitle{font-size:14px}.cat-card__image-wrap img{width:82%}}@media screen and (max-width:420px){.cat-card{min-height:165px;padding:16px 12px 0}.cat-card__arrow svg{height:8px}.cat-card__body{gap:4px}.cat-card__image-wrap img{width:86%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-cards.css.map */