/* Preserve the existing row gutters while keeping desktop cards inside the viewport. */
@media (min-width:1200px) {
    .container { max-width:calc(100% - 30px); }
}

/* Between the legacy 960px and 1300px containers, floats can wrap search
   underneath navigation when fonts or account names are wider. Let only the
   search field absorb the remaining width; keep all native controls/markup. */
@media (min-width:1200px) and (max-width:1329px) {
    .header-content .main-row > .container {
        display:flex;
        align-items:center;
        gap:12px;
        height:68px;
    }
    .header-content .main-row > .container::before,
    .header-content .main-row > .container::after { display:none; }
    .header-content .main-row > .container > .header-brand,
    .header-content .main-row > .container > .basket-top,
    .header-content .main-row > .container > .header-account,
    .header-content .main-row > .container > .header-messengers,
    .header-content .main-row > .container > .header-phone,
    .header-content .main-row > .container > .search-form {
        float:none;
        margin:0;
        padding-top:0;
        flex:0 0 auto;
    }
    .header-content .main-row > .container > .header-brand { order:1; }
    .header-content .main-row > .container > .search-form {
        order:2;
        flex:1 1 0;
        width:auto;
        min-width:160px;
    }
    .header-content .main-row > .container > .header-phone { order:3; }
    .header-content .main-row > .container > .header-messengers { order:4; }
    .header-content .main-row > .container > .header-account { order:5; max-width:180px; }
    .header-content .main-row > .container > .basket-top { order:6; }
    .header-content .header-account__copy { min-width:0; }
    .header-content .header-account__greeting { overflow:hidden; text-overflow:ellipsis; }
}