/* Hidden flyouts must not contribute their fixed width to the page. */
.topmenu .submenu {
    display: none;
}

.topmenu li:hover > .submenu,
.topmenu li:focus-within > .submenu {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.topmenu .submenu .podsubmenu {
    max-width: calc(100vw - 380px);
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

/* Category captions must fit their column, including 320px screens. */
article.main_content .main_equip .boxico .boxiconame {
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 50px;
    overflow-wrap: break-word;
}

.footer_li_logo {
    max-width: 100%;
}

/* Keep carousel controls inside the content instead of 60px outside it. */
.products-block .products-slider .owl-nav .owl-next {
    right: 0 !important;
}

@media (max-width: 575.98px) {
    .mob-test .mobileheader {
        display: grid;
        grid-template-columns: 32px minmax(80px, 1fr) 24px 72px;
        gap: 12px;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 12px 0;
    }

    .mob-test .mobileheader > [class*="col-"] {
        width: auto;
        min-width: 0;
        padding: 0 !important;
    }

    .mob-test .mobileheader > .col-4 {
        justify-self: center;
    }

    .mob-test .mobileheader .header_logo {
        width: 88px;
        max-width: 100%;
        padding: 0;
    }

    .mob-test .mobileheader .header_logo img {
        max-width: 100%;
        height: auto;
    }

    .mob-test .mobileheader .toolbar-button {
        float: none;
        margin: 0;
    }

    .mob-test .mobileheader .basket_but {
        margin: 0;
    }
}