.cat-main{padding-top:calc(var(--header-h) + var(--admin-bar-h, 0px));min-height:100vh;padding-bottom:80px}.cat-hero{padding:48px 28px 24px;max-width:1200px;margin:0 auto}.cat-hero-badge{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;border-radius:100px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.cat-hero-title{font-size:42px;font-weight:900;letter-spacing:-1.5px;color:var(--text);line-height:1.1;margin-bottom:8px}.cat-hero-desc{font-size:16px;color:var(--text-secondary);line-height:1.5}.cat-hero-actions{margin-top:16px;display:flex;align-items:center;gap:12px}.cat-play-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;transition:var(--transition)}.cat-play-btn:hover{background:#d44d1e;transform:translateY(-1px);color:#fff}.cat-filter-bar{display:flex;gap:6px;padding:0 28px 24px;max-width:1200px;margin:0 auto;overflow-x:auto;scrollbar-width:none}.cat-filter-bar::-webkit-scrollbar{display:none}.cat-filter{padding:7px 18px;border:1px solid var(--border);background:var(--surface);border-radius:100px;font-family:var(--font);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all 0.2s ease}.cat-filter:hover{border-color:var(--text-muted);color:var(--text)}.cat-filter.active{background:var(--text);color:var(--bg);border-color:var(--text)}.cat-cards{max-width:1200px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cat-cards .card{width:100%!important;min-height:260px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);overflow:hidden;position:relative;box-sizing:border-box}.cat-cards .card.big{grid-column:span 2;min-height:320px}.cat-cards .card.wide,.cat-cards .card.narrow,.cat-cards .card.medium{grid-column:span 1;min-height:260px}.cat-cards .card--image .card-content{position:absolute;bottom:0;left:0;right:0;padding:22px;color:#fff;z-index:2}.cat-cards .card--image .card-title{font-size:1.15rem;font-weight:700;line-height:1.25;letter-spacing:-.3px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cat-cards .card.big .card-title{font-size:1.45rem;line-height:1.2}@media (max-width:1024px){.cat-hero-title{font-size:32px}.cat-cards{grid-template-columns:repeat(2,1fr);gap:18px;padding:0 20px}.cat-cards .card.big{grid-column:span 2;min-height:280px}.cat-cards .card{min-height:240px}}@media (max-width:768px){.cat-hero{padding:32px 16px 16px}.cat-hero-title{font-size:28px}.cat-hero-desc{font-size:14px}.cat-filter-bar{padding:0 16px 16px}.cat-cards{grid-template-columns:repeat(2,1fr);padding:0 16px;gap:14px}.cat-cards .card.big{grid-column:span 2;min-height:240px}.cat-cards .card{min-height:200px}.cat-cards .card--image .card-content{padding:14px}.cat-cards .card--image .card-title{font-size:13.5px}.cat-cards .card.big .card-title{font-size:16px}}@media (max-width:540px){.cat-cards{grid-template-columns:1fr;gap:14px}.cat-cards .card.big,.cat-cards .card.wide,.cat-cards .card.medium,.cat-cards .card.narrow{grid-column:span 1;min-height:220px}}