.ss-categories{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.ss-cat-card{aspect-ratio:5/4;background:var(--ss-surface);border-radius:var(--ss-radius-lg);border:1px solid var(--ss-border);box-shadow:var(--ss-shadow);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:block;position:relative;overflow:hidden}@media (hover:hover){.ss-cat-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 20px 48px #14241424}}.ss-cat-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}@media (hover:hover){.ss-cat-card:hover img{transform:scale(1.06)}}.ss-cat-card__label{color:#fff;background:linear-gradient(#0000,#0e180cd1);justify-content:space-between;align-items:flex-end;gap:12px;padding:40px 18px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.ss-cat-card h3{font-family:var(--ss-display);margin:0;font-size:18px;font-weight:700}.ss-cat-card__count{opacity:.85;margin-top:2px;font-size:12px;font-weight:500;display:block}.ss-cat-graphic{background:linear-gradient(145deg,#e8f0dc,#f8faf5 50%,#eef3e8);justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.ss-cat-graphic__name{font-family:var(--ss-display);text-align:center;color:var(--ss-accent-dark);font-size:22px;font-weight:700}@media (max-width:600px){.ss-categories{grid-template-columns:repeat(2,1fr);gap:14px}.ss-cat-card h3{font-size:15px}}