/* rd-stavnya.css — «ставня»: окно уже 1280 px — сайт не сжимается в гармошку, а закрывается как ставня: видна часть компьютерной вёрстки, остальное уходит за край (горизонтальная прокрутка).
   Слово Анны 06.10: «если человек свернёт наполовину наш сайт — должен быть эффект закрытой ставни: виден сайт наполовину, а не сайт, сжатый в половину».
   Порог мобильной версии — 768 px: окно ≤767 — мобильная вёрстка как есть; 768…1279 — компьютерная вёрстка фиксированной ширины 1280; ≥1280 — как раньше.
   Почему 1280: макеты сайта нарисованы на 1280, при 1280 все страницы без наложений текста, при 1100 уже ломаются подписи блока связи и строки витрины.
   Парный приём: медиазапросы max-width 768…1279 и min-width 769…1279 во всех страницах и rd-*.css сведены к порогу 767/768 (иначе внутри «ставни» включалась бы полусжатая раскладка).
   Подключается из metrika.js на любой странице; напрямую — там, где metrika.js нет. Шапка (#rd-hdr) — sticky, едет вместе со страницей и не рвётся; cookie-плашка и кнопки связи — fixed, остаются в видимой части окна. */
@media (min-width:768px) and (max-width:1279px){
  html{min-width:1280px!important;overflow-x:visible!important}
  body{min-width:1280px!important}
}
/* Шапка страниц-разделов (#rd-hdr) внутри «ставни» — fixed на ширину окна (как #nav главной): RU и МЕНЮ всегда в окне, а не за правым краем 1280-px вёрстки; место 64 px сохраняет отступ body */
@media (min-width:768px) and (max-width:1279px){
  html body #rd-hdr{position:fixed;top:0;left:0;width:100vw;max-width:100vw}
  html body:has(>#rd-hdr){padding-top:64px}
}
/* Страховка мобильной версии (<768): длинная кнопка-ссылка .perehvat в статьях (white-space:nowrap) на 320–375 px выпирала за экран и давала горизонтальную прокрутку. */
@media (max-width:767px){.perehvat{white-space:normal;max-width:100%;box-sizing:border-box;text-align:center}}