/* Consistent, content-safe mobile hero for touch browsers and narrow windows. */
@media (max-width: 992px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  #fh5co-header { top: 0; padding-top: 20px; }
  #fh5co-header nav { min-height: 70px; }
  #fh5co-header nav ul { display: none; }
  #fh5co-header #fh5co-logo {
    position: relative; top: 0; left: 0; margin: 0;
    width: calc(100% - 56px); max-width: 260px; text-align: left;
  }
  #fh5co-header #fh5co-logo img { display: block; width: 100%; max-width: 100%; height: auto; }
  .fh5co-nav-toggle { display: block; top: 27px; right: 16px; padding: 12px 8px; }
  #fh5co-hero {
    display: flex; flex-direction: column;
    height: auto !important; min-height: 100vh; min-height: 100svh;
    padding: 118px 0 24px; background-attachment: scroll;
    background-position: center center; background-size: cover;
  }
  #fh5co-hero > .container { display: flex; flex: 1 0 auto; width: 100%; }
  #fh5co-hero .fh5co-intro {
    display: flex; align-items: center; height: auto !important;
    min-height: 0; padding: 18px 0; width: 100%;
  }
  #fh5co-hero .fh5co-intro > div { display: block; width: 100%; }
  #fh5co-hero .fh5co-intro > div .fh5co-left-position,
  #fh5co-hero .fh5co-intro > div .fh5co-center-position { float: none; width: 100%; }
  #fh5co-hero .fh5co-intro > div h2 {
    margin: 0 0 24px; font-size: 32px; font-size: clamp(30px, 8vw, 40px);
    line-height: 1.2; text-align: center; overflow-wrap: normal;
  }
  #fh5co-hero .fh5co-intro > div h3 { margin: 0 0 28px; font-size: 21px; line-height: 1.45; font-weight: 300; }
  #fh5co-hero .fh5co-intro > div p { display: flex; flex-direction: column; gap: 10px; margin: 0; }
  #fh5co-hero .fh5co-intro > div .btn-outline,
  #fh5co-hero .fh5co-intro > div .btn-primary {
    display: block; width: 100%; min-width: 0; margin: 0;
    padding: 14px 16px !important; font-size: 17px; line-height: 1.4; white-space: normal;
  }
  #fh5co-hero .fh5co-learn-more {
    position: relative; left: auto; bottom: auto; align-self: center;
    margin: 30px auto -49px !important; width: auto;
  }
  #fh5co-hero .fh5co-learn-more a .text { margin-bottom: 16px; font-size: 16px; }
  #fh5co-subscribe textarea, #fh5co-subscribe input[type="email"] { font-size: 16px; }
}
@media (min-width: 600px) and (max-width: 992px) {
  #fh5co-hero #chto_ne_pozavivat { white-space: normal !important; }
}
@media (hover: none) and (pointer: coarse) {
  #fh5co-hero { background-attachment: scroll; }
}