body {max-width:100%;overflow-x:hidden;margin:0 auto;}
@media (min-width: 768px) {
.siteCookies--bottom.siteCookies--scrolled, .siteCookies--bottom {
width: auto;
right: unset;
}
}

.siteCookies__form {
border-radius: 0;
box-shadow: none;
flex-direction: column;
max-width: 400px;
padding: 15px;
font-size: 13px;
background-color: #222;
line-height: 1;
margin: 0 0 10px;
}
.siteCookies--bottom {
left: 10px;
margin-left: 0;
width: auto;
right: unset;
width: auto;
}
.siteCookies--bottom.siteCookies--scrolled {
background-color: transparent;
box-shadow: none;
left: 10px;
}
.siteCookies__links {
display: none;
}
.siteCookies__link {
background: none;
border: none;
border-radius: 0;
font-weight: normal;
line-height: 1;
padding: 0;
display: inline;
}
.siteCookies__button {
line-height: 1;
margin: 0 auto;
padding: 10px;
opacity:1;
}
.siteCookies__button:hover {
background-color: green;
color: #fff;
opacity:1;
}

@media (max-width:767px) {
.siteCookies__form {
max-width: calc(100% - 10px);
}
.siteCookies--bottom, .siteCookies--bottom.siteCookies--scrolled {
    left: 10px;
    right: 10px;
}
}
.carousel-inner>.item>a, .next-to-carousel-banners .banner-wrapper a {
    outline: solid 4px #fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6, #header, #header .site-name a, .header-bottom, .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a, .navigation-in a, .products-block .p-in-in a, .navigation-in ul.menu-level-2 a, .box-bg-variant .categories a {
        color: #222;
}
@media (min-width: 768px) {
    .navigation-in>ul>li.ext.exp>a {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
.top-navigation-bar .top-navigation-tools {
    max-width: 215px;
}
.top-navigation-bar .container>top-navigation-menu {
    flex: 1 1 100%;
}
}
.header-bottom {
    border: none;
    background: #222;
}
#navigation {
    background: #222;
    border: none;
}
.navigation-in>ul>li>a {
        color: #fff;
}
.navigation-in ul li a:hover, .navigation-in>ul>li.ext.exp>a, .navigation-in>ul>li.ext.exp>a:hover, .navigation-in ul.menu-level-2 a:hover {color:var(--orange);}
#header {
    margin-bottom: 5px;
}
    #header .navigation-buttons a[data-target=cart] i {
        background: #F43F00;
        background: linear-gradient(0deg, rgba(244, 63, 0, 1) 0%, rgba(251, 140, 0, 1) 100%);
    }
.products-block>div .p>a img {
    mix-blend-mode: multiply;
}
.products-block .p>a {
    padding: 50px 0 30px;
    background: #fafafa;
}
.products-block>div .p .p-code {display:none;}
.products-block>div:hover .p .p-code {display:block;color: #222;}
.products-block>div .p:hover {
    box-shadow: 0 0 30px #fb8c006e;
}
.products-block>div:hover {
    box-shadow: none;
}
    .products-block>div {
        padding: 5px;
    }
.product-slider-holder .products-block .p .name, .products-block .p .name {
    font-weight: 700;
    text-transform: uppercase;
}
.products-block>div .p .stars-placeholder {
    height: auto;
    margin: 0;
}
.products-block>div .p .p-bottom {
    padding: 5px 10px 0;
}
.products-block>div .p .p-bottom>div .p-tools {
    padding: 5px 0 22px 0;
}
.btn, a.btn {
    border-radius: 8px;
}
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
    background: #F43F00;
    background: linear-gradient(90deg, rgba(244, 63, 0, 1) 0%, rgba(251, 140, 0, 1) 50%, rgba(17, 122, 33, 1) 50%, rgba(9, 173, 33, 1) 100%);
    color: #fff;
    font-weight: 500;
    background-size: 200%;
    border: none;
    transition: all 0.3s ease;
}
.btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {
    color: #fff;
    transition: all 0.3s ease;
    background-position: right;
}
.product-slider .products-block {
    padding: 30px 0;
}
#header .search-input {
    border-bottom: solid 1px #222;
}
.categories .topic a {
    font-size: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
#categories .expandable>.topic>a>span, #categories .expandable>a>span {
    color: var(--red);
    position: unset;
}
.categories .topic.active>a, #categories .expandable.active.expanded>a>span, #categories .expandable>.topic.active>a>span {
    color: var(--red);
}
.categories .topic.active>a:hover, #categories .expandable.active.expanded>a:hover>span, #categories .expandable>.topic.active>a:hover>span, .box-bg-variant .categories a:hover {
    color: var(--orange);
}
.categories ul a {
    padding-left: 40px;
    font-weight: 400;
}
.breadcrumbs {
    position: relative;
    border: none;
    isolation: isolate;
    margin-top: -5px;
    padding: 8px !important;
}
.breadcrumbs:after {
    content: '';
    display: block;
    position: absolute;
    width: 100dvw;
    height: 100%;
    background: #fb8c0033;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.breadcrumbs a, .breadcrumbs span {
    color: #222;
}
.breadcrumbs a:hover, .breadcrumbs span:hover { color: var(--red);}
.multiple-columns-body.type-product .breadcrumbs {
        width: 100%;
    }
