/* Полоска акции над шапкой (06.11, первая — «Итоговое сочинение 6в1»). Разметка — templates/v9/partials/promo_strip.html,
   текст, ссылка и даты — таблица site_promos (ops/promo_strip.py). Не фиксированная: уезжает при прокрутке, шапка остаётся. */
.promo { --pr-bg: #00B34F; --pr-ink: #fff; --pr-sub: rgba(255,255,255,.86); --pr-pill-bg: #fff; --pr-pill-ink: #0B5A2B; --pr-x: rgba(255,255,255,.8);
  position: relative; z-index: 21; background: var(--pr-bg); color: var(--pr-ink); }
:root[data-theme="dark"] .promo { --pr-bg: #0F2619; --pr-ink: #E9F7EE; --pr-sub: #9FBFAC; --pr-pill-bg: #1F4A30; --pr-pill-ink: #6BE89B; --pr-x: #9FBFAC; border-bottom: 1px solid #1D3A28; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .promo { --pr-bg: #0F2619; --pr-ink: #E9F7EE; --pr-sub: #9FBFAC; --pr-pill-bg: #1F4A30; --pr-pill-ink: #6BE89B; --pr-x: #9FBFAC; border-bottom: 1px solid #1D3A28; } }
.promo[hidden] { display: none; }
/* 06.11 (владелец 17:08): дни — слева плашкой, справа — кнопка; вся полоска по-прежнему ссылка */
.promo { --pr-btn-bg: #fff; --pr-btn-ink: #007A35; }
:root[data-theme="dark"] .promo { --pr-btn-bg: #22C55E; --pr-btn-ink: #06210F; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .promo { --pr-btn-bg: #22C55E; --pr-btn-ink: #06210F; } }
.promo-a { display: flex; align-items: center; justify-content: center; gap: 12px; height: 46px; padding: 0 52px; color: inherit; text-decoration: none; white-space: nowrap; }
.promo-p { order: 1; flex: none; background: var(--pr-pill-bg); color: var(--pr-pill-ink); border-radius: 999px; padding: 4px 11px; font-weight: 700; font-size: 13px; line-height: 1.2; }
.promo-t { order: 2; font-weight: 700; font-size: 15px; letter-spacing: -0.01em; }
.promo-s { order: 3; font-weight: 500; font-size: 14px; color: var(--pr-sub); }
.promo-s::before { content: "·"; margin-right: 12px; opacity: .7; }
.promo-short { order: 3; display: none; }
.promo-ch { order: 8; height: 34px; width: auto; flex: none; margin-top: 2px; } /* справа: слева сливался с логотипом (владелец 06.11) */
.promo-go { order: 9; flex: none; display: inline-flex; align-items: center; gap: 5px; background: var(--pr-btn-bg); color: var(--pr-btn-ink);
  border-radius: 999px; padding: 6px 12px 6px 15px; font-weight: 700; font-size: 13.5px; line-height: 1.2;
  box-shadow: 0 1px 2px rgba(0,0,0,.12); transition: transform .15s ease, box-shadow .15s ease; }
.promo-a:hover .promo-go { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,.16); }
.promo-go svg { width: 15px; height: 15px; transition: transform .15s ease; }
.promo-a:hover .promo-go svg { transform: translateX(2px); }
.promo-x { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 50%;
  background: transparent; color: var(--pr-x); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.promo-x:hover { background: rgba(255,255,255,.14); color: var(--pr-ink); }
.promo-x svg { width: 16px; height: 16px; }
@media (max-width: 760px) {
  /* 06.11, 17:13 (владелец): кнопка сразу за текстом, персонаж между ними; без растягивания текста */
  .promo-a { height: 42px; gap: 6px; padding: 0 34px 0 8px; justify-content: center; }
  .promo-t, .promo-s, .promo-pl { display: none; }
  .promo-short { display: block; flex: 0 1 auto; min-width: 0; font-weight: 700; font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
  .promo-ch { height: 28px; margin: 0 -2px 0 0; }
  .promo-p { font-size: 12px; padding: 3px 7px; }
  .promo-go { font-size: 12.5px; padding: 5px 8px 5px 10px; gap: 3px; }
  .promo-go svg { width: 13px; height: 13px; }
  .promo-x { right: 1px; }
}
@media (max-width: 374px) { .promo-ch { display: none; } }  /* самые узкие телефоны: персонаж не помещается */