/* Approved /uslugi/ first screen. Loaded last and scoped to this page only. */
body.hv-site-page-uslugi .hero {
  min-height: 100svh !important;
  padding-top: var(--header, 56px) !important;
  background: #fff !important;
  overflow: visible !important;
}
body.hv-site-page-uslugi .hero__stage {
  width: min(1180px, calc(100% - 48px)) !important;
  min-height: calc(100svh - var(--header, 56px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .84fr) minmax(520px, 1.16fr) !important;
  gap: clamp(28px, 5vw, 74px) !important;
  align-items: center !important;
  margin-inline: auto !important;
  padding: clamp(34px, 5vh, 62px) 0 !important;
  text-align: left !important;
}
body.hv-site-page-uslugi .hero__copy { max-width: 570px !important; margin: 0 !important; }
body.hv-site-page-uslugi .hero .breadcrumbs { display: flex !important; gap: 8px !important; margin: 0 0 24px !important; font-size: 13px !important; }
body.hv-site-page-uslugi .hero h1 { margin: 0 0 24px !important; font-size: clamp(54px, 6.2vw, 92px) !important; line-height: .96 !important; letter-spacing: -.06em !important; }
body.hv-site-page-uslugi .hero h1 em { display: inline !important; color: #006edc !important; font-style: normal !important; }
body.hv-site-page-uslugi .hero__lead { max-width: 550px !important; margin: 0 !important; color: #404044 !important; font-size: clamp(20px, 1.9vw, 25px) !important; line-height: 1.38 !important; }
body.hv-site-page-uslugi .hero__actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 12px !important; margin-top: 30px !important; }
body.hv-site-page-uslugi .hero__actions .button { width: auto !important; min-height: 48px !important; padding: 12px 23px !important; white-space: nowrap !important; }
body.hv-site-page-uslugi .hero__facts { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; margin-top: 30px !important; }
body.hv-site-page-uslugi .hero__fact { display: block !important; min-width: 0 !important; padding: 14px !important; border-radius: 17px !important; background: #f5f5f7 !important; }
body.hv-site-page-uslugi .hero__fact strong { display: block !important; color: #006edc !important; font-size: 19px !important; }
body.hv-site-page-uslugi .hero__fact span { display: block !important; color: #6e6e73 !important; font-size: 12px !important; }
body.hv-site-page-uslugi .hero__media { position: relative !important; display: block !important; width: auto !important; height: min(76vh, 700px) !important; min-height: 520px !important; isolation: isolate !important; }
body.hv-site-page-uslugi .hero__slider { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 32px !important; background: #eef8ff !important; box-shadow: 0 24px 70px rgba(21,65,107,.12) !important; }
body.hv-site-page-uslugi .hero__slides { position: relative !important; width: 100% !important; height: 100% !important; }
body.hv-site-page-uslugi .hero__slide { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; visibility: hidden !important; }
body.hv-site-page-uslugi .hero__slide.is-active { opacity: 1 !important; visibility: visible !important; z-index: 1 !important; }
body.hv-site-page-uslugi .hero__slide img { display: block !important; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; object-position: center !important; }
body.hv-site-page-uslugi .hero__price { position: absolute !important; z-index: 10 !important; right: -16px !important; top: 26px !important; display: block !important; padding: 16px 19px !important; border-radius: 20px !important; background: #006edc !important; color: #fff !important; }
body.hv-site-page-uslugi .hero__price small { display: block !important; font-size: 11px !important; }
body.hv-site-page-uslugi .hero__price strong { display: block !important; font-size: 25px !important; white-space: nowrap !important; }
body.hv-site-page-uslugi .hero__overlay { position: absolute !important; z-index: 9 !important; left: -28px !important; right: auto !important; bottom: 28px !important; width: min(440px, 76%) !important; display: block !important; padding: 25px !important; border-radius: 24px !important; background: rgba(255,255,255,.92) !important; box-shadow: 0 24px 70px rgba(21,65,107,.14) !important; }
body.hv-site-page-uslugi .hero__dots { z-index: 11 !important; }

@media (max-width: 1000px) {
  body.hv-site-page-uslugi .hero__stage { grid-template-columns: minmax(0, 1fr) !important; gap: 38px !important; padding-top: 64px !important; }
  body.hv-site-page-uslugi .hero__copy { max-width: 760px !important; margin-inline: auto !important; }
  body.hv-site-page-uslugi .hero__media { width: 100% !important; height: min(62svh, 610px) !important; min-height: 470px !important; }
  body.hv-site-page-uslugi .hero__overlay { left: 20px !important; }
  body.hv-site-page-uslugi .hero__price { right: 20px !important; }
}

@media (max-width: 767px) {
  body.hv-site-page-uslugi .hero { min-height: 0 !important; }
  body.hv-site-page-uslugi .hero__stage { width: min(calc(100% - 28px), 1180px) !important; min-height: 0 !important; gap: 30px !important; padding: 42px 0 56px !important; }
  body.hv-site-page-uslugi .hero h1 { font-size: clamp(36px, 11vw, 50px) !important; line-height: 1 !important; }
  body.hv-site-page-uslugi .hero__lead { font-size: 17px !important; }
  body.hv-site-page-uslugi .hero__actions .button { min-height: 42px !important; padding: 10px 16px !important; font-size: 14px !important; }
  body.hv-site-page-uslugi .hero__facts { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
  body.hv-site-page-uslugi .hero__fact { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 14px !important; }
  body.hv-site-page-uslugi .hero__media { display: grid !important; grid-template-rows: auto auto !important; height: auto !important; min-height: 0 !important; gap: 12px !important; }
  body.hv-site-page-uslugi .hero__slider { height: auto !important; aspect-ratio: 4 / 5 !important; border-radius: 24px !important; }
  body.hv-site-page-uslugi .hero__price { right: 12px !important; top: 12px !important; padding: 11px 14px !important; }
  body.hv-site-page-uslugi .hero__price strong { font-size: 20px !important; }
  body.hv-site-page-uslugi .hero__overlay { position: relative !important; inset: auto !important; width: 100% !important; padding: 18px !important; border: 1px solid rgba(29,29,31,.1) !important; box-shadow: none !important; }
}