/* Start:/local/templates/dd2026/assets/css/events.css?179398303425612*/
/* ==========================================================================
   DD2026 — раздел «Мероприятия» (дополняет inner.css: .evg/.evx/.year/.ev-hero/.ev-anchors/.tbl/.podium …)
   ========================================================================== */

/* ---------- архив ---------- */
.ev-filter{margin:26px calc(-1*var(--gut)) 6px;position:sticky;top:calc(var(--top) - 14px);z-index:15;padding:10px 0;background:linear-gradient(rgba(7,7,7,.92),rgba(7,7,7,0))}
body:has(#hdr.hide) .ev-filter{top:0}
.ev-filter{transition:top .6s var(--ease)}
/* горизонтальные ленты (Р8): фильтры, якоря, вкладки результатов — во всю ширину экрана, листаются пальцем;
   затухание по краям — только когда лента шире окна (.is-scroll ставит inner.js), текущий пункт inner.js/events.js ставят по центру.
   Липкие полосы (фильтры /event/, якоря события) — из двух слоёв: снаружи .ev-filter/.ev-anchors — во всю ширину с плотной подложкой,
   внутри .ev-strip — лента с затуханием: маска на одной ленте, подложка не становится прозрачной (раньше у края просвечивала оранжевая карточка) */
.chips.ev-res-tabs{margin-inline:calc(-1*var(--gut))}
.chips.ev-strip,.chips.ev-res-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
.chips.ev-strip{position:relative}   /* offsetParent чипов — сама лента: DD.center считает от неё, а не от липкой обёртки */
.ev-strip::-webkit-scrollbar,.ev-res-tabs::-webkit-scrollbar{display:none}
.chips.ev-strip .chip,.chips.ev-res-tabs .chip{flex:none}
.ev-strip.is-scroll,.ev-res-tabs.is-scroll{--fl:var(--gut);--fr:36px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
.is-scroll.at-start{--fl:0px} .is-scroll.at-end{--fr:0px}   /* у упора ленты край не гасим: последний пункт («Партнёры») виден целиком */
@media (max-width:899px){
  /* плотная подложка — карточки под липкой лентой не просвечивают */
  .ev-filter{padding-block:10px;background:rgba(7,7,7,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--faint)}
}
/* «Мероприятия»: одной строкой, под ней — что здесь есть */
.ev-archive .page-title{margin-bottom:10px}
.ev-archive .page-sub{margin-bottom:clamp(22px,4vh,36px)}
/* «Скоро»: ближайшие старты над фильтрами — дата, название, статус, цена и кнопка */
.ev-next{margin-bottom:clamp(22px,4vh,36px)}
.ev-next-l{display:grid;gap:12px}
@media (min-width:900px){ .ev-next-l{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))} }
.ev-nx{display:grid;gap:10px;align-content:start}
.ev-nx-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ev-nx-d{color:var(--acc);font-size:14px;letter-spacing:.04em}
.ev-nx h3{font-size:clamp(19px,2.2vw,26px);line-height:1.1}
.ev-nx h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}   /* вся карточка — ссылка на событие */
.ev-nx-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:4px}
.ev-nx-p{font-family:var(--disp);font-weight:900;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.03em;white-space:nowrap}
.ev-nx .btn{position:relative;z-index:1}
@media (max-width:560px){ .ev-nx .btn{flex:1 1 100%} }
.ev-archive .evg{row-gap:32px}   /* пометки следующей карточки не читаются как статус предыдущей */
/* «Каждую неделю»: компактные строки с днём недели вместо огромных пустых карточек */
.ev-year[data-year="weekly"] .evg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ev-year[data-year="weekly"] .evx{display:grid;grid-template-columns:84px 1fr;grid-template-rows:1fr 1fr;column-gap:16px;row-gap:4px;align-items:center;
  padding:10px;border:1px solid var(--faint);border-radius:16px;background:rgba(12,12,12,.72)}
