/* RAFimport patch v58: new site logo, aligned video panel, refined quick form */

/* Keep the new black-background logo at the exact established header/footer scale. */
.raf-header .raf-brand .raf-brand__logo,
.raf-header .raf-brand__logo{
  width:186px !important;
  max-width:186px !important;
  height:auto !important;
  max-height:48px !important;
  object-fit:contain !important;
}

/* Refine the quick-search composition without changing its overall concept. */
.raf-home .raf-hero__content > .raf-quick{
  padding:12px 14px 14px !important;
  border-radius:20px !important;
}
.raf-home .raf-hero__content > .raf-quick .raf-quick__head{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  justify-content:initial !important;
  gap:14px !important;
  margin-bottom:9px !important;
}
.raf-home .raf-hero__content > .raf-quick .raf-quick__head span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:25px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:rgba(32,151,216,.13) !important;
  border:1px solid rgba(133,216,255,.20) !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  white-space:nowrap !important;
}
.raf-home .raf-hero__content > .raf-quick .raf-quick__head b{
  max-width:none !important;
  margin:0 !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
  text-align:left !important;
}
.raf-home .raf-hero__content > .raf-quick form{
  gap:7px 8px !important;
}
.raf-home .raf-hero__content > .raf-quick label{
  gap:4px !important;
}
.raf-home .raf-hero__content > .raf-quick label span{
  font-size:8px !important;
  line-height:1.1 !important;
  letter-spacing:.09em !important;
}
.raf-home .raf-hero__content > .raf-quick input{
  height:37px !important;
  min-height:37px !important;
  border-radius:11px !important;
  padding:0 11px !important;
  font-size:11px !important;
}
.raf-home .raf-hero__content > .raf-quick button{
  height:39px !important;
  min-height:39px !important;
  margin-top:1px !important;
  border-radius:14px !important;
  font-size:12px !important;
}

/* On desktop, make the video panel finish on the same baseline as the left hero content. */
@media (min-width:1181px){
  .raf-home .raf-hero__inner{
    align-items:stretch !important;
  }
  .raf-home .raf-hero-videos{
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }
  .raf-home .raf-hero-videos__viewport{
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .raf-home .raf-hero-videos__track{
    height:100% !important;
  }
  .raf-home .raf-hero-video-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }
  .raf-home .raf-hero-video-card__media{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:178px !important;
  }
  .raf-home .raf-hero-video-card__text{
    flex:0 0 auto !important;
  }
}

@media (max-width:1180px){
  .raf-home .raf-hero__content > .raf-quick .raf-quick__head{
    grid-template-columns:auto minmax(0,1fr) !important;
  }
}

@media (max-width:780px){
  .raf-home .raf-hero__content > .raf-quick{
    padding:14px !important;
  }
  .raf-home .raf-hero__content > .raf-quick .raf-quick__head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  .raf-home .raf-hero__content > .raf-quick .raf-quick__head span{
    justify-self:start !important;
  }
  .raf-home .raf-hero__content > .raf-quick .raf-quick__head b{
    margin:0 !important;
    font-size:15px !important;
    text-align:left !important;
  }
  .raf-home .raf-hero__content > .raf-quick label span{
    font-size:9px !important;
  }
  .raf-home .raf-hero__content > .raf-quick input{
    height:42px !important;
    min-height:42px !important;
    font-size:12px !important;
  }
  .raf-home .raf-hero__content > .raf-quick button{
    height:44px !important;
    min-height:44px !important;
    font-size:13px !important;
  }
}

@media (max-width:760px){
  .raf-header .raf-brand .raf-brand__logo,
  .raf-header .raf-brand__logo{
    width:132px !important;
    max-width:132px !important;
    max-height:44px !important;
  }
}