/* Правки поверх стилей прототипа. Каждая — под конкретный найденный баг. */

/* 1. Удаление декора на мобильном.
   В прототипе правила писались как [style*="position:fixed"] — без пробела.
   Браузер сериализует инлайн-стили С пробелом ("position: fixed"), поэтому
   ни один селектор не совпадал и все 15 fixed-слоёв + 50 SVG продолжали
   рендериться на телефоне. Здесь селекторы под реальную сериализацию. */
@media (max-width: 820px) {
  div[style*="position: fixed"][style*="pointer-events: none"] { display: none !important; }
  svg[style*="position: fixed"] { display: none !important; }
  main svg[style*="pointer-events: none"],
  section svg[style*="pointer-events: none"] { display: none !important; }
  header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  button, .btn, a[data-book] { min-height: 44px; }
}

/* 2. Двухколоночные блоки, которым забыли проставить класс-хук .r-2col:
   на узких экранах они оставались 1fr + minmax(220px,300px) и держали
   страницу шириной 1152px. */
@media (max-width: 920px) {
  div[style*="minmax(220px, 300px)"],
  div[style*="minmax(220px,300px)"] { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 3. Страховка от горизонтального скролла: декоративные SVG намеренно
   вылезают за края, но прокручивать страницу вбок они не должны. */
html, body { overflow-x: hidden; max-width: 100%; }

/* Панели аккордеонов: в разметке они есть всегда (нужно для SEO и для того,
   чтобы текст не терялся), скрыты до клика. */
.acc-panel[hidden] { display: none; }

/* 4. Липкая CTA-панель. В прототипе её показывал JS по состоянию isMobile,
   в снимке она уже отрендерена — без этого правила висела на весь экран
   и на десктопе. Оставляем только мобильным. */
[data-mobile-cta] { display: none !important; }
@media (max-width: 820px) {
  [data-mobile-cta] { display: flex !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  body { padding-bottom: 76px; } /* чтобы панель не перекрывала подвал */
}

/* Ссылки, сделанные из кнопок, не должны наследовать подчёркивание темы */
a[data-book], a[href^="/"], a[href^="tel:"] { text-decoration: none; }