.subcategories.with-image li {
    padding: 5px;
}
.subcategories li a {
    color: #222;
    background: #fafafa;
    padding: 10px;
    height: 70px;
}
.subcategories li a:hover {
    position: relative;
    box-shadow: 0 0 30px #fb8c006e;    
}
.subcategories.with-image li a .image img, .top-products li.display-image .top-products-image img {
    mix-blend-mode: multiply;
}
.subcategories.with-image li a:hover .text {text-decoration: none;}
:where(body.ums_page_element_headings--on) .sidebar-inner>div.box-sm {
    border: none;
    background: #fafafa;
}
.filter-sections {
    background-color: transparent;
}
.p-detail {display:flex;flex-direction: column;}
.multiple-columns-body .position--benefitProduct {
    order: 9;
}
@media (min-width: 1200px) {
    .multiple-columns-body .position--benefitProduct .benefitBanner__item {
        flex: 1 1 25%;
    }
}
a.social-icon {background: #F43F00;color: #fff;}
a.social-icon:focus-visible, a.social-icon:hover {
    background: #F43F00;
    background: linear-gradient(0deg, rgba(244, 63, 0, 1) 0%, rgba(251, 140, 0, 1) 100%);
    border: none;
    color: #fff;
}
.benefitBanner__title {
    font-size: 14px;
}
.benefitBanner__data {
    font-size: 14px;
    color: var(--orange);
    line-height: 1.2;
    text-wrap-style: balance;
}
@media (max-width:767px) {
.products-block .p>a {
    padding: 50px 0 30px;
}
.navigation-in {
    background-color: #222;
    position:relative;
}
.navigation-in:after {
        content: '';
        background-image: url("/user/documents/upload/symbol.svg");
        position: absolute;
        width: 120%;
        height: 73%;
        background-size: cover;
        bottom: -30%;
        left: -10%;
opacity: 0.5;
    transition: all 0.3s ease;
    z-index:0;
}
.navigation-in:has(.exp):after {
        opacity: 0.2;
        transition: all 0.3s ease;
    }
#navigation .navigation-in ul li>a>b {
    text-decoration: none;
    font-weight: 400;
}
.navigation-in .navigationActions {
    border-top-style: none;
}
.navigation-in .navigationActions a {
color: #939393;
}
.navigation-in ul.menu-level-2 li a {
        color: #fff;
}
.navigation-window-visible #navigation {
        width: 100%;
        left: 0;
}
#navigation {
        width: 100%;
        left: 100%;
}
.navigation-in ul {
    position: relative;
    z-index: 1;
}
}
#footer {
    background-color: #fff;
    border-top: solid 1px;
}
.benefitBanner__picture {
    flex: 0 0 50px;
    margin-right: 20px;
    max-width: 50px;
}
.p-detail-tabs-wrapper {
    max-width: 100%;
}
.footer-banners {
    margin: 40px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 3px;
}
.footer-banner:last-child .extended-banner-texts {
    background: transparent;
}
.footer-banners:before,
.footer-banners:after {display:none;}
.footer-banner {width:100% !important;aspect-ratio: 1 / 1;padding: 0 !important;}
.footer-banner .extended-banner-texts {
    background: #00000063;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;transition: all 0.3s ease;
}
.footer-banner a:hover .extended-banner-texts {
    background: #00000010;transition: all 0.3s ease;
}
.footer-banner .extended-banner-title {
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    position:unset;
        line-height: 1.2;
}
.footer-banner a {overflow:hidden;}
.footer-banner .extended-banner-link {
    height: auto;
    position: unset;
    margin-top: 12px;
    padding: 12px 24px;
    align-self: flex-start;
    background: #F43F00;
    background: linear-gradient(90deg, rgba(244, 63, 0, 1) 0%, rgba(251, 140, 0, 1) 50%, rgba(17, 122, 33, 1) 50%, rgba(9, 173, 33, 1) 100%);
    color: #fff;
    font-weight: 500;
    background-size: 200%;
    border: none;
    transition: all 0.3s ease;
    border-radius: 8px;
}
.footer-banner a:hover .extended-banner-link {background-position: right;transition: all 0.3s ease;}

@media (min-width: 1200px) {
.footer-banner:last-child {
    display:none;
}
}
@media (min-width:768px) and (max-width:1199px) {
.footer-banners {
    grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.footer-banners {
    grid-template-columns: 1fr 1fr;
}
.footer-banner .extended-banner-texts {
    padding: 10px;
}
.footer-banner:last-child,
.footer-banner .extended-banner-link {
    display:none;
}
.footer-banner .extended-banner-title {
    max-width: 70%;
}
}

.homepage-group-title {
    margin-bottom: 0;
}

.subcategories li a {
    color: #222;
    background: #fafafa;
    padding: 10px;
    height: 70px;
    border: solid 1px;
}
.subcategories li a:hover {
    color: var(--orange);
    background: #fff;
    border: solid 1px;
}
.p-data-wrapper .detail-parameters tbody tr th:after {display:none;}
.p-data-wrapper .detail-parameters tbody tr th {min-width: unset;padding-right: 0px;}
.p-data-wrapper .detail-parameters tbody tr td {padding-left: 5px;}
.p-data-wrapper .detail-parameters tbody tr:first-child th .row-header-label:after {content:':';}
.p-data-wrapper .detail-parameters tbody tr:not(:last-child):after {content:',';}
.p-data-wrapper .detail-parameters tbody tr {display: flex;gap:5px;}
.p-data-wrapper .detail-parameters tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.p-data-wrapper .detail-parameters tbody tr th .row-header-label,
table.detail-parameters tbody tr th .row-header-label {
    background-color: transparent;
}