/* Адаптация под платформы — по итогам проверки на iOS Safari, Android Chrome, Firefox, планшетах и ПК (04.10.2026) */

/* заголовок окна получает фокус для экранных дикторов — рамка вокруг него в Safari и Firefox не нужна */
#modal-title:focus{outline:none}

/* iPhone и iPad увеличивают страницу при касании поля со шрифтом меньше 16px */
@media (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1em)!important}
  /* текстовые ссылки: область нажатия больше, вёрстка не меняется */
  .text-link,.footer-contacts a{padding-block:10px}
  .offer-why{min-height:36px}
}

/* иконка темы — SVG вместо символа ◐: одинаково на всех системах */
.theme-ico{width:22px;height:22px;display:block}

/* кнопка кабинета в шапке на планшетах — полноценная зона нажатия */
@media(max-width:900px){.account-button{min-width:44px;justify-content:center}}

/* заголовок кабинета рядом с кнопкой «Ярлык» помещается в одну строку на узких телефонах */
@media(max-width:640px){.cab-name-row h1{font-size:clamp(21px,6.6vw,30px)}}

/* вкладки кабинета на экранах уже 360px — по полям страницы, без выхода за край */
@media(max-width:359px){.cab-tabs{margin-inline:-12px;padding-inline:12px}}

/* телефон в горизонтальном положении: шапка уезжает при прокрутке, нижняя панель компактнее — больше места для меню */
@media (orientation:landscape) and (max-height:500px){
  .header{position:relative!important}
  .mobile-bottom>button{min-height:40px}
  .mobile-bottom>button>span{font-size:18px;line-height:20px}
  .cab-tabs{position:static}
}