/* Улучшения читаемости (поверх оригинального дизайна) */
/* Битрикс задавал базовый размер 14px, а дизайн рассчитан на rem от 16px */
html{font-size:16px !important}
/* Чуть темнее второстепенный текст — лучше контраст на кремовом фоне */
html:root{--text-light:#6e6156}
/* Мелкие подписи и метки */
.section-header-line{font-size:.8rem}
.badge{font-size:.7rem}
.pill{font-size:.8rem}
/* Боковая навигация чуть шире, чтобы пункты не переносились */
@media (min-width:1024px){.sidebar{width:270px !important;flex:0 0 270px !important;min-width:270px}}

/* Мобильные: длинные заголовки разделов переносятся и не раздвигают страницу */
@media (max-width:767px){
  .section-header-line{white-space:normal !important;letter-spacing:.2em !important;line-height:1.5}
}
/* Страховка от горизонтальной прокрутки на телефонах */
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}

/* Мобильные: прайс-лист помещается в ширину экрана */
@media (max-width:767px){
  div[style*="padding: 36px 32px"]{padding:28px 14px !important}
  div[style*="display: grid; gap: 14px"] > div{min-width:0}
  div[style*="padding: 20px 24px"][style*="display: flex"]{padding:16px 14px !important;gap:12px !important}
}

/* Мобильные: кнопки «Телеграм / Консультация» переносятся, если не влезают
   (в т.ч. при увеличенном шрифте в настройках телефона) */
@media (max-width:767px){
  .landing-block .g-flex-centered{flex-wrap:wrap;row-gap:12px}
  .landing-block .btn{white-space:normal;max-width:100%}
  .landing-block .btn.g-btn-px-m{padding-left:22px !important;padding-right:22px !important}
}
@media (max-width:380px){
  div[style*="padding: 20px 24px"][style*="display: flex"] > :last-child{font-size:1.1rem !important;white-space:nowrap}
}