/* RAFimport patch v112
   1) Benefits width aligned with the visible team-card row on wide desktop.
   2) Compact hero consultation form while keeping its top edge aligned with the hero kicker.
   3) Team heading starts at the first employee card, not at the left navigation arrow. */

/* --------------------------------------------------------------------------
   Benefits: use the same visible content width as the four team cards.
   The team slider is 1360px including two 48px arrows and two 12px gaps,
   leaving a 1240px viewport/card row. */
@media (min-width:1400px){
  .raf-home .raf-benefits .container{
    width:1240px !important;
    max-width:1240px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .raf-home .raf-benefits .raf-section__head{
    width:100% !important;
    max-width:1240px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .raf-home .raf-benefits .raf-section__head h2,
  .raf-home .raf-benefits .raf-section__head h2.raf-benefits__title-two-line{
    max-width:760px !important;
  }

  .raf-home .raf-benefits__grid{
    width:100% !important;
    max-width:1240px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* --------------------------------------------------------------------------
   Hero consultation: compact desktop proportions. Keep both columns aligned
   at the top so the form begins on the same line as
   “РАФимпорт · импорт автомобилей с 2004 года”. */
@media (min-width:1181px){
  .raf-home .raf-hero__inner{
    grid-template-columns:minmax(0,1fr) 396px !important;
    gap:54px !important;
    align-items:start !important;
  }

  .raf-home .raf-hero__content,
  .raf-home .raf-hero-lead{
    align-self:start !important;
  }

  .raf-home .raf-hero-lead{
    width:100% !important;
    max-width:396px !important;
    margin-top:0 !important;
    padding:20px 20px 18px !important;
    border-radius:24px !important;
  }

  .raf-home .raf-hero-lead__head{
    max-width:330px !important;
    margin:0 auto 14px !important;
  }

  .raf-home .raf-hero-lead__head > span{
    margin-bottom:7px !important;
    font-size:9px !important;
    letter-spacing:.15em !important;
  }

  .raf-home .raf-hero-lead__head h2{
    font-size:29px !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
  }

  .raf-home .raf-hero-lead__head p{
    margin-top:8px !important;
    font-size:12px !important;
    line-height:1.38 !important;
  }

  .raf-home .raf-hero-lead__form{
    gap:8px !important;
  }

  .raf-home .raf-hero-lead__field{
    min-height:46px !important;
    padding:0 13px 0 43px !important;
    border-radius:13px !important;
  }

  .raf-home .raf-hero-lead__icon{
    left:14px !important;
    width:18px !important;
    height:18px !important;
  }

  .raf-home .raf-hero-lead__field input,
  .raf-home .raf-hero-lead__field select{
    height:44px !important;
    font-size:12px !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-methods legend{
    margin-bottom:6px !important;
    font-size:8px !important;
    letter-spacing:.13em !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-methods__grid{
    gap:6px !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-option__tile{
    min-height:55px !important;
    padding:5px 3px !important;
    gap:3px !important;
    border-radius:12px !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-option__icon{
    width:25px !important;
    height:25px !important;
    flex-basis:25px !important;
    border-radius:8px !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-option__icon img{
    width:25px !important;
    height:25px !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-option__icon--phone svg{
    width:15px !important;
    height:15px !important;
  }

  .raf-home .raf-hero-lead .raf-hero-contact-option__label{
    font-size:8px !important;
    line-height:1 !important;
  }

  .raf-home .raf-hero-lead__consent{
    grid-template-columns:16px minmax(0,1fr) !important;
    gap:7px !important;
    margin-top:1px !important;
  }

  .raf-home .raf-hero-lead__consent > span{
    width:15px !important;
    height:15px !important;
    border-radius:4px !important;
  }

  .raf-home .raf-hero-lead__consent input:checked + span::after{
    left:4px !important;
    top:1px !important;
    width:4px !important;
    height:8px !important;
  }

  .raf-home .raf-hero-lead__consent small{
    font-size:8.5px !important;
    line-height:1.28 !important;
  }

  .raf-home .raf-hero-lead__submit{
    min-height:47px !important;
    margin-top:1px !important;
    padding:0 17px !important;
    border-radius:13px !important;
    font-size:12px !important;
  }

  .raf-home .raf-hero-lead__safe{
    gap:5px !important;
    margin-top:0 !important;
    font-size:8px !important;
  }
}

/* --------------------------------------------------------------------------
   Team heading: align to the left edge of the carousel viewport / first card.
   The arrows remain outside this text axis. */
@media (min-width:1400px){
  .raf-team.raf-team-carousel-section .raf-section__head{
    width:1240px !important;
    max-width:1240px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (min-width:1200px) and (max-width:1399px){
  .raf-team.raf-team-carousel-section .raf-section__head{
    width:920px !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (min-width:861px) and (max-width:1199px){
  .raf-team.raf-team-carousel-section .raf-section__head{
    width:800px !important;
    max-width:800px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
