.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 32px;margin:0;padding:0;list-style:none;display:grid}.category-grid__item{min-width:0}@media (max-width:960px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}@media (max-width:560px){.category-grid{grid-template-columns:minmax(0,1fr);gap:20px}}
.category-card{--category-card-background:#f3eef5;--category-card-count-background:#bd89ce;--category-card-count-ink:#302726;border-radius:var(--radius-md);background:var(--category-card-background);min-width:0;min-height:250px;color:var(--color-storefront-ink);text-align:center;flex-direction:column;transition:transform .16s,box-shadow .16s;display:flex}.category-card--cream{--category-card-background:#fdf3e5;--category-card-count-background:#f9ce43}.category-card--mint{--category-card-background:#eff5ed;--category-card-count-background:#9fc994}.category-card--peach{--category-card-background:#fcf1e9;--category-card-count-background:#ffa86c}.category-card--blush{--category-card-background:#fbefef;--category-card-count-background:#e94d76}.category-card--sky{--category-card-background:#edf4f7;--category-card-count-background:#65c1c8}.category-card__content,.category-card__link{width:100%;min-height:inherit;flex-direction:column;flex:1;align-items:center;padding:20px 16px 18px;display:flex}.category-card__link:hover{color:inherit}.category-card:has(.category-card__link[href]):hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.category-card .category-card__link.storefront-unavailable{cursor:not-allowed;text-decoration:none}.category-card__emoji{flex:none;place-items:center;min-height:100px;margin-bottom:7px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:clamp(64px,6vw,82px);line-height:1;display:grid}.category-card__icon{flex:none;width:min(100%,120px);height:100px;margin-bottom:7px}.category-card__title{min-height:1.6em;color:var(--color-storefront-ink);font:700 14px/1.35 var(--font-body);letter-spacing:.08em;overflow-wrap:anywhere;justify-content:center;align-items:center;margin:0 0 7px;display:flex}.category-card__description{min-height:3em;color:var(--color-storefront-ink);font:400 11px/1.5 var(--font-body);letter-spacing:.065em;text-transform:uppercase;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.category-card__count{border-radius:var(--radius-sm);background:var(--category-card-count-background);min-height:24px;color:var(--category-card-count-ink);font:500 10px/1.2 var(--font-body);letter-spacing:.09em;white-space:nowrap;justify-content:center;align-items:center;margin-top:auto;padding:4px 12px;display:inline-flex}@media (max-width:600px){.category-card{min-height:230px}.category-card__content,.category-card__link{padding:16px 12px}.category-card__emoji{min-height:88px;font-size:66px}.category-card__icon{height:88px}.category-card__title{font-size:13px}.category-card__description{font-size:10px}}@media (prefers-reduced-motion:reduce){.category-card{transition:none}}@media (max-width:560px){.category-card{min-height:0}.category-card__content,.category-card__link{text-align:left;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"icon title""icon description""icon count";align-items:center;gap:6px 14px;padding:16px;display:grid}.category-card__icon,.category-card__emoji{grid-area:icon;width:52px;height:52px;min-height:0;margin:0;font-size:44px}.category-card__title{grid-area:title;justify-content:start;min-height:0;margin:0;font-size:16px}.category-card__description{letter-spacing:.015em;text-transform:none;-webkit-line-clamp:2;line-clamp:2;grid-area:description;min-height:0;font-size:13px;line-height:1.5}.category-card__count{grid-area:count;justify-self:start;margin:2px 0 0;font-size:11px}}
.categories-page{padding-block:44px 72px}.categories-page>.catalog-pagination{margin-top:40px}.categories-page__empty{border-radius:var(--radius-md);background:var(--color-section-pink);text-align:center;padding:clamp(24px,5vw,48px)}.categories-page__empty h2{font:700 28px/1.15 var(--font-display);margin:0}.categories-page__empty p{margin:12px 0 0}@media (max-width:640px){.categories-page{padding-block:28px 48px}}