﻿/* Phase 2.0E.4 — responsive hardening
   Loaded last so these rules intentionally replace legacy breakpoint behavior. */

/* =========================================================
   Buyer header: switch to the compact layout before the
   desktop HUD becomes cramped.
   ========================================================= */
@media (max-width: 1120px) {
    .carbuyer-topbar {
        padding: .55rem clamp(.65rem, 2vw, 1rem) !important;
    }

    .carbuyer-topbar-inner {
        width: min(100%, 46rem) !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand toggle"
            "status status" !important;
        align-items: center !important;
        gap: .58rem .75rem !important;
    }

    .carbuyer-brand {
        grid-area: brand;
        justify-self: start;
        min-width: 0 !important;
    }

    .carbuyer-brand-copy {
        display: flex !important;
    }

    .carbuyer-brand-tagline {
        display: none !important;
    }

    .carbuyer-desktop-nav {
        display: none !important;
    }

    .carbuyer-mobile-toggle {
        grid-area: toggle;
        display: inline-flex !important;
        justify-self: end;
    }

    .carbuyer-auth-actions {
        grid-area: status;
        display: grid !important;
        grid-template-columns: 2.75rem minmax(6.8rem, 1fr) minmax(6.3rem, 1fr) 2.85rem;
        align-items: stretch;
        gap: .48rem !important;
        width: 100%;
        min-width: 0 !important;
        max-width: 34rem;
        margin-inline: auto;
    }

    .carbuyer-public-actions {
        grid-area: status;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100%, 24rem);
        min-width: 0 !important;
        margin-inline: auto;
        gap: .5rem !important;
    }

    .carbuyer-public-actions > a {
        width: 100%;
    }

    .carbuyer-ai-jobs-link,
    .carbuyer-plan-compact,
    .carbuyer-coin-balance,
    .carbuyer-account-trigger {
        min-width: 0 !important;
        min-height: 2.7rem !important;
        height: 100%;
        border-radius: .82rem !important;
    }

    .carbuyer-ai-jobs-link {
        display: grid !important;
        place-items: center;
        padding: .45rem !important;
    }

    .carbuyer-plan-compact,
    .carbuyer-coin-balance {
        justify-content: center;
        overflow: hidden;
        padding: .42rem .55rem !important;
        white-space: nowrap;
    }

    .carbuyer-plan-compact small,
    .carbuyer-coin-balance small,
    .carbuyer-account-copy {
        display: none !important;
    }

    .carbuyer-account-wrap {
        position: relative;
        min-width: 0;
    }

    .carbuyer-account-trigger {
        width: 100%;
        justify-content: center;
        padding: .34rem !important;
    }

    .carbuyer-account-menu {
        right: 0;
        width: min(19rem, calc(100vw - 1.25rem));
    }

    .carbuyer-mobile-panel {
        display: block !important;
        width: min(100%, 46rem) !important;
        margin-top: .58rem !important;
    }
}

@media (max-width: 480px) {
    .carbuyer-topbar-inner {
        gap: .5rem !important;
    }

    .carbuyer-brand-name {
        font-size: .98rem !important;
    }

    .carbuyer-brand-mark {
        width: 2.28rem !important;
        height: 2.28rem !important;
    }

    .carbuyer-auth-actions {
        grid-template-columns: 2.65rem minmax(5.9rem, 1fr) minmax(5.55rem, 1fr) 2.75rem;
        gap: .38rem !important;
    }

    .carbuyer-plan-compact,
    .carbuyer-coin-balance {
        gap: .25rem !important;
        padding-inline: .35rem !important;
    }

    .carbuyer-plan-compact span,
    .carbuyer-coin-balance > span {
        font-size: .65rem !important;
    }

    .carbuyer-plan-compact strong,
    .carbuyer-coin-balance strong {
        font-size: .84rem !important;
    }

    .carbuyer-mobile-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 350px) {
    .carbuyer-brand-copy {
        display: none !important;
    }

    .carbuyer-auth-actions {
        grid-template-columns: 2.55rem minmax(5.25rem, 1fr) minmax(5rem, 1fr) 2.65rem;
        gap: .3rem !important;
    }

    .carbuyer-mobile-nav {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   Vehicle workspace navigation and hero
   ========================================================= */
@media (max-width: 1120px) {
    .vehicle-workspace-nav-shell {
        position: static !important;
        top: auto !important;
        margin-bottom: 1rem !important;
    }

    .vehicle-workspace-nav-heading {
        display: flex !important;
    }

    .vehicle-workspace-nav-shell .vehicle-workspace-nav {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .vehicle-workspace-nav-shell {
        padding: .62rem !important;
        border-radius: 1rem !important;
    }

    .vehicle-workspace-nav-heading {
        align-items: baseline !important;
        flex-direction: row !important;
        gap: .5rem !important;
    }

    .vehicle-workspace-nav-shell .vehicle-workspace-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: .38rem !important;
    }

    .vehicle-workspace-nav-shell .vehicle-workspace-nav a {
        min-height: 2.75rem !important;
        padding: .58rem .35rem !important;
        font-size: .78rem !important;
    }

    .decision-workspace-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1rem !important;
        padding: 1.15rem !important;
    }

    .decision-workspace-hero-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: .55rem !important;
    }

    .decision-workspace-hero-actions .btn,
    .decision-workspace-hero-actions a {
        width: 100%;
        justify-content: center;
    }

    .workspace-disclosure > summary {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: .55rem !important;
        padding: .9rem !important;
    }
}

