/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 12 2026 | 14:58:03 */
/* ===== Horizontal scroll section ===== */

.services-hscroll {
  position: relative;
  overflow: clip;
}

.services-hscroll > .brxe-container {
  max-width: 100%;
  width: 100%;
  padding-inline: 0;
}

.services-hscroll__sticky {
  position: sticky;
  top: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(24px, 4vw, 48px);
  overflow: hidden;
  padding-block: clamp(32px, 6vh, 64px);
}

.services-hscroll__sticky .sectionHeading {
  padding-inline: clamp(20px, 6vw, 80px);
  max-width: 1200px;
}

.services-hscroll__track {
  display: flex;
  align-items: stretch;
  gap: 24px;
  width: max-content;
  padding-inline: clamp(20px, 6vw, 80px);
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.services-hscroll__item {
  flex: 0 0 clamp(280px, 38vw, 460px);
  min-height: clamp(320px, 48vh, 560px);
}

/* Чтобы внутренности карточек тянулись нормально */
.services-hscroll__item > .brxe-block,
.services-hscroll__item > .brxe-div {
  height: auto;
}

/* Чуть безопаснее для длинного текста */
.services-hscroll__item .brxe-text,
.services-hscroll__item .brxe-text-basic,
.services-hscroll__item .brxe-heading {
  max-width: 100%;
}

/* Mobile fallback: выключаем эффект и складываем в колонку */
@media (max-width: 991px) {
  .services-hscroll {
    height: auto !important;
  }

  .services-hscroll__sticky {
    position: relative;
    top: auto;
    min-height: auto;
    overflow: visible;
    padding-block: 0;
  }

  .services-hscroll__track {
    width: 100%;
    transform: none !important;
    display: grid;
    grid-template-columns: 1fr;
    padding-inline: 20px;
  }

  .services-hscroll__item {
    flex: none;
    min-height: auto;
  }
}