/* Keep translated navigation labels on one line within their available track. */
/* Category thumbnails keep their own track; long labels may never size that track. */
.garment-header .price-list-grid {
    grid-auto-rows: 84px;
    align-items: stretch;
}

.garment-header .price-list-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: 62px;
    align-items: center;
    gap: 10px;
    height: 84px;
    min-height: 84px;
    max-height: 84px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

.garment-header .price-list-card > img {
    grid-column: 1;
    grid-row: 1;
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    min-height: 52px;
    object-fit: cover;
    align-self: center;
}

.garment-header :is(.price-list-card, .mobile-price-list-card) > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-width: 0;
    max-width: 100%;
    height: auto;
    max-height: 3.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    font-size: 13px;
}

.garment-header .price-list-card > span {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
}

@media (max-width: 640px) {
    .garment-header .mobile-price-list-card {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 60px 47px;
        align-items: start;
        height: 134px;
        min-height: 134px;
        max-height: 134px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .garment-header .mobile-price-list-card > img {
        width: 100%;
        height: 60px;
        min-height: 60px;
        object-fit: cover;
        grid-row: 1;
    }

    .garment-header .mobile-price-list-card > span {
        grid-row: 2;
        font-size: 12px;
    }
}

@media (min-width: 641px) {
    .garment-header .garment-header-inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
        column-gap: 20px;
    }

    .garment-header .garment-header-inner > * {
        min-width: 0;
    }

    .garment-header .garment-nav {
        flex-wrap: nowrap;
        justify-content: center;
        gap: var(--lft-nav-gap, 8px);
        overflow: visible;
    }

    .garment-header .garment-nav > :is(a, .nav-dropdown) {
        flex: 0 0 auto;
        min-width: 0;
    }

    .garment-header .garment-nav > a,
    .garment-header .garment-nav > .nav-dropdown > .dropdown-trigger {
        font-size: var(--lft-nav-font-size, 16px);
        white-space: nowrap;
        letter-spacing: 0;
        line-height: 1.25;
    }

    .garment-header .garment-nav > .mobile-menu-contact {
        display: none;
    }

    .garment-header .lft-language-switcher {
        justify-self: end;
    }
}

@media (min-width: 641px) and (max-width: 1100px) {
    .garment-header .garment-nav > .price-list-nav {
        position: static;
    }

    .garment-header .garment-nav .price-list-dropdown {
        left: 0;
        right: 0;
        margin-inline: auto;
        width: min(1040px, calc(100vw - 32px));
        transform: none;
    }
}