.afisha-page { color:#171519; background:#fff; }.afisha-container { width:min(1200px,calc(100% - 48px)); margin:0 auto; }.afisha-page .afisha-header { display:grid; height:88px; padding:0 40px; border-bottom:1px solid rgba(0,0,0,.12); grid-template-columns:1fr auto 1fr; align-items:center; }.afisha-page .brand__copy strong { color:#171519; }.afisha-page .brand__copy span { color:rgba(0,0,0,.45); }.afisha-page .search-link { justify-self:end; }.afisha-page .afisha-nav a.is-active { padding:10px 4px 8px; border-bottom:4px solid var(--yellow); }.afisha-hero h1,.programme-heading h2 { font-family:Oswald,sans-serif; font-weight:700; line-height:1; text-transform:uppercase; }.afisha-hero h1 { padding:78px 0 38px; font-size:56px; }.afisha-hero > img { display:block; width:100%; height:400px; object-fit:cover; object-position:center; }.afisha-programme { padding:62px 0 0; }.afisha-programme--past { padding:86px 0 120px; }.programme-heading { display:flex; min-height:62px; padding-bottom:16px; border-bottom:1px solid rgba(0,0,0,.56); justify-content:flex-end; align-items:end; }.programme-heading h2 { margin-right:auto; font-size:30px; }.programme-heading p { font-family:Oswald,sans-serif; font-size:24px; text-transform:uppercase; }.programme-row { display:grid; min-height:142px; border-bottom:1px solid rgba(0,0,0,.52); grid-template-columns:126px 100px minmax(230px,1fr) minmax(260px,1fr); gap:0; align-items:center; }.programme-row > img { width:56px; height:56px; object-fit:cover; }.programme-row time { height:100%; padding:28px 0; border-left:1px solid rgba(0,0,0,.52); }.programme-row time b { display:block; padding-left:18px; font-family:Oswald,sans-serif; font-size:24px; line-height:1; }.programme-row time span { display:block; padding:6px 0 0 18px; font-size:11px; }.programme-row > div { padding:18px; }.programme-row h3 { font-size:16px; line-height:1.2; }.programme-row > div p { margin-top:8px; font-size:10px; }.programme-row > p { padding:18px; font-size:13px; line-height:1.38; }.programme-row:hover { background:#f7f6f5; }
@media (max-width:960px) { .afisha-page .primary-nav { display:none; }.afisha-page .afisha-header { padding:0 24px; grid-template-columns:1fr auto; }.programme-row { grid-template-columns:92px 84px minmax(190px,1fr) minmax(200px,1fr); }.programme-row > img { width:54px;height:54px; }.programme-row > p { font-size:12px; } }
@media (max-width:640px) { .afisha-container { width:calc(100% - 40px); }.afisha-page .afisha-header { height:76px;padding:0 20px; }.afisha-page .brand__copy { display:none; }.afisha-hero h1 { padding:50px 0 28px; font-size:46px; }.afisha-hero > img { height:230px; }.afisha-programme { padding-top:46px; }.afisha-programme--past { padding:64px 0 72px; }.programme-heading { justify-content:flex-start; }.programme-heading p { font-size:20px; }.programme-row { min-height:0; padding:18px 0; grid-template-columns:70px 75px 1fr; gap:0; }.programme-row > img { width:52px;height:52px; }.programme-row time { padding:5px 0; border-left:0; }.programme-row time b,.programme-row time span { padding-left:0; }.programme-row h3 { font-size:15px; }.programme-row > div { padding:0; }.programme-row > p { padding:13px 0 0; grid-column:2/-1; } }
.afisha-hero > img { content:url("/public/assets/afisha-9.webp"); }
.afisha-hero .afisha-container { width:min(1280px,calc(100% - 48px)); }
@media (max-width:960px) { .afisha-page .afisha-header.afisha-header { position:relative; height:132px; }.afisha-page .afisha-header .primary-nav { position:absolute; z-index:2; top:76px; right:0; left:0; display:flex; min-height:56px; padding:0 20px; overflow-x:auto; border-top:1px solid rgba(0,0,0,.12); background:#fff; align-items:center; gap:20px; white-space:nowrap; }.afisha-page .afisha-header .primary-nav a { flex:0 0 auto; }.afisha-page .afisha-header .primary-nav a.is-active { padding:8px 4px; } }
@media (max-width:640px) { .afisha-page .afisha-header.afisha-header { height:120px; }.afisha-page .afisha-header .primary-nav { top:76px; min-height:44px; padding:0 16px; gap:16px; font-size:13px; } }
.afisha-hero > img { object-position:center 28%; }