<style>
.header-bottom {
    background-color: #673F25;
    border-color: #673F25;
}
#navigation {
    border-top-color: #673F25;
    background-color: #673F25;
}
@media (min-width: 768px){
    #header .menu-helper>span {
        color: #fff;
    }
    .navigation-in>ul>li>a {
        color: #fff;
    }
    .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
        color: #422209;
        background-color: #fff;
    }
    #navigation .menu-level-2 {
        border-top: 0;
        padding: 20px;
        gap: 20px 30px;
        align-items: inherit;
    }
    #navigation .menu-level-2>li {
        padding-top: 0;
        border: 1px solid #dadada;
        box-shadow: 0 0 10px rgb(0 0 0 / 0%);
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        width: calc(33.3333% - (90px / 4));
        flex-basis: calc(33.3333% - (90px / 4));
    }
    #navigation .menu-level-2>li:hover {
        box-shadow: 0 0 10px rgb(0 0 0 / 16%);
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .navigation-in>ul>li.ext>ul>li>a {
        padding: 10px;
        width: 96px;
    }
    #navigation .menu-level-2>li>div>a {
        padding-top: 15px;
        min-height: 74px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}
@media (min-width: 1200px){
    #navigation .menu-level-2>li {
        width: calc(25% - (90px / 4));
        flex-basis: calc(25% - (90px / 4));
    }
}

.subcategories {
    gap: 20px 30px;
    padding: 13px 0;
}
.subcategories li {
    width: calc(25% - (90px / 4));
    padding: 0 !important;
}
.subcategories li a {
    border: 1px solid #dadada;
    box-shadow: 0 0 10px rgb(0 0 0 / 0%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.subcategories li a:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/*perex category*/
.category-perex .subcategories li a {
    padding: 6px 20px;
}
.category-perex ul.subcategories li::before {
    display: none;
}
@media (max-width: 991px) {
    .subcategories {
        gap: 20px;
    }
    .subcategories li {
        width: calc(33.3333% - (60px / 3));
    }
}
@media (max-width: 640px) {
    .subcategories {
        gap: 20px;
    }
    .subcategories li {
        width: calc(50% - (40px / 2));
    }
}
@media (max-width: 640px) {
    .subcategories {
        gap: 10px;
    }
    .subcategories li {
        width: calc(50% - (20px / 2));
    }
}


.type-category .products-block>div {
    border-color: #f1f1f1;
}


.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart, .btn.btn-default, a.btn.btn-default {
    color: #fff;
}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover, .btn.btn-default:hover, a.btn.btn-default:hover {
    color: #fff;
}
.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
	color: #673F25;
}

.shkWrapDetail {
    border: 1px solid #dadada;
}
.shkWrapDetail .detail-parameters {
    margin: 10px;
    width: calc(100% - 20px);
}

.image360 a, .p-image a {
    border: 1px solid #dadada;
}

@media (min-width: 992px) {
    .type-detail .benefitBanner.position--benefitProduct .benefitBanner__item {
        flex: 1 1 50%;
    }
}
@media (max-width: 1440px) {
    .type-detail .benefitBanner.position--benefitProduct .benefitBanner__title {
        font-size: 1em;
    }
    .type-detail .benefitBanner.position--benefitProduct .benefitBanner__picture {
        flex: 0 0 65px;
        max-width: 65px;
    }
    .type-detail .benefitBanner.position--benefitProduct .benefitBanner__data {
        line-height: 1.2;
    }
}
@media (min-width: 992px) and (max-width: 1150px) {
    .type-detail .benefitBanner.position--benefitProduct .benefitBanner__title {
        line-height: 1.2;
        display: block;
    }
    .type-detail .benefitBanner.position--benefitProduct .benefitBanner__picture {
        flex: 0 0 55px;
        max-width: 55px;
    }
}


.description-inner .extended-description .detail-parameters {
    border: 10px solid #fff;
    box-shadow: 0 0 0 1px #dadada;
}

.type-detail .product-slider .products-block>div {
    border-right: 1px solid #dadada;
}
.type-detail .product-slider .products-block>div:last-of-type {
    border-right-color: rgba(0,0,0,0);
}


.shkDatetimeInfo {
    padding: 10px 10px;
    font-size: 15px;
    color: #e89600;
}
.shkDatetimeInfo__beforeText {
    font-weight: 600;
    text-decoration: underline;
}
#shkDatetimeInfoContent.shkDatetimeInfo__content {
    margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px){
#header{max-height: 200px; transition: max-height .3s;}
.sticky-header #header{max-height: 96px;overflow: hidden;;border-bottom: 1px solid #673F25;}
.sticky-header .menu-helper {position: fixed;right: 100px;z-index: 99999;top: 16px;}
.sticky-header #header .menu-helper > span {color: #1a1937;font-size: 0;}
.sticky-header .menu-helper > ul > li.splitted {display: block;}
.sticky-header .menu-helper > span::after {content: '\e914';-webkit-transition: none;-o-transition: none;transition: none;font-size: 20px;}
.sticky-header .menu-helper-visible .menu-helper > span::after {content: '\e912';}
.sticky-header.menu-helper-visible .menu-helper > ul {box-shadow: 0 0 10px rgba(0,0,0,0.3);}
}
</style>
