*, *::before, *::after {
    outline: none;
}
a:focus, a:hover {
    outline: none !important;
}
html {
    scrollbar-gutter: stable;
}

body {
    font-size: 16px;
    scrollbar-width: thin;
}

h1 {
    font-size: 38px;
    color: #303030;
    font-weight: 400;
}

body .ocf-filter-name {
    font-size: 16px;
    color: #303030;
    text-transform: initial;
    font-weight: 600;
    line-height: 1;
}

@media (min-width: 992px) {
    #toggleMenuButton {
        height: 42px;
    }
}

@media (max-width: 991.98px) {
    h1 {
        font-size: 30px;
    }
}

@media (max-width: 574px) {
    .demo-material-label2 {
        font-size: 20px;
    }

    h1 {
        font-size: 24px;
    }
}


.tell_nav,
.tell_nav a,
.phone .caret,
.call_v1.call-order,
.cart-price,
.btnp,
#top .btn-link,
#top-links li,
#top-links a {
    color: #364a63 !important;
    font-size: 15px !important;
    line-height: 1;
}

.vmenu_name {
    font-size: 16px !important;
}

#top-links a:hover {
    color: #f5621e !important;
}

.mob_title {
    font-size: 12px !important;
}

/* Цветовая гамма */
#menu_height ul li.cat_count:first-child {
    background: #0f3710;
    margin: 8px;
    border: 1px solid #0f3710;
    border-radius: 8px;
}

#menu_height ul li.cat_count:first-child>a {
    color: #fff;
    font-size: 13px;
}

#menu_height ul li.cat_count:first-child:hover {
    background: #0f3710 !important;
    opacity: 0.9;
}

#menu_height ul li.cat_count:first-child:hover a {
    color: #fff !important;
}

.mobile_menu .nav-wrapper .nav-content>ul>li.nav-item:first-child a.nav-item-link {
    background: #0f3710;
    color: #fff;
    border-radius: 8px;
    padding: 8px !important;
}

.product-thumb .product-name a {
    color: #217321 !important;
}

.pages-wrapper .catpr2 {
    color: #217321;
}

.pages-wrapper .catpr2:hover {
    color: #f5621e;
}

.catb .catpr img {
    margin: 0 auto;
}

.vmenu_hr {
    border-radius: 8px;
}

.cat2lv.flex-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 10px;
}

@media (max-width: 500px) {
    .cat2lv.flex-row {
        grid-template-columns: 1fr 1fr;
    }

    .catpr2 {
        font-size: 11px;
    }
}

.cat2lv .fix_rowm {
    width: 100% !important;
    padding: 0 !important;
}

.cat_add {
    margin: 0 !important;
}

.cat2lv.flex-row .catb .cat_add {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cat2lv .swiper_wrap {
    margin-top: -10px;
}

#main-image {
    max-height: 380px;
    object-fit: contain;
}


.row-flex:has(#sticky_item) {
    display: flex;
}

#product {
    background: #ffffff;
}

.catpr2 {
    padding: 0;
}

.btn-cart:hover,
.btn-slider:hover,
.btn-primary:hover,
.noUi-connect:hover,
.btn-default:hover,
.cart .snav:hover,
.gtile-i-wrap .cart .snav span:hover,
.st_cart_box:hover,
.st_cart .price-new:hover,
.st_cart .price-old:hover,
.mobile_menu .cat_mob:hover,
#product-tab .nav li.active a:hover,
.mm_button:hover {
    background: #627C62 !important;
    border: 1px solid #627C62 !important;
}

.cat_desc {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
}

@media screen and (max-width: 1199.98px) {
    .row:has(#sticky_item) {
        flex-direction: column;
    }

}

.breadcrumb>li+li:before {
    margin-right: 5px;
}

.uslugi-link {
    color: #fff;
    display: block;
    text-align: center;
}

.uslugi-link:hover {
    color: #f5621e;
}

.demo-material-label2 {
    white-space: wrap;
}

/* Для блога */
.blog-article-top {
    display: grid;
    margin-bottom: 5rem;
    background-color: #000000cc;
}

.banner-blog-wrapper {
    min-height: 450px;
    color: #fff;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-blog-wrapper .blog-h1 {
    color: #fff;
    margin-top: 0;
    font-size: 36px;
    max-width: 800px;
}

