/**
 * Mobile viewport (≈360–430px, e.g. Samsung S26 Ultra @ 412px):
 * prevent horizontal overflow / white strip on the physical right edge.
 * Scoped to small screens only; does not change desktop layout.
 */
@media (max-width: 991px) {
    html {
        overflow-x: clip;
        width: 100%;
    }

    body {
        overflow-x: clip;
        width: 100%;
        max-width: 100%;
    }

    #app,
    .header_wrap,
    .middle-header,
    .bottom_header,
    .section > .container {
        max-width: 100%;
    }

    .header_wrap .middle-header > .container,
    .header_wrap .bottom_header > .container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .bottom_header > .container > .row {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .header_wrap nav.navbar {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        table-layout: auto;
    }

    .header_wrap .navbar .navbar-nav.attr-nav {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        float: none !important;
        max-width: 100%;
    }

    .navbar .navbar-nav.attr-nav li {
        float: none !important;
    }

    .middle-header .nav_block {
        max-width: 100%;
        min-width: 0;
    }

    .middle-header .nav_block .product_search_form {
        min-width: 0;
    }
}

@media (max-width: 767px) {
    .bottom_header .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .bottom_header .col-4,
    .bottom_header .col-8 {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        min-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .bottom_header .col-8 {
        flex: 1 1 auto;
        margin-inline-start: 0 !important;
        display: flex;
        justify-content: flex-end;
        min-width: 0;
    }

    html[dir='rtl'] .bottom_header .col-8 {
        justify-content: flex-start;
    }

    .bottom_header .col-4 {
        flex: 0 0 auto;
    }
}