/* Omoda — pływająca nawigacja po stronie modelu/landingu (Omoda_Model_Nav).
   Fixed pod nawigacją główną (top ustawiany z JS: --omoda-subnav-top), wjeżdża
   po przewinięciu hero. Na mobile: poziomy scroll bez widocznego scrollbara. */

.omoda-subnav {
    position: fixed;
    top: var(--omoda-subnav-top, 80px);
    left: 0;
    right: 0;
    /* Pod headerem (z-index:1000) i jego mega menu, nad treścią strony. */
    z-index: 990;
    background: #ffffff;
    box-shadow: 0 4px 24px 0 rgba(17, 12, 46, 0.08);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform var(--omoda-transition-base, 300ms ease), opacity var(--omoda-transition-base, 300ms ease), visibility 0s linear var(--omoda-duration-base, 300ms);
}

.omoda-subnav.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: transform var(--omoda-transition-base, 300ms ease), opacity var(--omoda-transition-base, 300ms ease), visibility 0s;
}

.omoda-subnav__track {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-x: contain;
}

.omoda-subnav__track::-webkit-scrollbar {
    display: none;
}

.omoda-subnav__list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
    list-style: none;
    margin: 0 auto;
    padding: 0 16px;
    width: max-content;
    min-width: 100%;
    box-sizing: border-box;
}

.omoda-subnav__item {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

.omoda-subnav__link {
    position: relative;
    display: block;
    padding: 18px 16px;
    font-family: var(--omoda-font-base);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    color: var(--omoda-color-text-muted, #5c5c5c);
    text-decoration: none !important;
    transition: color var(--omoda-transition-fast, 150ms ease);
}

.omoda-subnav__link::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 2px;
    background: #121212;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform var(--omoda-transition-base, 300ms ease);
}

.omoda-subnav__link:hover,
.omoda-subnav__link:focus-visible {
    color: #121212;
}

.omoda-subnav__link.is-active {
    color: #121212;
}

.omoda-subnav__link.is-active::after {
    transform: scaleX(1);
}

@media (max-width: 767px) {
    /* Zawartość szersza niż ekran → poziomy scroll, pozycje od lewej. */
    .omoda-subnav__list {
        justify-content: flex-start;
        padding: 0 8px;
        gap: 0;
    }

    .omoda-subnav__link {
        padding: 16px 14px;
        font-size: 14px;
    }

    .omoda-subnav__link::after {
        left: 14px;
        right: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .omoda-subnav,
    .omoda-subnav__link::after {
        transition: none;
    }
}