/* Unico sistema di navigazione per tutti i caroselli su telefono. */
@media (max-width: 780px) {
  html body .about-principles-carousel,
  html body .module-carousel,
  html body .professor-carousel,
  html body .program-card-carousel,
  html body .program-photo-carousel,
  html body .testimonial-carousel-mobile {
    display: grid !important;
    grid-template-columns: 1fr 44px 14px 44px 1fr !important;
    grid-template-rows: auto 44px !important;
    grid-template-areas: none !important;
    column-gap: 0 !important;
    row-gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .about-principles-carousel > .about-principles,
  html body .module-carousel > .module-list,
  html body .professor-carousel > .professor-grid,
  html body .program-card-carousel > .program-grid,
  html body .program-photo-carousel > .program-photo-track,
  html body .testimonial-carousel-mobile > .testimonial-grid {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body .program-photo-carousel {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .program-photo-carousel > .program-photo-track {
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .about-principles-carousel > button[data-about-carousel],
  html body .module-carousel > button[data-module-carousel],
  html body .professor-carousel > button[data-professor-carousel],
  html body .program-card-carousel > button[data-program-card-carousel],
  html body .program-photo-carousel > button[data-program-carousel],
  html body .testimonial-carousel-mobile > button[data-testimonial-carousel] {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: #ffdd00 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 10px 18px !important;
    box-shadow: 0 0 0 5px rgba(255, 221, 0, .16) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .about-principles-carousel > button[data-about-carousel]::before,
  html body .about-principles-carousel > button[data-about-carousel]::after,
  html body .module-carousel > button[data-module-carousel]::before,
  html body .module-carousel > button[data-module-carousel]::after,
  html body .professor-carousel > button[data-professor-carousel]::before,
  html body .professor-carousel > button[data-professor-carousel]::after,
  html body .program-card-carousel > button[data-program-card-carousel]::before,
  html body .program-card-carousel > button[data-program-card-carousel]::after,
  html body .program-photo-carousel > button[data-program-carousel]::before,
  html body .program-photo-carousel > button[data-program-carousel]::after,
  html body .testimonial-carousel-mobile > button[data-testimonial-carousel]::before,
  html body .testimonial-carousel-mobile > button[data-testimonial-carousel]::after {
    content: none !important;
    display: none !important;
  }

  html body .about-principles-carousel > button[data-about-carousel="prev"],
  html body .module-carousel > button[data-module-carousel="prev"],
  html body .professor-carousel > button[data-professor-carousel="prev"],
  html body .program-card-carousel > button[data-program-card-carousel="prev"],
  html body .program-photo-carousel > button[data-program-carousel="prev"],
  html body .testimonial-carousel-mobile > .testimonial-arrow:first-child {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    transform: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M10 2L2 10l8 8' fill='none' stroke='%23111318' stroke-width='3'/%3E%3C/svg%3E") !important;
  }

  html body .about-principles-carousel > button[data-about-carousel="next"],
  html body .module-carousel > button[data-module-carousel="next"],
  html body .professor-carousel > button[data-professor-carousel="next"],
  html body .program-card-carousel > button[data-program-card-carousel="next"],
  html body .program-photo-carousel > button[data-program-carousel="next"],
  html body .testimonial-carousel-mobile > .testimonial-arrow:last-child {
    grid-area: auto !important;
    grid-column: 4 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    transform: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M2 2l8 8-8 8' fill='none' stroke='%23111318' stroke-width='3'/%3E%3C/svg%3E") !important;
  }
}