.banner-blog-wrapper>.container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.banner-blog-wrapper .blog-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.banner-blog-wrapper .blog-stats-info {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.banner-blog-wrapper .blog-stats-info .item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-article-top .breadcrumb {
    margin-top: 20px;
}

.blog-article-top .breadcrumb a {
    color: #fff;
}

.blog-article-top .breadcrumb li:last-child {
    /*color: #f5621e;*/
    color: #00a241;
}

@media screen and (max-width: 767px) {

    .banner-blog-wrapper .blog-h1 {
        font-size: 28px;
    }

    .banner-blog-wrapper {
        min-height: 350px;
        padding: 0 30px;
    }
}

@media screen and (max-width: 567px) {

    .banner-blog-wrapper .blog-h1 {
        font-size: 22px;
    }

    .banner-blog-wrapper {
        min-height: 350px;
        padding: 0 20px;
    }

}


/* Блок почему мы */
.mt-60 {
    margin-top: 60px;
}

.mt-40 {
    margin-top: 40px;
}

.advantages span.title {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.2rem;
    display: block;
    padding-bottom: 20px;
}

.advantages .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
}

.advantages .grid .advantages-item {
    background: #fff;
    padding: 2.4rem;
}

.advantages .grid .advantages-item.any-questions {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantages .grid .advantages-item .big-text {
    font-size: 5rem;
    line-height: 1;
    padding-bottom: 16px;
    font-weight: 600;
    display: flex;
}

.advantages .grid .advantages-item .big-text span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1;
    padding-left: 5px;
    max-width: 100px;
    text-align: left;
}

.advantages .grid .advantages-item .small-text {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    max-width: 260px;
}

.advantages .advantages-item .block-slider-head {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.advantages .advantages-item .block-slider-head a {
    font-weight: 600;
    padding-right: 28px;
    position: relative;
    color: #262626;
}

.advantages .advantages-item .block-slider-head a:hover {
    color: #00a241;
}

.advantages .advantages-item .block-slider-head a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 18.3333L18.3333 5" stroke="%23111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5H18.3333V18.3333" stroke="%23111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / cover;
    width: 20px;
    height: 20px;
}

.advantages .advantages-item .block-slider-head a:hover:before {
    filter: brightness(0) saturate(100%) invert(30%) sepia(81%) saturate(4989%) hue-rotate(141deg) brightness(108%) contrast(101%);
}

.advantages .grid .advantages-item:last-child {
    background: linear-gradient(90.34999999999999deg, #afdac0 2.81%, #afdac0 112.55%);
    text-align: center;
}

.advantages .grid .advantages-item:last-child span.name {
    display: block;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.2rem;
    padding-bottom: 8px;
}

.advantages .grid .advantages-item:last-child p {
    font-weight: 500;
    line-height: 2rem;
    text-align: center;
    color: #484848;
    margin-bottom: 16px;
}

.button-all {
    margin: 0 auto;
    padding: 14px 61px 14px 33px;
    background: #03b84c;
    border-radius: 48px;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #fff;
    position: relative;
    display: block;
    width: max-content;
    max-width: 100%;
    border-color: transparent;
}

.button-all:hover {
    color: #fff;
    opacity: 0.8;
}

.button-all:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 18.3333L18.3333 5" stroke="%23111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5H18.3333V18.3333" stroke="%23111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / cover;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    filter: invert(1);
}

@media only screen and (min-width: 496px) and (max-width: 900px) {
    .advantages .grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 495px) {
    .advantages .grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0;
    }

    .advantages .grid .advantages-item {
        width: 49%;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 1.6rem;
        position: relative;
        text-align: center;
    }

    .advantages .grid .advantages-item .big-text {
        font-size: 4rem;
        padding-bottom: 12px;
        justify-content: center;
    }

    .advantages .grid .advantages-item .small-text {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .advantages .advantages-item .block-slider-head {
        white-space: nowrap;
        position: static;
        padding-bottom: 17px;
    }

    .advantages .advantages-item .block-slider-head a {
        position: absolute;
        display: block;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
    }

    .advantages-item:nth-child(5) {
        display: none;
    }

    .advantages .grid .advantages-item:last-child {
        width: 100%;
        font-size: 1.8rem;
        line-height: 2rem;
        padding-bottom: 1.6rem;
    }
}

.ocf-value-input {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
}

.ocf-value-name {
    font-size: 14px !important;
    line-height: 1.1;
    margin-top: 5px;
}

.ocf-checkbox {
    display: block;
    margin-bottom: 13px !important;
}

.ocf-value-append {
    display: block;
    margin-top: 3px;
}

.ocf-theme-light .ocf-value-count {
    font-size: 13px;
    background: transparent !important;
}