.ev-year[data-year="weekly"] .evx .pic{grid-row:1/3;width:84px;aspect-ratio:1;border-radius:12px}
.ev-year[data-year="weekly"] .evx .tags{display:none}
.ev-year[data-year="weekly"] .ev-noposter span{font-size:34px;-webkit-text-stroke:0;color:var(--fg)}
.ev-year[data-year="weekly"] .evx .ev-when{align-self:end;color:var(--acc)}
.ev-year[data-year="weekly"] .evx h3{align-self:start;font-size:17px}
/* «вт · 7:00» — моно-меткой, место — строкой Manrope (может переноситься); заголовок группы — капсом, как годы */
.ev-year[data-year="weekly"] .evx:has(.ev-place){grid-template-rows:auto auto auto;align-content:center}
.ev-year[data-year="weekly"] .evx:has(.ev-place) .pic{grid-row:1/4}
.ev-year[data-year="weekly"] .evx .ev-place{grid-column:2;font:500 14px/1.35 var(--body);color:rgba(236,230,218,.72);letter-spacing:0;text-transform:none}
.ev-year[data-year="weekly"] .year{text-transform:uppercase;font-size:clamp(40px,10.5vw,200px);line-height:1.04}   /* у «Д» капсом нижний выносной элемент — строки не налезают */
.ev-year{scroll-margin-top:calc(var(--top) + 76px)}   /* под липкой лентой фильтров заголовок группы не прячется */
.ev-ddlong .muted{color:rgba(10,10,10,.62)}
.ev-year[hidden],.evx[hidden]{display:none}
.evx .ev-when{font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.ev-noposter{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(252,76,1,.35),transparent 60%),#0d0d0d}
/* без афиши и фото — инициалы сплошным цветом (контур на телефоне не читался) */
.ev-noposter span{font-family:var(--disp);font-weight:900;font-size:clamp(60px,10vw,120px);text-transform:uppercase;color:rgba(236,230,218,.55);-webkit-text-stroke:0;letter-spacing:-.06em}
.ev-ddlong{display:grid;gap:14px;margin-top:28px;padding:clamp(20px,3vw,34px);position:relative;overflow:hidden}
.ev-ddlong::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px)}
.ev-ddlong-t{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.06em;line-height:.85;font-size:clamp(56px,13vw,180px)}
.ev-ddlong-t .outline{color:#fff3e6;-webkit-text-stroke:0}
.ev-ddlong p{max-width:52ch;color:rgba(236,230,218,.82)}
.ev-ddlong-f{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
/* плашка на оранжевом — чёрная (оранжевая на оранжевом не читалась), «DDLONG» не прилипает к подзаголовку */
.card.acc .badge.reg{background:#0a0a0a;color:var(--fg);border-color:#0a0a0a}
.ev-ddlong-t{margin:8px 0}
.ev-ddlong .btn{text-align:center;line-height:1.25}

/* ---------- детальная: hero ---------- */
.ev-page .ev-hero{margin:0 calc(var(--gut) * -1);padding-left:var(--gut);padding-right:var(--gut)}
.ev-hero .poster.has-video video{opacity:.7}
/* первый экран (Р2, Р9): контент от шапки, а не прижат к низу; афиша — с размытой подложкой своего же кадра, как у карточек.
   events.css в сборке Битрикса идёт ДО inner.css — правила, которые перебивают inner.css, начинаются с .ev-page (специфичнее) */
.ev-hero .poster .bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(24px) brightness(.5) saturate(1.3)}
.ev-hero .poster img,.ev-hero .poster video{position:relative}
.ev-hero .crumbs{margin-bottom:16px}
@media (max-width:899px){
  /* телефон: афиша — отдельным блоком сверху (заходит под прозрачную шапку), под ней крошки → плашки → заголовок → адрес → кнопки */
  .ev-page .ev-hero:not(.ev-hero--bare){min-height:0;justify-content:flex-start;padding-bottom:24px}
  .ev-page .ev-hero:not(.ev-hero--bare) .poster{position:relative;inset:auto;z-index:0;order:-1;flex:none;height:clamp(170px,42svh,440px);
    margin:calc(-1*var(--c-top,calc(var(--top) + 10px))) calc(-1*var(--gut)) 16px;border-radius:0 0 var(--r-l,24px) var(--r-l,24px)}
  .ev-page .ev-hero .poster img,.ev-page .ev-hero .poster video{object-fit:contain}
  .ev-page .ev-hero .poster.has-video video{opacity:1}
  .ev-page .ev-hero .poster::after{background:linear-gradient(180deg,rgba(7,7,7,.75) 0,rgba(7,7,7,.45) calc(var(--top) - 8px),transparent calc(var(--top) + 24px))}
  .ev-hero .ev-ribbed{display:none}   /* рифлёное стекло на телефоне размывало афишу до неузнаваемости */
  @media (max-height:600px){ .ev-page .ev-hero:not(.ev-hero--bare) .poster{height:36svh} }   /* iPhone SE: заголовок и кнопки — в первом экране */
  .ev-hero .crumbs{margin-bottom:12px}
  .ev-hero .ev-meta{margin-bottom:12px}
  .ev-hero .ev-title{margin-bottom:14px}
}
@media (min-width:900px){
  /* компьютер: афиша фоном от самого верха (под шапкой без чёрной полосы), текст — от шапки вниз, под ним затемнение */
  .ev-page .ev-hero:not(.ev-hero--bare){margin-top:calc(-1*var(--c-top,calc(var(--top) + 10px)));padding-top:var(--c-top,calc(var(--top) + 10px));
    min-height:min(88svh,860px);justify-content:flex-start}
  .ev-hero:not(.ev-hero--bare) .crumbs{margin-bottom:clamp(16px,5svh,72px)}
  .ev-page .ev-hero .poster::after{background:linear-gradient(180deg,rgba(7,7,7,.75),rgba(7,7,7,.45) 28%,rgba(7,7,7,.8) 58%,rgba(7,7,7,.96))}
  /* афиша-картинка (обычно с надписями): целиком справа на размытой подложке, текст — слева на затемнении, «надпись по надписи» не бывает */
  .ev-page .ev-hero--img .poster img{object-fit:contain;object-position:right center;box-sizing:border-box;padding:calc(var(--c-top,106px) + 12px) var(--gut) clamp(28px,5vh,56px) 52%}
  .ev-page .ev-hero--img .poster::after{background:linear-gradient(90deg,rgba(7,7,7,.86) 0,rgba(7,7,7,.62) 46%,rgba(7,7,7,0) 54%),linear-gradient(180deg,rgba(7,7,7,.6),transparent 24%,transparent 76%,rgba(7,7,7,.92))}
  .ev-hero--img>:not(.poster){max-width:48%}
}
/* адрес — строкой Manrope, не плашкой (Р5, Р6): «Место · улица · м. Станция» и «На карте ↗» */
.ev-addr{max-width:62ch;margin:-8px 0 20px;font:500 15px/1.4 var(--body);color:rgba(236,230,218,.8);letter-spacing:0;text-transform:none}
.ev-addr a{position:relative;color:var(--fg);border-bottom:1px solid var(--acc);white-space:nowrap}
.ev-addr a::after{content:"";position:absolute;inset:-12px -6px}   /* зона нажатия ≥ 44 px (Р12) */
.ev-addr a:hover{color:var(--acc)}
.ev-ribbed{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(255,255,255,0) 1px 7px,rgba(0,0,0,.18) 7px 9px,rgba(255,255,255,0) 9px 14px);
  backdrop-filter:blur(7px) saturate(1.2);-webkit-backdrop-filter:blur(7px) saturate(1.2);mix-blend-mode:normal}
.ev-meta .tag.acc{border-color:var(--acc);color:var(--acc)}
/* ни афиши, ни видео (тренировки, старые события без фото): первый экран по содержимому, без пустых 88svh над заголовком */
.ev-hero.ev-hero--bare{min-height:0;padding-top:4px;padding-bottom:8px}
.ev-hero.ev-hero--bare .crumbs{margin-bottom:24px}
/* тренировка: плашек на первом экране нет — дата, время и место сразу под заголовком (блок «Тренировка») */
.ev-page .ev-hero--bare ~ #training{padding-top:clamp(12px,3vh,32px)}
.ev-cta{display:flex;flex-wrap:wrap;gap:10px}
.ev-anchors{margin-top:18px}
.ev-anchors .chip{white-space:nowrap;background:rgba(7,7,7,.6)}
.ev-anchors .chip.on{background:var(--fg);color:#0a0a0a}

/* ---------- программа / тренировка ---------- */
.ev-prog{list-style:none;display:grid;gap:0;border-top:1px solid var(--faint);max-width:980px;padding:0;margin:0}
.ev-prog li{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--faint);align-items:baseline}
.ev-prog li b{color:var(--acc);font-size:14px;letter-spacing:.04em}
.ev-prog li span{font-size:clamp(15px,1.5vw,19px)}
@media (max-width:640px){ .ev-prog li{grid-template-columns:1fr;gap:6px} }
.ev-tr-stats{margin-bottom:16px}
.ev-tr-stats .stat b{font-size:clamp(18px,2.4vw,30px)}
.ev-tr-place{margin-bottom:16px;display:grid;gap:6px}
.ev-tr-place h3{font-family:var(--disp);text-transform:uppercase;font-size:clamp(18px,2.2vw,26px)}
.ev-tr-steps .prose{font-size:15px;max-width:none}
.ev-prizes{max-width:980px}
.ev-prizes ul,.ev-prizes ol{padding-left:1.2em}
.ev-prizes li{margin:.35em 0}

/* ---------- результаты ---------- */
.ev-res-top{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-bottom:16px}
.ev-res-top .search{flex:1 1 280px;display:block}
.ev-res-count{font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.ev-res-tabs{margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.ev-res-tabs::-webkit-scrollbar{display:none}
.ev-res-tabs .chip{white-space:nowrap}
.ev-res-tabs .chip.dim{opacity:.35}
.ev-res .tbl td[data-s]:first-of-type{font-weight:700}
.ev-res .tbl tr[hidden]{display:none}
.ev-res .podium[hidden]{display:none}
.ev-res .podium .n{overflow-wrap:normal;word-break:normal;hyphens:auto;-webkit-hyphens:auto}
.ev-res-html table{width:100%;border-collapse:collapse}
.ev-res-html td,.ev-res-html th{padding:10px 12px;border-bottom:1px solid var(--faint)}

/* ---------- фото «из пыли» ---------- */
.ev-dust{position:relative;aspect-ratio:16/10;max-height:78svh;width:100%;border-radius:var(--r-m,16px);overflow:hidden;background:#050505;border:1px solid var(--faint);margin-bottom:14px;outline:none}
@media (max-width:640px){ .ev-dust{aspect-ratio:4/5} }
.ev-dust canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* прозрачность чёткого кадра — через --o (её анимирует events.js): правило каркаса .ev-dust-img.ld{opacity:1} (header.php)
   иначе держит кадр видимым поверх пыли при каждой смене */
.ev-dust .ev-dust-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--o,0)!important;transition:none;pointer-events:none}
/* пока собирается первый кадр — размытая крошечная копия (из разметки, без запроса), а не пустая чёрная рамка */
.ev-dust::before{content:"";position:absolute;inset:-30px;background:var(--ph,none) center/cover no-repeat;filter:blur(24px) brightness(.5) saturate(1.2);pointer-events:none;transition:opacity .8s ease}
/* первый кадр показан — подложку убираем: под пылью следующих кадров не должно просвечивать размытое первое фото */
.ev-dust.shown::before{opacity:0}
.ev-dust::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,transparent 65%,rgba(0,0,0,.7))}
.ev-dust-ui{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ev-dust-num{font-family:var(--disp);font-weight:900;font-size:clamp(22px,3vw,40px)}
.ev-dust-num small{font-family:var(--mono);font-weight:400;font-size:14px;color:var(--dim)}
.ev-dust-prog{position:absolute;left:16px;right:16px;top:14px;z-index:2;display:flex;gap:3px}
.ev-dust-prog i{flex:1;height:2px;background:rgba(236,230,218,.2);position:relative;overflow:hidden}
.ev-dust-prog b{position:absolute;inset:0;background:var(--fg);transform-origin:left;transform:scaleX(0)}
.ev-grid{margin-top:4px}
/* фотоотчёт: сначала 8 фото, остальные — кнопкой «Все фото (N)» (events.js) */
.ev-grid.fold>a:nth-child(n+9){display:none}
.ev-more{width:100%;margin-top:12px}

/* ---------- низ ---------- */
.ev-back{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:60px 0 10px}
.partners .card b{font-family:var(--disp);text-transform:uppercase;font-size:14px}

/* ---------- тренировка: крупные времена, место, шаги, группы ---------- */
.tr-date{margin:6px 0 18px}
.tr-times{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:22px}
.tr-time b{display:block;font-family:var(--disp);font-weight:900;font-size:clamp(40px,7vw,84px);line-height:.95;letter-spacing:-.04em}
.tr-time:last-child b{color:var(--acc)}
.tr-time span{font-family:var(--mono);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.tr-place{display:grid;gap:8px;justify-items:start;margin-bottom:22px}
.tr-place h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(18px,2.2vw,26px);line-height:1.15}
.tr-place p{font-size:16px;color:var(--fg)}
.tr-place .btn{margin-top:6px}
.tr-steps{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--faint)}
.tr-steps li{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:6px 18px;padding:16px 0;border-bottom:1px solid var(--faint);align-items:baseline}
.tr-steps li b{color:var(--acc);font-size:14px;letter-spacing:.04em}
.tr-steps li .prose{font-size:17px;line-height:1.45}
@media (max-width:640px){ .tr-steps li{grid-template-columns:1fr} }
.tr-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tr-group{padding:14px 16px;border:1px solid var(--faint);border-radius:16px;background:rgba(12,12,12,.72);display:grid;gap:8px;align-content:start}
.tr-group span{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.tr-group div{font-family:var(--disp);font-weight:700;font-size:15px;line-height:1.45;letter-spacing:-.01em}

/* ---------- iPhone: якоря одной строкой на плотной подложке; результаты — карточками, время всегда видно ---------- */
.ev-anchors{transition:top .6s var(--ease)}
body:has(#hdr.hide) .ev-anchors{top:0}
.ev-anchors .chip{flex:none}
.card.acc.prose, .card.acc.prose p, .card.acc.prose li, .card.acc .prose, .card.acc .prose p, .card.acc .prose li{color:rgba(10,10,10,.85)}
.card.acc.prose a, .card.acc .prose a{color:#0a0a0a}
@media (max-width:899px){
  .ev-anchors{background:rgba(7,7,7,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--faint)}
}
@media (max-width:640px){
  .ev-res .tbl-wrap{overflow:visible}
  .ev-res table.tbl{min-width:0;display:block}
  .ev-res .tbl thead{display:none}
  .ev-res .tbl tbody{display:block}
  .ev-res .tbl tr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:12px;row-gap:3px;align-items:baseline;padding:13px 14px;border-bottom:1px solid rgba(236,230,218,.07)}
  .ev-res .tbl tr:last-child{border-bottom:0}
  .ev-res .tbl td{display:block;padding:0;border:0;grid-column:2;min-width:0;overflow-wrap:anywhere}
  .ev-res .tbl td:empty{display:none}
  .ev-res .tbl td.pos{grid-column:1;grid-row:1 / span 4;width:auto;font-size:20px;line-height:1}
  .ev-res .tbl td.num{grid-column:3;grid-row:1;text-align:right;font-size:14px;color:var(--fg)}
  .ev-res .tbl td.num ~ td.num{grid-row:auto;color:var(--dim);font-size:14px}
  .ev-res .tbl td.muted{font-size:14px}
  .ev-res .tbl tr:hover td{background:none}
}

.ev-res .tbl tr.res-fold{display:none}
.res-more{width:100%;margin-top:12px}
.ev-soon{display:grid;gap:16px;justify-items:start;max-width:640px}.ev-soon p{font-size:17px;line-height:1.5}
/* крошки: на афише (компьютер) — на подложке-«пилюле» у самого поля; на телефоне под афишей — без подложки */
@media (min-width:900px){ .ev-hero:not(.ev-hero--bare) .crumbs{width:fit-content;margin-left:0;padding:8px 12px;border-radius:999px;background:rgba(7,7,7,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} }

/* время в программах — крупно */
.ev-prog li b, .tr-steps li b { font-size:17px; letter-spacing: .04em; }
.ev-prog li span, .tr-steps li .prose { font-size:17px; }
/* программа под спойлером: по умолчанию закрыта */
.prog-d { margin-top: 6px; }
.prog-d > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px;
  border: 1px solid var(--faint); border-radius: var(--r-m,16px); background: rgba(12,12,12,.72); }
.prog-d > summary::-webkit-details-marker { display: none; }
.prog-d > summary b { font-family: var(--disp); font-weight: 900; text-transform: uppercase; font-size:17px; line-height: 1.2; }
.prog-d > summary small { display: block; font-family: var(--mono); font-size:14px; color: var(--acc); letter-spacing:.04em; margin-top: 4px; font-weight: 400; }
.prog-d > summary i { flex: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(236,230,218,.3); display: grid; place-items: center; font-style: normal; font-size:20px; transition: transform .35s var(--out), background .3s; }
.prog-d[open] > summary i { transform: rotate(45deg); background: var(--fg); color: #0a0a0a; }
.prog-d[open] > summary { border-color: rgba(252,76,1,.5); }
.prog-d > ol { margin-top: 12px; }

/* ===== по проверке 20.10 ===== */
/* 320: «DDLONG» не шире карточки */
.ev-ddlong-t{font-size:clamp(40px,13vw,180px)}
/* приглушённый текст в оранжевой карточке: контраст (было .62) */
.ev-ddlong .muted{color:rgba(10,10,10,.85)}
/* липкие фильтры: плотная подложка (намёк, что полосу можно листать, — затухание .is-scroll выше) */
.ev-filter{background:rgba(7,7,7,.94);box-shadow:0 10px 14px -6px rgba(7,7,7,.9)}
/* прямая ссылка на раздел (#results и т.п.): заголовок не прячется под шапкой и липкой панелью якорей */
.ev-page [id]{scroll-margin-top:calc(var(--top) + 76px)}

/* ===== UX-ревью 22.10 (C) ===== */
/* «Каждую неделю»: «вс · 8:00 / DD LONG / м. Фрунзенская» — одним блоком по центру высоты картинки.
   Короткая строка (DD Long) растягивала ряды auto под 84 px картинки — между названием и местом выходила пустая строка */
.ev-year[data-year="weekly"] .evx:has(.ev-place){grid-template-rows:1fr auto auto auto 1fr;row-gap:0}
.ev-year[data-year="weekly"] .evx:has(.ev-place) .pic{grid-row:1/-1}
.ev-year[data-year="weekly"] .evx:has(.ev-place) .ev-when{grid-row:2;grid-column:2}
.ev-year[data-year="weekly"] .evx:has(.ev-place) h3{grid-row:3;grid-column:2;margin:4px 0}
.ev-year[data-year="weekly"] .evx:has(.ev-place) .ev-place{grid-row:4}
/* карточка DD Long: «DDLONG №111» не рвётся; «Вы в деле · 4:30 и прогресс →» — в одну строку, а если не влезет — две ровные строки, стрелка не одна */
.ev-ddlong-n{white-space:nowrap}
@media (max-width:899px){ .ev-ddlong .btn{text-wrap:balance;line-height:1.3;padding:8px 18px;letter-spacing:.04em} }
/* «Скоро»: билет уже оплачен — кнопка ведёт на билет */
.ev-nx .btn.is-mine{text-wrap:balance;text-align:center;line-height:1.3;padding-block:8px}
@media (max-width:899px){
  /* афиша с надписью вверху (bbk-25 «РЕЗУЛЬТАТЫ»): сама картинка — ниже шапки, логотип не стоит вплотную к надписи; размытая подложка — во весь блок */
  .ev-page .ev-hero:not(.ev-hero--bare) .poster img{top:calc(var(--top) - 6px);height:calc(100% - var(--top) + 6px)}
  .ev-page .ev-hero .poster::after{background:linear-gradient(180deg,rgba(7,7,7,.75) 0,rgba(7,7,7,.4) calc(var(--top) - 10px),transparent calc(var(--top) + 6px))}
}

/* End */
/* /local/templates/dd2026/assets/css/events.css?179398303425612 */