/* Mobile fixes based on real iPhone screenshots. Loaded LAST. */

/* Final desktop + mobile guard: show the About title exactly once with the question mark. */
html body section#about .about-layout h2.section-title{
  font-size:0!important;
  line-height:1!important;
}
html body section#about .about-layout h2.section-title br,
html body section#about .about-layout h2.section-title span,
html body section#about .about-layout h2.section-title::before{
  display:none!important;
  content:none!important;
}
html body section#about .about-layout h2.section-title::after{
  content:"Чому варто бути тут?"!important;
  display:block!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(56px,5.6vw,88px)!important;
  font-weight:400!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  color:#f3f2ec!important;
}

@media (max-width:760px){
  html body section#about .about-layout h2.section-title::after{
    font-size:clamp(40px,11vw,52px)!important;
  }

  /* Keep both partner logos clearly visible on the hero photo. */
  html body main#top .ref-hero-visual::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:30!important;
    top:18px!important;
    right:16px!important;
    width:124px!important;
    height:124px!important;
    aspect-ratio:1/1!important;
    background-color:rgba(3,47,39,.78)!important;
    background-image:url("assets/vrv-afnu.png")!important;
    background-position:center!important;
    background-size:112px 112px!important;
    background-repeat:no-repeat!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:14px!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:none!important;
    filter:none!important;
  }

  html body main#top .ref-hero-visual::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:30!important;
    top:156px!important;
    right:16px!important;
    width:min(52vw,210px)!important;
    height:auto!important;
    aspect-ratio:2048/624!important;
    background-color:#fff!important;
    background-image:url("assets/dim-ria.png")!important;
    background-position:center!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:none!important;
    filter:none!important;
  }

  /* Prevent the registration checkbox from inheriting full-width input styles. */
  html body .registration-form .form-consent{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:20px 0 24px!important;
    padding:0!important;
    color:#d7e4df!important;
    font-size:14px!important;
    line-height:1.55!important;
    text-align:left!important;
    overflow:visible!important;
  }

  html body .registration-form .form-consent input[type="checkbox"]{
    display:block!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:2px 0 0!important;
    padding:0!important;
    border-radius:4px!important;
    flex:0 0 22px!important;
    accent-color:#bd8c50!important;
  }

  html body .registration-form .form-consent span{
    display:block!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#d7e4df!important;
    font-size:14px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  html body .registration-form{
    overflow:visible!important;
  }
}

@media (max-width:390px){
  html body main#top .ref-hero-visual::before{
    width:108px!important;
    height:108px!important;
    background-size:98px 98px!important;
    right:14px!important;
  }
  html body main#top .ref-hero-visual::after{
    top:140px!important;
    right:14px!important;
    width:min(54vw,190px)!important;
  }
  html body .registration-form .form-consent,
  html body .registration-form .form-consent span{
    font-size:13.5px!important;
    line-height:1.5!important;
  }
}