.categories{background-color:var(--color-surface);padding:5rem 0}.categories__header{text-align:center;margin-bottom:3rem}.categories__badge{display:inline-block;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;letter-spacing:.02em;border-radius:9999px;background:#4ecdc41a;color:var(--color-secondary);margin-bottom:1rem}.categories__heading{font-family:var(--font-heading, inherit);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-dark);margin:0;line-height:1.2}.categories__grid{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:stretch}.category-card:first-child{flex:0 0 calc(60% - .625rem);min-height:320px}.category-card:nth-child(2){flex:0 0 calc(40% - .625rem);min-height:320px}.category-card:nth-child(n+3){flex:0 0 calc(50% - .625rem)}.categories__grid[data-card-count="3"] .category-card:nth-child(n+3){flex:0 0 100%}.categories__grid[data-card-count="5"] .category-card:nth-child(n+3){flex:0 0 calc(33.333% - .834rem)}.categories__grid[data-card-count="7"] .category-card:nth-child(n+3):nth-child(-n+5){flex:0 0 calc(33.333% - .834rem)}.categories__grid[data-card-count="7"] .category-card:nth-child(n+6){flex:0 0 calc(50% - .625rem)}.category-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:20px;overflow:hidden;text-decoration:none;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth);border:2px solid transparent;min-height:180px;min-width:0}.category-card:hover{transform:translateY(-4px)}.category-card--coral{background:linear-gradient(145deg,#fff0f0,#ffe0e0)}.category-card--coral:hover{box-shadow:0 12px 32px #ff6b6b33;border-color:#ff6b6b4d}.category-card--teal{background:linear-gradient(145deg,#e8fffe,#d4faf7)}.category-card--teal:hover{box-shadow:0 12px 32px #4ecdc433;border-color:#4ecdc44d}.category-card--yellow{background:linear-gradient(145deg,#fffce8,#fff8cc)}.category-card--yellow:hover{box-shadow:0 12px 32px #ffe66d40;border-color:#ffe66d66}.category-card__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.15;pointer-events:none;color:var(--color-dark)}.category-card__icon .icon{width:5rem;height:5rem}.category-card:first-child .category-card__icon .icon{width:8rem;height:8rem}.category-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.category-card:hover .category-card__image{transform:scale(1.03)}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(43,45,66,.7) 0%,rgba(43,45,66,.1) 50%,transparent 100%);pointer-events:none}.category-card__content{position:relative;z-index:2;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.category-card__title{font-family:var(--font-heading, inherit);font-size:1.125rem;font-weight:700;color:var(--color-dark);margin:0;line-height:1.3}.category-card__image~.category-card__overlay~.category-card__content .category-card__title{color:#fff}.category-card__count{font-size:.8125rem;color:#6b7280;font-weight:500}.category-card__image~.category-card__overlay~.category-card__content .category-card__count{color:#ffffffbf}.category-card__cta{display:inline-block;margin-top:.5rem;font-size:.875rem;font-weight:600;color:var(--color-primary);transition:color var(--transition-smooth)}.category-card__image~.category-card__overlay~.category-card__content .category-card__cta{color:#fff}.category-card:hover .category-card__cta{color:var(--color-secondary)}.category-card:first-child .category-card__title{font-size:1.5rem}@media(prefers-reduced-motion:reduce){.category-card,.category-card__image{transition:none}.category-card:hover,.category-card:hover .category-card__image{transform:none}}@media(max-width:989px){.category-card:first-child,.category-card:nth-child(2),.category-card:nth-child(n+3){flex:0 0 calc(50% - .625rem);min-height:180px}}@media(max-width:749px){.categories{padding:3rem 0}.categories__grid{gap:1rem}.categories__header{margin-bottom:2rem}.category-card,.category-card:first-child,.category-card:nth-child(2),.category-card:nth-child(n+3){flex:0 0 100%;min-height:160px}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/section-categories.css.map */