@media (max-width: 1100px) {
    .section-title {
        font-size: 48px;
        line-height: 60px;
    }

}

@media (max-width: 991px) {
    .landing-header-inner {
        min-height: auto;
        padding: 12px 0;
    }

    .landing-nav {
        width: 100%;
        justify-content: flex-end;
        position: relative;
        gap: 12px;
    }

    .landing-nav-links {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        display: none !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px;
        background: var(--nike-white);
        border-radius: 16px;
        box-shadow: 0 20px 45px rgba(15, 15, 15, 0.12);
        z-index: 10;
    }

    .landing-nav.is-open .landing-nav-links {
        display: flex !important;
    }

    .landing-menu-toggle {
        display: inline-flex;
    }

    .landing-nav-link {
        width: 100%;
    }

    .landing-footer-top {
        flex-direction: column;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 16px;
    }

    .landing-footer-bottom {
        flex-direction: column;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 0;
    }

    .landing-footer-meta {
        margin-bottom: var(--section-spacing);
    }

    .landing-footer-copyrighting {
        margin-bottom: 8px;
        display: block;
    }

    .footer-legal-terms {
        margin-bottom: 8px;
        display: block;
    }

    .footer-legal-privacy {
        display: block;
    }

    .landing-footer-location {
        margin-right: 0;
    }

    .landing-footer-language {
        margin-right: 0;
    }

    .landing-footer-legal {
        flex-direction: column;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 0;
    }

    .landing-section {
        padding: var(--section-spacing) 0;
    }

    .landing-hero {
        min-height: 560px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 40px 0 0 0;
    }

    .landing-hero-content {
        padding: 0 20px;
    }

    .hero-title {
        font-size: 40px;
        line-height: 1;
    }

    .hero-subtitle {
        font-size: 18px;
        line-height: 1.4;
    }

    .hero-visual-container {
        height: 60%;
    }

    .sport-card {
        aspect-ratio: 4 / 3;
    }

    .options-title {
        line-height: 36px;
    }

    .commitment-image {
        max-width: 100%;
    }



    .contact-container {
        padding: var(--section-spacing) 0;
    }

    .submit-section {
        align-items: flex-start;
    }

    .call-now {
        text-align: left;
    }



    .catalog-pdf {
        height: 540px;
    }

    .catalog-content-header {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .catalog-content-title {
        display: none;
    }

    .catalog-section-dropdown-toggle {
        display: flex;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: var(--nike-black);
        gap: 12px;
        border-radius: 0;
    }

    .catalog-section-dropdown-toggle:focus {
        outline: none;
    }

    .catalog-section-dropdown-toggle .faq-caret {
        width: 20px;
        height: 12px;
    }

    .catalog-content-sticky-wrapper.is-dropdown-open .catalog-section-links {
        display: flex;
    }

    .catalog-content-sticky-wrapper.is-dropdown-open .catalog-section-dropdown-toggle .faq-caret {
        transform: rotate(180deg);
    }

    .catalog-content-container {
        padding: 0 0 48px 0;
    }

    .catalog-content-sticky-wrapper {
        display: block;
        position: sticky;
        top: 0; /* Will be adjusted by JS */
        z-index: 1010;
        background: var(--nike-grey-light);
        transition: transform 0.3s ease-in-out;
        will-change: transform;
    }

    .catalog-content-header-row {
        padding: 16px 0;
        transition: opacity 0.3s ease-in-out;
        opacity: 1;
    }

    .catalog-section-nav {
        position: static;
        top: auto;
        margin-bottom: 0;
        padding: 0;
        background: transparent;
    }

    .catalog-content-sticky-wrapper.header-collapsed {
        /* Hide the header row (approx 68px) and leave the dropdown nav visible if it were to have height */
        /* But on mobile, the dropdown is only visible when is-dropdown-open is set */
        /* If we want to hide everything on scroll down (like desktop), we translate the whole thing */
        transform: translateY(-100%);
    }

    .catalog-content-sticky-wrapper.header-collapsed .catalog-content-header-row {
        opacity: 0;
        pointer-events: none;
    }

    .download-pdf-bar,
    .download-catalog-btn-floating {
        display: none !important;
    }

    .catalog-section-links {
        display: none;
        flex-direction: column;
        background: var(--nike-white);
        margin-top: 8px;
        margin-bottom: 16px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        border: 1px solid var(--nike-border-strong);
        cursor: default;
    }

    .catalog-section-chip {
        width: 100%;
        border: 0;
        border-radius: 0;
        text-align: left;
        padding: 16px;
        background: transparent;
        border-bottom: 1px solid #979797;
    }

    .catalog-section-chip:last-child {
        border-bottom: 0;
    }

    .catalog-section-chip:hover,
    .catalog-section-chip.is-active {
        background: var(--nike-grey-light);
        color: var(--nike-black);
    }

    .catalog-section-chip.is-active .catalog-section-title-text {
        font-weight: 700;
    }

    .catalog-nav-summary {
        flex-direction: column;
        align-items: flex-start;
    }


    .catalog-nav-controls {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .catalog-nav-control-btn {
        width: 100%;
    }

    .catalog-nav-select-label {
        display: block;
    }

    .catalog-nav-select {
        display: block;
    }

    .catalog-nav-loading {
        letter-spacing: 0.1rem;
    }

    .catalog-skeleton-title {
        width: 220px;
    }

    .catalog-skeleton-image {
        width: 100%;
    }

    .catalog-section-title {
        font-size: 24px;
        line-height: 32px;
    }


}

@media (max-width: 600px) {
    .landing-hero {
        min-height: 430px;
        height: 430px;
        background-color: #004D33;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .landing-hero-content {
        padding: 40px 24px;
        z-index: 5;
    }

    .hero-title {
        font-size: 36px;
        line-height: 1.1;
        margin-bottom: 12px;
    }

    .hero-subtitle {
        font-size: 16px;
        line-height: 1.4;
    }

    .hero-bg-gradient {
        top: 45%;
        height: 55%;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .hero-main-group {
        z-index: 5;
    }

    .hero-visual-container {
        height: 45%;
    }

    .landing-header-inner {
        min-height: 56px;
        padding: 4px 0;
        flex-wrap: nowrap;
    }

    .landing-logo {
        height: 48px;
        transform: translateY(0);
    }

    .landing-nav {
        width: auto;
        margin-left: auto;
        gap: 8px;
    }


    .options-grid {
        --bs-gutter-y: 2.5rem !important;
    }

    #sports .section-title,
    .options-title,
    #faq .section-title {
        font-size: 24px;
        line-height: 32px;
    }

    .moreless-text {
        font-size: 14px;
        line-height: 20px;
    }



    .catalog-nav-controls {
        grid-template-columns: 1fr;
    }

    .catalog-nav-status {
        text-align: left;
    }

    .catalog-section-breadcrumb {
        gap: 6px;
    }

    .catalog-skeleton-title {
        width: 200px;
    }

    .catalog-nav-heading {
        font-size: 14px;
        line-height: 20px;
    }

    .catalog-section-title {
        font-size: 20px;
        line-height: 28px;
    }

    .catalog-pdf {
        height: 420px;
    }

    .catalog-page-caption {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .landing-menu-text {
        display: none;
    }

    .landing-menu-toggle {
        min-height: 36px;
        padding: 6px 10px;
    }

    .landing-nav-cta {
        min-height: 40px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 16px;
    }
}