/* ==========================================================================
   Superfonik for Schools — desktop styles
   ========================================================================== */
@media (min-width: 1366px) {

    /* HERO — header / top bar -------------------------------------------- */
    .superfonik-school-hero-section .superfonik-school-header-content {
        justify-content: space-between;
        padding: 25px 35px;
    }

    .superfonik-school-hero-section .superfonik-school-header-content .superfonik-button-container {
        display: block;
        margin: 0;
    }

    .superfonik-school-hero-section .superfonik-school-logo-lockup {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .superfonik-school-hero-section .superfonik-school-logo {
        width: 180px;
        display: block;
    }

    .superfonik-school-hero-section .superfonik-school-for-schools-label {
        margin-left: 0;
        font-size: 24px;
        line-height: 35px;
    }


    /* HERO — content ----------------------------------------------------- */
    .superfonik-school-hero-section .superfonik-school-hero-content {
        max-width: 734px;
        margin-top: 30px;
        margin-bottom: 55px;
    }

    .superfonik-school-hero-section .superfonik-school-hero-character {
        width: 250px;
        margin-bottom: 16px;
    }

    .superfonik-school-hero-section .superfonik-school-hero-content h1 {
        font-size: 54px;
        line-height: 100%;
        margin-bottom: 30px;
    }

    .superfonik-school-hero-section .superfonik-school-hero-content .superfonik-school-hero-content-text {
        font-size: 24px;
        line-height: 35px;
        max-width: 706px;
        margin-bottom: 30px;
    }

    .superfonik-school-hero-section .superfonik-school-hero-moon {
        width: 2822px;
        height: 225px;
    }

    /* HERO — gameboard / video ------------------------------------------- */
    .superfonik-school-hero-tilted-video .mobile-only,
    .superfonik-school-hero-tilted-video .tablet-only { display: none; }
    .superfonik-school-hero-tilted-video .desktop-only { display: block; }

    .superfonik-school-hero-tilted-video {
        margin-top: -165px;
        max-width: 790px;
    }

    .superfonik-school-gameboard-tablet {
        width: 950px;
    }

    .superfonik-school-video,
    .superfonik-school-video-cover {
        width: 700px;
        height: 490px;
        left: 52%;
        top: 49%;
    }

    .superfonik-school-video-stat {
        width: 450px;
        right: -211px;
        bottom: -94px;  
    }

    /* SETUP — 3 columns -------------------------------------------------- */
    .superfonik-school-setup-section {
        max-width: 1120px;
        margin-top: 200px;
    }

    .superfonik-school-setup-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .superfonik-school-setup-title {
        font-size: 54px;
        margin-bottom: 40px;
    }

    .superfonik-school-setup-item {
        max-width: 360px;
    }

    .superfonik-school-setup-item.superfonik-school-larger-col {
        max-width: 360px;
    }

    .superfonik-school-setup-item-image {
        height: 217px;
    }

    .superfonik-school-setup-item-image img {
        width: auto;
        max-width: 100%;
        max-height: 217px;
    }

    .superfonik-school-setup-item h3 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .superfonik-school-setup-item p {
        font-size: 20px;
        line-height: 30px;
        max-width: 280px;
    }

    /* PROGRESS ----------------------------------------------------------- */
    .superfonik-school-progress-section {
        max-width: 960px;
        margin: 200px auto 0;
    }

    .superfonik-school-progress-image {
        width: 748px;
    }

    .superfonik-school-progress-section .superfonik-school-progress-title {
        margin-bottom: 20px;
        font-size: 54px;
        max-width: initial;
    }

    .superfonik-school-progress-text {
        max-width: 882px;
        font-size: 24px;
        line-height: 35px;
    }

    /* TUTORIAL — side by side -------------------------------------------- */
    .superfonik-school-tutorial-section {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 80px;
        max-width: 1010px;
        margin: auto;
        margin-top: 200px;
    }

    .superfonik-school-tutorial-image {
        flex: 0 0 auto;
    }

    .superfonik-school-tutorial-image img {
        width: 450px;
        margin: 0;
    }

    .superfonik-school-tutorial-content {
        flex: 1 1 auto;
        max-width: 480px;
    }

    .superfonik-school-tutorial-content .superfonik-school-tutorial-title {
        font-size: 54px;
    }

    .superfonik-school-tutorial-text {
        font-size: 24px;
        line-height: 35px;
        max-width: 480px;
    }

    /* TESTIMONIALS ------------------------------------------------------- */
    .superfonik-school-testimonials-section {
        margin-top: 200px;
    }

    .superfonik-school-testimonials-title {
        font-size: 54px;
        max-width: initial;
        margin-bottom: 40px;
    }

    .superfonik-school-testimonial-item {
        width: 350px;
        margin: 25px;
    }

    .superfonik-school-testimonial-item-content {
        min-height: 356px;
    }

    /* EXPERTS — row ------------------------------------------------------ */
    .superfonik-school-experts-section {
        max-width: 720px;
        margin-top: 155px;
    }

    .superfonik-school-experts-text-container {
        flex-direction: row;
        justify-content: center;
        gap: 15px;
    }

    .superfonik-school-experts-text {
        font-size: 26px;
        line-height: 35px;
    }

    .superfonik-school-experts-logos {
        flex-direction: row;
        gap: 10px;
        margin-top: 25px;
    }

    .superfonik-school-expert-plus {
        font-size: 24px;
    }

    /* FORM BUTTON OVERWRITES */

    .superfonik-form-section .superfonik-custom-button span {
        font-size: 30px;
    }

    
    .superfonik-form-section .superfonik-custom-button .button-shine {
        width: 21px;
        left: 10px;
    }

    
    .superfonik-form-section .superfonik-custom-button {
        padding: 10px 30px;
    }

}

/* Once all cards fit on one line, Slick is unslicked (see setupTestimonials)
   and the testimonials become a static, centered row instead of a carousel. */
@media (min-width: 2001px) {
    .superfonik-school-testimonials-slider {
        display: flex;
        justify-content: center;
        align-items: stretch;
        cursor: default;
    }
}