@media (max-width: 520px) {
    .decision-workspace {
        padding-inline: .72rem !important;
    }

    .vehicle-workspace-nav-heading {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: .08rem !important;
    }

    .vehicle-workspace-nav-shell .vehicle-workspace-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .decision-workspace-hero-actions {
        grid-template-columns: 1fr !important;
    }

    .decision-workspace-hero h1 {
        font-size: clamp(1.75rem, 9vw, 2.35rem) !important;
    }

    .workspace-disclosure > summary {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .workspace-disclosure > summary > strong {
        grid-column: 1;
        justify-self: start !important;
        text-align: left !important;
        white-space: normal !important;
        color: #65758d;
        font-size: .75rem;
    }

    .workspace-disclosure > summary::after {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 340px) {
    .vehicle-workspace-nav-shell .vehicle-workspace-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .vehicle-workspace-nav-shell .vehicle-workspace-nav a:last-child {
        grid-column: 1 / -1;
    }
}

/* =========================================================
   Shortlist cards and comparison
   ========================================================= */
.shortlist-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.shortlist-car-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: start;
}

.shortlist-fit {
    min-width: 4.8rem;
}

.shortlist-comparison-shell {
    min-width: 0;
}

.shortlist-scroll-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .55rem;
    padding: .72rem .8rem;
    border: 1px solid #dbe5f1;
    border-radius: .9rem;
    background: linear-gradient(135deg, #f8fbff, #fff);
}

.shortlist-scroll-toolbar > div:first-child {
    display: grid;
    min-width: 0;
}

.shortlist-scroll-toolbar strong {
    color: #102033;
    font-size: .85rem;
}

.shortlist-scroll-toolbar small {
    color: #607087;
    font-size: .72rem;
}

.shortlist-scroll-buttons {
    display: inline-flex;
    flex: 0 0 auto;
    gap: .4rem;
}

.shortlist-scroll-buttons button {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    place-items: center;
    border: 1px solid #bfcfe4;
    border-radius: .72rem;
    color: #174b83;
    background: #fff;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

.shortlist-scroll-buttons button:hover,
.shortlist-scroll-buttons button:focus-visible {
    border-color: #1769ff;
    color: #fff;
    background: #1769ff;
}

.shortlist-comparison {
    position: relative;
    scroll-padding-inline: var(--shortlist-metric-column, 13rem);
    box-shadow: inset -1.4rem 0 1.4rem -1.6rem rgba(15, 31, 49, .42);
}

.shortlist-grid-car.shortlist-grid-sticky,
.shortlist-grid-label.shortlist-grid-sticky {
    top: 0 !important;
}

.shortlist-grid-label {
    max-width: var(--shortlist-metric-column, 13rem);
}

.shortlist-grid-value,
.shortlist-grid-car {
    min-width: var(--shortlist-car-column, 13.5rem) !important;
}

@media (max-width: 1260px) {
    .shortlist-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .shortlist-cards {
        grid-template-columns: 1fr !important;
    }

    .shortlist-scroll-toolbar {
        align-items: flex-start;
    }

    .shortlist-comparison {
        --shortlist-metric-column: 10.5rem;
        --shortlist-car-column: 11.25rem;
        border-radius: .9rem;
    }

    .shortlist-grid > div {
        padding: .68rem .72rem !important;
    }

    .shortlist-grid-note {
        display: none !important;
    }

    .shortlist-grid-value strong,
    .shortlist-grid-car strong {
        font-size: .82rem;
    }
}

@media (max-width: 520px) {
    .shortlist-car-card-head {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .shortlist-fit {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .55rem .65rem;
        border-radius: .72rem;
    }

    .shortlist-scroll-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .55rem;
    }

    .shortlist-scroll-toolbar small {
        display: none;
    }

    .shortlist-comparison {
        --shortlist-metric-column: 9rem;
        --shortlist-car-column: 10.25rem;
    }

    .shortlist-grid-value a,
    .shortlist-grid-label small {
        font-size: .66rem;
    }
}

/* =========================================================
   Admin mobile navigation and denser cards
   ========================================================= */
.admin-mobile-menu {
    display: none;
}

@media (max-width: 900px) {
    .admin-topbar {
        min-height: 0 !important;
        padding: .75rem 1rem !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .admin-desktop-nav {
        display: none !important;
    }

    .admin-mobile-menu {
        position: relative;
        display: block;
        margin-left: auto;
    }

    .admin-mobile-menu > summary {
        display: inline-flex;
        align-items: center;
        min-height: 2.6rem;
        padding: .55rem .85rem;
        border: 1px solid var(--admin-border);
        border-radius: .75rem;
        color: #eef5ff;
        background: rgba(255,255,255,.06);
        font-weight: 800;
        cursor: pointer;
        list-style: none;
    }

    .admin-mobile-menu > summary::-webkit-details-marker {
        display: none;
    }

    .admin-mobile-menu > summary::after {
        content: "☰";
        margin-left: .55rem;
    }

    .admin-mobile-menu[open] > summary::after {
        content: "×";
    }

    .admin-mobile-menu .admin-nav {
        position: absolute;
        top: calc(100% + .55rem);
        right: 0;
        z-index: 50;
        display: grid;
        width: min(18rem, calc(100vw - 2rem));
        padding: .55rem;
        border: 1px solid var(--admin-border);
        border-radius: .9rem;
        background: #091629;
        box-shadow: 0 20px 48px rgba(0,0,0,.38);
    }

    .admin-mobile-menu .admin-nav a {
        min-height: 2.65rem;
        padding: .7rem .75rem;
    }

    .admin-shell {
        width: min(100% - 20px, 1440px) !important;
        padding: 1.2rem 0 3rem !important;
    }

    .admin-heading {
        gap: .75rem !important;
        margin-bottom: 1rem !important;
    }

    .admin-heading h1 {
        font-size: clamp(1.8rem, 8vw, 2.5rem) !important;
    }

    .admin-metric-grid,
    .admin-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .65rem !important;
    }

    .admin-metric-grid article,
    .admin-detail-grid article {
        min-height: 6.1rem !important;
        padding: .85rem !important;
        border-radius: .9rem !important;
    }

    .admin-metric-grid strong {
        font-size: 1.55rem !important;
    }

    .admin-panel-header {
        gap: .8rem !important;
        padding: 1rem !important;
    }
}

@media (max-width: 430px) {
    .admin-brand img {
        width: 2.2rem !important;
        height: 2.2rem !important;
    }

    .admin-brand small {
        display: none;
    }

    .admin-metric-grid,
    .admin-detail-grid,
    .admin-health-row {
        grid-template-columns: 1fr !important;
    }

    .admin-action-card,
    .admin-panel-header,
    .admin-table td,
    .admin-table th {
        padding-inline: .8rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shortlist-comparison {
        scroll-behavior: auto;
    }
}

/* =========================================================
   Phase 2.0E.4.2 — adaptive desktop header
   Keep the polished desktop HUD on laptop-sized windows,
   compress it before collision, and use the mobile drawer
   only on genuinely narrow screens.
   ========================================================= */
/* PHASE-2E4-ADAPTIVE-DESKTOP-HEADER-START */
@media (min-width: 981px) and (max-width: 1320px) {
    .carbuyer-topbar {
        padding: .5rem .65rem !important;
    }

    .carbuyer-topbar-inner {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: 2.55rem minmax(0, 1fr) auto !important;
        grid-template-areas: "brand nav status" !important;
        align-items: center !important;
        gap: .42rem !important;
    }

    .carbuyer-brand {
        grid-area: brand !important;
        width: 2.55rem !important;
        min-width: 2.55rem !important;
        max-width: 2.55rem !important;
        overflow: visible !important;
    }

    .carbuyer-brand-copy {
        display: none !important;
    }

    .carbuyer-brand-mark {
        width: 2.4rem !important;
        height: 2.4rem !important;
    }

    .carbuyer-desktop-nav {
        grid-area: nav !important;
        display: flex !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-content: center !important;
        gap: .08rem !important;
        padding: .22rem !important;
        overflow: visible !important;
    }

    .carbuyer-nav-link,
    .carbuyer-more-trigger {
        min-height: 2.3rem !important;
        gap: .26rem !important;
        padding: .46rem .48rem !important;
        font-size: .74rem !important;
    }

    .carbuyer-nav-count {
        min-width: 1.15rem !important;
        height: 1.15rem !important;
        margin-left: 0 !important;
        padding-inline: .22rem !important;
        font-size: .62rem !important;
    }

    .carbuyer-auth-actions {
        grid-area: status !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: center !important;
        gap: .28rem !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .carbuyer-ai-jobs-link,
    .carbuyer-plan-compact,
    .carbuyer-coin-balance,
    .carbuyer-account-trigger {
        min-width: 0 !important;
        min-height: 2.42rem !important;
        height: 2.42rem !important;
        border-radius: .78rem !important;
    }

    .carbuyer-ai-jobs-link {
        width: 2.42rem !important;
        display: grid !important;
        place-items: center !important;
        padding: .35rem !important;
    }

    .carbuyer-plan-compact,
    .carbuyer-coin-balance {
        justify-content: center !important;
        gap: .24rem !important;
        padding: .35rem .52rem !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .carbuyer-plan-compact small,
    .carbuyer-coin-balance small,
    .carbuyer-account-copy {
        display: none !important;
    }

    .carbuyer-account-wrap {
        min-width: 0 !important;
    }

    .carbuyer-account-trigger {
        width: 2.52rem !important;
        justify-content: center !important;
        gap: 0 !important;
        padding: .3rem !important;
    }

    .carbuyer-account-trigger .carbuyer-chevron {
        display: none !important;
    }

    .carbuyer-account-menu {
        right: 0 !important;
        width: min(19rem, calc(100vw - 1.25rem)) !important;
    }

    .carbuyer-mobile-toggle,
    .carbuyer-mobile-panel {
        display: none !important;
    }
}

@media (min-width: 981px) and (max-width: 1100px) {
    .carbuyer-nav-link,
    .carbuyer-more-trigger {
        gap: .15rem !important;
        padding-inline: .38rem !important;
        font-size: .7rem !important;
    }

    .carbuyer-desktop-nav .carbuyer-nav-icon {
        display: none !important;
    }

    .carbuyer-plan-compact,
    .carbuyer-coin-balance {
        max-width: 5.65rem !important;
        padding-inline: .42rem !important;
    }

    .carbuyer-plan-compact span,
    .carbuyer-coin-balance > span {
        font-size: .64rem !important;
    }

    .carbuyer-plan-compact strong,
    .carbuyer-coin-balance strong {
        font-size: .82rem !important;
    }
}
/* PHASE-2E4-ADAPTIVE-DESKTOP-HEADER-END */

/* =========================================================
   Phase 2.0E.4.3 — laptop HUD readability
   Preserve the adaptive one-row header without shrinking
   navigation and account status text below a comfortable size.
   ========================================================= */
/* PHASE-2E4-HUD-READABILITY-START */
@media (min-width: 981px) and (max-width: 1320px) {
    .carbuyer-topbar {
        padding: .52rem .72rem !important;
    }

    .carbuyer-topbar-inner {
        grid-template-columns: 2.65rem minmax(0, 1fr) auto !important;
        gap: .48rem !important;
    }

    .carbuyer-brand {
        width: 2.65rem !important;
        min-width: 2.65rem !important;
        max-width: 2.65rem !important;
    }

    .carbuyer-brand-mark {
        width: 2.48rem !important;
        height: 2.48rem !important;
    }

    .carbuyer-desktop-nav {
        gap: .06rem !important;
        padding: .2rem !important;
    }

    .carbuyer-nav-link,
    .carbuyer-more-trigger {
        min-height: 2.42rem !important;
        gap: .24rem !important;
        padding: .46rem .5rem !important;
        font-size: .82rem !important;
        line-height: 1.05 !important;
        letter-spacing: -.01em !important;
    }

    .carbuyer-nav-count {
        min-width: 1.22rem !important;
        height: 1.22rem !important;
        padding-inline: .24rem !important;
        font-size: .68rem !important;
    }

    .carbuyer-auth-actions {
        gap: .32rem !important;
    }

    .carbuyer-ai-jobs-link,
    .carbuyer-plan-compact,
    .carbuyer-coin-balance,
    .carbuyer-account-trigger {
        min-height: 2.5rem !important;
        height: 2.5rem !important;
    }

    .carbuyer-ai-jobs-link {
        width: 2.5rem !important;
        font-size: .9rem !important;
    }

    .carbuyer-plan-compact,
    .carbuyer-coin-balance {
        gap: .28rem !important;
        padding: .36rem .58rem !important;
    }

    .carbuyer-plan-compact span,
    .carbuyer-coin-balance > span {
        font-size: .72rem !important;
    }

    .carbuyer-plan-compact strong,
    .carbuyer-coin-balance strong {
        font-size: .94rem !important;
        line-height: 1 !important;
    }

    .carbuyer-account-trigger {
        width: 2.6rem !important;
    }

    .carbuyer-account-avatar {
        width: 1.82rem !important;
        height: 1.82rem !important;
        font-size: .8rem !important;
    }
}

@media (min-width: 981px) and (max-width: 1100px) {
    .carbuyer-topbar-inner {
        gap: .38rem !important;
    }

    .carbuyer-desktop-nav {
        gap: .02rem !important;
        padding-inline: .14rem !important;
    }

    .carbuyer-nav-link,
    .carbuyer-more-trigger {
        gap: .12rem !important;
        padding-inline: .36rem !important;
        font-size: .78rem !important;
    }

    .carbuyer-nav-count {
        font-size: .65rem !important;
    }

    .carbuyer-auth-actions {
        gap: .24rem !important;
    }

    .carbuyer-plan-compact,
    .carbuyer-coin-balance {
        max-width: 6.1rem !important;
        padding-inline: .46rem !important;
    }

    .carbuyer-plan-compact span,
    .carbuyer-coin-balance > span {
        font-size: .69rem !important;
    }

    .carbuyer-plan-compact strong,
    .carbuyer-coin-balance strong {
        font-size: .88rem !important;
    }
}
/* PHASE-2E4-HUD-READABILITY-END */

/* =========================================================
   Phase 2.0F.5A — Polish desktop HUD containment
   Polish navigation labels are longer than the EN/NL set.
   Compress only that locale before the normal mobile switch.
   ========================================================= */
@media (min-width: 981px) and (max-width: 1560px) {
    .carbuyer-topbar[data-ui-language="pl"] {
        padding-inline: .62rem !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-topbar-inner {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: 2.55rem minmax(0, 1fr) auto !important;
        gap: .34rem !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-brand {
        width: 2.55rem !important;
        min-width: 2.55rem !important;
        max-width: 2.55rem !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-brand-copy {
        display: none !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-brand-mark {
        width: 2.4rem !important;
        height: 2.4rem !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-desktop-nav {
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 0 !important;
        padding: .18rem !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-nav-link,
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-more-trigger {
        min-width: 0 !important;
        gap: .1rem !important;
        padding: .44rem .34rem !important;
        font-size: .73rem !important;
        letter-spacing: -.02em !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-nav-link > span:not(.carbuyer-nav-icon):not(.carbuyer-nav-count) {
        display: block !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-desktop-nav .carbuyer-nav-icon {
        display: none !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-auth-actions {
        gap: .24rem !important;
        min-width: max-content !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-plan-compact,
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-coin-balance {
        gap: .24rem !important;
        padding-inline: .5rem !important;
        white-space: nowrap !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-plan-compact small,
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-coin-balance small {
        display: none !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-account-copy {
        max-width: 6.5rem !important;
        overflow: hidden !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-account-copy strong,
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-account-copy small {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 981px) and (max-width: 1240px) {
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-account-copy,
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-account-trigger .carbuyer-chevron {
        display: none !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-account-trigger {
        width: 2.55rem !important;
        justify-content: center !important;
        padding-inline: .3rem !important;
    }
}



/* =========================================================
   Phase 2.0F.5A.2 — Polish desktop HUD, deterministic fit
   Short Polish labels are rendered by NavMenu. These rules
   reserve a hard boundary between navigation and account HUD.
   ========================================================= */
@media (min-width: 981px) and (max-width: 1600px) {
    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-topbar-inner {
        grid-template-columns: 2.55rem minmax(0, 1fr) max-content !important;
        column-gap: .3rem !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-desktop-nav {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-nav-link {
        min-width: 0 !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-nav-link > span:not(.carbuyer-nav-icon):not(.carbuyer-nav-count) {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .carbuyer-topbar[data-ui-language="pl"] .carbuyer-auth-actions {
        position: relative !important;
        z-index: 2 !important;
        flex: 0 0 auto !important;
        background: var(--carbuyer-surface, #fff) !important;
    }
}
