.afisha-page { max-width: 1180px; margin: 0 auto; padding: 28px 20px 56px; }
.afisha-breadcrumbs { display:flex; gap:8px; color:#7d8190; font-size:13px; margin-bottom:28px; }
.afisha-breadcrumbs a { color:inherit; }
.afisha-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:28px; }
.afisha-eyebrow { color:#6c4cf1; font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; margin:0 0 10px; }
.afisha-heading h1 { margin:0; font-size:clamp(30px,5vw,54px); line-height:1.02; letter-spacing:-.04em; }
.afisha-lead { color:#6b6f7a; max-width:620px; margin:14px 0 0; font-size:16px; }
.afisha-count { white-space:nowrap; color:#6c4cf1; font-weight:700; font-size:15px; }
.afisha-filters { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:16px; border:1px solid #e5e6eb; border-radius:16px; background:#fafafd; }
.afisha-filters label { display:flex; flex-direction:column; gap:6px; color:#6b6f7a; font-size:12px; font-weight:600; min-width:150px; }
.afisha-filters select,.afisha-filters input { height:42px; border:1px solid #d9dbe3; border-radius:9px; padding:0 11px; background:#fff; color:#20222a; font:inherit; }
.afisha-filters button,.afisha-button { height:42px; border:0; border-radius:9px; padding:0 18px; background:#6c4cf1; color:#fff; font-weight:700; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.afisha-reset { color:#777b86; padding:12px 0; font-size:13px; }
.afisha-periods { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 24px; }
.afisha-periods a { padding:9px 13px; border-radius:99px; background:#f0f0f5; color:#535762; font-size:13px; text-decoration:none; }
.afisha-periods a.is-active { color:#fff; background:#20222a; }
.afisha-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.afisha-card { overflow:hidden; border:1px solid #e6e7eb; border-radius:16px; background:#fff; transition:transform .15s ease, box-shadow .15s ease; }
.afisha-card:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(28,25,48,.09); }
.afisha-card-image { display:block; aspect-ratio:1.55; background:#f0eff8; overflow:hidden; }
.afisha-card-image img { width:100%; height:100%; object-fit:cover; display:block; }
.afisha-card-body { padding:15px 16px 16px; }
.afisha-card time { color:#6c4cf1; font-size:12px; font-weight:700; }
.afisha-card h2 { font-size:19px; line-height:1.15; margin:8px 0 12px; }
.afisha-card h2 a { color:#1f2027; text-decoration:none; }
.afisha-venue { margin:0; font-weight:700; font-size:14px; }
.afisha-address { color:#7c7f88; font-size:12px; margin:5px 0 0; }
.afisha-card-footer { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-top:16px; font-weight:700; font-size:13px; }
.afisha-ticket { color:#6c4cf1; text-decoration:none; }
.afisha-empty { padding:56px 20px; text-align:center; border:1px dashed #d9dbe3; border-radius:16px; }
.afisha-empty h2 { margin:0 0 8px; }
.afisha-empty p { color:#747883; margin:0 0 20px; }
.afisha-pagination { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:28px; font-size:14px; }
.afisha-pagination a { color:#6c4cf1; text-decoration:none; font-weight:700; }
@media (max-width: 900px) { .afisha-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .afisha-page { padding:20px 14px 40px; } .afisha-heading { display:block; } .afisha-count { display:block; margin-top:14px; } .afisha-grid { grid-template-columns:1fr; } .afisha-filters label { flex:1 1 140px; } }