/* Дополнительная адаптация под смартфоны */
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
/* Верхняя полоса шапки: длинный слоган + телефон без горизонтального скролла */
@media (min-width:768px){
  header>.hidden.md\:flex{flex-wrap:wrap;row-gap:.35rem}
  header>.hidden.md\:flex>.flex.items-center.gap-4{flex-wrap:wrap;justify-content:flex-end;text-align:right;max-width:min(100%,28rem)}
}
@media(max-width:639px){
  .container-narrow{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}
  #hero .max-w-md{max-width:100%}
}