/* style.css */
#registration {
  scroll-margin-top: 80px;
}

body {
  font-family: 'Golos Text', Inter, system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.72;
  color: #2D2D2D;
  background: #F8F8F6;
}

h1, h2, h3, h4, h5, h6 {
  color: #1A1A1A;
  font-weight: 700;
}

button, input, textarea, select, label {
  font-family: 'Golos Text', Inter, system-ui, sans-serif;
}

@media (min-width: 768px) {
  .hero-title {
    font-size: clamp(22px, 2.4vw, 30px) !important;
  }

  .registration-intro {
    width: calc(100% + 100px);
    max-width: none !important;
    margin-inline: -50px !important;
    box-sizing: border-box;
  }
}

.carousel::-webkit-scrollbar {
  display: none;
}

.carousel {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.carousel .program-card {
  scroll-snap-align: start;
}

.program-card {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .carousel {
    padding-left: 144px !important;
    padding-right: 48px !important;
    box-sizing: border-box !important;
    scroll-padding-left: 144px;
  }
}

@media (max-width: 767px) {
  .carousel {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .program-card {
    min-width: calc(82vw) !important;
    max-width: calc(82vw) !important;
    padding: 20px !important;
  }
}