/* High-contrast brand top bar. */
.header-top {
    color: #26342a !important;
    background: linear-gradient(135deg, #edf7ef 0%, #f9fcf9 65%, #fff 100%) !important;
    border-bottom: 1px solid #dce9df !important;
}
.header-top .container,
.header-top .header-right,
.header-top .top-message,
.header-top a,
.header-top .header-dropdown > a,
.header-top .social-icon {
    color: #26342a !important;
}
.header-top .top-message { opacity: 1; font-weight: 700; letter-spacing: .035em; }
.header-top .separator { background: #bfd2c3 !important; }
.header-top .social-icon { opacity: .9; }
.header-top .social-icon:hover,
.header-top a:hover { color: #2f8741 !important; opacity: 1; }
.header-top .header-menu a { color: #26342a !important; }
.header-top .header-menu a:hover { color: #2f8741 !important; }
@media (min-width: 768px) {
    .header-top .dropdown-expanded .header-menu a { color: #26342a !important; opacity: .9; }
    .header-top .dropdown-expanded .header-menu a:hover { color: #2f8741 !important; opacity: 1; }
}

@media (min-width: 992px) {
    /* Spacious, legible multi-level category navigation. */
    .header-bottom .main-nav > .menu > li > .category-menu {
        width: 300px;
        min-width: 300px;
        padding: 8px 0;
        background: #fff;
        border: 1px solid #dce9df;
        border-radius: 0 !important;
        box-shadow: 0 16px 38px rgba(29, 49, 34, .16);
    }
    .header-bottom .category-menu li {
        position: relative;
        margin: 0;
    }
    .header-bottom .category-menu li > a {
        display: flex;
        width: 100%;
        min-height: 44px;
        padding: 10px 42px 10px 17px;
        align-items: center;
        color: #2d3930 !important;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        letter-spacing: 0;
        text-transform: none;
        white-space: normal;
        border-bottom: 1px solid #edf1ee;
    }
    .header-bottom .category-menu > li:last-child > a,
    .header-bottom .category-menu .sub-menu > li:last-child > a {
        border-bottom-color: transparent;
    }
    .header-bottom .category-menu li > a:hover,
    .header-bottom .category-menu li > a:focus,
    .header-bottom .category-menu li:hover > a,
    .header-bottom .category-menu li:focus-within > a {
        color: #247d39 !important;
        background: linear-gradient(90deg, #edf7ef 0%, #f9fcf9 100%);
        box-shadow: inset 3px 0 0 #49a65c;
        outline: 0;
    }
    .header-bottom .category-menu .has-children > a::after {
        position: absolute;
        top: 50%;
        right: 17px;
        width: 8px;
        height: 8px;
        margin: -4px 0 0;
        content: "";
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: rotate(45deg);
    }
    .header-bottom .category-menu .sub-menu {
        top: -9px;
        left: calc(100% - 1px);
        width: 290px;
        min-width: 290px;
        padding: 8px 0;
        background: #fff;
        border: 1px solid #dce9df;
        border-radius: 0 !important;
        box-shadow: 0 16px 38px rgba(29, 49, 34, .16);
    }

    .header-bottom:not(.fixed) .mdf-more-menu { display: none; }
    .header-bottom.fixed .mdf-secondary-nav { display: none !important; }
    .header-bottom.fixed .mdf-more-menu { display: block; }
    .header-bottom.fixed,
    .header-bottom.fixed > .container { height: 88px; min-height: 88px; }
    .header-bottom.fixed > .container { align-items: center; flex-wrap: nowrap; }
    .header-bottom.fixed .logo { display: flex; width: 72px; height: 88px; margin: 0 16px 0 0; align-items: center; justify-content: center; flex: 0 0 72px; }
    .header-bottom.fixed .logo img { display: block; width: auto; max-width: 66px; height: auto; max-height: 76px; margin: 0; }
    .header-bottom.fixed .main-nav { display: flex !important; width: auto; height: 88px; margin: 0; align-items: stretch; flex: 0 1 auto; }
    .header-bottom.fixed .main-nav > .menu {
        display: flex; height: 88px; margin: 0; align-items: stretch; flex-wrap: nowrap; white-space: nowrap;
    }
    .header-bottom.fixed .main-nav > .menu > li {
        display: flex; float: none; height: 88px; margin: 0 !important; align-items: stretch; flex: 0 0 auto;
    }
    .header-bottom.fixed .main-nav > .menu > li + li { margin-left: 0 !important; }
    .header-bottom.fixed .main-nav > .menu > li > a {
        display: flex; height: 88px; min-width: 72px; padding: 0 13px; align-items: center; justify-content: center;
        font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center;
    }
    .header-bottom.fixed .mdf-more-menu > a {
        display: flex;
        min-width: 108px;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }
    .header-bottom.fixed .mdf-more-menu > ul {
        min-width: 190px;
        padding: 8px 0;
        border: 1px solid #e2e7e3;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 12px 28px rgba(24, 44, 29, .14);
    }
    .header-bottom.fixed .mdf-more-menu > ul > li > a {
        padding: 10px 18px;
        color: #303832;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        text-transform: none;
    }
    .header-bottom.fixed .mdf-more-menu > ul > li > a:hover {
        color: #2f8741;
        background: #f1f7f2;
    }
    .header-bottom.fixed .header-search {
        display: flex; width: 300px; height: 48px; margin: 0 14px 0 auto !important; align-items: center; flex: 0 0 300px;
    }
    .header-bottom.fixed .header-search > .search-toggle { display: none !important; }
    .header-bottom.fixed .header-search .mdf-smart-search { width: 300px; }
    .header-bottom.fixed .header-search .mdf-search-field { height: 48px; }
    .header-bottom.fixed .header-icon:not(.header-search) {
        display: flex; width: 44px; height: 48px; margin: 0 8px 0 0; padding: 0 !important;
        align-items: center; justify-content: center; flex: 0 0 44px; overflow: hidden; font-size: 0; text-align: center;
    }
    .header-bottom.fixed .header-icon:not(.header-search) i { font-size: 26px; }
    .header-bottom.fixed .cart-dropdown { display: flex; height: 48px; margin: 0; align-items: center; justify-content: center; flex: 0 0 38px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-bottom.fixed .mdf-more-menu { display: block !important; }
    .header-bottom.fixed .main-nav > .menu > li > a { min-width: 66px; padding-right: 10px; padding-left: 10px; font-size: 13px; }
    .header-bottom.fixed .mdf-more-menu > a { min-width: 96px; }
    .header-bottom.fixed .header-search,
    .header-bottom.fixed .header-search .mdf-smart-search { width: 270px; flex-basis: 270px; }
}