/*.ocf-value.ocf-checkbox,
.ocf-value.ocf-checkbox:active,
.ocf-value.ocf-checkbox:focus,
.ocf-value.ocf-checkbox:visited,
.ocf-value.ocf-checkbox:hover {
    align-items: center;
}*/

.catpr2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 5px;
    background-color: #627C62;
    color: #ffffff !important;
    line-height: 1.2;
    padding: 10px 10px;
    min-height: 54px;
}

.breadcrumb>li {
    line-height: 1.1;
}

.ocf-theme-light .ocf-footer,
.ocf-theme-light .ocf-footer:after {
    box-shadow: none !important;
}
.ocf-theme-light .ocf-selected-card {
    box-shadow: none !important;
    padding: 0;
}

@media screen and (min-width: 990.98px) {
    #column-left:has(.ocf-container) {
        position: sticky;
        top: 70px;
    }

    .ocf-body {
        /* position: sticky;
    top: 0; */
        max-height: calc(100vh - 155px);
        overflow-y: auto;
        scrollbar-width: none;
    }

    .ocf-footer {
        display: none;
    }

    .ocf-popover-content {
        display: none !important;
    }

    /* .sort1 {
    position: sticky;
    top: 52px;
    background-color: rgba(249, 249, 249);
    border-radius: 5px;
    padding: 15px 2px;
    margin-bottom: 0 !important;
    z-index: 88888888;
}

.ocf-btn-mobile-fixed {
    top: 52% !important;
} */
}

.submenu_main {
    font-weight: 600;
    font-size: 1.6rem;
}

.arrowvertmenu {
    font-weight: 500;
    font-size: 13px;
}

[class*='product-product-'] #top-menu.fixed {
    display: block !important;
}

.navbar-fixed {
    top: -10px !important;
}


/* @media (min-width: 1200px) {
    body:has(.navbar-fixed) #sticky_item {
        top: 100px;
    }
} */

.pr_box2 .form-group {
    margin: 0;
}

#nav_pr {
    margin-bottom: 10px;
    margin-top: 5px;
}

#sticky_item,
[id^="tab-add-"] {
    border-right: 4px solid #f2f2f5 !important;
}

#sticky_item .demo-gallery {
    max-width: 380px;
}

#cont .addimg_index {
    max-height: 420px;
}

#pr_alert_danger,
#pr_alert_danger2 {
    padding-top: 0;
}

.linetoppr {
    padding: 0 0 5px 0;
}

.title-modulepr {
    padding-bottom: 10px;
}

#shops_click,
.info_description {
    font-size: 12px;
}

.info_box {
    padding: 5px 0;
}

.attribute_box {
    margin-top: 10px;
}

#product .product-thumb {
    padding: 5px 10px;
}

#nav_pr .nav li>a {
    font-size: 12px;
    padding: 12px;
}

[class^="product-product-"] .pr_h1 {
    margin-bottom: 10px;
}

[class^="product-product-"] p {
    margin: 0 0 5px !important;
}

.stpr {
    margin-bottom: 5px;
}

.navbar-fixed .nav_pr .btn-cart {
    padding: 0;
}

[class^="product-product-"] .btn-cart {
    padding: 10px;
}

.nav_pr.nav-tabs {
    height: 52px;
}

#nav_pr .nav li>a {
    padding: 12px !important;
}

.box-prinfo .pr_price .price-new {
    font-size: 26px;
}

.box-prinfo .btn-cart {
    font-size: 12px;
}

.undersell_pr {
    font-size: 11px;
}

.flex_r {
    align-items: center;
}

#prrelated#prrelated img {
    max-width: 45px !important;
    object-fit: cover;
}

#prrelated .caption a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto;
    font-size: 12px !important;
    line-height: 1.4;
}

#related_cart .box_flex2 li,
#related_cart .box_flex2 svg,
#prrelated .box_flex2 li,
#prrelated .box_flex2 svg {
    width: 30px;
    height: 30px;
}

.main_tabs-box {
    display: flex;
}

.main_tabs-card {
    position: sticky;
    top: 120px;
    display: block;
    min-width: 300px;
    height: fit-content;
    margin: 20px 0 0 20px;
}

.nav_products-tabs {
    display: grid;
    gap: 7px;
}

.main_tabs-card .gtile-i-wrap {
    border: none;
}

.main_tabs-card .product-thumb {
    padding: 0;
}

.nav_products-tabs .nav_image {
    width: 100%;
    height: 100%;
}

.nav_products-tabs .nav_image img {
    display: block;
    margin: 0 auto;
}

.nav_products-tabs .nav_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    line-height: 1;
}

.nav_products-tabs .nav_price .btn-cart {
    padding: 0;
}

