﻿* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

}

a {
    transition: 0.3s;
}

a:hover {
    color: #2E6C1C !important;
    text-decoration: underline;
}
:root {
    --item-width: 1480px;
}

::placeholder {
	font-size: 16px;
	font-family: 'Inter', sans-serif;
	line-height: 28px;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

html {
	scroll-behavior: smooth;
    scroll-padding-top: 125px;
}

textarea {
	display: block;
    border: 0;
    color: black;
    font-size: 16px;
    line-height: 22px;
    background: #FFF;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #a7a7a7;
    outline: none;
    min-height: 150px;
    resize: vertical;
    margin-bottom: 15px;
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    margin: 15px 0;
    line-height: 25px;
}

input {
    height: 48px;
    line-height: 48px;
    padding: 5px 15px;
    border: 1px solid #CCC;
    border-radius: 8px;
}

textarea:focus {
	box-shadow: 0 0 10px #fff;
}


a {
	text-decoration: none;
    color: #000;
}
body.dark a {color: #fff}
body {
	font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    transition: 0.5s;
    background: #F2F2F2;
}

body.dark {background: #11121A;}

h1, .h1 {
    font-family: Inter;
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
    color: #2E6C1C;
}

h1 img, .h1 img {
    vertical-align: middle;
}

body.dark h1, body.dark .h1 {
    color: #fff;
}

h2, .h2{
    font-family: Inter;
    font-size: 28px;
    font-weight: 600;
    margin: 15px 0px;
}
h3, .h3 {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0px;
}
h4, .h4 {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0px;
}

ul, ol {
    padding-left: 20px;
}

ul li, ol li {
    line-height: 25px;
    margin: 10px 0px;
}

.main {
    display: flex;
    align-items: center;
    width: var(--item-width);
    position: relative;
    justify-content: space-between;
    margin: auto;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    font-family: Inter;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    background: #2E6C1C;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
    padding: 10px 20px !important;
    border-radius: 10px;
}
.btn.inbasket {
    background-color: #3ead1d !important;
}

.btn:hover {
    background: #60c941;
    color: #FFF !important;
    text-decoration: none;
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    background: #FCFCFC;
    z-index: 11;
    transition: 0.5s;
    position: sticky;
    top: 0;
    height: auto;
}


body.dark .header {background: #09090c;}

.header__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header__container .main {
    display: grid;
    grid-template-columns: 10% 45% 30% 5% 5% 3%;
    align-items: center;
    background: #fff;
    padding: 0px 20px;
    height: 80px;
    border-radius: 12px;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;
    margin-top: 15px;
    transition: 0.5s;
}

body.dark .header__container .main {background: #03030399;}

body.dark .header__container .main a img {
    transition: 0.5s;
    filter: brightness(0) invert(1);
}

.header .main {
    display: flex;
    flex-direction: column;
}

.header_up {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
}

/* ----------------------------------------------- */ 
body._pc .menu__list > li:hover .menu__sub-list {
        opacity: 1;
        visibility: visible;
        transform: translate(0px, 0px);
        pointer-events: all;
        top: 25px;
        left: 0;
}

body._touch .menu__list > li {
        display: flex;
        align-items: center;
}

body._touch .menu__arrow {
    display: block;
    width: 0;
    height: 0;
    margin: 0px 0px 0px 5px;
    transition: transform 0.3s ease 0s;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
}


body._touch .menu__list > li._active:hover .menu__arrow {
    transform: rotate(180deg);
}

body._touch .menu__list > li._active:hover .menu__sub-list {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    pointer-events: all;
    top: 25px;
    left: 0;
}

body._touch .menu__link {
        flex: 1 1 auto;
}

body._lock {overflow: hidden;}


body._lock .header__container {
                display: block;
}

/* ----------------------------------------------- */

.header_menu a:hover {
    text-decoration: underline;
    color: #2E6C1C !important;
}


.menu__arrow, .close__arrow {
    display: none;
}

.menu__sub-list {
    position: absolute;
    top: 140px;
    left: 0;
    background-color: #376CBB;
    padding: 15px;
    min-width: 300px;
    transition: 0.3s;
}

.menu__sub-list li {
    margin: 0px 0px 10px 0px;
    list-style: none;
}

.menu__sub-link {
    color: #fff;
}

@media (min-width: 1023px) {
       .menu__list {
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: space-evenly;
        }
        .menu__list > li {
            padding: 0px 10px;
            font-family: Inter;
            font-size: 15px;
            font-weight: 600;
            list-style-type: none;
            position: relative;
            cursor: pointer;
            text-align: center;
            line-height: 1.2;
        }

        .dropdown-menu > li {text-align: start;}


         header .line_mob {
                display: none;
        }
        .header_menu.menu {
            width: 100%;
        }
        .header nav.menu__body {
            width: 100%;
        }

        .menu__sub-list {
            transform: translate(0px, 10%);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: all 0.3s ease 0s;
            z-index: 20;
        }

        .menu__icon {
            display: none;
        }

        .compare {
            opacity: 0;
        }

        .box_sel_city {
            display: none;
        }


}

@media (max-width: 1023px) {
        header {
                width: 100%;
                position: relative;
                box-sizing: border-box;
                padding-left: 10px;
                padding-right: 10px;
                background: #ffff;
                padding-bottom: 0px !important;
                top: 0px;
                height: 200px;
        }

        header .main {
                padding: 0 10px;
                box-sizing: border-box;
        }

        header .line_mob {
                display: block;
        }

         header .line {
                display: none;
         }

        .header__logo {
                padding-left: 20px;
                align-items: center;
                margin: 15px 0 15px 0px !important;
        }

         .header__logo .logo {
                display: flex;
                align-items: center;
                margin-left: 50px;
         }

        .header__logo .logo img {
                width: 190px;
        }

        .header__logo span {
                font-size: 20px;
        }

       .header__container {
            width: 100%;
            padding: 0 !important;
            z-index: 12;
            position: fixed;
            top: 0;
        }

       .menu__icon {
            display: flex;
            flex-direction: column;
            position: absolute;
            width: 56px;
            height: 56px;
            cursor: pointer;
            margin-right: 10px;
            z-index: 20;
            right: 0px;
            padding: 16px;
            background: #2E6C1C;
            border-radius: 10px;
            align-items: flex-end;
        }


        .menu__icon span, .menu__icon::before, .menu__icon::after {
                content: "";
                left: 0;
                position: relative;
                height: 3px;
                transition: all 0.3s ease 0s;
                background-color: #fff;
        }

        .menu__icon::before {
                top: 0;
                border-radius: 5px;
                width: 21px;
        }


        .menu__icon::after {
            bottom: -13px;
            border-radius: 5px;
            width: 9px;
        }

        .menu__icon span {
            position: relative;
            top: 8px;
            transform: scale(1.0) translate(0px, -50%);
            width: 15px;
            height: 3px;
            border-radius: 5px;
        }


        .menu__icon._active span {
                transform: scale(0) translate(0px, -50%);

        }

        .menu__icon._active::before {
                top: 50%;
                transform: rotate(-45deg) translate(0px, -50%);
        }

        .menu__icon._active::after {
            left: 30%;
            top: 50%;
            transform: rotate(45deg) translate(0px, -50%);
            position: absolute;
            width: 21px;
        }


        .header .menu__body {
            display: none;
            position: fixed;
            top: 60px;
            right: -120%;
            width: 300px;
            height: auto;
            padding: 50px 30px 30px 30px;
            transition: right 0.3s ease 0s;
            overflow: auto;
            background: #FFFFFF66;
            backdrop-filter: blur(10px);
            z-index: 10;
        }

        .menu__body._active {
            right: 0%;
            border-radius: 24px;
        }

        .menu__list {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 40px;
            list-style: none;
        }

       .menu__list > li {
            flex-wrap: wrap;
            padding: 15px 0px 15px 0px !important;
            margin: 0;
            width: 100%;
            position: relative;
        }
        .menu__list > li:not(:last-child) {border-bottom: 1px solid #00000054;}

        .menu__list > li:first-child {
                margin-left: 0px !important;
        }

        .menu__list > li._active .menu__sub-list {
                display: block;
        }

        .menu__list > li:last-child {
                margin-bottom: 0;
        }

        .menu__link {
               font-size: 22px;
        }

        body._touch .menu__list > li._active:hover .menu__sub-list {
            position: fixed;
            top: 80px;
            width: 100%;
            height: 100%;
            left: 0;
            z-index: 10;
        }

       .menu__sub-list li {
            margin-bottom: 20px;
            font-size: 25px;
            line-height: 35px;
        }

    body._touch .close__arrow {
        display: block;
        width: 0;
        height: 0;
        margin: 0px 0px 0px 5px;
        transition: transform 0.3s ease 0s;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 30px solid #fff;
        position: absolute;
        right: 30px;
        transform: rotate(270deg);
    }

    body._touch .menu__arrow {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 30px solid #fff;
        position: absolute;
        right: 30px;
        transform: rotate(270deg);
    }

    .menu__sub-list {
        top: 140px;
        left: -190%;
    }
    .box_account .btn {display: none;}
    .header .header_up {
        grid-template-columns: 1fr;
        width: fit-content;
        position: absolute;
        left: 45%;
        transform: translateX(-50%);
    }
    .theme.brigth, .theme.nigth {
        margin: 0;
        width: 50px;
        flex: 0 0 42px;
        padding: 0;
    }
    .box_account .name_theme {display: none;}
    .theme.nigth .circle_theme {right: 5px !important;}
    body._lock .header .header_up {display: block;}
}

/*----------------------------------------------------------------*/

.header .box_search {
    display: none;
}
.footer_menu-mob {display: none;}
.header .box_contact {display: none;}

.city {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.city.city_mob {display: none;}

body.dark .name_city {
    color:#fff;
}
.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 31px;
    cursor: pointer;
}

body.dark .city img {
    filter: brightness(0) invert(1);
}

.numb_store {
    margin: 0;
    color: #ccc;
    font-size: 18px;
}

.box_account {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.theme {
    position: relative;
    width: 128px;
    height: 40px;
    box-shadow: 0px 0px 6px 0px #00000005;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 5px 10px;
    margin-right: 35px;
    cursor: pointer;
    transition: 1s;
    flex: 0 0 128px;
}

.theme.brigth {
    background: #FFFFFF;
}

.theme.nigth {
    background: #404040;
}

.circle_theme { 
    width: 33px;
    height: 33px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 5px;
    transition: 0.5s;
}

.name_theme {
    margin: 0;
    color: #ccc;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    transition: 0.5s;
  
}

.theme.brigth .circle_theme {
     background: #FFEDB9;
}

.theme.brigth .circle_theme img[src*="img/moon.webp"] {
    opacity: 0;
    position: absolute;
}

.theme.brigth .name_theme {
      left: 10px;
}

.theme.nigth .circle_theme {
    background: #9A97FF;
    right: 90px;
}

.theme.nigth .circle_theme img[src*="img/sunny.webp"] {
    opacity: 0;
    position: absolute;
}

.theme.nigth .name_theme {
      left: 60px;
}

.box_account .btn {
    padding: 0px 20px;
    position: relative;
    flex: 0 0 175px;
}

.box_search {
    display: grid;
    grid-template-columns: 26% 74%;
    align-items: center;
}

.box_search .btn {height: 56px}

.btn.search {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 6px;
    right: 8px;
    display: flex !important;
}
.input_search {
    position: relative;
}

.input_search input {
    background: #F8F8F8;
    border: none;
    width: 100%;
    height: 60px;
}

.box_contact {
    display: flex;
    justify-content: center;
}

.contact_search {
}

.contact_search a {
    font-size: clamp(17px, 3vw, 24px);
    font-weight: 600;
}

.time {
    font-size: clamp(14px, 3vw, 16px);
    color: #ccc;
    margin: 0;
}
.compare {
}
.like {
}
.basket_icon {
    position: relative;
}

.basket {
    position: relative;
}

.numb_basket {
    position: absolute;
    width: 18px;
    height: 27px;
    background: #2E6C1C;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skewX(-25deg);
    top: -8px;
    left: -12px;
    z-index: 1;
    padding: 0px 10px;
}


.homeBnr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0px 0px 30px 0px;
}

.homeBnr.homeBnrMobile .sliders_bnr {display: none !important;}

.homeBnr .btn {
    position: absolute;
    bottom: 5px;
    right: 0;
}

.sliders_bnr {
    height: auto;
    width: 100%;
    margin-top: 20px;
}
.slide_bnr {
    height: auto !important;
    display: grid !important;
    grid-template-columns: 65% 34%;
    grid-auto-rows: 46% 50%;
    grid-gap: 1em;
    padding: 0px 1px;
}

.slide_bnr img {height: 100%; width: 100%}

.slide_bnr .item-1 {
    grid-row: 1 / 3;
}

.slide_bnr > div {
    border-radius: 25px;
    overflow: hidden;
}

.homeBnr .slick-next {
    right: -70px !important;
}

.slick-next:before {content: '' !important;}

.homeBnr .slick-prev {
    left: -70px !important;
    z-index: 10;
}

.slick-prev:before {content: '' !important;}


.slick-dots li button:before {
    content: ' ' !important;
    background: #2E6C1C;
    width: 18px !important;
    height: 27px !important;
    transform: skewX(-25deg);

}

.slick-dots li.slick-active button:before {
    opacity: 1 !important;
}

.slick-dots li button {
    background: #D9D9D9;
   
}

.slick-dots {bottom: -40px !important;}



.slick-prev, .slick-next {
    width: 20px !important;
    height: 30px !important;
    /*top: unset !important;*/
    bottom: -80px !important;
}

.homeBnr .slick-prev, .homeBnr .slick-next {
    width: 20px !important;
    height: 30px !important;
    right: -60px !important;
    z-index: 10;
    top: 50% !important;
    bottom: unset !important;
}

.homeBnr .slick-next {
    right: -60px !important; 
    transform: translate(0, -50%) !important;  
}

.homeBnr .slick-prev {
    left: -60px !important;
    transform: translate(0, -50%) !important;
}

.slick-next {
    right: -60px !important;   
}

.slick-prev {
    left: -60px !important;
}


.slick-next:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-right: 3px solid #2E6C1C;
    border-bottom: 3px solid #2E6C1C;
    transform: rotate(315deg);
}

.slick-prev:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-right: 3px solid #2E6C1C;
    border-bottom: 3px solid #2E6C1C;
    transform: rotate(135deg);
} 


.populary {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    width: 100%;
    margin-bottom: 50px;
}

.populary .main {
    flex-direction: column;
}

.slider_product {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1em;
}

.slider_product .slick-slide {
  margin: 5px 20px;
}

.slide_product {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 526px !important;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;
    padding: 20px 20px 60px 20px;
    box-sizing: border-box;
    position: relative;
}

body.dark .slide_product {
    background: #2E2E2E;
}

.prd_header {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    align-items: flex-start;
    height: 55px;
}
.prd_header-left {
    display: flex;
    flex-direction: column;
}
.article {
    font-weight: 500;
    font-size: 13px;
    color: #ccc;
    margin: 0;
}
.stock {
    display: flex;
    width: 96px;
    height: 27px;
    border-radius: 6px;
    background: #BA261C;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin: 0;
    align-items: center;
    justify-content: center;
}
.prd_header-right {
    display: flex;
}

.prd_header-right img {
    width: 18px !important;
    height: 18px !important;
}
.compare_prd {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EDEDED;
    border: none;
    margin-right: 10px;
    cursor: pointer;
}
.like_prd {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EDEDED;
    border: none;
    cursor: pointer;
}
/*.like_prd.infav {
    opacity: 0.3;
}*/

.like_prd.infav {
    background: url(/local/templates/karat_new/img/like_red.svg) #EDEDED;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}
.img_prd {
    display: flex;
    width: 100%;
    height: 158px;
    border-radius: 12px;
    overflow: hidden;
    justify-content: center;
    margin: 5px 0;
    background: #fff;
}

.img_prd a {
    width: 100%;
    height: 158px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_prd img {
    object-fit: contain;
    width: 100%;
    height: -webkit-fill-available;
}


.title_prd {
    font-weight: 500;
    font-size: clamp(14px, 2vw, 16px);
    height: 80px;
    overflow: hidden;
    margin: 15px 0px;
    display: block;
}

body.dark .title_prd {color: #fff}

.cena_prd {
    display: flex;
    margin-bottom: 10px;
}
.main_cena {
    font-weight: 700;
    font-size: clamp(26px, 2.5vw, 26px);
    color: #2E6C1C;
}

body.dark .main_cena {color: #fff}

.old_cena {
    font-weight: 500;
    font-size: clamp(12px, 3vw, 16px);
    text-decoration: line-through;
    opacity: 0.4;
    margin: 0;
    margin-left: 10px;
    color: #919191;
}

.slide_product button.btn img {
    width: 26px;
    height: 26px;
    filter: brightness(0) invert(1);
    margin-right: 10px;
}

.bonus_prd {
    display: flex;
    align-items: center;
    color: #ccc;
    height: 55px;
    position: absolute;
    bottom: 10px;
}

.bonus_prd img {
    filter: brightness(3) invert(1);
}

.bonus_prd p {
    font-weight: 500;
    font-size: 13px;
    margin-left: 10px;
}

.interesting {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:120px;
    margin-bottom: 50px;
}

.interesting .main {flex-direction: column;}

.interesting .main .btn {
    position: absolute;
    right: 0;
    top: 30px;
}

.interesting .main .btn .circle_link {display: none;}

.boxes_cat {
    display: grid;
    gap: 20px;
    grid-template-areas: "a b b c c c d d"
                         "e e f f f g h h";
    margin-top: 20px;
}
.box_cat {
    display: flex;
    flex-direction: column;
    background: #FCFCFC;
    padding: 20px;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;
    border-radius: 16px;
    min-height: 180px;
    position: relative;
}

body.dark .box_cat {
    background: #2E2E2E;
}

.cat-1 {grid-area: a}
.cat-2 {grid-area: b}
.cat-3 {grid-area: c}
.cat-4 {grid-area: d}
.cat-5 {grid-area: e}
.cat-6 {grid-area: f}
.cat-7 {grid-area: g}
.cat-8 {grid-area: h}


.head_cat {
    display: flex;
    margin-bottom: 35px;

}
.title_cat {
    font-weight: 600;
    font-size: 22px;
    margin-right: 20px;
    cursor: pointer;
    hyphens: auto;
}
.box_icon-cat {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 38px;
    height: 38px;
    border-radius: 19px;
    background: #2E6C1C;
    padding: 12px;
    margin-left: 5px;
}
.bottom_cat {
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 20px;
    flex-wrap: wrap;
}
.subtitle_cat {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #F8F8F8;
    border-radius: 12px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
    color: #000 !important;
    margin-bottom: 10px;
}


.stocks_cat {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    grid-template-rows: auto auto;
    gap: 1em;
    width: 100%;
    margin-top: 50px;
}

.stocks_cat .subtitle_cat {
    color: #fff !important;
}

.stock_cat {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 20px 30px;
    overflow: hidden;
}

.stock_cat:first-child {
    grid-row: span 2;
}

body.dark .stock_cat:first-child {
    background: #2E2E2E;
}


.stock_cat.last-cat {
    grid-row: span 2;
}

.stock_cat img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.title_stk {
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    z-index: 1;
}

.title_stk:first-child {color: #000}

.green_box {
    background: #2E6C1C;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    width: fit-content;
    padding: 10px;
    z-index: 1;
    margin-top: 20px;
}

.box_circle {
    display: flex;
}
.circle_cat {
    width: 127px;
    height: 127px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 127px;
}

.circle_cat img {
    width: 100%;
}

.circle_link {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 55px;
    height: 55px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;
}

.circle_link img {
    left: unset;
    top: unset;
    height: auto;
    width: auto !important;
}

.stocks_cat .bottom_cat {
    right: 40px;
    left: unset;
}
.stocks_cat .subtitle_cat {
    background: #2E6C1C;
    color: #fff;
}

.new_product {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0;
}

.new_product .main {flex-direction: column;}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2E3531;
    padding-top: 30px;
    color: #fff;
    overflow: hidden;
}
.footer .main {
    flex-direction: column;
}

body.dark .footer .main .logo img {
    transition: 0.5s;
    filter: brightness(0) invert(1);
}

.boxes_footer {
    display: grid;
    margin-top: 30px;
    grid-template-columns: 12% 17% 17% 11% 4% 24%;
    gap: 40px;
    width: 100%;
}

.box_footer ul {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
}

.box_footer li {
    line-height: 20px;
}

.box_footer li a {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.title_footer {
    font-weight: 600;
    font-size: 19px;
}
.box_social {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 25px;
}

.box_social a {margin-right: 20px}

.box_app {
    display: flex;
    align-items: center;
}

.box_app a {margin-right: 20px}


.small_text {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    opacity: 0.4;
    line-height: 1.2;
    width: 600px;
}

.content {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 100px;
}

.content .main {
    flex-direction: column;
    align-items: flex-start;
}

/*----------Catalog------------*/

.catalog {
    display: flex;
    justify-content: center;
    width: 100%;
}

.catalog .main {
    flex-direction: column;
}

.content_catalog {
    display: grid;
    grid-template-columns: 25% auto;
    width: 100%;
    gap: 1.5em;
    align-items: start;
}

.catalog_prod {
    display: grid;
    margin-top: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1%;
    row-gap: 0.5em;
    width: 100%;
    position: relative;
}

.bx-pagination {
    margin: 10px 0;
    position: absolute;
    bottom: -80px;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #2E6C1C !important;
}

.catalog_prod.product-search-result {grid-template-columns: 1fr 1fr 1fr 1fr;}

.header_catalog {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.title_catalog {
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 32px);
    color: #2E6C1C;
    line-height: 1;
    width: 50%;
}
.box_sorting {
    display: flex;
    flex-direction: column;
    width: auto;
}
.filter_btn {
}
.numb_filter {
}
.sorting {
    width: 100%;
}

body.dark .sorting {
    color: #fff;
}

.tit_sorting {
    font-weight: 600;
    font-size: 15px;
    margin: 0px 0 10px 0;
}

.box_sorting .box_type-sort a {
    font-size: 15px;
}

.box_sorting .box_type-sort a:first-child {
    margin-right: 15px;
}
.box_type-sort {
    display: flex;
}
.cena_sort {
    width: auto;
    display: flex;
    font-weight: 600;
    font-size: clamp(13px, 2.5vw, 16px);
    cursor: pointer;
    margin: 10px 15px 10px 0;
}
.pop_sort {
    display: flex;
    font-weight: 600;
    font-size: clamp(13px, 2.5vw, 16px);
    cursor: pointer;
    width: auto;
    margin: 10px 0px;
}

.box_type-sort .arrow_sort img {
    width: 16px;
    height: 10px;
    margin-left: 5px;
}

body.dark .box_type-sort .arrow_sort img {transition: 0.5s;filter: brightness(0) invert(1);}

.filter_btn {display: none;}

input[type="checkbox"] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border-width: 2px;
    border: 2px solid #D9D9D9;
    cursor: pointer;
    opacity: 0;
    position: absolute;

}

.box_checkbox {
    position: relative;
}

.header_tab {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.arrow_tab {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    cursor: pointer;
    transition: 0.5s;
}

.tab_filter._active-tab .arrow_tab  {
        transform: rotate(180deg) !important;
}

.arrow_tab img {
    width: 16px;
    height: 10px;
}

.title_filter {
    background: #2E6C1C;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 60px;
    border-radius: 12px;
    display: flex;
    padding: 15px;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.tab_filter {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
    height: 60px;
    overflow: hidden;
    transition: 0.5s;
}

body.dark .tab_filter {
    background: #1A1A1A;
    color: #fff;
}

.tab_filter label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 20px;
}

.tab_filter label:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 2px solid #D9D9D9;
    cursor: pointer;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.1s;
    box-sizing: border-box;
}

.tab_filter label:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 8px;
    margin-left: 12px;
    margin-bottom: 4px;
}

.checkbox-input:checked + label:after {
    border-bottom: 3px solid #2E6C1C;
    border-left: 3px solid #2E6C1C;
    transform: rotate(-45deg);
}

.checkbox-input:checked + label:before {
    border: 2px solid #2E6C1C;
}

.title_tab {
    /*font-weight: 600;*/
    font-size: clamp(13px, 2vw, 16px);
    margin: 3px 0px;
}

._active-tab {
    height: auto;
}

.close_filter {
    display: none;
}

.btn.reset {
    background: none;
    padding: 0;
    color: #BA261C;
}

.btn.reset:hover {
    color: #BA261C !important;
    text-decoration: underline;
}

.box_show {
    margin-top: 30px;
}
.tit_show {
    font-weight: 600;
    font-size: 24px;
}
.quantity_show {
    display: flex;
}
.box_qtt {
    background: #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
    cursor: pointer;
    transition: 0.3s;
}

.box_qtt._active_qtt {
    background: #2E6C1C;
    color: #fff;
}


/*----------Catalog------------*/

/*--------Kartochka------------*/

.prod_card {
    display: flex;
    justify-content: center;
    align-items: center;
}
.prod_card .main {
    flex-direction: column;
    align-items: flex-start;
}
.title_card-prod {
    margin-bottom: 30px;
}
.boxes_card-prod {
    display: grid;
    grid-template-columns: 40% 28% 28%;
    gap: 2%;
    width: 100%;
}
.box_card-prod {
    position: relative;
}


.box_card-prod .box_img-prod {
    width: 600px;
    height: 600px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.box_card-prod .box_img-prod img {
    height: 100%;
}

.prod_card .prd_header-right {
    position: absolute;
    display: flex;
    top: 15px;
    right: 15px;
}
.compare_prd {
}
.like_prd {
}
.title_feature {
    font-weight: 600;
    font-size: 24px;
}
.boxes_frt {
    display: flex;
    flex-direction: column;
}
.box_frt {
    display: flex;
    border-bottom: 1px dashed #34A853;
}
.boxes_short_info {
    line-height: 26px;
}

.box_frt:last-child {
    border-bottom: none;
}
.name_ftr {
    display: flex;
    align-items: center;
    width: 50%;
    font-weight: 500;
    font-size: 16px;
}
.desc_ftr {
    display: flex;
    align-items: center;
    width: 50%;
    font-weight: 500;
    font-size: 16px;
    margin-left: 10px;
}

.prod_card .article {
    position: relative;
    bottom: unset;
}
.box_pay {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;
    border-radius: 12px;
    padding: 30px;
}

body.dark .box_pay {background: #2E2E2E;}

.prod_card .stock {
    position: relative;
    top: 0;
    margin-bottom: 20px;
}

.prod_card .bonus_prd {
    position: relative;
    bottom: unset;
    right: unset;
}

.prod_card .cena_prd {
    margin: 0px 0 0 0;
}
.prod_card .main_cena {
    font-size: clamp(30px, 2.5vw, 38px);
    line-height: 1.1;
    margin: 0;
}
.prod_card .old_cena {
    font-size: 20px;
}
.prod_card .subtit_pay {
    color: #ccc;
    font-weight: normal;
    font-size: 16px;
}

.prod_card button.btn img {
    width: 26px;
    height: 26px;
    filter: brightness(0) invert(1);
    margin-right: 10px;
}

.box_add-desc {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}
.prod_card .box_add-desc p {
    margin: 0 0 0 0;
    color: #000;
}

.prod_card .bonus_prd img, .prod_card .availability_prd img, .prod_card .delivery_prd img {
    margin-right: 10px;
    filter: unset;
}

.prod_card .box_add-desc >* {
    display: flex;
    align-items: center;
}

.prod_card .box_add-desc >* p {
    font-size: 13px;
}

.prod_card .box_add-desc a {
    text-decoration: underline;
}

.boxes_adress-pay {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;
    border-radius: 12px;
    padding: 35px;
    margin-top: 15px;
}

body.dark .boxes_adress-pay {background: #2E2E2E;}
body.dark .box_add-desc p {color: #fff !important;}
body.dark .prod_card .bonus_prd img, 
body.dark .prod_card .availability_prd img, 
body.dark .prod_card .delivery_prd img {
    transition: 0.5s;
    filter: brightness(0) invert(1);
}

.box_adress-pay {
    margin-bottom: 15px;
}
.tit_adress {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
}
.availability_dvl {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.desc_prd {
    margin-top: 50px;
    line-height: 26px;
}
.title_desc-prd {
    font-weight: 600;
    font-size: 24px;
}
.desc_text {
    font-size: 20px;
    width: 72%;
    margin-top: 30px;
}


/*--------Kartochka------------*/

/*----------Basket--------------*/

.form_basket {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.form_basket .main {
    flex-direction: column;
    align-items: flex-start;
}

.box_head-basket {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.numb_prod {
    font-weight: 600;
    font-size: 18px;
    transition: 0.3s;
    color: #919191;
    margin: 0;
}
.btn_clean-basket {
    background: none;
    border: none;
    font-weight: 600;
    font-size: 18px;
    transition: 0.3s;
    cursor: pointer;
    color: #919191;
}

.btn_clean-basket:hover {
    text-decoration: underline;
}
.boxes_bsk {
    display: grid;
    grid-template-columns: 67% 30%;
    gap: 3%;
    margin: 30px 0;
}

.left_box-bsk {
    display: flex;
    flex-direction: column;
}
.box_prod-bsk {
    display: flex;
    position: relative;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
}

body.dark .box_prod-bsk {background: #2E2E2E;}

.del_prod-bsk {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
     background: none;
    border: none;
    cursor: pointer;
}
.del_prod {
    position: relative;
    height: 2px;
    width: 20px;
    background: #33363F; 
    transform: rotate(45deg);   
}
.del_prod:before {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 20px;
    background: #33363F;
    transform: rotate(270deg);
}

.box_img-basket {
    display: flex;
    flex: 0 0 250px;
    height: 250px;
    border-radius: 12px;
    background: #d7d1d1;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    overflow: hidden;
}

.box_img-basket img {
    height: 100%;
}

.box_desk-prod {
    display: flex;
    flex-direction: column;
}
.title_prod-bsk {
    font-weight: 700;
    font-size: clamp(14px, 2.5vw, 16px);
    width: 90%;
    margin: 0;
}

body.dark .title_prod-bsk {color: #fff;}

.box_bottom-bsk {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

body.dark .box_bottom-bsk {color: #fff;}

.box_price-bsk {
}
.tit_bottom-bsk {
    font-weight: 600;
    font-size: 15px;
    color: #919191;
    margin: 0 0 10px 0;
}
.numb_price-bsk {
    font-weight: 700;
    font-size: 24px;
    margin: 0px;
    height: 40px;
    line-height: 40px;
}
.quantity_prod-bsk {
    display: flex;
    flex-direction: column;
}

.box_input-quantity .btn_q {
    position: absolute;
    background: #fff;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    border: none;
    width: 30px;
    height: 30px;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

body.dark .box_input-quantity .btn_q {background: #292929; color: #fff;}

.quantity_prod-bsk button:hover {
    box-shadow: 0 0 10px #ccc;
}

.pluse {left: 6px;}
.minus {right: 6px;}

.box_input-quantity {
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}

.box_input-quantity input {
    width: 136px;
    height: 40px;
    border-radius: 8px;
    background: #EDEDED;
    border: none;
    padding: 5px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}

body.dark .box_input-quantity input {background: #191919;color: #fff;}

.tit_final-price {
    font-weight: 600;
    font-size: 28px;
    color: #2E6C1C;
    margin: 0;
}

.wrapper-final-price {

}

.box_final-discount {
    display: flex;
    align-items: center;
}
.procent_disc {
    font-weight: 700;
    font-size: 11px;
    background: #BA261C;
    color: #fff;
    border-radius: 2px;
    padding: 0px 10px;
    width: fit-content;
    margin-right: 15px;
}
.old_final-price {
    font-weight: 700;
    font-size: 18px;
    text-decoration: line-through;
    color: #919191;
}

.right_box-bsk {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    height: fit-content;
    margin-top: 35px;
    box-shadow: 0px 2px 4px 0px #00000014,
                0px 0px 6px 0px #00000005;

}

body.dark .right_box-bsk {background: #1D1D1D;}

.tit_total {
    font-weight: 700;
    font-size: 18px;
    color: #919191;
    margin: 0 0 5px 0;
}
.cena_prd {
}
.form_basket .main_cena {
    font-size: clamp(28px, 2.5vw, 34px);
}

.box_promo {
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
    margin-bottom: 40px;
}

.box_promo input {
    background: #F0F0F0;
    display: flex;
    justify-content: center;
    border: none;
    height: 50px;
    width: 285px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 12px;
    padding-right: 60px;
}


body.dark .box_promo input {background: #191919; color: #fff}

.box_promo input::placeholder {
    font-weight: 700;
    font-size: 16px;
    color: #919191;
}
.btn_promo {
    position: absolute;
    right: 8px;
    background: #2E6C1C;
    border-radius: 14px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    border: none;
}

.btn_promo:hover {background: #60c941;}


.right_box-bsk .btn {
    width: 100%;
    font-size: clamp(14px, 3vw, 18px);
    padding: 20px;
    text-align: center;   
}

.accrued_bonus {
    font-weight: 600;
    font-size: 14px;
    color: #919191;
}


/*----------Basket--------------*/


/*--------------Reg-Order------------*/


.form_reg-order {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.form_reg-order .main {flex-direction: column;}

.form_reg-order .box_img-basket {
    flex: 0 0 150px;
    height: 150px;
}

.boxes_ord {
    display: grid;
    grid-template-columns: 67% 30%;
    gap: 3%;
    margin: 0px 0;
}
.left_box-ord {
}
.box_head-order {
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.box_circle-ord {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    flex: 0 0 57px;
    border-radius: 50%;
    background: #2E6C1C;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #fff;
}
.title_order {
    font-weight: 700;
    font-size: 22px;
    color: #919191;
    margin: 0;
    margin-left: 25px;
    padding: 10px 0;
    width: 100%;
    border-bottom: 2px solid #2E6C1C
}

.box_inform-client {
    display: flex;
    flex-direction: column;
}


.boxes_checkbox-ord {
    display: flex;
}

.box_checkbox-ord {
    position: relative;
    margin-bottom: 15px;
    width: 50%;
}


.left_box-ord label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 20px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 2px solid #fff;
    width: auto;
    margin-right: 35px;
    padding: 20px 20px 20px 50px;
    position: relative;
    flex-wrap: wrap;
    height: 100%;
}


.left_box-ord label:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    box-sizing: border-box;
    position: absolute;
    left: 20px;
}


.left_box-ord label:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 25px;
    top: 25px;
}

.left_box-ord .checkbox-input:checked + label:after {
    background: #000000;
    border-bottom: none;
    border-left: none;
    transform: none;

}


.left_box-ord .checkbox-input:checked + label {
    border: 2px solid #2E6C1C;
}

.box_input-ord {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    width: 400px;
}

.box_input-ord input {
    border-radius: unset;
    border: none;
    background: transparent;
    font-weight: 500;
    font-size: 20px;
    outline: none;
    border-bottom: 2px solid #000;
    margin-bottom: 25px;
}

.box_input-ord input::placeholder {
    font-weight: 100;
    font-size: 18px;
}

.coment_ord {
    font-weight: 600;
    font-size: 17px;
    text-decoration: underline;
    text-decoration-style: solid;
    color: #2E6C1C;
    cursor: pointer;
}


.box_pay-ord {
    display: flex;
    flex-wrap: wrap;
}

.tit_label {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    margin-left: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.subtit_label {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: flex-end;
    margin: 0;
    margin-left: 10px;
    color: #919191;
}

.subtit_label img {
    filter: opacity(0.4);
}

.subtit_label span {
    margin-top: 0px;
    margin-left: 10px;
    display: flex;
    align-items: flex-end;
    height: 25px;
    line-height: 1;
}

.box_delivery-ord {
    display: flex;
    flex-wrap: wrap;
}


.box_bonus-ord {
    display: flex;
}
.box_access-bonus {
    border-radius: 12px;
    background: #fff;
    width: fit-content;
    padding: 20px 30px;
    margin-right: 30px;
}
.tit_access {
    font-weight: 600;
    font-size: 20px;
    color: #919191;
}
.numb_access-bonus {
    font-weight: 700;
    font-size: 30px;
    color: #2E6C1C;
}

.numb_access-bonus span {
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

.box_max-access {
}
.box_promo {
}
.btn_promo {
}

.box_max-access .box_promo input {
    background: #fff;
    width: 350px;
}

.footer_form-order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 70px;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    margin: 90px 0;
}
.box_f-order {
    display: flex;
}
.box_left-f {
}
.tit_f {
    font-size: 24px;
    font-weight: 700;
    color: #919191;
    margin-bottom: 30px;
}
.main_cena-f {
    font-weight: 700;
    font-size: 47px;
    color: #2E6C1C;
}

.old_cena-f {
    font-weight: 700;
    font-size: 24px;
    color: #919191;
    text-decoration: line-through;
    margin: 0;
}

.box_right-f {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
}

.footer_form-order .procent_disc {
    margin: 0;
}

.footer_form-order .btn {
    font-weight: 600;
    font-size: 26px;
    padding: 20px 60px;
}


.tit_write {
    font-weight: 600;
    font-size: 20px;
}

.text_write {
    font-weight: 600;
    font-size: 17px;
    color: #919191;
    margin: 0;
}


.form_reg-order .right_box-bsk {
    margin-top: 135px;
}
.box_prod-ord {
    display: grid;
    grid-template-columns: 3% 40% 15% 19% 19%;
    gap: 1%;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 12px;
    background: #EDEDED;
    align-items: center;
}

.box_prod-ord .title_prod-bsk {font-size: 18px;}
.box_prod-ord .numb_price-bsk {color: #919191; margin: 0;}
.box_prod-ord .box_input-quantity input {background: #fff;}
.box_prod-ord  .box_input-quantity .btn_q {background: #EDEDED;}
.box_prod-ord.header_prod {background: #FFFFFF;} 

.box_prod-ord.header_prod p {
    font-weight: 700;
    font-size: 16px;
    color: #919191;
    margin: 0;
} 

.number_prod-ord {
    font-size: 26px;
    color: #919191;
    font-weight: 700;
}

.left_box-ord label[for="export_order"] {display: flex; flex-direction: column;}

.box_final-price, .box_quantity_prod, .box_price_prod {
    display: flex;
    flex-direction: column;
}
.box_final-price .price_prod, 
.box_quantity_prod .quantity_prod,
.box_price_prod .price_prod,
.box_final-price .tit_bottom-bsk {
    display: none;
}

 
.bnt_back {
    background: unset;
    border: unset;
    font-weight: 700;
    font-size: 24px;
    margin-top: 0px;
    cursor: pointer;
}

.form_reg-order .main {align-items: flex-start;}

body.dark .box_prod-ord.header_prod, 
body.dark .box_access-bonus,
body.dark .box_prod-ord,
body.dark .footer_form-order {
    background: #2E2E2E;
    box-shadow: 0px 2px 4px 0px #00000014, 0px 0px 6px 0px #00000005;
}




body.dark .box_prod-ord .title_prod-bsk {color: #fff}

body.dark .left_box-ord label {
    background: #2E2E2E;
    border: 2px solid #2E2E2E;
}
body.dark .tit_label,
body.dark .numb_access-bonus span {
color: #fff
}
body.dark .bnt_back img {filter: brightness(0) invert(1);}

body.dark .subtit_label img {filter: brightness(0) invert(0.6);}

body.dark .box_input-ord input {border-bottom: 2px solid #919191;}

/*--------------Reg-Order------------*/

/*-------------Cabinet----------*/

.my_cabinet {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.my_cabinet .main {
    flex-direction: column;
    align-items: flex-start;
}

.h1 {
}
.order_cab {
    display: flex;
    width: 100%;
    justify-content: space-between;
    overflow-x: scroll;
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;  /* Firefox */
    position: relative;
}

.order_cab::-webkit-scrollbar {
  display: none; /* Скрываем scrollbar для Chrome, Safari и Opera */
}


.box_order-all {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-right: 20px;
}

.box_order-all:last-child::before {
    content: "";
    height: 200px;
    position: absolute;
    width: 1px;
    background: #919191;
    bottom: 0px;
    left: -10px;
}

.btn_order-all {
    background: none;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    border: none;
    cursor: pointer;
    margin-top: 15px;
    color: #2E6C1C;
}
.title_my-cab {
    font-family: Inter;
    font-weight: 600;
    font-size: 22px;
    color: #919191;
    margin-bottom: 30px;
    margin-top: 25px;
}
.boxes_current-ord {
    display: flex;
    gap: 20px;
    overflow-x: scroll;
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;  /* Firefox */
}

.boxes_current-ord::-webkit-scrollbar {
  display: none; /* Скрываем scrollbar для Chrome, Safari и Opera */
}

.box_order-cab {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
    width: 480px;
    height: 200px;
    position: relative;
}
.box_order-cab:hover {
    text-decoration: none;
}
.title_order-cab {
    font-weight: 600;
    font-size: clamp(14px, 2.5vw, 20px);
    width: fit-content;
    position: relative;
}
.type_dvl {
    font-weight: normal;
    font-size: clamp(14px, 2.5vw, 16px);
    color: #919191;
    margin-top: 0;
}
.order_price {
    font-weight: 600;
    font-size: 24px;
    color: #919191;
    position: absolute;
    bottom: 30px;
    left: 20px;
    margin: 0;
}
.payment_ord {
    font-weight: 600;
    font-size: clamp(12px, 2.5vw, 13px);
    position: absolute;
    right: 40px;
    bottom: 30px;
    margin: 0;
}
.pay_off {
    color: #BA261C;
}
.pay_on {
    color: #2E6C1C;
}
.box_last-ord {
}
.boxes_discount {
    display: flex;
    flex-direction: column;
    margin: 70px 0;
    width: 100%;
}

.boxes_dsc {
    display: flex;
    gap: 20px;
}
.box_discount-left {
    display: flex;
    flex-direction: column;
    width: 70%;
    gap: 20px;
    position: relative;
}
.box_cart-dsc {
    display: flex;
    background: #fff;
    border-radius: 24px;
    padding: 20px;
    height: 220px;
    position: relative;
}
.left_cart-dcs {
    width: 50%;
}
.tit_cart-dcs {
    font-weight: 600;
    font-size: 16px;
    color: #919191;
    margin-top: 0px;
}
.check_cart {
    font-weight: 600;
    font-size: 26px;
    color: #2E6C1C;
}
.number_cart {
    position: absolute;
    bottom: 30px;
    left: 20px;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}

body.dark .number_cart  {color: #fff}

.right_cart-dcs {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.right_cart-dcs .title_my-cab {
    font-size: 16px;
}

.box_cart-dsc .title_my-cab {margin-top: 0px}

.box_operation {
    display: grid;
    background: #EDEDED;
    border-radius: 12px;
    padding: 12px;
    grid-template-columns: 15% 70% 15%;
    gap: 1%;
}

.box_operation p {margin: 0;}

.bonus_oper {
    font-weight: 600;
    font-size: 18px;
}

.bonus_oper.transaction_bonuses_green {
    color: #2E6C1C
}
.bonus_oper.transaction_bonuses_red {
    color: #BA261C
}
.box_operation_pager a {
    color: #196923;
    text-decoration: underline;
}
.text_opr {
    font-weight: 600;
    font-size: 16px;
    color: #919191;
}
.date_opr {
    font-weight: 600;
    font-size: 12px;
    color: #919191;
}
.box_discount-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 30%;
}
.tit_transition-crt {
    font-weight: 600;
    font-size: 16px;
}
.link_tran-crt {
    position: absolute;
    bottom: 30px;
    left: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #2E6C1C !important;
}

.link_tran-crt img {
    margin-left: 10px;
    vertical-align: middle;
}

.form_discount {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
}

.boxes_form-dcs {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.box_form-dcs {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #fff;
    border-radius: 24px;
    width: 480px;
}

.box_form-dcs input {
    background: #E9E9E9;
    width: 100%;
    border: none;
}

.tit_form-dcs {
    font-weight: 600;
    font-size: 16px;
    color: #919191;
    margin: 15px 0 5px 0;
}
.tit_form-dcs.tit_form-dcs2 {
    font-size: 13px;
    font-weight: normal;
}
.box_date {
    position: relative;
}

.box_date label {
    position: absolute;
    height: 48px;
    line-height: 48px;
    padding: 5px 15px;
    border-radius: 8px;
    width: 100%;
    background: #E9E9E9;
    cursor: pointer;
    color: #2E6C1C;
    display: flex;
    align-items: center;
}

.box_date label img {margin-right: 12px}

.box_pass {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.phone_box {
    margin: auto 10px;
    position: absolute;
    font-size: 13px;
}

.box_pass input {display: none;}

.text_change {
    background: #E9E9E9;
    border-radius: 8px;
    padding: 5px 15px;
    margin: 0px;
    height: 48px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    color: #2E6C1C;
    cursor: pointer;
    justify-content: flex-end;
    width: 100%;
}

.footer_cab {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 150px;
    flex-wrap: wrap;
}

.footer_cab .box_cart-dsc {min-width: 355px}
 body.dark .box_order-cab, body.dark .box_cart-dsc, body.dark .box_form-dcs {background: #2E2E2E;}
 body.dark .tit_transition-crt {color: #fff;}

 body.dark .box_operation, 
 body.dark .box_form-dcs input, 
 body.dark .box_date label, 
 body.dark .text_change {background: #191919; color: #fff;}

/*-------------Cabinet----------*/


/*------------all-order--------------*/
.all_order {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.all_order .main {
    flex-direction: column;
}
.h1 {
}
.arrow_back {
    margin-right: 20px;
}
.arrow_back img {vertical-align: middle;}
.title_all-ord {
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    color: #919191;
    margin-top: 0px;
}
.order .title_all-ord {
    margin-top: 40px;
}
.boxes_status-ord {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 100px;
}
.box_status-ord {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    position: relative;
}
body.dark .box_status-ord  {background: #2E2E2E;}
body.dark .title_order-cab, body.dark .cena_order {color: #fff}

.left_status-ord {
}
.right_status-ord {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.top_status-ord {
    display: flex;
    align-items: center;
}
.cena_order {
    font-weight: 600;
    font-size: 28px;
    margin-right: 20px;
}
.all_order .btn {height: 40px;}
.type_pay {
    font-weight: 400;
    font-size: clamp(14px, 2.5vw, 16px);
    color: #919191;
    margin-top: 0;
    margin-bottom: 50px;
}

.btn_stat {
    font-weight: 600;
    font-size: clamp(14px, 2.5vw, 16px);
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
}
.green_btn {
    margin-right: 20px;
    color: #2E6C1C;

}
.red_btn {
    color: #BA261C;
}

.all_order .payment_ord {
    right: unset;
    bottom: 0px;
    margin: 0;
    width: max-content;
    margin-left: 10px;
}

.boxes_status-ord.paid_ord .btn {display: none;} 
.link_check {
    position: absolute;
    bottom: 30px;
    left: 180px;
    text-decoration: underline;
    font-weight: 600;
    font-size: 24px;
    color: #2E6C1C !important;
}

.boxes_status-ord.taken_ord .link_check {display: none;} 

/*------------all-order--------------*/

/*--------------Order----------------*/

.order {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0 100px 0;
}
.order .main {flex-direction: column;}
.header_order {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.h1 {
}
.arrow_back {
}
.box_btn-status {
    display: flex;
}
.header_order .btn_stat {
    display: flex;
    width: max-content;
    color: #fff;
    text-decoration: none;
    align-items: center;
}
.header_order .green_btn {
    background: #2E6C1C;
    border-radius: 10px;
    padding: 20px;
    height: fit-content;
}
.header_order .red_btn {
    background: #BA261C;
    border-radius: 10px;
    padding: 20px;
    height: fit-content;
}
.title_all-ord {
}
.boxes_inform-ord {
    display: grid;
    background: #fff;
    width: 100%;
    border-radius: 12px;
    grid-template-columns: 30% 30% 19% 15%;
    gap: 2%;
    padding: 20px;
}

.tit_inf-ord {
    font-weight: 600;
    font-size: 20px;
    color: #919191;
    margin-bottom: 0px;
}
.subtit_inf-ord {
    font-weight: 600;
    font-size: 19px;
    margin: 0px;
}
.boxes_inform-pay {
    display: grid;
    width: 100%;
    gap: 20px;
    grid-template-columns: 45% 25%;
}
.box_inform-pay {
    display: flex;
    position: relative;
    flex-direction: column;
}
.box_inf-pay {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    height: 170px;
    position: relative;
}
.tit_inf-pay {
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 10px 0;
} 
.box_inf-pay .payment_ord {
    position: relative;
    right: unset;
    bottom: unset;
}

.box_inf-pay .btn {position: absolute; bottom: 20px;}
.cena_order-inf {
    font-weight: 600;
    font-size: 30px;
    margin: 0;
    color: #919191;
    position: absolute;
    right: 40px;
}
.content_order {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.content_order>* {width: 80%}

.numb_quantity {
    font-size: 24px;
    font-weight: 700;
    width: auto;
    color: #919191;
    margin: 0;
    margin-left: 40px;
}

.footer_content {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    background: #fff;
    border-radius: 12px;
}


.footer_content >* {width: 18%;}

body.dark .boxes_inform-ord, 
body.dark .footer_content,
body.dark .box_inf-pay {background: #2E2E2E;
    box-shadow: 0px 2px 4px 0px #00000014, 
                0px 0px 6px 0px #00000005;
}

body.dark .subtit_inf-ord, body.dark .tit_inf-pay {color: #fff}

/*--------------Order----------------*/

/*--------------Cards----------------*/

.cards {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 150px 0;
    width: 100%;
}
.cards .main {
    flex-direction: column;
}

.boxes_card {
    display: grid;
    grid-template-columns: 45% 40%;
    width: 100%;
    gap: 30px;
    margin-top: 20px;
}

.virtual_card {
    display: flex;
    flex-direction: column;
    padding: 35px;
    border-radius: 55px;
    background: linear-gradient(130deg,rgba(47, 117, 45, 1) 5%, rgba(54, 158, 83, 1) 54%);
    position: relative;
    height: 350px;
    overflow: hidden;
}
.oval {
    position: absolute;
    width: 600px;
    height: 430px;
    border-radius: 50%;
    background: #fff;
    opacity: 8%;
}

.oval.ov_1 {
    top: -70%;
    right: -45%;
}
.oval.ov_2 {
    bottom: -80%;
    left: -40%;
}
.tit_card {
    font-weight: 700;
    font-size: clamp(19px, 3vw, 26px);
    color: #fff;
    opacity: 0.54;
}
.bonus_qr_code {
    position: absolute;
    width: 135px;
    height: 135px;
    right: 55px;
    bottom: 50px;
}
.box_numd-bonus {
    font-weight: 700;
    font-size: clamp(16px, 2.5vw, 30px);
    color: #fff;
}
.numb_bonus {
    margin-right: 20px;
}
.numb_card {
    font-weight: 600;
    font-size: clamp(17px, 3vw, 26px);
    color: #fff;
    position: absolute;
    bottom: 30px;
}
.copy_card {
    border: none;
    background: none;
    margin-left: 15px;
    cursor: pointer;
}
.box_operation-card {
}
.box_time {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tit_time {
    font-weight: 600;
    font-size: 20px;
    color: #919191;
    margin: 0;
}
.box_input-time {
    display: flex;
    align-items: flex-end;
    align-items: center;
}

.box_input-time span{
    margin-right: 10px;
    font-weight: 600;
    font-size: 15px;
    color: #919191;
}

.box_input-time input {
    background: #EDEDED;
    border: none;
    margin-right: 20px;
    height: 40px;

}

.tit_oper {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
}
body.dark .tit_oper {color: #fff}

.icon_logo {
    height: 75px;
    position: absolute;
    right: 55px;
}

.box_operation-card .box_time {
    display: none;
}

.box_operation-card.have_card .box_time {
    display: flex;
}

.box_operation-card.have_card .box_reg-card {
    display: none;
}

.box_reg-card {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border-radius: 24px;
    background: #fff;
}

body.dark .box_reg-card {background: #2E2E2E;}

.tit_reg-card {
    font-weight: 600;
    font-size: 24px;
}

.box_reg-card ul {
    list-style-image: url(../img/check.svg);
    list-style-position: inside;
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    color: #919191;
    margin-bottom: 20px;
}

body.dark .tit_reg-card {color: #fff}
.text_reg-card {
    font-weight: 600;
    font-size: 14px;
    color: #919191;
    width: 45%;
    line-height: 1.2;
}

/*--------------Cards----------------*/

/*-------------Vacancy---------------*/
.vacancy {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 100px 0px;
    width: 100%; 
}
.vacancy  .main {
}
.wrapper_vac {
    display: grid;
    grid-template-columns: 28% 70%;
    gap: 2%;
    width: 100%;
    margin-top: 30px;
}

.box_left-vac {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.title_vac-gps {
    font-weight: 500;
    font-size: 20px;
    color: #919191;
    display: flex;
    align-items: center;
}
.title_vac-gps .line {
    height: 1px;
    background: #919191;
    flex-grow: 1;
    margin-left: 15px;
}
.tab_vac {
    display: flex;
    justify-content: space-between;
    padding: 0px 30px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    align-items: center;
}

body.dark .tab_vac {color: #fff; background: #2E2E2E;}

.tab_vac._active-vac {
    border: 2px solid #2E6C1C;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.circle_q {
    font-weight: 500;
    font-size: 12px;
    color: #919191;
    background: #F2F2F2;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.dark .circle_q {background: #111219;}

.btn_anketa {
    font-weight: 500;
    font-size: 20px;
    text-decoration: underline;
    color: #2E6C1C !important;
    margin-top: 20px;
}
.box_right-vac {

}
.box_content-vac {
    display: none;
    flex-direction: column;
    gap: 15px;
}

.box_content-vac._active-vac {display: flex;}

.tit_vac {
    font-weight: 500;
    font-size: clamp(28px, 3vw, 32px);;
}

body.dark .tit_vac, body.dark .name_vac {color: #fff}

.boxes_vacancy {
    display: flex;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.box_vacanvy_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

body.dark .boxes_vacancy {background: #2E2E2E;}

.box_vacancy {
}
.name_vac {
    font-weight: 500;
    font-size: 24px;
}
.time_placement {
    font-weight: 500;
    font-size: 20px;
    color: #919191;
}
.salary {
   font-weight: 500;
    font-size: 24px;
    color: #2E6C1C;

}

/*-------------Vacancy---------------*/

/*------------Anketa----------------*/
.form_anketa {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 100px 0;
}
.form_anketa .main {
    flex-direction: column;
}

.form_anketa .h1 {
    display: flex;
    justify-content: center;
    position: relative;
}


.form_anketa .arrow_back {
    position: absolute;
    left: 0;
}
.box_anketa {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 650px;
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    margin-top: 50px;
    margin-bottom: 25px;
}

body.dark .box_anketa {background: #2E2E2E;}

.box_anketa>* {width: 100%}

.box_anketa input, .box_anketa select {
    border: none;
    background: #E9E9E9;
    height: 50px;
    font-weight: normal;
    font-size: clamp(14px, 2.5vw, 16px);
    padding: 5px 15px;
    border-radius: 8px;
}

body.dark .box_anketa input, body.dark .box_anketa select, body.dark .box_anketa textarea  {background: #191919; color: #fff;}

body.dark .ridio_prava label {color: #fff}
body.dark .ridio_prava span {border: 2px solid #fff;}

.box_anketa select {color: #34A853;}

.box_anketa input[type="radio"] {
    height: 24px;
    border: 1px solid #34A853;
    font-weight: 600;
    font-size: clamp(14px, 2.5vw, 16px);
}

/*    ----------------    */  
    .ridio_prava {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
    }


    .ridio_prava input {
      position: absolute;
      opacity: 0;
      сursor: pointer;
    }

   .ridio_prava label {
        display: flex;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        font-size: 16px;
        user-select: none;
        align-items: center;
        height: 24px;
    }

    .ridio_prava span {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: 2px solid #000;
    }


    .ridio_prava label input:checked ~ span {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid #2E6C1C;
    }


    .ridio_prava span:after {
      content: "";
      position: absolute;
      display: none;
    }


    .ridio_prava label input:checked ~ span:after {
      display: block;
    }


    .ridio_prava label span:after {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #2E6C1C;

    }


/*    ----------------   */     


.box_anketa textarea {
    background: #E9E9E9;
    border: none;
    font-weight: normal;
    font-size: clamp(14px, 2.5vw, 16px);
}

.box_anketa ::placeholder {
    font-weight: normal;
    font-size: clamp(14px, 2.5vw, 16px);
    color: #919191;
}

.title_inform {
    font-weight: 600;
    font-size: clamp(16px, 2.5vw, 18px);
    color: #919191;
    margin-top: 20px;
    margin-bottom: 5px;
}
.form_anketa  .btn {
    font-size: 18px;
    height: 50px;
    width: 650px;
}
/*------------Anketa----------------*/

/*-------------Sales--------------*/

.sales {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.sales .main {
    flex-direction: column;
    align-items: center;
}
.header_sales {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    align-items: center;
    width: 100%;
}
.box_left-h {
    width: 65%;
}

.subtit_sale-h {
    font-weight: 400;
    font-size: clamp(20px, 3vw, 24px);
    color: #919191;
    width: 60%;
    line-height: normal;
}
.box_right-h {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
.box_right-h a:not(:first-child) {
    font-weight: 700;
    font-size: 24px;
    text-decoration: none;
}
.tel_sale {
}
.mail_sale {
}
.advantages_sale {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 140px;
}
.boxes_adv-sale {
    display: grid;
    gap: 20px;
    grid-template-areas: "a a a a a"
                         "b b b c d";
    margin-top: 20px;
    margin-bottom: 40px;
}
.box_adv-sale {
    padding: 50px 70px;
    display: flex;
    background: #fff;
    border-radius: 32px;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.box_adv-sale ul {padding: 0;width: 40%;}
{color: #fff}

.box_adv-sale li {
    font-size: 24px;
    font-weight: 600;
    list-style-type: none;
}
.adv_1 {grid-area: a; flex-direction: row}
.adv_2 {grid-area: b;}
.adv_3 {grid-area: c;}
.adv_4 {grid-area: d;}

.text_adv {
    font-weight: 600;
    font-size: clamp(16px, 3vw, 24px);
    text-align: center;
}

.box_adv-sale.adv_1 .text_adv {width: 60%; color: #2E6C1C; text-align: start}

.tit_adv {
    font-weight: 600;
    font-size: clamp(48px, 3vw, 80px);
    color: #2E6C1C;
    line-height: 1;
    margin: 0;
    width: 100%;
}
.subtit_adv {
    font-weight: 600;
    font-size: clamp(32px, 3vw, 42px);
    color: #919191;
    line-height: 1;
     margin: 0;
     width: 100%;
}

.box_img-adv {
    display: flex;
    position: relative;
    width: 100%;
    height: 50%;
    justify-content: center;
    align-items: center;
}

.box_img-adv .img_money {
    position: absolute;
    bottom: -20px;
    right: -30px;
    width: 50%;
}

.box_img-adv .img_cashbox {
    position: absolute;
    top: -25px;
    left: 0;
    width: 50%;
}

.line_green {
    width: 145px;
    position: absolute;
    height: 5px;
    background: #2E6C1C;
    transform: rotate(135deg);
    bottom: 70px;
    right: 30px;
}

.text_footer-adv {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    width: 750px;
}
.benefit_sale {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 32px;
    padding: 50px;
    width: 90%;
}
.tit_benefit {
    font-weight: 600;
    font-size: clamp(30px, 3vw, 42px);
    color: #2E6C1C;
}
.boxes_bnf {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 40px;
}
.box_bnf {
    display: flex;
    background: #F2F2F2;
    border-radius: 45px 32px 32px 45px;
    width: 45%;
    align-items: center;
    height: 95px;
    padding: 20px 20px 20px 0;
    flex-grow: 1;
}
.circle_bnf {
    background: #2E6C1C;
    width: 95px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex: 0 0 95px;
}
.text_bnf {
    font-weight: 600;
    font-size: clamp(16px, 3vw, 24px);
    margin-left: 25px;
    line-height: 1.2;
}
.form_sales {
    display: flex;
    flex-direction: column;
    margin-top: 135px;
    width: 100%;
    background: #2E6C1C;
    border-radius: 20px;
    padding: 50px;
    position: relative;
}

.tit_form-s {
    font-weight: 600;
    font-size: clamp(30px, 3vw, 42px);;
    color: #fff;
    line-height: 1;
    margin-top: 0px;
}
.box_form-s {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.boxes_inp-s {
    display: grid;
    width: 100%;
    gap: 20px;
    margin-top: 20px;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
}


.box_inp-s.inp_3 {grid-row: span 2;}
.box_inp-s {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.box_inp-s input, .box_inp-s textarea {
    background: #E9E9E9;
    height: 60px;
    margin: 0;
    flex-grow: 1;
    font-weight: 600;
    font-size: 22px;
    color: #919191;
    border-radius: 6px;
    width: 100%;
}

.box_inp-s ::placeholder {
    font-weight: 600;
    font-size: 22px;
    color: #919191;
}

.tit_inp-s {
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 22px);
    opacity: 40%;
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
}

.box_form-s label {
    position: absolute;
    right: 70px;
    top: 50px;
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    text-decoration: underline;
    color: #fff;
}

.box_form-s label input {
    position: absolute;
    left: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    opacity: 0;
}


.footer_form-s {
    display: flex;
    gap: 30px;
}
.btn_sale {
    font-weight: 600;
    font-size: 24px;
    background: #fff;
    color: #000;
}
.text_footer {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    opacity: 40%;
    width: 320px;

}

body.dark .box_adv-sale, body.dark .benefit_sale {background: #2E2E2E;}

body.dark .box_adv-sale ul, 
body.dark .text_adv, 
body.dark .text_bnf,
body.dark .text_footer-adv
{color: #fff}

body.dark .advantages_sale .arrow_4 {transition: 0.5s;filter: brightness(0) invert(1);}

body.dark .box_bnf {background: #191919;}
body.dark .form_sales, body.dark .circle_bnf {background: #34A853;}

/*-------------Sales--------------*/


/*-------------Services--------------*/

.services {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 100px 0;
}
.services  .main {flex-direction: column;}

.boxes_srv {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

}
.box_srv {
    display: flex;
    padding: 40px;
    border-radius: 12px;
    background: #fff;
    flex-grow: 1;
    width: 350px;
    gap: 15px;
    align-items: center;
}
.box_img-srv {
}
.box_desc-srv {
}
.title_srv {
    font-weight: 600;
    font-size: 24px;
}
.subtit_srv {
    font-weight: 600;
    font-size: 20px;
    color: #919191;
}
body.dark .box_srv {background: #2E2E2E;}
body.dark .title_srv {color: #fff}

/*-------------Services--------------*/


/*------------Modal----------------*/
.modal_login {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
}
.modal_login.active_log {display: flex;}

.modal_blur {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(5px);
    z-index: -1;
}
.boxes_login {
    background: #FFFFFF;
    border-radius: 32px;
    padding: 30px;
    width: 400px;
    position: relative;

}
.box_log  {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.box_log.active_type-log {display: flex;}

.tit_modal {
    font-weight: 600;
    font-size: 23px;
    color: #2E6C1C;
    margin-top: 0px;
}

.box_log input {
    background: #E9E9E9;
    border: none;
    font-size: 20px;
    width: 100%;
}

.modal_login .btn {
    width: 150px;
    height: 40px;
}
.btn_tel-log {
    font-size: 14px;
    text-decoration: underline;
    text-decoration-style: solid;
    color: #2E6C1C;
    background: none;
    border: none;
    cursor: pointer;
    margin-top: 0px;
}



.number_phone {
    font-weight: 600;
    font-size: 20px;
    color: #919191;
    margin: 0;
}
.subtit_modal {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
.box_parts-inp {
    display: flex;
    gap: 15px;
    height: 70px;
}

.box_parts-inp input {
    max-width: 60px;
    height: 70px;
    font-weight: 500;
    font-size: 20px;
    color: #2E6C1C;
    text-align: center;
}

.btn_tel-log {
}



.modal_connection {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

.modal_connection.active_con {display: flex;}

.box_connect {
     display: flex;
    flex-direction: column;
    gap: 20px;
     background: #FFFFFF;
    border-radius: 32px;
    padding: 50px 40px;
    width: 440px;
    position: relative;
}

.box_connect>* {width: 100%}


.box_connect input {
    background: #E9E9E9;
    border: none;
    font-weight: 600;
    font-size: 22px;
}

.box_connect textarea {
     background: #E9E9E9;
    border: none;
    font-weight: 600;
    font-size: 22px;
}

.box_checkbox {
    position: relative;
    margin: 25px 0;
}

.box_checkbox input[type="checkbox"] {
    width: 100%;
    height: 24px;
    border-radius: 4px;
    border-width: 2px;
    border: 2px solid #D9D9D9;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.box_checkbox label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 16px;
}


.box_checkbox label:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 2px solid #D9D9D9;
    cursor: pointer;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.1s;
    box-sizing: border-box;
}


.box_checkbox label:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    margin-left: 6px;
    margin-bottom: 4px;
}

.checkbox-input:checked + label:after {
    border-bottom: 3px solid #2E6C1C;
    border-left: 3px solid #2E6C1C;
    transform: rotate(-45deg);
}




/*------------Modal----------------*/

.wrapper_breadcrumb {
    overflow: hidden;
    width: var(--item-width);
    margin: 0 auto;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
    white-space: nowrap;
    padding-bottom: 0px;
    --font-size:clamp(14px,3vw,20px);
}

.breadcrumb-item:not(:last-child) span {
    font-family: Inter;
    font-weight: normal;
    font-size: 14px;
}

.breadcrumb-item:last-child span {
    font-family: Inter;
    font-weight: normal;
    font-size: 14px;
    opacity: 0.4;

}

body.dark .breadcrumb-item:last-child span {color: #fff}

body.dark .main {color: #fff}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    font-size: 14px;
    content: "/";
}


.content .main .sections_catalog .catalog-section-list.row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8em;
    margin: 15px 0;
}

.catalog-section-element {
    display: flex;
    padding: 8px 25px;
    background: #fff;
    border-radius: 40px;
    cursor: pointer;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.catalog-section-element a {text-decoration: none;}

body.dark .catalog-section-element

.catalog-section-element a {text-decoration: none;}

.catalog-section-element span {
    font-weight: 600;
    font-size: 16px;
}

.filter_catalog {
    padding-top: 15px;
}

.catalog-section-element:hover {background: #2E6C1C;}
.catalog-section-element:hover span {color: #fff;}

.sections_catalog_root {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin: 10px 0;
    gap: 1em;
    width: 100%;
}

.sections_catalog_root_item {
    list-style: none;
    padding: 2px 15px;
    background: #FFF;
    border-radius: 16px;
}

body.dark .sections_catalog_root_item, body.dark .catalog-section-element {background: #2E2E2E;}

.content .main .row.article-list {
    display: grid;
    column-gap: 1%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-top: 20px;
    row-gap: 0.5em;
}

.row.article-list .article-item__img.mb-3 {
    border-radius: 12px;
    overflow: hidden;
}

.row.article-list img {width: 100%; border-radius: 12px;}

.col-sm-2.col-md-4.col-12.article-item.mb-5 {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
}

body.dark .col-sm-2.col-md-4.col-12.article-item.mb-5 {background: #2E2E2E;}

.article-item__title.mb-3 {
    font-weight: 500;
    font-size: clamp(14px, 2vw, 16px);
    height: 40px;
    overflow: hidden;
    margin: 15px 0px;
    display: block;
}

.article-detail {width: 100%}
.content .main .pro_ajax {width: 100%;margin-top: 20px;}
.content .main .pro_ajax .row {
    display: grid;
    grid-template-columns: 25% auto;
    column-gap: 1%;
    width: 100%;
    row-gap: 0.5em;
}
.product-line.row.product-list.sale-products {
    grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
}

.catalog-left {
    display: flex;
}

.col-auto.prod-filter {height: fit-content;}

.bx_catalog_text {
    margin-bottom: 0px !important;
    border-radius: 12px;
    width: 100%;
}

.dropdown-menu {
    display: block;
    width: 250px;
    height: auto;
    padding: 20px;
    overflow: auto;
    background: #FFFFFF66;
    backdrop-filter: blur(10px);
    list-style: none;
    transform: translate(0px, 10%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 12px;
}

body.dark .dropdown-menu {background: #00000066;}


.dropdown-menu li a {
    display: block;
    width: 100%;
}

body._pc .menu__list > li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    pointer-events: all;
}

.box_account .btn p {
    padding: 0;
    margin: 0;
}

.box_account .btn .dropdown-menu {right: 0; left: unset;}
body._pc .box_account .btn:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    pointer-events: all;
}

.mm-menu {
    background: #FFFFFF66 !important;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    backdrop-filter: blur(10px) !important;
}

.smartsearch-page {width: 100%;}

.content .main  .smartsearch-page .row {
    flex-direction: row;
}


/*-------------модалка корзины---------*/

.swal2-show {border-radius: 12px !important;}    
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background: #60c941 !important;
}

button.swal2-cancel.btn.btn_cancel {
    background: #999;
    margin-left: 1.25em;
}


/*-------------модалка корзины---------*/


.content .main .row.services-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1em;
    margin-top: 20px;
    width: 100%;
}

.content .main .row.services-list img {
    width: 100%;
}


.content .main .row {
    display: flex;
    flex-direction: row-reverse;
    gap: 1%;
}

.content .main .row .row.services-list {
    display: flex;
    flex-direction: column;
}

.content .main .row .col-md-3.order-md-1 {width: 20%;}
.content .main .row .col-md-9.order-md-2 {width: 79%; margin-top: 20px}
blockquote {
    color: #fff;
    background: #2E6C1C;
    text-align: center;
    padding: 18px;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 12px;
}

#statica table {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid;
    border-collapse: collapse;
}

#statica table tbody tr td {
    padding: 5px;
    border: 1px solid;
    border-collapse: collapse;
}

form.bonus-card.ajax-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    width: 500px;
}

form.bonus-card.ajax-form div:last-child {margin-top: 5px}

form.bonus-card.ajax-form .form-group.row {
    flex-direction: column;
    margin-bottom: 0;
    width: 100%;
}

form.bonus-card.ajax-form .form-group.row input {width: 100%}

label.custom-control-label {
    font-size: 10px;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
    padding-left: 35px;
}

form.bonus-card.ajax-form label.custom-control-label:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background-color: #fff;
    border: solid 1px #a7a7a7;
    left: 0;
    top: 0px;
}


form.bonus-card.ajax-form .custom-control.custom-checkbox.mb-3 input:checked + label.custom-control-label:after {
    position: absolute;
    content: '';
    top: 6px;
    border-left: 3px solid #2E6C1C;
    border-bottom: 3px solid #2E6C1C;
    width: 10px;
    height: 5px;
    margin-left: 6px;
    margin-bottom: 4px;
    transform: rotate(-45deg);
    left: 0px;
}

form.bonus-card.ajax-form .custom-control.custom-checkbox.mb-3 {
    display: flex;
    text-align: start;
}
.sv-tab {display: none;}
.sv-active {display: block !important;}
.us-right {width: 100%;}
.blok-anketa {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
}
.blok-anketa .field-input-control input[type='text'], .blok-anketa .field-input-control select {
        border: none;
        background: #E9E9E9;
        height: 50px;
        font-weight: 400;
        font-size: clamp(16px, 3vw, 20px);
        padding: 5px 15px;
        border-radius: 8px;
}
.blok-anketa textarea {
    background: #E9E9E9;
    border: none;
    font-weight: 600;
    font-size: clamp(16px, 3vw, 20px);
    padding: 5px 15px !important;
    border-radius: 8px !important;
}
.blok-anketa .h2 {margin-bottom: 0}
.blok-anketa p.a-titul {margin-top: 0}

.blok-anketa .field-input-control label {
    position: relative;
    display: flex;
    align-items: center;
    height: 24px;
    padding-left: 30px;
    margin: 5px 0;
}
.blok-anketa .form_row.field_R_AUTONAME .field-input-control input {opacity: 0; position: absolute;}
.blok-anketa .form_row.field_R_AUTONAME .field-input-control br {display: none;}
.blok-anketa .field-input-control input:checked + label:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: #2E6C1C;
    border-radius: 50%;
    left: 6px;
}
 
.blok-anketa .field-input-control label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #000;

}
.blok-anketa .field-input-control input:checked + label:before {border: 2px solid #2E6C1C;}

/*------------------------------Корзина--------------------------------------*/

.basket-items-search-field, .basket-coupon-section {
    display: none;
}

#basket-root {
    display: grid;
    grid-template-columns: 0 2fr 1fr;
    margin-top: 10px;
    width: 100%;
}

#basket-root .row, #basket-root .row .col-xs-12 {width: 100%}
#basket-item-table {width: 100%;}

.basket-items-list-item-descriptions {
    display: flex;
    flex: 0 0 250px;
    height: 250px;
    border-radius: 12px;
    background: #FFF;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    overflow: hidden;
    border: 2px solid #EDEDED;
}

.basket-items-list-item-price.basket-items-list-item-price-for-one.hidden-xs {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.basket-items-list-item-container {
    display: flex;
    position: relative;
    padding: 15px 40px 15px 15px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    align-items: flex-start;
}


.basket-item-block-amount {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: fit-content;
    flex-direction: column-reverse;
}

.basket-item-amount-btn-minus {
    position: absolute;
    background: #fff;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    border: none;
    width: 30px;
    height: 30px;
    align-items: center;
    text-align: center;
    cursor: pointer;
    left: 6px;
    bottom: 5px;
}

.basket-item-amount-btn-minus:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 10px;
    background: #000;
}


.basket-item-amount-btn-plus {
    position: absolute;
    background: #fff;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    border: none;
    width: 30px;
    height: 30px;
    align-items: center;
    text-align: center;
    cursor: pointer;
    right: 6px;
    bottom: 5px;
}

.basket-item-amount-btn-plus:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 10px;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
}

.basket-item-amount-btn-plus:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 3px;
    left: 50%;
    background: #000;
    transform: translateX(-50%);
}

body.dark .basket-item-amount-btn-minus,
body.dark .basket-item-amount-btn-plus {
    background: #292929;
}

.basket-item-amount-filed-block input {
    width: 136px;
    height: 40px;
    border-radius: 8px;
    background: #EDEDED;
    border: none;
    padding: 5px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: 15px
}
body.dark .basket-item-amount-filed-block input {background: #191919; color: #fff;}
body.dark .basket-items-list-item-container, body.dark .basket-checkout-container {background: #2E2E2E;}
.basket-item-bottom-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
    align-items: start;
}

.basket-item-block-price {
    display: flex;
    flex-direction: column-reverse;
}

.basket-item-price-title, .basket-item-amount-field-description {
    font-weight: 600;
    font-size: 15px;
    color: #919191;
    margin-top: 0;
    margin-bottom: 10px;
}

.basket-item-price-current-text {
    font-weight: 700;
    font-size: 24px;
}

.basket-item-bottom-block div:last-child .basket-item-price-current-text {
    font-weight: 700;
    font-size: clamp(23px, 3vw, 32px);
    color: #2E6C1C;
    margin-bottom: 0;
}

.basket-checkout-container {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    height: fit-content;
    margin-top: 20px;
    margin-left: 15px;
    box-shadow: 0px 2px 4px 0px #00000014, 0px 0px 6px 0px #00000005;
}

.basket-checkout-block-total-title {
    font-weight: 700;
    font-size: 24px;
    color: #919191;
    margin: 0;
}

.basket-checkout-block.basket-checkout-block-total-price {
    font-weight: 700;
    font-size: clamp(23px, 3vw, 32px);
    color: #2E6C1C;
}

.basket-checkout-section-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn.btn-lg.btn-default.basket-btn-checkout{
    margin-top: 10px;
    width: 100%;
    font-size: clamp(20px, 3vw, 22px);
    padding: 20px 25px;
    text-align: center;
}

.basket-item-info-name-link {
    display: flex;
    font-weight: 700;
    font-size: clamp(12px, 3vw, 18px);
    width: 90%;
    margin-top: 0;
    line-height: 1.1;
}

.basket-items-list-item-remove.hidden-xs {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.basket-item-actions-remove {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basket-item-actions-remove:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background: #33363F;
    transform: rotate(45deg);
}
.basket-item-actions-remove:after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 20px;
    background: #33363F;
    transform: rotate(315deg);
}
.basket-item-actions-remove.visible-xs {display: none;}

/*--Корзина--*/


/*--Оформление заказа--*/
#bx-soa-order {
    flex-direction: row;
}

#bx-soa-main-notifications .alert {
    border-radius: 12px;
}


/*--Оформление заказа--*/

.us-right .row {flex-direction: row !important;}

#upButton {
    background: #196923;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 25px;
    border-radius: 12px;
    display: none;
    padding: 13px 8px;
    z-index: 100;
}

.shop-tabs .tabNavigation {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
}

.shop-tabs i.icon-shop {
    display: none;
}

.shop-tabs .tabNavigation li {
    margin: 0;
    flex-grow: 1;
}

.shop-tabs .tabNavigation li a {
    display: flex;
    padding: 0px 20px;
    background: #fff;
    border-radius: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
body.dark .shop-tabs .tabNavigation li a {background: #2E2E2E;}

.shop-tabs .tabNavigation li a p {margin: 10px 0;}
.shop-tabs .tabNavigation li a:hover {text-decoration: none; background: #2E6C1C;}
.shop-tabs .tabNavigation li a:hover p {color: #fff}

.shop-info ul {
    list-style: none;
    display: flex;
    flex-direction: column;
}

body.dark .shop-info ul li > * {
    color: #fff !important;
}
.shop-info ul li.shop-photo {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.shop-info ul li i {
    grid-column: 1;
    grid-row: 3 / 1;
}

.sp-left ul li.shop-photo span {
    height: 58px;
    width: auto;
    margin-left: 0;
}

.shop-photo span img {
    width: auto;
    height: 100%;
}
.big-shop-img {width: 100%}
.big-shop-img img {
    display: block;
    position: relative;
    height: auto;
    width: auto;
}

.sp-left ul li span {
    clear: both;
    display: block;
    position: relative;
    margin-left: 32px;
    font-size: 13px;
    color: #333;
    margin-bottom: 9px;
}

.sp-left ul li i {
    display: block;
    position: relative;
    float: left;
    font-size: 19px;
    margin-right: 5px;
    color: #14783e;
}

.sp-left ul li p {
    display: block;
    position: relative;
    float: left;
    font-size: 14px;
    margin-right: 5px;
    color: #14783e;
    margin-top: 4px;
}

.cities-popup {
    border-radius: 12px;
    padding: 35px;
    font-weight: 700;
}

.cities-popup .city-item {
    font-weight: normal;
    margin-bottom: 20px;
}

#pop_up_auth_new h2, #pop_up_auth h2 {
    color: #2E6C1C;
    font-size: 26px;
    margin-bottom: 25px;
}

#pop_up_auth {
    width: 94%;
}

#pop_up_auth .btn {
    margin-top: 15px !important;
}

#pop_up_auth_new .old_auth, #pop_up_auth .pop_up_forgot_password {
    color: #2E6C1C;
    text-decoration: underline;
}

body.dark .cities-popup a {
    color: #000 !important;
}