/* RAFimport patch v6: typography, hero alignment, catalog top actions and social icons */
:root{
  --raf-title-max: 48px;
  --raf-title-min: 28px;
}

/* HERO: компактный заголовок и быстрый подбор выше, напротив первого экрана */
.raf-hero{
  min-height: 820px;
  padding-top: 132px;
  padding-bottom: 70px;
}
.raf-hero__inner{
  align-items: start !important;
  grid-template-columns: minmax(0, 1fr) 430px;
}
.raf-hero__content h1{
  max-width: 760px !important;
  font-size: clamp(30px, 2.35vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
}
.raf-hero__lead{
  max-width: 720px;
  margin-top: 22px !important;
  font-size: 18px !important;
  line-height: 1.48 !important;
}
.raf-hero__stats{
  margin-top: 28px !important;
  max-width: 690px !important;
}
.raf-hero__actions{
  margin-top: 28px !important;
}
.raf-quick{
  margin-top: 82px !important;
  padding: 26px !important;
  border-radius: 24px !important;
}
.raf-quick__head b{
  font-size: 24px !important;
}

/* Каталог: убрана панель доставки, правая кнопка остается аккуратной */
.raf-filter__actions{
  min-width: 170px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
.raf-filter__actions .opn-provider{
  display: none !important;
}
.raf-filter__actions .opn-catalog__view,
.raf-filter__actions .vdc-catalog__view{
  min-width: 150px !important;
  white-space: nowrap !important;
}
.raf-tabs{
  max-width: none !important;
}

/* Общая типографика секций: ближе к исходной VDChina, без гигантских заголовков */
.raf-section{
  padding: 76px 0 !important;
}
.raf-section__head{
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, .75fr) !important;
  column-gap: 52px !important;
  row-gap: 16px !important;
  align-items: end !important;
  margin-bottom: 34px !important;
}
.raf-section__head span{
  grid-column: 1 / -1 !important;
  margin-bottom: 0 !important;
}
.raf-section__head h2{
  grid-column: 1 / 2 !important;
  max-width: 720px !important;
  font-size: clamp(var(--raf-title-min), 2.7vw, var(--raf-title-max)) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  text-wrap: balance;
}
.raf-section__head p,
.raf-section__head > a{
  grid-column: 2 / 3 !important;
  align-self: end !important;
}
.raf-section__head p{
  font-size: 17px !important;
  max-width: 520px !important;
}
.raf-section__head > a{
  justify-self: start !important;
}
.raf-benefits__grid h3,
.raf-reviews__grid b,
.raf-team-card h3{
  letter-spacing: -0.035em;
}

/* 4 направления: нормальная ширина текста и карточек */
.raf-directions__layout{
  grid-template-columns: minmax(390px, 480px) minmax(0, 1fr) !important;
  gap: 48px !important;
}
.raf-directions .raf-section__head{
  display: block !important;
  margin-bottom: 0 !important;
}
.raf-directions .raf-section__head h2{
  max-width: 480px !important;
  font-size: clamp(34px, 3.2vw, 54px) !important;
  line-height: 1.02 !important;
}
.raf-directions .raf-section__head p{
  max-width: 360px !important;
  margin-top: 24px !important;
  font-size: 16px !important;
}
.raf-direction-card h3{
  font-size: 25px !important;
}
.raf-direction-card p{
  font-size: 15px !important;
}

/* Стоимость: заголовки карточек компактнее */
.raf-cost__grid h3{
  font-size: clamp(26px, 2.2vw, 34px) !important;
  line-height: 1.02 !important;
}
.raf-cost__grid article{
  min-height: 245px !important;
}

/* Команда и процесс: аккуратнее по высоте */
.raf-team__grid{
  gap: 22px !important;
}
.raf-team-card{
  min-height: 260px !important;
}
.raf-team-card img{
  min-height: 260px !important;
}
.raf-process__timeline article{
  min-height: 108px !important;
}

/* Футер: настоящие иконки из VDChina вместо текстовых TG/VK/YT/MAX */
.raf-footer__socials{
  gap: 10px !important;
}
.raf-footer__socials a{
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease !important;
}
.raf-footer__socials a:hover{
  transform: translateY(-2px);
  background: rgba(22,135,199,.24) !important;
  border-color: rgba(143,216,255,.38) !important;
}
.raf-footer__socials img{
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  margin: 0 !important;
}
.raf-footer__socials a[aria-label="MAX"] img{
  width: 25px !important;
  height: 25px !important;
}

@media (max-width: 1180px){
  .raf-hero__inner{
    grid-template-columns: 1fr !important;
  }
  .raf-quick{
    margin-top: 28px !important;
    max-width: 560px;
  }
  .raf-section__head,
  .raf-directions__layout{
    grid-template-columns: 1fr !important;
  }
  .raf-section__head h2,
  .raf-section__head p,
  .raf-section__head > a{
    grid-column: 1 / -1 !important;
  }
  .raf-direction-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px){
  .raf-hero{
    min-height: auto;
    padding-top: 116px;
  }
  .raf-hero__content h1{
    font-size: 34px !important;
  }
  .raf-section__head h2,
  .raf-directions .raf-section__head h2{
    font-size: 34px !important;
  }
  .raf-direction-cards{
    grid-template-columns: 1fr !important;
  }
  .raf-filter__actions{
    width: 100% !important;
    justify-content: stretch !important;
  }
  .raf-filter__actions .opn-catalog__view,
  .raf-filter__actions .vdc-catalog__view{
    width: 100% !important;
  }
}