.line-product-box {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.pr_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}

/* .w-100 {
    width: 100%;
} */

.pr_box2.pr_box1 svg,
.lg-group svg {
    width: 35px !important;
}

.pr_box2 .pull-left1 {
    display: flex !important;
}

.dropdown-submenu>.dropdown-menu2,
.pr_box2br.pr_box2br {
    border-radius: 0 !important;
}

.pr_box2-slider {
    border-radius: 0 0 8px 0 !important;
}

.info_title_add {
    font-size: 12px;
}

.nav_pr2 {
    z-index: 1000 !important;
}

#nav_pr .nav_pr_sc {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
}

.taxp2-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 5px;
    background: #ffffff;
    height: 52px;
    border-radius: 8px;
    padding: 0 15px;
    margin: 0;
}

.taxp2-top li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.navbar-fixed .taxp2-top {
    display: none;
}

#nav_pr .li_right {
    margin: 0 auto;
    margin-right: 0;
}

.nav_pr.nav-tabs {
    background: #ffffff;
    border: none !important;
}

.attribute_box {
    gap: 10px;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #394958;
    border-radius: 5px;
}

.pr_nav .nav,
#product-tab .nav,
#nav_pr .nav,
.bread_scroll {
    white-space: nowrap;
    display: flex !important;
    flex-wrap: nowrap;
    max-width: 100% !important;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
}

#nav_pr {
    background: transparent;
}

.pr_box {
    padding: 15px !important;
}

.pr_box .pr_box2 {
    border: none !important;
    padding: 0 !important;
}

.info_inf {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    width: 100%;
}

.info_inf * {
    padding: 0;
    margin: 0;
}

.info_title_add2 {
    font-size: 12px;
}

.pr_box_lex {
    margin-bottom: 10px;
}

/* @media (min-width: 1200px) {
    #cont #sticky_item {
        width: 40%;
    }

    #cont .box-prinfo {
        width: 60%;
    }
} */

@media (max-width: 991px) {
    .main_tabs-box {
        flex-direction: column;
    }

    .main_tabs-card {
        position: static;
        display: none;
        margin: 20px 0 0 0;
    }
}

@media (max-width: 767px) {
    #nav_pr .nav_pr_sc {
        flex-direction: column;
    }

    .taxp2-top {
        width: 100%;
    }

    .line-product-box {
        display: grid;
        gap: 10px;
    }
}

@media screen and (max-width: 539px) {
    .pr_box2 #button-cart {
        margin-bottom: 10px !important;
    }

    .undersell_pr {
        font-size: 10px;
    }
}

.model-content {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: 0.1s ease all;
    color: pointer;
}

.model-content span {
    transition: 0.1s ease all;
}

.model-content.active span {
    transform: scale(1.05);
    transition: 0.1s ease all;
}

/* Ocfilter mobile button fix */
.ocf-mobile .ocf-btn-primary {
    background: #0f3710;
    border: 1px solid #0f3710;
    color: #ffffff;
    fill: #ffffff;
}

.ocf-btn-mobile-static {
    border-bottom-color: #cccccc !important;
}

.ocf-mobile .ocf-btn-primary .ocf-sliders {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/%3e%3c/svg%3e");
}

.ocf-mobile .buttons-ocf-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.ocf-mobile .ocf-btn-default {
    background: #ffffff;
    color: #0f3710;
    border: 1px solid #0f3710;
}

.ocf-mobile .ocf-btn.ocf-btn-default:hover,
.ocf-mobile .ocf-btn.ocf-btn-default:focus {
    background-color: #fff !important;
}

@media (max-width: 767px) {
    .sort1 {
        display: none;
        position: sticky;
        top: 121px;
        z-index: 999;
        background: #e9e9e9;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -15px;
        padding: 10px 20px;
        border-bottom: 1px solid #ccc;
    }

    .sorting-link {
        font-size: 14px;
    }

    .ocf-btn-mobile-static {
        position: sticky;
        top: 51px;
        z-index: 999;
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px;
        background: #e9e9e9;
    }
}


#nav_pr .nav_pr.nav-tabs {
    left: auto;
    right: auto;
    max-width: calc(1570px - 60px) !important;
    width: 100% !important;
    margin: 0 auto;
}

.navbar-fixed {
    transition: all 0.5s linear !important;
    z-index: 90;
}

.product-layout:hover,
.block_ico:hover {
    z-index: 10 !important;
}

/* fix product page */
#review_sw {
    display: grid;
}
#review_sw  .swiper-container {
    width: 100%;
}