.categories-page{width:100%;max-width:1280px;margin:0 auto;padding:24px 16px 40px;box-sizing:border-box}.categories-page-title{font-size:1.35rem;font-weight:600;color:#eaeaea;margin:0 0 24px;letter-spacing:.03em}.categories-page-empty{color:#888;font-size:.95rem;margin:0}.categories-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px 14px}@media(min-width:600px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:20px 18px}}@media(min-width:1100px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.categories-grid-item{margin:0}.categories-card{display:block;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;background:#1a1a1a;transition:box-shadow .2s ease,transform .2s ease}.categories-card:hover{box-shadow:0 14px 32px #00000073}.categories-card:focus-visible{outline:2px solid #c4c4c4;outline-offset:2px}.categories-card-media{position:relative;aspect-ratio:17 / 10;overflow:hidden;background:#141414}.categories-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;will-change:transform}.categories-card:hover .categories-card-image{transform:scale(1.05)}.categories-card-shade{position:absolute;left:0;right:0;bottom:0;height:55%;max-height:110px;pointer-events:none;z-index:1;border-radius:0 0 10px 10px;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.38) 52%,transparent 100%)}.categories-card-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 14px 16px;box-sizing:border-box}.categories-card-name{font-size:.95rem;font-weight:600;color:#f2f2f2;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.categories-card-count{font-size:.78rem;font-weight:500;color:#c8c8c8;flex-shrink:0}.categories-card:hover .categories-card-name{color:#fff}.categories-card:hover .categories-card-count{color:#dedede}@media(prefers-reduced-motion:reduce){.categories-card,.categories-card-image{transition:none}.categories-card:hover .categories-card-image{transform:none}}
