/* Mobile overrides for reference header */

@media (max-width: 1180px) {
    .prabo-nav-shell {
        width: 100%;
    }
}

@media (max-width: 920px) {
    .prabo-nav-shell {
        width: 100%;
    }
}

@media (max-width: 1320px) {
    .prabo-header-main {
        grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
    }

    .prabo-phones,
    .prabo-header-actions {
        grid-column: span 2;
    }
}

@media (max-width: 980px) {
    .prabo-header-top__row,
    .prabo-top-links {
        flex-wrap: wrap;
    }

    .prabo-header-main {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .prabo-search,
    .prabo-phones,
    .prabo-header-actions {
        max-width: none;
        grid-column: auto;
    }

    .prabo-phones {
        flex-wrap: wrap;
        gap: 14px;
    }

    .prabo-call-button {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .prabo-top-links {
        gap: 6px;
    }

    .prabo-top-links__item > a {
        min-height: 32px;
        padding: 7px 12px;
        font-size: 14px;
    }

    .prabo-brand {
        width: 140px;
    }

    .prabo-city-box__link {
        font-size: 20px;
    }

    .prabo-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: auto;
    }

    .prabo-nav__item > a {
        min-height: 54px;
        padding: 10px 12px;
        font-size: 14px;
    }

    .prabo-nav-dropdown,
    .prabo-top-dropdown {
        min-width: 240px;
        max-width: min(320px, calc(100vw - 24px));
    }

    .prabo-nav-dropdown--mega {
        min-width: 0;
        max-width: none;
        padding: 18px 16px 20px;
    }

    .prabo-nav-dropdown--mega .prabo-nav-mega-card {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
    }

    .prabo-nav-mega-card__media {
        width: 56px;
        height: 52px;
    }

    .prabo-nav-mega-card__title {
        font-size: 14px;
    }
}

@media (max-width: 540px) {
    .prabo-nav {
        grid-template-columns: 1fr;
    }

    .prabo-login-link {
        width: 100%;
        justify-content: flex-end;
    }

    .prabo-brand-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .prabo-brand {
        width: 132px;
    }

    .prabo-city-box__link {
        font-size: 18px;
    }

    .prabo-phone-card__number {
        font-size: 15px;
    }

    .prabo-phone-card__note {
        font-size: 12px;
    }

    .prabo-phone-card.contact-icon-link {
        --contact-icon-size: 34px;
        column-gap: 10px;
        grid-template-columns: 34px auto;
    }

    .prabo-nav-dropdown--mega {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1280px) {
    .prabo-nav {
        grid-template-columns: repeat(var(--prabo-nav-columns, 8), minmax(0, 1fr));
    }

    .prabo-nav__item > a {
        min-height: 54px;
        padding: 8px 10px;
        gap: 8px;
        font-size: 13px;
        line-height: 1.14;
    }

    .prabo-nav__item.is-catalog > a {
        justify-content: center;
        text-align: center;
    }

    .prabo-nav-dropdown--mega {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px 20px;
        padding: 22px 20px 24px;
    }

    .prabo-nav-dropdown--mega .prabo-nav-mega-card {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 12px;
    }

    .prabo-nav-mega-card__media {
        width: 64px;
        height: 56px;
    }
}

@media (max-width: 920px) {
    .prabo-nav-dropdown--mega {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .prabo-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prabo-nav-dropdown--mega {
        min-width: 0;
        max-width: none;
        padding: 18px 16px 20px;
    }

    .prabo-nav-dropdown--mega .prabo-nav-mega-card {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
    }

    .prabo-nav-mega-card__media {
        width: 56px;
        height: 52px;
    }

    .prabo-nav-mega-card__title {
        font-size: 14px;
    }
}

@media (max-width: 540px) {
    .prabo-nav {
        grid-template-columns: 1fr;
    }

    .prabo-nav-dropdown--mega {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .prabo-header-shell {
        width: min(calc(100% - 12px), 100%);
    }

    .prabo-nav-shell {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transform: translateY(-8px);
        transition: max-height 0.28s ease, opacity 0.2s ease, transform 0.2s ease;
        border-radius: 0 0 24px 24px;
        background: linear-gradient(180deg, var(--accent-strong) 0%, var(--accent) 48%, var(--accent-2) 100%);
    }

.site-header-shell.is-mobile-nav-open .prabo-nav-shell {
    max-height: min(78vh, 760px);
    opacity: 1;
    overflow: auto;
    transform: translateY(0);
    box-shadow: 0 18px 38px rgba(245, 122, 31, 0.24);
}

    .prabo-nav {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .prabo-nav__item {
        position: relative;
        border-bottom: 1px solid rgba(255, 238, 221, 0.14);
    }

    .prabo-nav__item:last-child {
        border-bottom: 0;
    }

    .prabo-nav__item > a {
        justify-content: flex-start;
        min-height: 56px;
        padding: 14px 56px 14px 16px;
        border: 0;
        font-size: 15px;
        text-align: left;
    }

    .prabo-nav__item.is-catalog > a {
        justify-content: flex-start;
        padding-right: 16px;
    }

    .prabo-nav__caret {
        display: none;
    }

    .prabo-nav__toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 56px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #fff;
        z-index: 5;
    }

    .prabo-nav__toggle span {
        width: 10px;
        height: 10px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
    }

    .prabo-nav__item.is-catalog > .prabo-nav__toggle,
    .prabo-nav__item.is-catalog > .prabo-nav-dropdown {
        display: none !important;
    }

    .prabo-nav__item.is-open > .prabo-nav__toggle span {
        transform: rotate(-135deg) translate(-2px, -2px);
    }

    .prabo-nav__item.is-open > a {
        background: rgba(245, 122, 31, 0.18);
    }

    .prabo-nav-dropdown,
    .prabo-top-dropdown {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        width: 100%;
        min-width: 0;
        max-width: none;
        padding: 0 12px 14px;
        border: 0;
        background: rgba(245, 122, 31, 0.14);
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
    }

    .prabo-nav__item.is-open > .prabo-nav-dropdown {
        display: grid;
    }

    .prabo-nav-dropdown a {
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255, 250, 244, 0.96);
        color: #c95a12;
        font-size: 14px;
    }

    .prabo-nav-dropdown--mega {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .prabo-nav-dropdown--mega .prabo-nav-mega-card {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
        padding: 10px 12px;
        border-radius: 18px;
        background: rgba(255, 250, 244, 0.96);
    }

    .prabo-nav-mega-card__media {
        width: 56px;
        height: 48px;
    }

    .prabo-nav-mega-card__title {
        color: #c95a12;
        font-size: 14px;
        line-height: 1.3;
    }
}

@media (max-width: 820px) {
    .site-header__menu-toggle--compact {
        display: none !important;
        order: 2;
        width: min(calc(100% - 24px), 100%);
        margin: 8px auto 12px;
    }

    .site-header-shell.is-mobile-menu-compact {
        pointer-events: auto;
    }

    .site-header-shell.is-mobile-menu-compact .site-header--classic {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .site-header-shell.is-mobile-menu-compact .site-header__menu-toggle--compact {
        display: inline-flex !important;
        position: relative;
        z-index: 20;
        border-color: rgba(229, 98, 17, 0.82) !important;
        background: linear-gradient(180deg, var(--accent-strong) 0%, var(--accent) 48%, var(--accent-2) 100%) !important;
        color: #fffaf3 !important;
        box-shadow: 0 12px 24px rgba(245, 122, 31, 0.26) !important;
    }

    .site-header-shell.is-mobile-menu-compact .site-header--prabo-nav {
        transform: none !important;
        box-shadow: none;
    }

    .site-header-shell.is-mobile-menu-compact .prabo-nav-shell {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transform: translateY(-8px);
        border-radius: 0 0 24px 24px;
        box-shadow: none;
    }

    .site-header-shell.is-mobile-menu-compact.is-mobile-nav-open .prabo-nav-shell {
        max-height: min(78vh, 760px);
        opacity: 1;
        overflow: auto;
        transform: translateY(0);
        box-shadow: 0 18px 38px rgba(245, 122, 31, 0.24);
    }
}