.cms-index-index .page-header .header.content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.page-wrapper .page-header .header.content {
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.children.multicolumn.multicolumn-3.vertical {
    height: 600px !important;
}

li.li-item.level2.nav-1-1-1.size-small.category-item.first.parent-expanded.ui-menu-item {
    height: 590px;
    overflow: scroll;
    overflow-x: hidden;
}

/* Fix: Category slider item width at <=640px
   Swiper JS sets slidesPerView:1 at <=640px but the default easycatalogimg-grid
   rule keeps items at 50% wide, causing overflow/broken layout on mobile.
   This forces items to 100% width to match the Swiper 1-slide config. */
/* @media all and (max-width: 640px) {
    .block-categories .easycatalogimg-grid {
        flex-wrap: nowrap;
    }

    .block-categories .easycatalogimg-grid .item {
        width: 100% !important;
        min-width: 100%;
        margin: 0;
    }
} */

/* Fix homepage category listing disappearing below 1280px */
.navpro-initially-expanded {
    width: 768px !important;
}

@media screen and (min-width: 769px) {
    .cms-index-index .navpro li.home-expanded {
        position: relative !important;
    }

    .cms-index-index .navpro li.home-expanded>.navpro-dropdown {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        pointer-events: all !important;
        left: 0 !important;
        top: 100% !important;
    }

    .cms-index-index .navpro li.home-expanded>.navpro-dropdown:not(.shown)>.navpro-shevron {
        opacity: 0 !important;
    }

    .cms-index-index .jumbotron .navpro-expanded>div {
        margin-left: 25% !important;
    }
}