:root {
    --main-color: #007E7E;
    --font-color: #1F3030;
    --second-color: #F0671A;
    --container-padding: 20px;
    --border-color: #D4DFDF;
}

* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    resize: none;
    outline: none;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Fixel Variable', Arial, Helvetica, sans-serif;

}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    display: none;
}

.overlay.active {
    display: block;
}

.mobile_language,
.mobile_menu_open {
    display: none !important;
}

body {
    font-size: 14px;
    line-height: 1.5;
    color: var(--font-color);
    background-color: #fff;
    font-family: 'Fixel Variable', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

body.modal-open {
    height: 100dvh;
    overflow: hidden;
}

input,
textarea,
button {
    font-family: 'Fixel Variable', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

a {
    color: var(--font-color);
    text-decoration: none;
}

a:hover {
    color: var(--second-color);
}

img {
    max-width: 100%;
}

button:hover {
    cursor: pointer;
}

.container {
    width: 100%;
    max-width: calc(1120px + calc(var(--container-padding) * 2));
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

#top .container {
    display: flex;
    align-items: center;
    min-height: 32px;
    grid-gap: 24px;
}

#top .container ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 24px;
}

#top .container ul li,
#top .container ul li a {
    display: flex;
    grid-gap: 4px;
}

#top .container ul li a {
    font-weight: 600;
    font-size: 14px;
}

#top .container ul li a .icon:before {
    background-color: #1F3030;
}

#top .container ul:nth-of-type(2) {
    margin-left: auto;
}

.top_banner {
    background-color: var(--main-color);
    color: #fff;
    display: flex;
}

.top_banner:hover {
    color: #fff;
    text-decoration: none;
    background-color: #006E6E;
}

.top_banner .container {
    min-height: 40px;
    grid-gap: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.top_banner .container p {
    font-weight: 900;
}

.top_banner .container span {
    font-weight: 500;
}

#header.mobile_active {
    /* z-index: 1001; */
    /* position: relative; */
    /* background: #fff; */
}

#header {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 21;
}

#header .container {
    min-height: 80px;
    display: flex;
    align-items: center;
    grid-gap: 24px;
}

#header .header_wishlist {
    position: relative;
    min-width: 48px;
    margin-right: -16px;
}

#header .header_wishlist a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #fff;
    border: none;
}

#header .header_wishlist a .icon {
    width: 22px;
    height: 22px;
}

#header .header_wishlist a .icon:before {
    background-color: #1F3030;
    mask-size: 22px;
    -webkit-mask-size: 22px;
    width: 22px;
    height: 22px;
}

#header .header_account {
    margin-left: auto;
    min-width: 48px;
    margin-right: -16px;
    position: relative;
}

#header .header_account_links {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0px 2px 4px -1px #0A101005;
    z-index: 2;
    min-width: 238px;
    grid-gap: 16px;
    display: none;
    grid-template-columns: 1fr;
}

#header .header_account.active .header_account_links {
    display: grid;
}

#header .header_account a.header_account_entered {
    background-color: #F1F4F4;
}

#header .header_account a .icon.icon_avatar {
    width: 32px;
    height: 32px;
}

#header .header_account a .icon.icon_avatar:before {
    background-color: initial;
    mask-size: initial;
    -webkit-mask-size: initial;
    width: 32px;
    height: 32px;
}

#header .header_account_links li,
#header .header_account_links li a {
    width: 100%;
}

#header .header_account_links li a {
    font-size: 14px;
    font-weight: 600;
    height: fit-content;
    color: #1F3030;
    justify-content: flex-start;
    border-radius: 0px;
    grid-gap: 8px;
}

#header .header_account_links li a:hover {
    background-color: transparent;
}

#header .header_account_links li:last-child a {
    padding-top: 16px;
    border-top: 1px solid var(--border-color);
}

#header .logo,
#header .logo a,
#header .logo a img {
    display: flex;
}

#header .logo {
    min-width: 126px;
}

#header .logo a img {
    width: 126px;
}

#header .menu_link,
#header .menu_link_main {
    margin-right: -16px;
    height: 48px;
    min-width: 132px;
    border-radius: 100px;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
    padding: 0px 24px;
}

#header .menu_link:hover,
#header .menu_link_main:hover {
    cursor: pointer;
    background: #F4F9F9;
    color: #007E7E;
    border-color: #007E7E;
}

#header .menu_link p,
#header .menu_link_main p {
    font-weight: 600;
}

#header .menu_link .icon:before,
#header .menu_link_main .icon:before {
    background-color: #1F3030;
}

#header .menu_link .icon:before,
#header .menu_link_main .icon:before {
    background-color: #1F3030;
}

#header .menu_link:hover .icon:before,
#header .menu_link_main:hover .icon:before {
    background-color: #007E7E;
}

#search {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

#search input {
    height: 48px;
    border-radius: 100px;
    border: 1px solid var(--border-color);
    padding: 0 24px;
    padding-right: 58px;
    /* min-width: 526px; */
    width: 100%;
}

#search:hover input {
    border-color: #BFCFCF;
}

#search input::placeholder {
    color: #6A9090;
}

#search button {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 6px;
    border: none;
}

#search button:hover {
    background-color: #004E4E;
}

#header .phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 152px;
}

#header .phone p {
    font-size: 12px;
    font-weight: 500;
}

#header .phone a {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

#header .header_wishlist a:hover,
#header .header_account a:hover {
    cursor: pointer;
    background: #F4F9F9;
    color: #007E7E;
    border-color: #007E7E;
}

#header .header_wishlist a:hover .icon:before #header .header_account a:hover .icon:before {
    background-color: #007E7E;
}

#header .header_account a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #fff;
    border: none;
    margin-right: -16px;
}

#header .header_account a .icon:before {
    background-color: #1F3030;
}

#cart button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #F4F9F9;
    border: none;
    position: relative;
}

#cart button .icon:before {
    background-color: var(--main-color);
}

#cart button:hover {
    cursor: pointer;
    background: #DFEEEE;
}

#wishlist-total,
#cart button span#cart-total {
    background-color: #F0671A;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    color: #fff;
    border-radius: 100%;
    font-size: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.icon:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
}

/*** Fix for Opencart ***/
.icon_app {
    background-color: var(--inverse-color);
}

.icon_app:before {
    display: none;
}

.icon_account:before {
    -webkit-mask: url(../icons/account.svg) no-repeat center;
    mask: url(../icons/account.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_account_card:before {
    -webkit-mask: url(../icons/account_card.svg) no-repeat center;
    mask: url(../icons/account_card.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_account_desc:before {
    -webkit-mask: url(../icons/account_desc.svg) no-repeat center;
    mask: url(../icons/account_desc.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_exit:before {
    -webkit-mask: url(../icons/exit.svg) no-repeat center;
    mask: url(../icons/exit.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_info:before {
    -webkit-mask: url(../icons/info.svg) no-repeat center;
    mask: url(../icons/info.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_plus:before {
    -webkit-mask: url(../icons/plus.svg) no-repeat center;
    mask: url(../icons/plus.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_menu:before {
    -webkit-mask: url(../icons/menu.svg) no-repeat center;
    mask: url(../icons/menu.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_minus:before {
    -webkit-mask: url(../icons/minus.svg) no-repeat center;
    mask: url(../icons/minus.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_promocode:before {
    -webkit-mask: url(../icons/promocode.svg) no-repeat center;
    mask: url(../icons/promocode.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_result:before {
    -webkit-mask: url(../icons/result.svg) no-repeat center;
    mask: url(../icons/result.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_result.specials:before {
    -webkit-mask: url(../icons/specials.svg) no-repeat center;
    mask: url(../icons/specials.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_manufacturers:before {
    -webkit-mask: url(../icons/manufacturers.svg) no-repeat center;
    mask: url(../icons/manufacturers.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_instagram:before {
    -webkit-mask: url(../icons/inst.svg) no-repeat center;
    mask: url(../icons/inst.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_home:before {
    -webkit-mask: url(../icons/home.svg) no-repeat center;
    mask: url(../icons/home.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_facebook:before {
    -webkit-mask: url(../icons/facebook.svg) no-repeat center;
    mask: url(../icons/facebook.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_filter:before {
    -webkit-mask: url(../icons/filter.svg) no-repeat center;
    mask: url(../icons/filter.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_social:before {
    -webkit-mask: url(../icons/social.svg) no-repeat center;
    mask: url(../icons/social.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.icon_close:before {
    -webkit-mask: url(../icons/close.svg) no-repeat center;
    mask: url(../icons/close.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 14px;
    mask-size: 14px;
}

.icon_cart:before {
    -webkit-mask: url(../icons/cart.svg) no-repeat center;
    mask: url(../icons/cart.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_catalog:before {
    -webkit-mask: url(../icons/catalog.svg) no-repeat center;
    mask: url(../icons/catalog.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_search:before {
    -webkit-mask: url(../icons/search.svg) no-repeat center;
    mask: url(../icons/search.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_shops:before {
    -webkit-mask: url(../icons/shops.svg) no-repeat center;
    mask: url(../icons/shops.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_free_shipping:before {
    -webkit-mask: url(../icons/freeshipping.svg) no-repeat center;
    mask: url(../icons/freeshipping.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_shipping_box:before {
    -webkit-mask: url(../icons/shipping_box.svg) no-repeat center;
    mask: url(../icons/shipping_box.svg) no-repeat center;
    background-color: var(--main-color);
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_arrow {
    width: 12px;
    height: 12px;
    min-width: 12px;
}

.icon_arrow:before {
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 8px;
    mask-size: 8px;
}

.icon_arrow.icon_arrow_left:before {
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    transform: rotate(90deg);
}

.icon_arrow.icon_arrow_right:before {
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    transform: rotate(-90deg);
}

.icon_arrow.icon_arrow_up:before {
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 8px;
    mask-size: 8px;
}

.icon_arrow.icon_arrow_down:before {
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    transform: rotate(-180deg);
}

.icon_add_wishlist:before {
    -webkit-mask: url(../icons/heart.svg) no-repeat center;
    mask: url(../icons/heart.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_avatar:before {
    -webkit-mask: initial;
    mask: initial;
    background-color: initial;
    -webkit-mask-size: initial;
    mask-size: initial;
    background: url(../icons/wishlist.svg) no-repeat center;
}

.icon_delete:before {
    -webkit-mask: url(../icons/delete.svg) no-repeat center;
    mask: url(../icons/delete.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_add_cart:before {
    -webkit-mask: url(../icons/add_cart.svg) no-repeat center;
    mask: url(../icons/add_cart.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_add_wishlist:before {
    -webkit-mask: url(../icons/heart.svg) no-repeat center;
    mask: url(../icons/heart.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.icon_visa,
.icon_mcard {
    width: 24px;
    height: 24px;
}

.icon_visa:before {
    -webkit-mask: initial;
    mask: initial;
    background: url(../icons/visa_color.svg) no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
}

.icon_mcard:before {
    -webkit-mask: initial;
    mask: initial;
    background: url(../icons/mcard_color.svg) no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
}

.icon_star,
.icon_reviews {
    width: 12px;
    height: 12px;
    min-width: 12px;
}

.icon_star:before {
    -webkit-mask: url(../icons/star.svg) no-repeat center;
    mask: url(../icons/star.svg) no-repeat center;
    background-color: var(--border-color);
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

.icon_star_active:before {
    -webkit-mask: url(../icons/star.svg) no-repeat center;
    mask: url(../icons/star.svg) no-repeat center;
    background-color: #FF9E00;
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

.icon_reviews:before {
    -webkit-mask: url(../icons/reviews.svg) no-repeat center;
    mask: url(../icons/reviews.svg) no-repeat center;
    background-color: #FF9E00;
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

#form-language {
    position: relative;
}

#form-language>button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 4px;
    font-size: 14px;
    font-weight: 600;
}

#form-language>button .icon:before {
    background-color: var(--font-color);
}

.language_modal {
    position: absolute;
    right: 0;
    top: -35px;
    grid-gap: 0px !important;
    padding: 4px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10101A;
    display: none !important;
    z-index: 1000;
    flex-direction: column;
    min-width: 140px;
}

.language_modal.active {
    top: 35px;
    display: flex !important;
}

.language_modal li button {
    display: flex;
    height: 32px;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    background: none;
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #1F3030;
    min-width: 70px;
    padding: 0px 8px;
    width: 100%;
}

.language_modal li {
    display: flex;
    width: 100%;
}

.language_modal li button:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #D4DFDF;
    right: 12px;
}

.language_modal li button.active:after {
    -webkit-mask: url(../icons/check.svg) no-repeat center;
    mask: url(../icons/check.svg) no-repeat center;
    background-color: #fff;
    background-image: none;
    -webkit-mask-size: 12px;
    mask-size: 12px;
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    right: 12px;
}

.language_modal li button.active:before {
    background-color: #59B27C;
    border-color: #59B27C;
}

#section_home_1 {
    background-color: #F1F4F4;
    display: flex;
    flex-direction: column;
}

.home_links {
    margin-top: 32px;
    margin-bottom: 48px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 12px;
}

.home_links li a {
    background-color: #eee;
    display: flex;
    align-items: center;
    border-radius: 100px;
    height: 64px;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.home_links li:nth-of-type(1) a {
    background-color: #F0671A;
}

.home_links li:nth-of-type(1) a:hover {
    background-color: #d55b15;
}

.home_links li:nth-of-type(2) a {
    background-color: #007E7E;
}

.home_links li:nth-of-type(2) a:hover {
    background-color: #016666;
}

.home_links li:nth-of-type(3) a {
    background-color: #F5A61D;
}

.home_links li:nth-of-type(3) a:hover {
    background-color: #da9216;
}

.home_links li:nth-of-type(4) a {
    background-color: #59B27C;
}

.home_links li:nth-of-type(4) a:hover {
    background-color: #489567;
}

.home_links li:nth-of-type(5) a {
    background-color: #007E7E;
}

.home_links li:nth-of-type(5) a:hover {
    background-color: #016b6b;
}

.home_links li:nth-of-type(6) a {
    background-color: #F0671A;
}

.home_links li:nth-of-type(6) a:hover {
    background-color: #e26319;
}

.home_links li a .icon_img {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 96px;
    height: 64px;
    display: flex;
}

.home_links li a .icon_img:before {
    content: '';
    position: absolute;
    width: 96px;
    height: 64px;
    /*background-image: url(../icons/1.png);*/
    background-size: contain;
}

.home_links li:nth-of-type(2) a .icon_img:before {
    content: '';
    position: absolute;
    width: 96px;
    height: 64px;
    /*background-image: url(../icons/2.png);*/
    background-size: contain;
}

.home_links li:nth-of-type(3) a .icon_img:before {
    content: '';
    position: absolute;
    width: 96px;
    height: 64px;
    /*background-image: url(../icons/3.png);*/
    background-size: contain;
}

.home_links li:nth-of-type(4) a .icon_img:before {
    content: '';
    position: absolute;
    width: 96px;
    height: 64px;
    /*background-image: url(../icons/4.png);*/
    background-size: contain;
}

.home_links li:nth-of-type(5) a .icon_img:before {
    content: '';
    position: absolute;
    width: 96px;
    height: 64px;
    /*background-image: url(../icons/5.png);*/
    background-size: contain;
}

.home_links li:nth-of-type(6) a .icon_img:before {
    content: '';
    position: absolute;
    width: 96px;
    height: 64px;
    /*background-image: url(../icons/6.png);*/
    background-size: contain;
}

.home_links li a img {
    /* display: none; */
}

.mobile_menu {
    position: absolute;
    top: -800px;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    z-index: 1001;
    padding: 32px 36px;
    display: none !important
}

.ocf-noUi-connect:before,
.ocf-noUi-handle {
    background-color: var(--main-color) !important;
}

.mobile_menu.active {
    top: 78px;
    position: fixed;
    display: grid !important;
}

.mobile_menu.not_scroll {
    top: 152px;
}

.header_menu {
    display: flex;
    overflow: hidden;
    position: fixed;
    top: 152px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 21;
    height: 0px;
    transition: height 0.3s ease;
}

.header_menu.active {
    height: 144px;
    /* display: flex; */
}

@media (min-width: 1025px) {


    .mobile_search,
    .links_from_header,
    .mobile_contacts {
        display: none;
    }

    .mobile_menu .mobile_catalog {
        width: calc(1120px + calc(var(--container-padding) * 2));
        margin: 0 auto;
        padding: 0 var(--container-padding);
    }

    .mobile_menu .home_links {
        margin: 0px;
    }
}



.home_slider .item {
    border-radius: 16px;
    overflow: hidden;
}

.home_slider .item img {
    width: 100%;
    display: flex;
}

.home_slider {
    padding-bottom: 80px;
}

.home_slider_inner {
    position: relative;
}

.home_slider .swiper_arrow {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0;
    z-index: 2;
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    box-shadow: 0px 2px 4px -1px #0A101005;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_slider .swiper_arrow_left {
    left: -18px;
}

.home_slider .swiper_arrow_right {
    left: initial;
    right: -18px;
}

.home_slider .swiper_arrow .icon:before {
    background-color: var(--main-color);
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

#product_tabs {
    padding: 80px 0px;
    background: #fff;
}

#product_tabs .tab-content {
    overflow: hidden;
    height: fit-content;
    padding-bottom: 8px;
    margin-bottom: -4px;
    padding-left: 4px;
    padding-right: 4px;
}

.product_tabs_header {
    display: flex;
    align-items: center;
    grid-gap: 24px;
    margin-bottom: 48px;
}

.productTabArrows {
    margin-left: auto;
}

.product_tabs_header h2 {
    font-size: 28px;
    color: #1F3030;
    font-weight: 600;
}

.product_tabs_header .nav {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.product_tabs_header .nav li a {
    border: 1px solid #D4DFDF;
    color: #1F3030;
    font-weight: 600;
    padding: 0px 16px;
    border-radius: 100px;
    height: 36px;
    display: flex;
    align-items: center;
}

.product_tabs_header .nav li a:hover {
    background: #DFEEEE;
    color: #007E7E;
}

.product_tabs_header .nav li.active a {
    border-color: transparent;
    background: #DFEEEE;
    color: var(--main-color);
}

#product_tabs .tab-pane:not(.active) {
    display: none;
}

.product_items:not(.product_items_slider) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}

.product_items.product_items_category:not(.product_items_slider) {
    grid-template-columns: repeat(3, 1fr);
}

.columns_1_catalog .product_items.product_items_category:not(.product_items_slider) {
    grid-template-columns: repeat(4, 1fr);
}

.productRelatedCarousel {
    padding-left: 4px;
    padding-right: 4px;
}

.productRelatedCarousel .swiper-slide {
    padding-bottom: 6px;
}

.product_items .item {
    padding: 8px;
    padding-bottom: 24px;
    box-shadow: 0px 2px 4px -1px rgba(0, 15, 15, 0.06);
    box-shadow: 0px 4px 6px -1px rgba(0, 15, 15, 0.1);
    border-radius: 16px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    height: fit-content;
    transition: box-shadow 0.3s ease;
}

.product_items .item:hover {
    box-shadow: 0px 4px 6px -2px rgba(10, 16, 16, 0.05);
    box-shadow: 0px 10px 15px -3px rgba(10, 16, 16, 0.1);
    cursor: pointer;
}

.product_items.product_items_slider .swiper-slide {
    width: 274px;
}

.product_items .item .image {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 16px;
}

.product_items .item .image img {
    max-width: 100%;
    height: 100%;
}

.product_items .item .image a {
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 1;
    height: 100%;
}

.product_items .item:hover .image a {
    color: #007E7E;
    /* background-color: #F1F4F4; */
    border-radius: 4px;
}

.stickers {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 4px;
    left: 0;
    top: 0;
    z-index: 1;
}

.stickers span {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    height: 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 0px 4px;
}

.stickers span:nth-of-type(1) {
    background-color: var(--main-color);
}

.stickers span:nth-of-type(2) {
    background-color: var(--second-color);
}

.product_items .item .add_wishlist {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    border: none;
}

.product_items .item .add_wishlist .icon:before {
    background-color: #6A9090;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.product_items .item .add_wishlist:hover,
.product_items .item .add_wishlist.active {
    background-color: #DFEEEE;
    cursor: pointer;
}

.product_items .item .caption {
    margin: 0px 16px;
    position: relative;
}

.product_items .item .caption .model {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #6A9090;
}

.product_items .item .caption .link {
    height: 72px;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

.product_items .item .caption .link a {
    font-weight: 600;
    font-size: 18px;
    line-height: 134%;
}

.product_items .item:hover .caption .link a {
    color: #007E7E;
}

.product_items .item .caption .rating {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    margin-bottom: 17px;
}

.product_items .item .caption .rating .reviews {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    color: #6A9090;
    font-size: 12px;
    font-weight: 500;
}

.product_items .item .caption .price {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ocf-selected .ocf-value-input::before {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.ocf-btn-link {
    color: var(--main-color) !important;
}

.price_header {
    display: flex;
    grid-gap: 8px;
    align-items: center;
}

.price_header .price_old {
    color: #6A9090;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}

.price_header .price_economy {
    height: 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    background: var(--second-color);
    border-radius: 6px;
    padding: 0px 8px;
    font-size: 16px;
}

.price_header .price_economy span {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-left: 2px;
}

.price_stock {
    display: flex;
    align-items: baseline;
    margin-top: auto;
    min-height: 30px;
}

.price_stock-number {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: var(--font-color);
    display: inline;
}

.price_stock-currency {
    font-size: 18px;
    font-weight: 500;
    color: var(--font-color);
    /* margin-left: 4px; */
    display: inline;
}

.product_items .item .caption .add_cart {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    border: none;
    transition: all .3s;
}

.product_items .item .caption .add_cart:hover {
    background-color: #006E6E;
}

.product_items .item .caption .add_cart.active {
    background-color: #DFEEEE;
    transition: all .3s;
}

.product_items .item .caption .add_cart .icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.product_items .item .caption .add_cart .icon:before {
    -webkit-mask-size: 20px;
    mask-size: 20px;
}

.product_items .item .caption .add_cart.active .icon:before {
    background-color: var(--main-color);
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask: url(../icons/cart_active.svg) no-repeat center;
    mask: url(../icons/cart_active.svg) no-repeat center;
}

.stars {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 3px;
}

.category_options {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    max-width: 80px;
}

.category_options p {
    padding: 0px 12px;
    height: 32px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    box-shadow: 0px 4px 6px -1px #0a10101a;
    position: relative;
    grid-gap: 4px;
    background: #fff;
}

.category_options.open p {
    border-radius: 8px 8px 0px 0px;
}

.category_options p:hover {
    cursor: pointer;
    box-shadow: 0px 4px 6px -1px #0a101029;
}

.category_options p:hover .icon {
    background-color: transparent;
}

.category_options p u {
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

.category_options p .icon:before {
    background-color: var(--main-color);
}

.category_options ul {
    display: none;
    background-color: #fff;
    border: 1px solid var(--border-color);
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 8px;
    transition: top 0.3s ease-in-out;
    width: 100%;
    padding: 4px;
    min-width: initial;
    border-radius: 0px 0px 8px 8px;
}

.category_options ul.active {
    top: calc(100% + 4px);
    display: flex;
}

.category_options ul li a {
    padding: 8px 12px;
    color: var(--font-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category_options ul li a:hover {
    color: var(--second-color);
}

.manufacturers_block {
    padding: 80px 0px;
    background-color: #F1F4F4;
}

.section_title,
.manufacturers_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
}

.section_title h2,
.manufacturers_header h2 {
    font-size: 28px;
    color: #1F3030;
    font-weight: 600;
}

.section_title a,
.manufacturers_header a {
    color: #007E7E;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.section_title a:hover,
.manufacturers_header a:hover {
    color: #3F7F58;
}

.section_title a .icon,
.manufacturers_header a .icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.section_title a .icon:before,
.manufacturers_header a .icon:before {
    -webkit-mask: url(../icons/arrow_2.svg) no-repeat center;
    mask: url(../icons/arrow_2.svg) no-repeat center;
    background-color: #007E7E;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.section_title a:hover .icon:before,
.manufacturers_header a:hover .icon:before {
    background-color: #3F7F58;
}

.section_title a .icon,
.manufacturers_header a .icon {
    left: 0px;
    transition: left 0.3s ease-in-out;
}

.section_title a:hover .icon,
.manufacturers_header a:hover .icon {
    left: 10px;
}

.section_title img {
    height: 34px;
}

.section_title .section_title_dropdown {
    position: relative;
}

.section_title .section_title_dropdown button p {
    color: #007E7E;
    font-size: 16px;
    font-weight: 600;
    display: flex;
}

.section_title .section_title_dropdown button {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    border: none;
    background: none;
}

.section_title .section_title_dropdown button .icon:before {
    background-color: #007E7E;
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

.section_title .section_title_dropdown button.active .icon:before {
    transform: rotate(-180deg);
}

.section_title .section_title_dropdown ul {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    flex-direction: column;
    border-radius: 8px;
    padding: 4px;
    background-color: #fff;
    box-shadow: 0px 2px 4px -1px #0A101005;
    z-index: 10;
}

.section_title .section_title_dropdown ul li {
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #1F3030;
    white-space: nowrap;
}

.section_title .section_title_dropdown ul li:hover {
    color: #007E7E;
    background-color: #F1F4F4;
    cursor: pointer;
}

.section_title .section_title_dropdown ul.active {
    display: flex;
}

.all_manuf {
    display: none;
}

@media (max-width: 1025px) {

    .section_title .section_title_dropdown {
        width: 100%;
    }

    .section_title .section_title_dropdown button {
        background-color: #FFFFFF;
        padding: 12px 16px;
        padding-left: 24px;
        width: 100%;
        border-radius: 100px;
    }

    .section_title .section_title_dropdown button .icon_arrow {
        margin-left: auto;
    }

    .section_title .section_title_dropdown button p {
        color: #1F3030;
        height: 24px;
        overflow: hidden;
        white-space: nowrap;
    }

    .section_title .section_title_dropdown ul li {
        white-space: wrap;
    }

    #header .header_wishlist {
        display: none;
    }

    .all_manuf {
        height: 48px;
        margin-top: 32px;
        border-radius: 100px;
        padding: 12px 16px;
        background: var(--main-color);
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
    }

    .all_manuf {
        display: none;
    }
}

@media (max-width: 576px) {
    .all_manuf {
        display: flex;
    }
}

.manufacturers_items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}

.manufacturers_items .manufacturer_item {
    display: flex;
}

.manufacturers_items .manufacturer_item a {
    display: flex;
    height: 128px;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.cat_tab {
    padding: 80px 0px;
    background-color: #fff;
}

.cat_tab_items,
.cat_tab_items>div {
    display: grid;
    grid-gap: 8px;
}

.cat_tab_items {
    grid-template-columns: 1fr 1fr;
}

.cat_tab_items>div {
    grid-template-columns: 1fr;
}

.cat_tab_items>div .item:first-child {
    grid-column: 1 / -1;
    width: 100%;
}

.cat_tab_items>div .item:not(:first-child) {
    width: 50%;
}

.cat_tab_items>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.cat_tab_items>div .item {
    border-radius: 16px;
    position: relative;
}

.cat_tab_items>div .item .info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cat_tab_items>div .item a {
    padding: 24px;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.cat_tab_items>div .item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
    transition: background 0.3s ease-in-out;
    z-index: 1;
}

.cat_tab_items>div .item a:hover:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.065) 100%);
}

.cat_tab_items>div .item .info p {
    font-size: 22px;
    font-weight: 600;
}

.cat_tab_items>div .item .info u {
    margin-top: auto;
    height: 36px;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 0px 6px;
    border-radius: 100px;
    background: var(--second-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    width: fit-content;
}

.cat_cats .cat_tab_items .cat_tab_items_left>.item .info u {
    background: #F0671A;
}

.cat_cats .cat_tab_items .cat_tab_items_left>.item:hover .info u {
    background: #D25A16;
}

.cat_cats .cat_tab_items .cat_tab_items_left>.item .info p {
    color: #964010;
}

.cat_cats .cat_tab_items .cat_tab_items_left>.item:hover .info p {
    color: #89380c;
}

.cat_cats .cat_tab_items .cat_tab_items_right>.item .info u {
    background: #F5A61D;
}

@media (max-width: 576px) {

    .cat_dogs .cat_tab_items .cat_tab_items_right>.item .info u,
    .cat_cats .cat_tab_items .cat_tab_items_left>.item .info u,
    .cat_cats .cat_tab_items .cat_tab_items_right>.item .info u {
        display: none;
    }
}

.cat_cats .cat_tab_items .cat_tab_items_right>.item:hover .info u {
    background: #da941b;
}

.cat_cats .cat_tab_items .cat_tab_items_right>.item .info p {
    color: #996712;
}

.cat_cats .cat_tab_items .cat_tab_items_right>.item:hover .info p {
    color: #8c5f11;
}

.cat_dogs .cat_tab_items .cat_tab_items_left>.item .info u {
    background: #007E7E;
}

.cat_dogs .cat_tab_items .cat_tab_items_left>.item:hover .info u {
    background: #006868;
}

.cat_dogs .cat_tab_items .cat_tab_items_left>.item .info p {
    color: #004E4E;
}

.cat_dogs .cat_tab_items .cat_tab_items_left>.item:hover .info p {
    color: #013535;
}

.cat_dogs .cat_tab_items .cat_tab_items_right>.item .info u {
    background: #59B27C;
}

.cat_dogs .cat_tab_items .cat_tab_items_right>.item:hover .info u {
    background: #4b9e6c;
}

.cat_dogs .cat_tab_items .cat_tab_items_right>.item .info p {
    color: #3F7F58;
}

.cat_dogs .cat_tab_items .cat_tab_items_right>.item:hover .info p {
    color: #35704c;
}

.cat_tab_items>div .item:nth-of-type(1) {
    background-color: #F1F4F4;
    height: 228px;
    display: flex;
}

.cat_cats .cat_tab_items .cat_tab_items_left>.item {
    background-color: #FDECE2;
}

.cat_cats .cat_tab_items .cat_tab_items_right>.item {
    background-color: #FDF3E2;
}

.cat_dogs .cat_tab_items .cat_tab_items_left>.item {
    background-color: #DFEEEE;
}

.cat_dogs .cat_tab_items .cat_tab_items_right>.item {
    background-color: #EBF8F0;
}

.cat_tab_items>div .item .image {
    height: 100%;
    width: 100%;
    display: flex;
    /*background: url(../icons/cattab1.png) no-repeat center;*/
    background-size: cover;
    max-width: 282px;
    margin-left: auto;
    height: 180px;
}

.cat_tab_items>div .item:not(:first-child) {
    width: 100%;
    background: var(--border-color);
    height: 200px;
}

.cat_tab_items>div .item:not(:first-child) .image {
    max-width: 274px;
    height: 140px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.cat_tab_items>div .item:not(:first-child) .image img {
    width: 100%;
    object-fit: cover;
}

.cat_dogs {
    padding-top: 0px;
}

.cat_dogs .container {
    padding-top: 80px;
    border-top: 1px dashed #D4DFDF;
}

.cat_dogs .container>a {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 100px;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    padding: 0px 24px;
}

.prems {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F1F4F4;
}

.prems_items {
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
}

.prems_items .prem_item {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #1118270A;
    padding: 4px;
}

.prems_items .prem_item .prem_item_header {
    padding: 20px;
    height: 104px;
    display: flex;
    position: relative;
    overflow: hidden;
    background: #DFEEEE;
    border-radius: 12px;
}

.prems_items .prem_item .prem_item_header:before {
    position: absolute;
    content: '';
    width: 98px;
    height: 77px;
    left: 0;
    top: 0;
    background: url(../icons/prem_header_left.svg) no-repeat center;
    background-size: contain;
}

.prems_items .prem_item .prem_item_header:after {
    position: absolute;
    content: '';
    width: 202px;
    height: 104px;
    right: 0;
    top: 0;
    background: url(../icons/prem_header_right.svg) no-repeat center;
    background-size: cover;
}

.prems_items .prem_item .prem_item_header p {
    margin-left: auto;
    height: 24px;
    background: #fff;
    padding: 0px 10px;
    border-radius: 100px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3F7F58;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.prems_items .prem_item .prem_item_header .icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.prems_items .prem_item:nth-of-type(1) .prem_item_header .icon {
    background: url(../icons/prem_icon_1.svg) no-repeat center;
    background-size: contain;
}

.prems_items .prem_item:nth-of-type(2) .prem_item_header .icon {
    background: url(../icons/prem_icon_2.svg) no-repeat center;
    background-size: contain;
}

.prems_items .prem_item:nth-of-type(3) .prem_item_header .icon {
    background: url(../icons/prem_icon_3.svg) no-repeat center;
    background-size: contain;
}

.prems_items .prem_item .prem_item_content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}

.prems_items .prem_item .prem_item_content p {
    font-size: 22px;
    font-weight: 600;
}

.prems_items .prem_item .prem_item_content span {
    color: #2A4040;
    font-size: 16px;
    line-height: 150%;
}

.prem_big {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #1118270A;
    padding: 4px;
    height: 336px;
}

.prem_big {
    /* background: #DFEEEE; */
    position: relative;
    height: 336px;
    border-radius: 16px;
    border: 4px solid #fff;
}

.prem_big .prem_big_left {
    padding: 48px;
    display: flex;
    flex-direction: column;
    max-width: 560px;
    height: 100%;
}

.prem_big .prem_big_left p {
    font-size: 28px;
    font-weight: 600;
    line-height: 122%;
}

.prem_big .prem_big_left span {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 18px;
    color: #2A4040;
    line-height: 158%;
}

.prem_big .prem_big_left a {
    width: fit-content;
    padding: 0px 24px;
    min-height: 48px;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    line-height: 1;
    border-radius: 100px;
    color: #fff;
}

.prem_big .image {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 574px;
}

.prem_big_1 {
    background: #FDECE2;
    /* background: linear-gradient(180deg, rgba(251, 217, 197, 0.67) 0%, rgba(251, 217, 197, 1) 100%); */
}

.prem_big_1 .prem_big_left a {
    background: #F0671A;
}

.prem_big_1 .prem_big_left a:hover {
    background-color: #D25A16;
}

.prem_big_1 .image {
    width: calc(508px + 46px);
}

.prem_big_1 .image:before {
    position: absolute;
    content: '';
    width: 508px;
    height: 336px;
    background: url(../icons/prem_big_1.svg) no-repeat center;
    background-size: cover;
    right: 46px;
}

.prem_big_1 .image:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../icons/prem_big_1.png) no-repeat center;
    background-size: cover;
    top: 0;
    left: 0;
}

.prem_big_2 {
    margin-top: 32px;
    background: #FDF3E2;
    /* background: linear-gradient(180deg, rgba(252, 232, 198, 0.67) 0%, rgba(252, 232, 198, 1) 100%); */
}

.prem_big_2 .prem_big_left a {
    background: #F5A61D;
}

.prem_big_2 .prem_big_left a:hover {
    background: #D69119;
}

.prem_big_2 .image {
    width: calc(574px + 32px);
}

.prem_big_2 .image:before {
    position: absolute;
    content: '';
    width: 574px;
    height: 336px;
    background: url(../icons/prem_big_2.svg) no-repeat center;
    background-size: cover;
    right: 32px;
}

.prem_big_2 .image:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../icons/prem_big_2.png) no-repeat center;
    background-size: cover;
    top: 0;
    left: 0;
}

.prem_big_2.d .image:after {
    position: absolute;
    content: '';
    width: 574px;
    height: 336px;
    background: url(../icons/prem_big_2d.png) no-repeat center;
    background-size: cover;
    right: 32px;
}

.blog_latest {
    padding: 80px 0px;
    background-color: #fff;
}

.blog_latest.blog_latest_dark {
    background-color: #F1F4F4;
    padding-top: 0px;
}

.blog_latest_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.blog_latest_block_left {
    height: 444px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.blog_latest_block_left>a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog_latest_block_left>a .image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.blog_latest_block_left>a .image img {
    width: 100%;
    height: 100%;
    min-height: 510px;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.blog_latest_block_left .caption {
    position: absolute;
    height: 132px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0, 47, 47, 0.5) 0%, rgba(0, 126, 126, 0.5) 100%);
    backdrop-filter: blur(16px);
    padding: 24px;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    transition: background 0.3s ease-in-out;
}

.blog_latest_block_left a:hover .caption {
    background: linear-gradient(90deg, rgba(0, 47, 47, 0.7) 0%, rgba(0, 126, 126, 0.7) 100%);
}

.blog_latest_block_left .caption p,
.blog_latest_block_left .caption a {
    height: 54px;
    overflow: hidden;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 126%;
    display: block;
}

.blog_latest_block_left .caption .info {
    min-height: 20px;
    display: flex;
    flex-wrap: wrap;
}

.blog_latest_block_left .caption .info .date {
    align-items: center;
    display: flex;
    font-weight: 500;
    color: #fff;
}

.blog_latest_block_left .caption .info .date:after {
    content: '';
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    margin: 0px 8px;
}

.blog_latest_block_left .caption .info .category {
    font-weight: 600;
    color: #FFE0AD;
}

.blog_latest_block_right {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    padding: 16px;
    background: #F1F4F4;
}

.blog_latest_dark .blog_latest_block_right {
    background: #E7EEEE;
}

.blog_latest_block_right_items {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: 1fr;
}

.blog_latest_block_right .item {
    background: #fff;
    padding: 4px;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 168px 1fr;
    grid-gap: 16px;
    height: 132px;
    transition: box-shadow 0.3s ease-in-out;
    box-shadow: 0px 2px 4px -1px rgba(10, 16, 16, 0.02);
    box-shadow: 0px 4px 6px -1px rgba(10, 16, 16, 0.04);
}

.blog_latest_block_right .item:hover {
    box-shadow: 0px 2px 4px -1px rgba(10, 16, 16, 0.06);
    box-shadow: 0px 4px 6px -1px rgba(10, 16, 16, 0.1);
    cursor: pointer;
}

.blog_latest_block_right .item .image {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    height: 100%;
}

.blog_latest_block_right .item .image img {
    display: flex;
    object-fit: cover;
}

.blog_latest_block_right .item .item_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 8px;
}

.blog_latest_block_right .item .item_right a {
    height: 48px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
    line-height: 134%;
}

.blog_latest_block_right .item:hover .item_right a {
    color: #007E7E;
}

.blog_latest_block_right .item .item_right .info {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.blog_latest_block_right .item .item_right .info .date {
    font-weight: 500;
    font-size: 14px;
    color: #1F3030;
}

.blog_latest_block_right .item .item_right .info .date:after {
    content: '';
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #1F3030;
    margin: 0px 8px;
}

.blog_latest_block_right .item .item_right .info .category {
    font-size: 14px;
    font-weight: 600;
    color: #007E7E;
}

.rating_block {
    display: grid;
    grid-template-columns: 368px 1fr;
    grid-gap: 8px;
}

.rating_block_left,
.rating_block_right {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    overflow: hidden;
    position: relative;
}

.rating_block_left {
    padding: 24px;
}

.rating_block_right_top {
    margin: 16px;
    margin-bottom: 0px;
    overflow: hidden;
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr; */
    /* grid-gap: 8px; */
}

.rating_block_right_top .item {
    background: #E7EEEE;
    padding: 0px 22px;
    padding-bottom: 38px;
    padding-top: 24px;
    border-radius: 12px;
    height: 246px;
}

.rating_block_right_top .item .info {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    position: relative;
    height: 48px;
}

.rating_block_right_top .item .info .rating_circle {
    margin-left: auto;
    padding: 0px 8px;
    border-radius: 100px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    grid-gap: 6px;
    height: 28px;
}

.rating_block_right_top .item .info .rating_circle .icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.rating_block_right_top .item .info .rating_circle .icon:before {
    -webkit-mask: url(../icons/star.svg) no-repeat center;
    mask: url(../icons/star.svg) no-repeat center;
    background-color: #FF9E00;
    -webkit-mask-size: 14px;
    mask-size: 14px;
}

.rating_block_right_top .item .info .rating_circle span {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1F3030;
}

.rating_block_right_top .item .desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
    height: 120px;
    overflow: hidden;
}

.rating_block_right_top .item .image {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 4px solid #fff;
}

.rating_block_right_top .item .image img {
    object-fit: cover;
    display: flex;
    width: 48px;
}

.g_reviews {
    padding: 80px 0px;
    padding-bottom: 0px;
    background-color: #F1F4F4;
}

.rating_block_left {
    display: flex;
    flex-direction: column;
}

.rating_block_left_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rating_block_left_top p {
    color: #1F3030;
    font-weight: 600;
    font-size: 18px;
    line-height: 134%;
}

.rating_block_left_top .icon_google {
    width: 72px;
    height: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating_block_left_top .icon_google:before {
    content: '';
    background: url('../icons/google.svg') no-repeat center center;
    background-size: contain;
    display: block;
    width: 100%;
}

.rating_block_left_bottom {
    margin-top: auto;
    display: flex;
    grid-gap: 12px;
}

.rating_block_left_bottom_left p {
    line-height: 90%;
    font-size: 64px;
    font-weight: 500;
    color: #1F3030;
}

.rating_block_left_bottom_right {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.rating_block_left_bottom_right .stars .icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating_block_left_bottom_right .stars .icon:before {
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.rating_block_left_bottom_right .stars .icon.active:before {
    background-color: #FF9E00;
}

.rating_block_left_bottom_right p {
    font-weight: 500;
    font-size: 16px;
    color: #6A9090;
    line-height: 150%;
}

.rating_block_right_bottom {
    margin-top: auto;
    height: 84px;
    padding: 0px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rating_block_right_bottom_left,
.rating_block_right_bottom_left a {
    display: flex;
}

.rating_block_right_bottom_left a {
    align-items: center;
    grid-gap: 6px;
}

.rating_block_right_bottom_left a .icon_reviews:before {
    -webkit-mask: url(../icons/reviews_solid.svg) no-repeat center;
    mask: url(../icons/reviews_solid.svg) no-repeat center;
    -webkit-mask-size: 13px;
    mask-size: 13px;
    background-color: #007E7E;
}

.rating_block_right_bottom_left a .icon_arrow:before {
    background-color: #007E7E;
}

.rating_block_right_bottom_left a:hover .icon {
    background-color: transparent;
}

.rating_block_right_bottom_left a p {
    font-weight: 600;
    font-size: 16px;
    color: #007E7E;
    line-height: 150%;
}

.rating_block_right_bottom_left a:hover p {
    color: #3F7F58;
}

.rating_block_right_bottom_left a:hover .icon:before {
    background-color: #3F7F58;
}

.rating_block_right_bottom_left a .icon {
    overflow: visible;
}

.rating_block_right_bottom_left a .icon_arrow:before {
    position: relative;
    left: 0px;
    transition: left 0.3s ease-in-out;
}

.rating_block_right_bottom_left a:hover .icon_arrow:before {
    left: 10px;
}

.rating_block_right_bottom_right .arrows {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.rating_block_right_bottom_right .arrows .icon_arrow {
    border: 1px solid var(--border-color);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #fff;
}

.rating_block_right_bottom_right .arrows .icon_arrow:before {
    background-color: #007E7E;
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

.html_module {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F1F4F4;
    position: relative;
}

.html_content {
    box-shadow: 0px 4px 6px -1px #0A10100A;
    border-radius: 16px;
    position: relative;
    padding: 48px;
    background: #fff;
}

.html_content h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 122%;
    margin-bottom: 24px;
    display: block;
}

.html_content p {
    font-weight: 400;
    line-height: 150%;
    font-size: 16px;
    margin-bottom: 10px;
}

.html_content p:last-child {
    margin-bottom: 0px;
}

.html_content .button_more {
    margin-top: 32px;
    height: 24px;
    color: var(--main-color);
    display: flex;
    align-items: center;
    grid-gap: 7px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.html_content .button_more .icon:before {
    background-color: #007E7E;
}

.html_content .button_more:hover {
    color: #F0671A;
    cursor: pointer;
}

.html_content .button_more:hover .icon:hover {
    background-color: transparent;
}

.html_content .button_more:hover .icon:before {
    background-color: #F0671A;
}

.html_content .button_more.active .icon:before {
    transform: rotate(180deg);
}

.html_content_inner.more_disable {
    position: relative;
    height: 192px;
    overflow: hidden;
}

.html_content_inner.more_disable:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    top: 0;
    left: 0;
}

.ocf-between {
    flex-direction: column !important;
}

.ocf-theme-light .ocf-filter.ocf-active {
    background-color: transparent !important;
}

.ocf-theme-light .ocf-selected-header {
    font-weight: 400 !important;
}

.ocf-btn-link {
    color: #007E7E !important;
}

.ocf-search-btn-static,
.ocf-search-btn-popover {
    border-radius: 100px !important;
    background-color: #007E7E !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    padding: 0px 24px !important;
    height: 48px !important;
    width: fit-content !important;
}

.ocf-search-btn-static:hover,
.ocf-search-btn-popover:hover {
    background-color: #355050 !important;
}

#button-load-more {
    height: 48px;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: var(--main-color);
    color: #fff;
    margin: 0px auto;
    padding: 0px 24px;
    margin-top: 16px;
    width: 100%;
    border: none;
}

#button-load-more:hover {
    background-color: #006E6E;
    cursor: pointer;
}

footer {
    background-color: #0A1010;
}

footer a {
    color: #BFCFCF;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.footer_title {
    font-size: 22px;
    font-weight: 600;
    line-height: 126%;
    color: #fff;
    margin-bottom: 24px;
    display: block;
}

.footer_title_small {
    line-height: 134%;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    margin-top: 8px;
}

footer .footer_items {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    /* grid-gap: 32px; */
}

footer .footer_items .items_two {
    display: grid;
    grid-template-columns: 50% 50%;
    /* grid-gap: 32px; */
}

footer .item {
    padding-top: 48px;
}

footer .item_last {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

footer .item .links {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
}

footer .phone a {
    display: flex;
    line-height: 122%;
    font-size: 28px;
    font-weight: 500;
    color: #9FCECE;
    white-space: nowrap;
}

footer .phone a:hover {
    color: #71a2a2;
}

footer .mail a,
footer .time {
    display: flex;
    line-height: 150%;
    font-size: 16px;
    font-weight: 400;
    color: #BFCFCF;
}

footer .mail a:hover {
    color: #9FCECE;
}

.socials {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.socials li {
    display: flex;
}

.socials li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #152020;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.socials li a:hover {
    background: #273c3c;
}

.socials li a .icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.socials li a .icon:before {
    -webkit-mask-size: 16px;
    mask-size: 16px;
    background-color: #9FCECE;
}

.socials li a .icon.icon_facebook:before {
    -webkit-mask-size: 13px;
    mask-size: 13px;
}

.footer_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0px;
    margin-top: 64px;
    border-top: 1px solid #355050;
    border-bottom: 1px solid #355050;
    margin-bottom: 24px;
}

.footer_info .logo img {
    filter: brightness(0) invert(1);
}

.footer_copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
}

.footer_copyright p {
    color: #BFCFCF;
    font-weight: 400;
    line-height: 150%;
    font-size: 16px;
}

.footer_copyright a {
    color: #BFCFCF;
    font-weight: 400;
    line-height: 150%;
    font-size: 16px;
    text-decoration: none;
}

.payments ul {
    display: flex;
    grid-gap: 12px;
}

.payments ul li {
    display: flex;
    width: 32px;
    height: 32px;
}

.payments ul li img {
    display: flex;
    height: 100%;
    object-fit: contain;
}

#error-not-found {
    padding: 113px 0px;
    background-color: #F1F4F4;
    text-align: center;
}

#error-not-found #content {
    min-height: 374px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    padding: 32px;
    max-width: 543px;
    margin: 0 auto;
}

#error-not-found.success_pay #content,
#error-not-found.error_pay #content {
    height: initial;
    min-height: initial;
}

#error-not-found.success_pay #content {}

#error-not-found #content .image {
    height: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
}

#error-not-found.success_pay #content .image,
#error-not-found.error_pay #content .image {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}

#error-not-found #content .image:before {
    height: 122px;
    content: '';
    width: 100%;
    background: url(../icons/dog.svg) no-repeat center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

#error-not-found.success_pay #content .image:before,
#error-not-found.error_pay #content .image:before {
    background: url(../icons/pay_error.svg) no-repeat center;
    background-size: contain;
    height: 48px;
    width: 48px;
}

#error-not-found.success_pay #content .image:before {
    background: url(../icons/success.svg) no-repeat center;
    background-size: contain;
    height: 48px;
    width: 48px;
}

#error-not-found #content .image span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
}

#error-not-found #content .image span:nth-of-type(1) {
    top: 0;
}

#error-not-found #content .image span:nth-of-type(2) {
    bottom: 0;
}

#error-not-found #content .image span:nth-of-type(1):before {
    position: absolute;
    content: '';
    background: #F0671A;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    left: -2px;
    top: -2px;
}

#error-not-found.success_pay #content .image span:nth-of-type(1):before {
    width: 10px;
    height: 10px;
    background: transparent url(../icons/success_shape.svg) no-repeat center;
    border-radius: 0px;
    left: -6px;
    top: -6px;
}

#error-not-found #content .image span:nth-of-type(1):after {
    position: absolute;
    content: '';
    background: #F0671A;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    right: -2px;
    top: -2px;
}

#error-not-found #content .image span:nth-of-type(2):before {
    position: absolute;
    content: '';
    background: #F0671A;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    left: -2px;
    bottom: -2px;
}

#error-not-found #content .image span:nth-of-type(2):after {
    position: absolute;
    content: '';
    background: #F0671A;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    right: -2px;
    bottom: -2px;
}

#error-not-found.success_pay #content .image span:nth-of-type(2):after {
    width: 10px;
    height: 10px;
    background: transparent url(../icons/success_shape.svg) no-repeat center;
    border-radius: 0px;
    right: -6px;
    bottom: -6px;
}

#error-not-found #content h1 {
    color: #1F3030;
    font-size: 22px;
    font-weight: 600;
    line-height: 126%;
    min-height: 28px;
}

@media (max-width: 576px) {
    #error-not-found #content h1 {
        font-size: 16px;
        line-height: 1;
        min-height: initial;
    }

    #error-not-found #content>div {
        align-items: center;
    }

    /* #error-not-found #content >div img {
        display: none;
    } */
}

#error-not-found #content>p {
    min-height: 40px;
    color: #2A4040;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 8px;
}

#error-not-found.success_pay #content>p,
#error-not-found.error_pay #content>p {
    min-height: initial;
}

#error-not-found #content>a:not(.just) {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0px 44px;
    border-radius: 100px;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

#error-not-found #content>a:not(.just):hover {
    background-color: #006E6E;
    cursor: pointer;
}

#error-not-found #content>a.just {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #007E7E;
    margin-top: 16px;
    display: inline-flex;
    width: fit-content;
}

.title_page {
    font-size: 44px;
    line-height: 118%;
    font-weight: 600;
    color: #1F3030;
}

.title_page_small {
    font-size: 28px;
    line-height: 122%;
    font-weight: 600;
    color: #1F3030;
}

.breadcrumb {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    padding-top: 24px;
    padding-bottom: 36px;
    overflow-x: auto;
}

.breadcrumb li,
.breadcrumb li a,
.breadcrumb li a span {
    line-height: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.breadcrumb li>span {
    font-weight: 500;
    color: #2A4040;
}

.breadcrumb li a span {
    color: var(--main-color);
    font-weight: 600;
}

.breadcrumb li a:hover span {
    color: #3F7F58;
}

.breadcrumb li a:hover span::before {
    background-color: #3F7F58;
}

.breadcrumb li {
    position: relative;
    grid-gap: 8px;
}

.breadcrumb li .icon {
    margin-right: 6px;
}

.breadcrumb li .icon:before {
    background-color: var(--main-color);
}

.breadcrumb li:after {
    content: '-';
    position: relative;
    font-weight: 500;
    font-size: 14px;
    color: #BFCFCF;
}

.breadcrumb li:last-child:after {
    display: none;
}

.description {}

.columns {
    display: grid;
    position: relative;
}

.columns_2 {
    grid-template-columns: 1fr 352px;
    grid-gap: 32px;
}

.columns_2_catalog {
    display: grid;
    grid-template-columns: 274px 1fr;
    grid-gap: 8px;
}

.columns_1_catalog {
    grid-template-columns: 1fr;
}

.column_right .item {
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.information {
    padding-bottom: 80px;
    background-color: #F1F4F4;
}

.information_block {
    padding-right: 384px;
}

.information_header_right {
    position: absolute;
    width: 352px;
    right: 0;
    top: 0;
    height: 100%;
}

.information_header_right_inner {
    position: sticky;
    top: 48px;
    width: 100%;
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.information_header_right p {
    font-size: 22px;
    font-weight: 600;
    color: #1F3030;
    line-height: 126%;
    display: block;
    margin-bottom: 16px;
}

.information_header_right ul>span {
    font-size: 16px;
    font-weight: 600;
    color: #1F3030;
    line-height: 150%;
    display: block;
    margin-bottom: 8px;
}

.information_header_right ul>li {
    line-height: 140%;
    font-weight: 500;
    font-size: 14px;
    display: block;
    padding-left: 12px;
    border-left: 1px solid #D4DFDF;
    padding-top: 4px;
    padding-bottom: 4px;
}

.information_header_right ul>li * {
    line-height: 140%;
    font-weight: 500;
    font-size: 14px;
    color: #1F3030;
}

.information_header_right ul {
    margin-bottom: 14px;
}

.information_header_right ul:last-child {
    margin-bottom: 0;
}

.information_header {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #D4DFDF;
    margin-top: 16px;
}

.description_header,
.description_header * {
    font-size: 18px;
    color: #2A4040;
    line-height: 158%;
}

.description h2,
.description h3,
.description h4,
.description h5 {
    margin-bottom: 16px;
    margin-top: 32px;
}

.description h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 122%;
    color: #1F3030;
}

.description h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 122%;
    color: #1F3030;
}

.description h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 126%;
    color: #1F3030;
}

.description h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 134%;
    color: #1F3030;
}

.description a {
    color: #007E7E;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
}

.description u {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
}

.description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
}

.description b,
.description strong {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1F3030;
}

.description ul,
.description ol {
    position: relative;
    counter-reset: list-counter;
    margin-bottom: 16px;
}

.description ul li,
.description ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.description ol li {
    counter-increment: list-counter;
}

.description ol li:before {
    position: relative;
    content: counter(list-counter) ". ";
    font-weight: 600;
}

.description ul li:before {
    position: relative;
    content: "• ";
    font-weight: 600;
    color: #1F3030;
    margin-right: 8px;
    padding-left: 8px;
}

.description blockquote {
    background: #fff url(../icons/quote.svg) no-repeat 26px 26px;
    background-size: 16px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    font-size: 18px;
    font-weight: 400;
    line-height: 158%;
    padding-top: 48px;
    padding-bottom: 48px;
    position: relative;
}

.description blockquote:after {
    position: relative;
    content: 'Іван Іванов';
    line-height: 150%;
    font-weight: 500;
    font-size: 16px;
    color: #007E7E;
}

.description blockquote:before {
    position: absolute;
    content: 'Експерт у галузі';
    line-height: 140%;
    font-weight: 400;
    font-size: 14px;
    color: #0A2146;
    bottom: 24px;
    left: 24px;
}

.feedback {
    margin-top: 48px;
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.feedback>h2 {
    font-weight: 600;
    font-size: 22px;
    color: #1F3030;
    line-height: 126%;
}

.feedback>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: block;
    margin-top: 8px;
    margin-bottom: 28px;
}

.form_site {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.form_site .form-group {
    display: flex;
    flex-direction: column;
}

.form_site_account {
    margin-top: 16px;
    grid-gap: 24px;
}

.form_site .form-group.text-left {
    align-items: flex-start;
}

.form_site .form-group>label {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 4px;
    display: block;
    color: #2A4040;
    width: 100%;
    display: flex;
}

.form_site .form-group>label>a {
    margin-top: 0px;
    line-height: 150%;
    font-size: 12px;
    font-weight: 500;
    color: #007E7E;
    margin-left: auto;
}

.form_site .form-group>label>a:hover {
    color: #004E4E;
}

.form_site .form-group>.text-danger {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #C71654;
    display: block;
    text-align: left;
}

.form_site .form-group>input,
.form_site .form-group>textarea {
    height: 48px;
    width: 100%;
    padding: 0px 16px;
    border-radius: 8px;
    border: 1px solid #D4DFDF;
}

.form_site .form-group>input#input-password,
.form_site .form-group>input#input-confirm {
    font-family: 'Fixel Variable', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6A9090;
}

.form_site .form-group>input:hover,
.form_site .form-group>textarea:hover {
    border-color: #BFCFCF;
}

.form_site .form-group>textarea {
    height: initial;
    padding: 12px 16px;
}

.form_site .form-group>input::placeholder,
.form_site .form-group>textarea::placeholder {
    color: #6A9090;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.form_site .form-group-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.form_site .checkbox {
    min-height: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 24px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
}

.form_site .checkbox input {
    display: none;
}

.form_site .checkbox label {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #D4DFDF;
    border-radius: 4px;
    left: 0;
    top: 2px;
}

.form_site .checkbox label:hover {
    border-color: #007E7E;
    cursor: pointer;
}

.form_site .checkbox input:checked+label {
    background: #59B27C;
    border-color: #59B27C;
}

.form_site .checkbox input:checked+label:hover {
    border-color: #3F7F58;
    background: #3F7F58;
    cursor: pointer;

}

.form_site .checkbox input:checked+label:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-mask: url(../icons/check.svg) no-repeat center;
    mask: url(../icons/check.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 8px;
    mask-size: 8px;
}

.form_site .checkbox p {
    font-weight: 600;
    font-size: 16px;
    color: #2A4040;
    line-height: 150%;
}

.form_site .checkbox p.small_text {
    font-weight: 500;
}

.form_site .checkbox p a {
    font-weight: 600;
    font-size: 16px;
    color: #007E7E;
    text-decoration: underline;
    line-height: 1;
}

.form_site .checkbox p a:hover {
    color: #004E4E;
}

.form_site input.btn,
.form_site .button {
    background-color: var(--main-color);
    border-radius: 100px;
    padding: 0px 24px;
    height: 48px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    width: fit-content;
    border: none;
}

@media (max-width: 576px) {

    .form_site input.btn,
    .form_site .button {
        width: 100%;
    }
}

.form_site input.btn:hover,
.form_site .button:hover {
    background-color: #004E4E;
    cursor: pointer;
}

.form_site input.btn {
    width: 100%;
}

.form_site_account {
    position: relative;
    padding-bottom: 32px;
}

.form_site_account:after {
    position: absolute;
    content: '';
    width: calc(100% + 64px);
    height: 1px;
    bottom: 0;
    left: -32px;
    background: #D4DFDF;
}

.forgotten_reg {
    margin-top: 24px;
}

.forgotten_reg p,
.forgotten_reg p a {
    line-height: 150%;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.forgotten_reg p a {
    color: var(--main-color);
    text-decoration: underline;
}

.forgotten_reg p a:hover {
    color: #004E4E;
}

.account_links_login_page {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
    justify-content: center;
    margin-top: 24px;
}

.account_links_login_page li,
.account_links_login_page a {
    display: flex;
}

.account_links_login_page a {
    padding: 0px 16px;
    height: 48px;
    background-color: #F1F4F4;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #007E7E;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

.account_links_login_page a:hover {
    background-color: #E7EEEE;
}

.account_links_login_page li.google a:before {
    -webkit-mask: url(../icons/auth_g.svg) no-repeat center;
    mask: url(../icons/auth_g.svg) no-repeat center;
    background-color: #007E7E;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 8px;
    content: '';
}

.account_links_login_page li.facebook a:before {
    -webkit-mask: url(../icons/auth_facebook.svg) no-repeat center;
    mask: url(../icons/auth_facebook.svg) no-repeat center;
    background-color: #007E7E;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    content: '';
}

.contact {
    padding-bottom: 80px;
    background-color: #F1F4F4;
}

.contact_block {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 364px 1fr;
    grid-gap: 8px;
}

.contact_block_left {
    background: #004E4E;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    padding: 32px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.contact_block_left:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    background: url(../icons/contactbg.svg) no-repeat center;
    background-size: cover;
}

.contact_block_left .item {
    border-bottom: 1px dashed #FFFFFF40;
    padding-bottom: 12px;
    margin-bottom: 12px;
    position: relative;
}

.contact_block_left .item:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.contact_block_left .item span:not(.icon) {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #BFCFCF;
    display: block;
    margin-bottom: 4px
}

.contact_block_left .item p {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 158%;
}

.contact_block_left .item a:not(.socials li a) {
    font-weight: 500;
    line-height: 122%;
    font-size: 28px;
    color: #fff;
    display: flex;
}

.contact_block_left .item a:not(.socials li a):hover {
    color: #BFCFCF;
}

.contact_block_left .item_socials {
    margin-top: auto;
}

.contact_block_left .item_socials li a {
    background: #fff;
}

.contact_block_left .item_socials li a:hover {
    background: #F1F4F4;
}

.contact_block_left .item_socials li a .icon:before {
    background-color: var(--main-color);
}

.contact_block_right .feedback {
    margin-top: 0px;
}

.shops {
    padding: 80px 0px;
}

#information-contact .html_module {
    padding-top: 80px;
}

.map {
    display: grid;
    grid-template-columns: 1fr 652px;
    grid-gap: 8px;
    margin-top: 48px;
}

.map_left {
    position: relative;
    height: 436px;
    overflow: hidden;
    padding: 16px;
    border-radius: 16px;
    background: #E9EFEF;
}

.map_left_items {
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

/* Scrollbar styling for map list */
.map_left_items {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #c4cdcd #ffffff;
    /* thumb | track */
}

/* Chrome, Edge, Safari */
.map_left_items::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.map_left_items::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.map_left_items::-webkit-scrollbar-thumb {
    background-color: #c4cdcd;
    /* light blue */
    border-radius: 8px;
    border: 2px solid #ffffff;
    /* makes thumb appear thinner */
}

.map_left_items::-webkit-scrollbar-thumb:hover {
    background-color: #c4cdcd;
}

.map_left .item {
    padding: 4px;
    display: grid;
    grid-template-columns: 136px 1fr;
    align-items: center;
    grid-gap: 16px;
    padding-right: 16px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.map_left .item .item_left {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.map_left .item .item_left .image {
    display: flex;
    height: 100%;
}

.map_left .item .item_left .image img {
    display: flex;
    object-fit: cover;
    width: 100%;
}

.map_left .item .item_left .sticker {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0px 6px;
    height: 22px;
    border-radius: 100px;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.map_left .item .item_right p {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #1F3030;
    margin-bottom: 4px;
    display: block;
}

.map_left .item .item_right .date {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
}

.map_left .item .item_right .date * {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #6A9090;
}

.map_left .item .item_right .date span {
    height: 20px;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.map_left .item .item_right .date span:nth-of-type(1):after {
    position: relative;
    right: inherit;
    margin-left: 12px;
    width: 1px;
    display: flex;
    height: 20px;
    background: #D4DFDF;
    content: '';
}

.map_left .item .item_right a {
    font-weight: 600;
    font-size: 12px;
    color: #007E7E;
    line-height: 150%;
    margin-top: auto;
    margin-top: 8px;
    display: inline-flex;
}

.map_left .item .item_right a:hover {
    color: #004E4E;
}

.map_left .item:hover {
    cursor: pointer;
}

.map_right {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.map_right iframe {
    display: flex;
    height: 100%;
}

.onas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.onas_left {
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.onas_right {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

.onas_right .image {
    height: 324px;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
}

.onas_right .image img {
    display: flex;
    width: 100%;
    object-fit: cover;
}

.onas_right .items {
    border-radius: 16px;
    background: #fff;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 18px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.onas_right .items .item:nth-of-type(1) {
    border-right: 1px solid #D4DFDF;
    padding-right: 18px;
}

.onas_right .items .item p {
    font-weight: 600;
    font-size: 36px;
    line-height: 122%;
    color: #1F3030;
}

.onas .onas_right .items .item p {
    color: #F0671A;
}

.onas .onas_right .items .item.item_2 p {
    color: #D69119;
}

.onas.onas_2 .onas_right .items .item p {
    color: #007E7E;
}

.onas.onas_2 .onas_right .items .item.item_2 p {
    color: #59B27C;
}

.onas_right .items .item span {
    line-height: 140%;
    font-weight: 500;
    font-size: 14px;
    color: #2A4040;
    margin-top: 4px;
    display: block;
}

.onas_left h2 {
    font-weight: 600;
    line-height: 122%;
    font-size: 28px;
    color: #1F3030;
    margin-bottom: 12px;
}

.onas_left p.first {
    line-height: 158%;
    font-size: 18px;
    color: #2A4040;
    font-weight: 500;
    margin-bottom: 16px;
    display: block;
}

.onas_left p.last {
    margin-top: auto;
    line-height: 150%;
    font-size: 16px;
    color: #2A4040;
    font-weight: 400;
}

.onas_middle {
    background: #007E7E;
    margin: 32px 0px;
    height: 200px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.onas_middle img {
    max-height: 108px;
    display: flex;
}

.onas_middle:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 218px;
    height: 100%;
    content: '';
    background: url(../icons/onas_middle_left.svg) no-repeat center;
}

.onas_middle:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 218px;
    height: 100%;
    content: '';
    background: url(../icons/onas_middle_right.svg) no-repeat center;
}

.article {
    background: #F1F4F4;
}

.article_header {
    height: 600px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 48px;
}

.article_header .image {
    height: 100%;
    width: 100%;
    display: flex;
}

.article_header .image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(0, 47, 47, 0.8) 0%, rgba(31, 48, 48, 0) 100%);
}

.article_header .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article_header .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 48px;
    display: flex;
    flex-direction: column;
}

.article_header .caption h1 {
    line-height: 118%;
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    display: block;
}

.article_header .caption .info {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.article_header .caption .info .date {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
}

.article_header .caption .info .date:after {
    content: '';
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    margin-left: 8px;
}

.article_header .caption .info .category {
    font-size: 14px;
    font-weight: 600;
    color: #FFE0AD;
}

.article_content {
    position: relative;
}

.article_content .description {
    max-width: 734px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
}

.article_content .socials {
    flex-direction: column;
    position: sticky;
    top: 98px;
}

.article_content .socials_outer {
    position: absolute;
    top: 0;
    left: 60px;
    height: 100%;
    width: 40px;
    padding-bottom: 80px;
}

.article_content .socials li a {
    background: #fff;
}

.article_content .socials li a .icon:before {
    background-color: var(--main-color);
}

.article_latest {
    padding: 80px 0px;
    background: #fff;
}

.articles_related {
    padding: 80px 0px;
    background: #fff;
}

.articleCarousel {
    padding-left: 4px;
    padding-right: 4px;
}

.articles .swiper-slide {
    padding-bottom: 6px;
}

.articles .item {
    padding: 4px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 2px 4px -1px rgba(10, 16, 16, 0.06);
    box-shadow: 0px 4px 6px -1px rgba(10, 16, 16, 0.1);
}

.articles .item:hover {
    box-shadow: 0px 4px 6px -2px #0A10100D;
    box-shadow: 0px 10px 15px -3px #0A10101A;
    cursor: pointer;
}

.articles .item .image {
    height: 264px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.articles .item .image a {
    display: flex;
    width: 100%;
}

.articles .item .image img {
    width: 100%;
    object-fit: cover;
    display: flex;
}

.articles .item .caption {
    padding: 20px;
    padding-top: 16px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.articles .caption a {
    color: #1F3030;
    font-weight: 600;
    line-height: 134%;
    font-size: 18px;
    height: 48px;
    overflow: hidden;
}

.articles .item:hover .caption a {
    color: #007E7E;
}

.articles .caption .info {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.articles .caption .info .date {
    font-weight: 500;
    font-size: 14px;
    color: #1F3030;
    display: flex;
    align-items: center;
}

.articles .caption .info .date:after {
    content: '';
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #1F3030;
    margin-left: 8px;
}

.articles .caption .info .category {
    font-size: 14px;
    font-weight: 600;
    color: #007E7E;
}

.arrows_dark {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    position: relative;
}

.custom_swiper_button .icon_arrow,
.arrows_dark .icon_arrow {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #D4DFDF;
}

.custom_swiper_button .icon_arrow:before,
.arrows_dark .icon_arrow:before {
    background-color: var(--main-color);
    -webkit-mask-size: 12px;
    mask-size: 12px;
}

.sorting {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 12px;
    margin-bottom: 24px;
}

.sorting .filter_button {
    display: none;
}

.sorting_small {
    margin-top: 14px;
}

.sorting .results {
    display: flex;
    align-items: center;
    grid-gap: 6px;
}

.sorting .results .icon::before {
    background-color: var(--main-color);
}

.sorting .results p {
    color: #6A9090;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.sorting .location {
    margin-left: auto;
}

.select_wrap {
    position: relative;
}

.select_wrap .open_select_items {
    background-color: transparent;
    font-weight: 600;
    font-size: 14px;
    color: #1F3030;
    display: flex;
    align-items: center;
    position: relative;
}

.sorting_blog .select_wrap .open_select_items {
    width: 100%;
    background-color: #fff;
    border-radius: 100px;
}

.sorting_blog .select_wrap .open_select_items,
.sorting_blog_border .select_wrap .open_select_items {
    height: 48px;
    justify-content: space-between;
    padding: 0px 24px;
}

.sorting_blog .select_wrap .open_select_items:hover,
.sorting_blog_border .select_wrap .open_select_items:hover {
    cursor: pointer;
    background-color: #F1F4F4;
}

.select_wrap .open_select_items span {
    font-weight: 600;
    font-size: 14px;
    color: #1F3030;
}

.select_wrap .open_select_items:after {
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    background-color: var(--main-color);
    -webkit-mask-size: 8px;
    mask-size: 8px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 8px;
    content: '';
}

.select_items {
    display: none;
    padding: 4px;
    border-radius: 4px;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background-color: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    z-index: 10;
    /* min-width: 200px; */
}

.select_items.active {
    display: grid
}

.radio_footer .open_select_items {
    background-color: #F1F4F4;
    height: 40px;
    padding: 0px 16px;
    border-radius: 8px;
}

.radio_footer .open_select_items>span {
    font-size: 14px;
    font-weight: 400;
    color: #2A4040;
}

.radio_footer .open_select_items:after {
    margin-left: auto;
}

.select_items li {
    display: flex;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #1F3030;
    /* white-space: nowrap; */
}

.select_items li a {
    font-weight: 500;
    color: #1F3030;
}

.select_items li:hover {
    cursor: pointer;
    color: #007E7E;
    background-color: #F1F4F4;
    border-radius: 4px;
}

.select_items li:hover * {
    color: #007E7E;
}

.sorting_blog {
    display: grid;
    grid-template-columns: 1fr 240px 240px;
}

.sorting_blog .item {
    width: 100%;
}

.sorting_blog .item .select_wrap {
    width: 100%;
}

.sorting_blog .item .search_content {
    position: relative;
    width: 100%;
}

.sorting_blog .item .search_content form {
    width: 100%;
    height: 48px;
}

.sorting_blog .item .search_content input {
    width: 100%;
    border-radius: 100px;
    background-color: #fff;
    padding-left: 24px;
    padding-right: 42px;
    height: 48px;
    border: none;
}

.sorting_blog .item .search_content input::placeholder {
    color: #6A9090;

}

.sorting_blog .item .search_content button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: var(--main-color);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sorting_blog .item .search_content button .icon:before {
    background-color: #fff;
    -webkit-mask-size: 16px;
    mask-size: 16px;
}

.sorting_blog .item .search_content button:hover {
    background-color: #004E4E;
    cursor: pointer;
}

.sorting_blog.sorting_blog_border .item input,
.sorting_blog.sorting_blog_border .item .select_wrap {
    border: 1px solid #D4DFDF;
    border-radius: 100px;
}

.sorting_select {
    padding-right: 32px;
    /* место для стрелки */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    color: #1F3030;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    border: none;
    cursor: pointer;
    font-family: 'Fixel Variable', Arial, Helvetica, sans-serif !important;
}

.sorting_select.sorting_select_bg {
    width: 100%;
    background-color: #FFFFFF;
    height: 48px;
    padding-right: 16px;
    padding-left: 24px;
    border-radius: 100px;
}

@media (max-width: 1025px) {
    .sorting .location {
        margin-left: auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .select_wrap .open_select_items {
        width: 100%;
        background-color: #fff;
        border-radius: 100px;
        height: 48px;
        justify-content: space-between;
        padding: 0px 24px;
    }

    .radio_footer .open_select_items {
        background-color: #F1F4F4;
    }

    .select_wrap .open_select_items.active {
        border-radius: 24px 24px 0px 0px;
    }

    .select_items {
        width: 100%;
    }

    .ocf-body {
        padding: 0px !important;
        top: 0px !important;
    }

    .ocf-footer {
        margin: 0px !important;
        padding: 16px !important;
    }

    .ocf-title {
        padding-bottom: 16px !important;
    }

    .ocf-content {
        height: calc(100% - 52px) !important;
    }
}

.articles_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
}

.articles_grid.frfrfr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
}

@media (max-width: 1025px) {
    .articles_grid.frfrfr {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 769px) {
    .articles_grid.frfrfr {
        grid-template-columns: 1fr;
    }
}

.articles_specials .item {
    padding: 0px;
    overflow: hidden;
}

.articles_specials .item {
    box-shadow: 0px 4px 6px -1px #0a10100b;
}

.articles_specials .item:hover {
    box-shadow: 0px 4px 6px -1px #0A10101A;
}

.articles_specials .item .image {
    height: initial;
    border-radius: 0px;
}

.articles_specials .item .date {
    height: 20px;
    text-align: center;
    font-size: 12px;
    color: #2A4040;
    line-height: 150%;
    font-weight: 600;
}

.pagination {
    margin-top: 16px;
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    grid-gap: 12px 8px;
}

.pagination li span,
.pagination li a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #D4DFDF;
    color: #2A4040;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

.pagination li span {
    background-color: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

.pagination li a:hover {
    border-color: #007E7E;
    color: #007E7E;
    cursor: pointer;
}

.pagination .write_num_page {
    margin-left: auto;
    display: flex;
    align-items: center;
    grid-gap: 4px;
}

.pagination .write_num_page input,
.pagination .write_num_page button {
    height: 36px;
    border-radius: 100px;
}

.pagination .write_num_page input {
    max-width: 89px;
}

.pagination .write_num_page input {
    border: 1px solid #D4DFDF;
    color: #6A9090;
    width: 100%;
    padding: 0px 14px;
}

.pagination .write_num_page input::placeholder {
    color: #D4DFDF;
}

.pagination .write_num_page button {
    border: 1px solid #007E7E;
    background-color: #007E7E;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    min-width: 40px;
}

@media (max-width: 576px) {
    .pagination .write_num_page {
        width: 100%;
    }

    .pagination .write_num_page input {
        max-width: initial;
    }
}

.article_category {
    padding-bottom: 80px;
}

.pagination_button {
    display: flex;
    margin-top: 16px;
}

.pagination_button button {
    width: 100%;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 0px 24px;
    height: 48px;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination_button button:hover {
    background-color: #006E6E;
}

.product_page {
    background: #F1F4F4;
    padding-bottom: 80px;
}

.products_related {
    padding: 80px 0px;
    background: #fff;
}

.product_page_block {
    display: grid;
    grid-template-columns: 364px 1fr;
    grid-gap: 8px;
    position: relative;
}

.product_page_block_left {
    height: 100%;
}

.product_page_block_left .stickers {
    top: 16px;
    left: 16px;
    z-index: 10;
}

.product_page_block_left_inner {
    position: sticky;
    top: 104px;
}

.product_page_block_left_inner .wishlist-toggle {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.product_page_block_left_inner .wishlist-toggle .icon:before {
    background-color: var(--main-color);
}

.toggle_wishlist.active .icon:before {
    -webkit-mask: url(../icons/heart_fill.svg) no-repeat center !important;
    mask: url(../icons/heart_fill.svg) no-repeat center !important;
    background-color: var(--main-color) !important;
    -webkit-mask-size: 18px !important;
    mask-size: 18px !important;
}

.product_page_block_left_inner .mySwiper {
    margin-top: 8px;
    padding-top: 8px;
    margin-right: -8px;
}

.product_page_block_left_inner .mySwiper .swiper-wrapper {
    padding-bottom: 6px;
}

.product_page_block_left_inner .mySwiper .swiper-slide {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    width: calc(33.333333333333% - 8px);
    margin-right: 8px;
}

.product_page_block_left_inner .mySwiper .swiper-slide img {
    display: flex;
}

.product_page_block_left_inner .mySwiper2 {
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    border-radius: 16px;
    overflow: hidden;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 250px;
    width: 100%;
}

.product_page_block_left_inner .mySwiper2 a,
.product_page_block_left_inner .mySwiper2 a img {
    display: flex;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.product_page_block_left_inner .product_tags {
    position: absolute;
    left: 16px;
    top: 16px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
    z-index: 1;
}

.product_page_block_left_inner .product_tags span {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    height: 20px;
    overflow: hidden;
    padding: 0px 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_page_block_left_inner .custom_swiper_button {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1;
}

.product_page_block_left_inner .custom-swiper-button-prev {
    left: 16px;
    z-index: 3;
}

.product_page_block_left_inner .custom-swiper-button-next {
    right: 16px;
    z-index: 3;
}

.product_page_block_left_inner .mySwiper .swiper-slide.swiper-slide-thumb-active {
    border-bottom: 3px solid var(--border-color);
}

.product_page_block_right {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.product_page_block_right_inner {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.product_page_block_right_inner>.info {
    margin-bottom: 16px;
}

.product_page_block_right_inner>.info,
.product_page_block_right_inner>.info .rating,
.product_page_block_right_inner>.info .rating .reviews {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
    align-items: center;
}

.product_page_block_right_inner>.info .model {
    color: #6A9090;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.product_page_block_right_inner>.info .rating .reviews {
    grid-gap: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #6A9090;
}

.product_page_block_right_inner_title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.product_page_block_right_inner_title .rating {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    margin-left: auto;
}

.product_page_block_right_inner_title .rating .count {
    line-height: 122%;
    font-weight: 600;
    font-size: 22px;
    color: #1F3030;
}

.product_page_block_right_inner_title .rating span {
    width: 18px;
    height: 18px;
}

.product_page_block_right_inner_title .rating span:before {
    -webkit-mask-size: 18px;
    mask-size: 18px;
    width: 18px;
    height: 18px;
}

.product_page_block_right_inner_title>h1 {
    margin-bottom: 24px;
}

.product_page_block_right_inner_title>* {
    display: block;
    line-height: 122%;
    font-weight: 600;
    font-size: 28px;
    color: #1F3030;
}

.product_page_block_right_inner_title>span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #6A9090;
    margin-top: auto;
    margin-left: 8px;
}

.product_page_block_right_inner .options .items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px
}

.product_page_block_right_inner .options .items .item {
    border-radius: 12px;
    background: #F1F4F4;
    min-height: 84px;
    padding: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    align-items: center;
}

.product_page_block_right_inner .options .items .item.not_options {
    grid-template-columns: 1fr 1fr;
}

.product_page_block_right_inner .options .items .item input {
    display: none;
}

.product_page_block_right_inner .options .items .item .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1F3030;
}

.product_page_block_right_inner .options .items .item .price .additional {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
    height: 20px;
    align-items: center;
}

.product_page_block_right_inner .options .items .item .price .additional .old {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6A9090;
    text-decoration: line-through;
}

.product_page_block_right_inner .options .items .item .price .additional .diff {
    height: 20px;
    border-radius: 6px;
    padding: 4px;
    background: #F0671A;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
}

.product_page_block_right_inner .options .items .item .price .new {
    display: flex;
    align-items: center;
    color: #1F3030;
    font-weight: 600;
    font-size: 18px;
    min-height: 28px;
}

.product_page_block_right_inner .options .items .item button {
    height: 48px;
    max-width: 150px;
    border-radius: 100px;
    padding: 12px 16px;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    grid-gap: 8px;
    margin-left: auto;
}

.product_page_block_right_inner .options .items .item button:hover {
    background: #016464;
}

.product_info_block {
    margin-top: 24px;
}

.product_info_block_title {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1F3030;
    font-weight: 600;
    font-size: 18px;
    line-height: 134%;
    position: relative;
}

.product_info_block_title .icon {
    width: 16px;
    height: 16px;
}

.product_info_block_title .icon:before {
    background-color: var(--main-color);
    -webkit-mask-size: 10px;
    mask-size: 10px;
    width: 16px;
    height: 16px;
    transform: rotate(-180deg);
}

.product_info_block_title:hover {
    cursor: pointer;
    color: #35704c;
}

.product_info_block_title:hover .icon:before {
    background-color: #35704c !important;
}

.product_info_block_title.active .icon:before {
    transform: rotate(0deg);
}

.product_info_block_content {
    display: none;
    margin-top: 16px;
}

.product_info_block_content.active {
    display: grid;
}

.product_shipping_info {
    grid-template-columns: 1fr;
    grid-gap: 12px;
}

.product_shipping_info .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 8px;
}

.product_shipping_info .item.pickup {
    padding-bottom: 12px;
    border-bottom: 1px dashed #D4DFDF;
}

.product_shipping_info .item .image {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_shipping_info .item .image img {
    display: flex;
}

.product_shipping_info .item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: #2A4040;
}

.product_shipping_info .item .price {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2A4040;
    margin-left: auto;
}

.product_shipping_info .item.pickup .price {
    font-weight: 600;
    color: #59B27C;
}

.product_shipping_info .item_small {
    border-radius: 8px;
    background: #F1F4F4;
    padding: 8px 12px;
    padding-left: 34px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 8px;
    margin-top: 4px;
    position: relative;
}

.product_shipping_info .item_small .icon {
    position: absolute;
    left: 8px;
    top: 10px;
}

.product_shipping_info .item_small p,
.product_shipping_info .item_small p span {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #2A4040;
}

.product_shipping_info .item_small p span {
    color: #007E7E;
}

.product_shipping_info .item_small p a:hover>.icon:before {
    background-color: #F0671A;
}

.product_shipping_info .item_small p>a:hover>span {
    color: #F0671A;
}

.product_shipping_info .item_small .icon:before {
    background-color: #007E7E;
}

.attributes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.attributes .attribute .attribute_name {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #6A9090;
    display: block;
    margin-bottom: 2px;
}

.attributes .attribute .attribute_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: #2A4040;
    display: block;
}

.reviews {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.reviews .review_item {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
}

.reviews .review_item_answer {
    background: #F1F4F4;
    margin-left: 40px;
    padding: 16px;
    padding-bottom: 20px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.reviews .review_item .avatar {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.reviews .review_item .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviews .review_item .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1F3030;
}

.reviews .review_item .date {
    color: #6A9090;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-left: auto;
    display: inline-flex;
}

.reviews .review_item .review_item_header>.date {
    margin-bottom: 12px;
}

.reviews .review_item_header,
.reviews .review_item_answer_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 8px;
}

.reviews .review_item>.review_item_desc {
    margin-left: 40px;
}

.reviews .review_item_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #2A4040;
}

.review_invite {
    background: #E7EEEE;
    padding: 24px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
}

.review_invite h3 {
    font-weight: 600;
    font-size: 22px;
    color: #1F3030;
    line-height: 126%;
}

.review_invite p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #2A4040;
}

.review_invite p>a {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #007E7E;
    text-decoration: underline;
}

.review_invite p>a:hover {
    color: #355050;
}

#column-left {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    position: relative;
    height: fit-content;
}

/* Fix ocfilter */
#column-left .ocf-filter-list {}

#column-left .ocf-filter-list .ocf-filter {
    margin-bottom: 0px;
    padding: 24px;
    border-bottom: 1px solid var(--border-color);
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list {
    display: grid;
    grid-gap: 8px;
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body {
    min-height: 24px;
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value {
    position: relative;
    padding-left: 24px;
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value-input::before {
    display: none;
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value-input {
    flex: initial;
    position: absolute;
    left: 0;
    top: 4px;
    margin-top: 0px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #D4DFDF;
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value-name {
    margin-right: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: #2A4040;
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value:hover .ocf-value-input,
#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value.ocf-selected .ocf-value-input {
    border-color: var(--main-color);
}

#column-left .ocf-filter-list .ocf-filter .ocf-value-list .ocf-value-list-body .ocf-value.ocf-selected .ocf-value-input:after {
    -webkit-mask: url(../icons/check.svg) no-repeat center;
    mask: url(../icons/check.svg) no-repeat center;
    background-color: var(--main-color);
    background-image: none;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    width: 14px;
    height: 14px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

#column-left .ocf-filter-list .ocf-filter .ocf-filter-name {
    color: #2A4040;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 12px;
    text-transform: capitalize;
}

#column-left .ocf-footer {
    position: relative;
    margin: 0px;
    padding: 24px;
    padding-top: 12px;
    box-shadow: none;
    background: transparent;
}

#column-left .ocf-footer .ocf-between {
    flex-direction: column;
}

#column-left .aside_close,
#column-left .ocf-footer:after {
    display: none;
}

.catalog_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
    margin-top: 48px;
}

.catalog_items .item a {
    height: 100%;
    border: 4px solid #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    background: #DFEEEE;
    padding: 32px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-gap: 16px;
    border-radius: 16px;
}

.catalog_items .item.category-id-333 a {
    background: #FDECE2;
}

.catalog_items .item.category-id-336 a {
    background: #FDF3E2;
}

.catalog_items .item.category-id-337 a {
    background: #EBF8F0;
}

.catalog_items .item.category-id-338 a {
    background: #DFEEEE;
}

.catalog_items .item.category-id-339 a {
    background: #FDECE2;
}

.catalog_items .item a:hover {
    box-shadow: 0px 4px 6px -1px #0A10101A;
    cursor: pointer;
}

.catalog_items .item a .image {
    height: 140px;
    width: 160px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.catalog_items .item a .name {
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
    color: #004E4E;
}

.article_special {
    display: grid;
    grid-template-columns: 274px 1fr;
    grid-gap: 8px;
    padding-bottom: 80px;
}

.article_special .image {
    overflow: hidden;
    border-radius: 16px;
    display: flex;
}

.article_special .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article_special_left {}

.article_special_right {
    border-radius: 16px;
    background: #fff;
    padding: 24px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.article_special_right h1 {
    font-weight: 600;
    font-size: 28px;
    line-height: 122%;
    color: #1F3030;
    margin-bottom: 12px;
    display: block;
}

.article_special_right .date {
    font-weight: 600;
    font-size: 18px;
    line-height: 158%;
    color: #2A4040;
    display: block;
    margin-bottom: 16px;
}

.article_special_right .button {
    background: #007E7E;
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: fit-content;
    transition: background 0.3s;
}

.article_special_right .button:hover {
    background: #006E6E;
}

@media (max-width: 1025px) {
    .article_special_right .button {
        width: 100%;
    }
}

.cart_block {
    display: grid;
    grid-template-columns: 1fr 364px;
    grid-gap: 8px;
    margin-top: 48px;
}

.cart_block_left {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    height: fit-content;
}

.cart_block_right {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    height: fit-content;
}

.cart_block_right_inner {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.checkout_page {
    background: #F1F4F4;
    padding-bottom: 80px;
}

.write_promocode {
    padding: 0px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.write_promocode button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    grid-gap: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #007E7E;
    border: none;
    background: transparent;
    width: 100%;
}

.write_promocode:hover {
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.write_promocode .icon:before {
    background-color: #007E7E;
}

.write_promocode_content {
    display: none;
    grid-template-columns: 1fr 60px;
    grid-gap: 6px;
    width: 100%;
}

.write_promocode_content.active {
    display: grid;
}

.write_promocode_content input {
    border-radius: 8px;
    width: 100%;
    background-color: #fff;
    padding: 0px 16px;
    height: 40px;
    border: 1px solid #D4DFDF;
}

.write_promocode_content button {
    border-radius: 100px;
    height: 40px;
    background-color: var(--main-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    border: none;
}

.cart_block_right .totals {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 12px;
}

.cart_block_right .totals .total p {
    font-size: 16px;
    font-weight: 500;
    color: var(--font-color);
}

.cart_block_right .totals .total b {
    font-size: 16px;
    font-weight: 600;
    color: #1F3030;
    margin-right: 4px;
}

.checkout_block_right .link,
.cart_block_right .link {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    background: #007E7E;
    width: 100%;
    height: 48px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout_block_right .link:hover,
.cart_block_right .link:hover {
    background-color: var(--second-color);
}

.cart_free_shipping {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 24px;
    padding: 8px 12px;
    background: #F1F4F4;
    border-radius: 8px;
}

.cart_free_shipping p {
    font-weight: 500;
    color: #1F3030;
    font-size: 14px;
    line-height: 140%;
}

.cart_free_shipping .icon {
    margin-right: 6px;
}

.cart_free_shipping .icon:before {
    background-color: #007E7E;
}

.cart_free_shipping .indicator {
    margin-left: auto;
    width: 142px;
    height: 2px;
    background: #BFCFCF;
    margin-right: 16px;
    position: relative;
}

.loading_23:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 23%;
    height: 100%;
    background: var(--main-color);
    content: '';
}

.cart_items .items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.cart_items .items .item {
    display: grid;
    grid-template-columns: 158px 1fr 140px;
    grid-gap: 16px;
    background: #fff;
}

.cart_items .items .item.item:not(:first-child) {
    border-top: 1px dashed #D4DFDF;
    padding-top: 24px;
}

.checkout_block .cart_items .items .item {
    grid-template-columns: 78px 1fr 50px 160px;
}

.cart_items .items .item .item_left {
    position: relative;
    height: fit-content;
}

.cart_items .items .item .item_left a,
.cart_items .items .item .item_left a img {
    display: flex;
}

.cart_items .items .item .item_middle {
    display: flex;
    flex-direction: column;
}

.cart_items .items .item .item_middle,
.cart_items .items .item .item_right {
    min-height: 92px;
}

.checkout_block .cart_items .items .item .item_middle,
.checkout_block .cart_items .items .item .item_right {
    height: 54px;
    min-height: initial;
}

.cart_items .items .item .item_quantity {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2A4040;
    display: flex;
    align-items: center;
}

.cart_items .items .item .item_middle .name {
    height: 48px;
    overflow: hidden;
}

.cart_items .items .item .item_middle .name a {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1F3030;
}

.cart_items .items .item .item_middle .name a:hover {
    color: #35704c;
}

.cart_items .items .item .item_middle .buttons {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 14px;
}

.cart_items .items .item .item_middle .buttons button {
    display: flex;
    align-items: center;
    grid-gap: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #6A9090;
    background: transparent;
    border: none;
}

.cart_items .items .item .item_middle .buttons button:hover {
    color: #1F3030;
}

.cart_items .items .item .item_middle .buttons button .icon:before {
    background-color: #6A9090;
}

.cart_items .items .item .item_middle .buttons button:hover .icon:before {
    background-color: #1F3030;
}

.cart_items .items .item .item_right .price_header {
    flex-direction: row;
}

.checkout_block .cart_items .items .item .item_right .price_header {
    flex-direction: row;
    align-items: center;
}

.checkout_block .cart_items .price_stock-number,
.checkout_block .cart_items .items .item .item_right .price_header .price_old {
    margin-left: auto;
}

.cart_items .items .item .item_right .price_header .price_old .cart_items .items .item .item_right .price_stock {
    justify-content: flex-end;
}

.cart_items .items .item .item_right .price_stock-number {
    font-size: 18px;
}

.quantity-total {
    font-weight: 600;
}

.quantity-control {
    width: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    height: 32px;
    margin-top: 8px;
    margin-left: auto;
}

.quantity-control button,
.quantity-control input {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: transparent;
    border: none;
    text-align: center;
}

.quantity-control button.qty-minus .icon:before {
    background-color: #BFCFCF;
}

.quantity-control button.qty-minus:hover .icon:before {
    background-color: #9abbbb;
}

.quantity-control button.qty-plus .icon:before {
    background-color: #1F3030;
}

.quantity-control button.qty-plus:hover .icon:before {
    background-color: #1f9f9f;
}

.cart_option {
    padding: 0px 4px;
    height: 18px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    font-size: 12px;
    font-weight: 500;
    color: #1F3030;
    line-height: 150%;
    border-radius: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.checkout_block {
    display: grid;
    grid-template-columns: 1fr 364px;
    grid-gap: 8px;
    margin-top: 16px;
}

.btn-back {
    margin-top: 24px;
    color: #007E7E;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    background-color: transparent;
    display: flex;
    align-items: center;
    grid-gap: 6px;
    border: none;
    height: fit-content;
    display: inline-flex;
}

.ocf-content .btn-back {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 16px;
}

.ocf-content .ocf-value-list .btn-back {
    margin: 0px !important;
    margin-bottom: 16px !important;
}

.btn-back:hover {
    color: #F0671A;
}

.btn-back .icon {
    width: 18px;
    height: 18px;
}

.btn-back .icon:before {
    -webkit-mask: url(../icons/arrow_2.svg) no-repeat center;
    mask: url(../icons/arrow_2.svg) no-repeat center;
    background-color: #007E7E;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    transform: rotate(-180deg);
    width: 18px;
    height: 18px;
}

.btn-back:hover .icon {
    background-color: transparent;
}

.btn-back:hover .icon:before {
    background-color: #F0671A;
}

.checkout_block_left {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 4px solid #fff;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    height: fit-content;
}

.checkout_block_right {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    position: relative;
    justify-content: flex-start;
    position: sticky;
    top: 88px;
    height: fit-content;
}

.checkout_block_right_inner {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    transition: box-shadow 0.3s;
    box-shadow: 0px 4px 6px -1px #0A10100A;
}

.checkout_block_right_inner:hover {
    cursor: pointer;
    box-shadow: 0px 4px 6px -1px #0A10101A;
}

.cart_totals_block {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cart_totals_block .price_header,
.cart_totals_block .price_stock {
    justify-content: center;
}

.checkout_block_left_section_title {
    background: #E7EEEE;
    height: 64px;
    display: flex;
    align-items: center;
    color: #1F3030;
    font-weight: 600;
    font-size: 18px;
    line-height: 134%;
    padding: 0px 24px;
}

.checkout_block_left_section_title p {
    margin-left: auto;
    font-weight: 600;
    font-size: 14px;
    color: #007E7E;
    line-height: 140%;
    display: flex;
    align-items: center;
    grid-gap: 6px;
}

.checkout_block_left_section.collapsed .checkout_block_left_section_title p {
    color: #F0671A;
}

.checkout_block_left_section_title p:hover {
    cursor: pointer;
    color: #F0671A;
}

.checkout_block_left_section_title p .icon:before {
    background-color: #007E7E;
    transform: rotate(-180deg);
}

.checkout_block_left_section.collapsed .checkout_block_left_section_title p .icon:before {
    background-color: #F0671A;
    transform: rotate(360deg);
}

.checkout_block_left_section_title p:hover .icon:before {
    background-color: #F0671A;
}

.checkout_block_left_section_inner {
    padding: 24px;
}

.fast_change_city {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fast_change_city p {
    color: #1F3030;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}

.fast_change_city ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
}

.fast_change_city ul li {
    text-decoration: underline;
    color: #1F3030;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}

.radio_items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.radio_items .radio {
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    display: flex;
    grid-gap: 8px;
    flex-direction: column;
    min-height: 52px;
}

.radio_items .radio .radio_header {
    padding: 12px 16px;
    display: flex;
    position: relative;
    padding-left: 44px;
}

.radio_items .radio .radio_footer {
    padding-left: 44px;
    margin-bottom: 16px;
    grid-gap: 8px;
}

.radio_items .radio .radio_footer input {
    width: 100%;
    height: 38px;
    padding: 0px 16px;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
}

.radio_items .radio label {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 18px;
    border: 2px solid #D4DFDF;
    border-radius: 100%;
    z-index: 0;
}

.radio_items .radio.active label,
.radio_items .radio input:checked+label {
    border: 4px solid #007E7E;
}

.radio_items .radio .image {
    margin-right: 10px;
}

.radio_items .radio .image,
.radio_items .radio .image img {
    display: flex;
    max-height: 28px;
    max-width: 28px;
}

.radio_items .radio .radio_info {
    display: flex;
    /* flex-wrap: wrap; */
}

.radio_items .radio.active .radio_info>p {
    font-weight: 600;
    color: #1F3030;
}

.radio_items .radio .radio_info .icon {
    margin-top: 2px;
    margin-right: 4px;
}

.radio_items .radio .radio_info .icon:nth-of-type(1) {
    margin-left: 8px;
}

.radio_items .radio .radio_info .icon:last-child {
    margin-right: 0px;
}

.radio_items .radio .radio_info>p,
.radio_items .radio .radio_cost {
    margin-left: auto;
    padding-top: 2px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: #2A4040;
}

.radio_items .radio .radio_cost.radio_cost_free {
    font-weight: 600;
    text-transform: uppercase;
    color: #59B27C;
}

.radio_items .radio select {
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--font-color);
}

/* Fancy select inside radio items */
.radio_items .radio .radio_footer {
    position: relative;
}

/* Base select styling */
.radio_items .radio select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    padding: 12px 44px 12px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #1F3030;
    width: 100% !important;
    cursor: pointer;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.radio_items .radio select:hover {
    border-color: #BFCFCF;
}

.radio_items .radio select:focus {
    outline: none;
    border-color: var(--main-color);
    box-shadow: 0 0 0 3px rgba(0, 126, 126, .15);
}

/* Custom arrow */
#shipping_method .radio_items .radio:nth-of-type(1) .radio_footer:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%) rotate(0deg);
    background-color: var(--main-color);
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    pointer-events: none;
    transition: transform .25s ease, background-color .25s ease;
}

.radio_items .radio select:focus+*,
.radio_items .radio select:focus~* {
    /* safeguard */
}

.radio_items .radio select:focus~.fake-arrow,
.radio_items .radio .radio_footer:focus-within:after {
    transform: translateY(-50%) rotate(180deg);
}

/* Active radio accent */
.radio_items .radio.active select {
    border-color: var(--main-color);
}

/* Disabled */
.radio_items .radio select:disabled {
    background: #F1F4F4;
    color: #6A9090;
    cursor: not-allowed;
    border-color: #E0E8E8;
}

.radio_items .radio select:disabled+*,
.radio_items .radio select:disabled~* {
    opacity: .6;
}

/* Option styling (browser support varies) */
.radio_items .radio select option {
    background: #fff;
    color: #1F3030;
    font-weight: 500;
}

.radio_items .radio select option:checked {
    background: #DFEEEE;
    color: #004E4E;
}

@supports selector(option:checked) {
    .radio_items .radio select option:hover {
        background: #F1F4F4;
    }
}

/* Compact variant when inside narrow layouts */
@media (max-width: 576px) {
    .radio_items .radio .radio_info>p {
        font-size: 14px;
    }

    .radio_items .radio select {
        font-size: 14px;
        padding: 10px 40px 10px 14px;
    }

    .radio_items .radio .radio_footer:after {
        right: 14px;
    }

    .checkout_block .cart_items .items .item {
        display: flex;
        flex-wrap: wrap;
    }

    .checkout_block .cart_items .items .item .item_left,
    .checkout_block .cart_items .items .item .item_middle {
        width: 100%;
    }

    .checkout_block .cart_items .items .item .item_quantity,
    .checkout_block .cart_items .items .item .item_right {
        width: calc(50% - 8px);
    }
}

.radio_info_modal_content_link {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
}

.radio_info_modal_content_link .icon:before {
    background-color: #6A9090;
}

.radio_info_modal_content {
    display: none;
}

.radio_items_payment .radio .radio_header {
    padding-bottom: 0px;
}

.customer_blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.comment_field,
.customer_block {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
}

.comment_field label,
.customer_block label {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #2A4040;
}

.comment_field textarea,
.customer_block input {
    min-height: 48px;
    border: 1px solid #D4DFDF;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--font-color);
}

.comment_field textarea::placeholder,
.customer_block input::placeholder {
    color: #6A9090;
}

.comment_field {
    margin-bottom: 16px;
}

.checkbox {
    min-height: 24px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 24px;
    position: relative;
}

.checkbox label {
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #D4DFDF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkbox.active label,
.checkbox input:checked+label {
    border: 4px solid var(--main-color);
}

.modal {
    padding: 48px;
    background: #fff;
    border-radius: 16px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    display: none;
}

.modal.modal_cart {
    padding: 32px;
}

.modal.active {
    display: block;
}

.for_modal_content {
    display: none;
}

.modal .for_modal_content {
    display: block;
}

.modal_close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #fff; */
    border-radius: 100%;
    z-index: 99999999999999999;
}

.modal_close .icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.modal_close .icon:before {
    background-color: var(--font-color);
    width: 20px;
    height: 20px;
    mask-size: 20px;
    -webkit-mask-size: 20px;
}

.modal_feedback>p {
    line-height: 122%;
    font-weight: 600;
    font-size: 28px;
    color: #1F3030;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
    margin-bottom: 12px;
}

.modal_feedback>p .icon {
    min-width: 38px;
    width: 38px;
    height: 38px;
}

.modal_feedback>p .icon:before {
    -webkit-mask: initial;
    mask: initial;
    background: url(../icons/callback_title_icon.svg) no-repeat center;
    width: 38px;
    height: 38px;
    mask-size: initial;
    -webkit-mask-size: initial;
}

.modal_feedback>span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 28px;
    display: block;
}

.modal_cart>p {
    line-height: 122%;
    font-weight: 600;
    font-size: 28px;
    color: #1F3030;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
    margin-bottom: 12px;
}

.modal_cart>p .icon {
    min-width: 38px;
    width: 38px;
    height: 38px;
}

.modal_cart>p .icon:before {
    -webkit-mask: initial;
    mask: initial;
    background: url(../icons/cart.svg) no-repeat center;
    width: 38px;
    height: 38px;
    mask-size: initial;
    -webkit-mask-size: initial;
}

.modal_cart>span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 28px;
    display: block;
}

.modal_cart>span>* {
    color: var(--main-color);
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px;
    line-height: 150%;
}

.modal_cart>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 16px;
}

.modal_cart>ul li,
.modal_cart>ul li a {
    display: flex;
}

.modal_cart>ul li a {
    height: 48px;
    border-radius: 100px;
    padding: 12px 16px;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
}

.modal_cart>ul li a:hover {
    background: #016464;
}

.modal_cart>ul li a.just {
    color: var(--main-color);
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
}

.modal_cart>ul li a.just:hover {
    color: #004E4E;
    background-color: transparent;
}

.modal_wishlist>p {
    line-height: 122%;
    font-weight: 600;
    font-size: 28px;
    color: #1F3030;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
    margin-bottom: 12px;
}

.modal_wishlist>p .icon {
    min-width: 38px;
    width: 38px;
    height: 38px;
}

.modal_wishlist>p .icon:before {
    -webkit-mask: initial;
    mask: initial;
    background: url(../icons/cart.svg) no-repeat center;
    width: 38px;
    height: 38px;
    mask-size: initial;
    -webkit-mask-size: initial;
}

.modal_wishlist>span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 28px;
    display: block;
}

.modal_wishlist>span>* {
    color: var(--main-color);
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px;
    line-height: 150%;
}

.modal_wishlist>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 16px;
}

.modal_wishlist>ul li,
.modal_wishlist>ul li a {
    display: flex;
}

.modal_wishlist>ul li a {
    height: 48px;
    border-radius: 100px;
    padding: 12px 16px;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
}

.modal_wishlist>ul li a:hover {
    background: #016464;
}

.modal_wishlist>ul li a.just {
    color: var(--main-color);
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
}

.modal_wishlist>ul li a.just:hover {
    color: #004E4E;
    background-color: transparent;
}

@media (max-width: 1024px) {
    .modal {
        width: 90%;
        padding: 32px;
        max-height: 90dvh;
        overflow: auto;
    }
}

.brand_categories_short {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
    margin-bottom: 8px;
}

.brand_categories_short a {
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 158%;
    color: #2A4040;
}

.brand_categories_short a:hover {
    color: #007E7E;
}

.brand_categories_full {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
}

.brand_categories_full>li:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px dashed #D4DFDF;
}

.brand_categories_full h2 {
    position: relative;
    margin-bottom: 17px;
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    color: #1F3030;
    grid-gap: 4px;
}

.brand_categories_full h2:before {
    color: #F0671A;
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    position: relative;
    content: '-';
}

.brand_categories_full h2:after {
    color: #F0671A;
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    position: relative;
    content: '-';
}

.brand_categories_full .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px 32px;
}

.brand_categories_full .items li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #1F3030;
}

.brand_categories_full .items li a:hover {
    color: #007E7E;
}

.item.radio.selected {
    border: 2px solid #007bff;
    background-color: #f8f9fa;
}

.option-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.price_stock-number.updating {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.price_stock-number {
    transition: opacity 0.3s ease;
}

.form_header_login_page {
    height: 20px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0px;
}

.form_header_login_page b {
    z-index: 1;
    line-height: 140%;
    font-weight: 500;
    font-size: 14px;
    color: #BFCFCF;
    height: 100%;
    background-color: #fff;
    padding: 0px 8px;
}

.form_header_login_page:before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #D4DFDF;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.account_page {
    background: #F1F4F4;
    padding-top: 80px;
    padding-bottom: 80px;
}

.account_page#account-edit {
    padding-top: 0px;
}

.account_page#account-edit h1 {
    margin-top: 32px;
}

.account_page#account-edit #content {
    margin-top: 32px;
    display: grid;
    grid-template-columns: 360px 1fr;
    grid-gap: 8px;
}

.account_page#account-edit #content .content_left,
.account_page#account-edit #content .content_right {
    background-color: #fff;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0px 2px 4px -1px #0A101005;
    box-shadow: 0px 4px 6px -1px #0A10100A;

}

.account_page#account-edit #content .content_left .image {
    width: 296px;
    height: 296px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    background: #F1F4F4 url(../icons/avatar_bg.svg) no-repeat 50% 50%;
    background-size: cover;
    margin-bottom: 36px;
}

.account_page#account-edit #content .content_left .image .avatar {
    width: 128px;
    height: 128px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff url(../icons/wishlist.svg) no-repeat center;
    background-size: 80px;
}

.account_page#account-edit #content .content_left .image .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.account_page#account-edit #content .content_left .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 16px;
}

.account_page#account-edit #content .content_left .buttons .edit_avatar {
    background-color: #F1F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #007E7E;
    border: none;
    border-radius: 100px;
    width: 100%;
}

.account_page#account-edit #content .content_left .buttons .delete_avatar {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
    height: 20px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #6A9090;
    width: fit-content;
}

.account_page#account-edit #content .content_left .buttons .delete_avatar .icon:before {
    background-color: #6A9090;
}

.account_page#account-edit #content .content_right {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.account_page#account-edit #content .content_right form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.account_page#account-edit #content .content_right h3 {
    font-weight: 600;
    font-size: 22px;
    color: #1F3030;
    line-height: 126%;
    margin-bottom: 24px;
}

.account_page#account-edit #content .content_right .buttons {
    margin-top: auto;
    display: flex;
    align-items: center;
    grid-gap: 12px;
}

.account_page#account-edit #content .content_right .buttons .btn {
    width: fit-content;
    margin-top: 0px;
}

.account_page#account-edit #content .content_right .buttons .button_cancel {
    background-color: transparent;
    border: 1px solid #007E7E;
    color: #007E7E;
    transition: opacity .25s ease;
    position: relative;
}

.account_page#account-edit #content .content_right .buttons .button_cancel:hover {
    opacity: .65;
}

.account_page#account-edit #content .content_right .buttons img {
    margin-left: auto;
}

.block_pass {
    box-shadow: 0px 2px 4px -1px #0A101005;

    box-shadow: 0px 4px 6px -1px #0A10100A;

    padding: 40px 32px;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.block_pass_left {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}

.block_pass h3 {
    font-weight: 600;
    font-size: 22px;
    color: #1F3030;
    line-height: 126%;
}

.block_pass p {
    color: #2A4040;
}

.block_pass_right .button {
    height: 48px;
    padding: 0px 24px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    background-color: #007E7E;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.block_pass_right .button:hover {
    background-color: #004E4E;
    cursor: pointer;
}

@media (max-width: 1025px) {
    .account_page#account-edit #content {
        grid-template-columns: 284px 1fr;
    }

    .account_page#account-edit h1 {
        font-size: 24px;
        line-height: 132%;
        font-weight: 600;
    }

    .account_page#account-edit #content .content_right h3 {
        font-size: 20px;
        line-height: 140%;
        font-weight: 600;
    }

    .block_pass h3 {
        font-size: 20px;
        line-height: 140%;
        font-weight: 600;
    }

    .account_page#account-edit #content .content_left .image {
        width: 220px;
        height: 220px;
    }

    .account_page#account-edit .form_site .form-group-header {
        grid-template-columns: 1fr;
    }

    .account_page#account-edit #content .content_right .buttons img {
        display: none;
    }

    .account_page#account-edit #content .content_right .buttons .button {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .account_page#account-edit h1 {
        font-size: 20px;
        line-height: 140%;
        font-weight: 600;
    }

    .account_page#account-edit #content {
        grid-template-columns: 1fr;
    }

    .block_pass {
        flex-direction: column;
    }

    .block_pass_right {
        margin-top: 16px;
        width: 100%;
    }

    .account_page#account-edit #content .content_right .buttons .btn {
        width: 100%;
    }

    .account_page#account-edit #content .content_right .buttons {
        flex-direction: column;
    }

    .block_pass_right a {
        width: 100%;
    }

    .account_page#account-edit #content .content_left .image {
        width: 100%;
        height: initial;
        aspect-ratio: 1 / 1;
    }
}

.account_page .account_header {
    display: grid;
    grid-template-columns: 364px 1fr;
    grid-gap: 8px;
    margin-bottom: 8px;
}

.account_page .card {
    padding: 32px;
    border-radius: 16px;
    background: var(--main-color);
    box-shadow: 0px 4px 6px -1px #0A10100A;
    height: 208px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.account_page .card p {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 122%;
}

.account_page .card u {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    margin-top: auto;
}

.account_page .card .image {
    position: absolute;
    right: 32px;
    bottom: 32px;
    width: 64px;
    height: 64px;
}

.account_page .card .image:before {
    width: 64px;
    height: 64px;
    background-color: #fff;
    background: url(../icons/logo-card.svg) no-repeat center;
    background-size: contain;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.account_page .promocods_inner {
    width: 100%;
    overflow: hidden;
}

.account_page .promocods_inner .section_title {
    margin-bottom: 24px;
    padding-right: 32px;
}

.account_page .promocods_inner .section_title h2 {
    font-size: 22px;
    line-height: 126%;
    color: #1F3030;
    font-weight: 600;
}

.account_page .promocods {
    padding: 32px;
    padding-right: 0px;
    border-radius: 16px;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
}

.account_page .promocods .swiper-slide {
    width: 200px;
}

.account_page .promocods .item {
    width: 100%;
    height: 84px;
    position: relative;
    display: flex;
}

.account_page .promocods .item_inner {
    padding: 8px;
    background-color: #F1F4F4;
    height: 100%;
    width: 100%;
}

.account_page .promocods .item_inner_2 {
    padding: 0px 12px;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.account_page .promocods .item_inner_2 p {
    font-weight: 500;
    font-size: 18px;
    color: #1F3030;
    min-height: 28px;
}

.account_page .promocods .item_inner_2 .price {
    color: #1F3030;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    white-space: pre-wrap;
}

.account_page .promocods .item_inner_2 .price span {
    height: 20px;
    padding: 0px 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0671A;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.account_page .promocods .item:before {
    position: relative;
    width: 18px;
    height: 100%;
    display: flex;
    background: url(../icons/promosub.svg) no-repeat center;
    content: '';
}

.account_page .promocods .item:after {
    position: relative;
    width: 18px;
    height: 100%;
    display: flex;
    background: url(../icons/promosub.svg) no-repeat center;
    content: '';
    transform: rotate(-180deg);
}

.account_page .account_middle {
    padding: 32px;
    background: #fff;
    border-radius: 16px;
}

.history_orders .section_title h2 {
    font-size: 22px;
    line-height: 126%;
    color: #1F3030;
    font-weight: 600;
}

.history_orders .section_title {
    margin-bottom: 24px;
}

.history_orders_items {
    padding: 16px;
    background-color: #F1F4F4;
    border-radius: 16px;
}

.history_orders_items_inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.history_orders_items_inner>.item {
    background-color: #fff;
    border-radius: 16px;
    padding: 16px;
}

.history_orders_items_inner>.item:not(.active) .history_orders_items_middle,
.history_orders_items_inner>.item:not(.active) .history_orders_items_bottom {
    display: none;
}

.history_orders_items_header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 8px;
}

.history_orders_items_header .order_info,
.history_orders_items_header .order_info span,
.history_orders_items_header .order_info span b {
    color: #1F3030;
    font-weight: 500;
    font-size: 18px;
    line-height: 158%;
}

.history_orders_items_header .order_info u {
    border: 1px solid #F5A61D;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDF3E2;
    color: #996712;
    border-radius: 100px;
    display: inline-flex;
    padding: 0px 8px;
    margin-left: 8px;
}

.history_orders_items_header .date {
    color: #2A4040;
    font-weight: 400;

}

.history_orders_items_header .date b {
    color: #2A4040;
    font-weight: 500;
}

.history_orders_items_header .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: 1px solid var(--border-color);
    border-radius: 100%;
}

.history_orders_items_header .icon:before {
    background-color: #007E7E;
    width: 20px;
    height: 20px;
    mask-size: 12px;
    -webkit-mask-size: 12px;
}

.history_orders_items_inner>.item.active .history_orders_items_header .icon:before {
    transform: rotate(180deg);
}

.history_orders_items_middle {
    border: 1px solid #D4DFDF;
    margin-top: 16px;
    border-radius: 16px;
}

.history_orders_items_middle .item {
    padding: 16px;
    display: grid;
    grid-template-columns: 52px 1fr 140px;
    grid-gap: 8px;
}

.history_orders_items_middle .item:not(.item:nth-of-type(1)) {
    border-top: 1px solid #D4DFDF;
}

.history_orders_items_middle .item .item_left {
    background: #F1F4F4;
    height: 52px;
    border-radius: 8px;
    position: relative;
}

.history_orders_items_middle .item .image {
    height: 52px;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_orders_items_middle .item .image:before {
    position: absolute;
    width: 22px;
    height: 22px;
    content: '';
    mask-size: 22px;
    -webkit-mask-size: 22px;
    -webkit-mask: url(../icons/box.svg) no-repeat center;
    mask: url(../icons/box.svg) no-repeat center;
    background-color: var(--main-color);
}

.history_orders_items_middle .item .item_middle {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.history_orders_items_middle .item .item_middle .item_middle_info {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.history_orders_items_middle .item .item_middle .item_middle_info>*:nth-of-type(1) {
    padding-right: 8px;
    border-right: 1px solid #D4DFDF;
}

.history_orders_items_middle .item .item_middle .item_middle_info .quantity,
.history_orders_items_middle .item .item_middle .item_middle_info .option {
    height: 20px;
    font-weight: 500;
    color: #6A9090;
}

.history_orders_items_middle .item .item_middle>p,
.history_orders_items_middle .item .item_middle>a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.history_orders_items_middle .item .item_right .price .price_header {
    flex-direction: column;
    align-items: flex-end;
}

.history_orders_items_middle .item .item_right .price .price_stock {
    justify-content: flex-end;
}

.history_orders_items_middle .item .item_right .price .price_stock-number {
    font-size: 18px;
    font-weight: 600;
}

.history_orders_items_bottom p {
    margin-top: 22px;
    font-size: 14px;
    font-weight: 400;
}

.history_orders_items_bottom p b {
    font-size: 14px;
    font-weight: 700;
    font-size: 16px;
}

.rating_block_right_bottom_right .arrows .icon_arrow:hover,
.icon_arrow:hover,
.swiper_arrow:hover {
    background-color: #DFEEEE;
    cursor: pointer;
}

.rating_block_right_bottom_right .arrows .icon_arrow:before,
.icon_arrow:hover .icon:before,
.swiper_arrow:hover .icon:before {
    background-color: #007E7E;
}

@media (max-width: 1025px) {

    #top .container ul:nth-of-type(2),
    #header .menu_link,
    #header .menu_link_main,
    #header #search {
        display: none;
    }

    #header .phone,
    #form-language {
        margin-left: auto;
    }

    #header .header_account {
        margin-left: initial;
    }

    #header .menu_link.mobile_menu_open,
    #header .menu_link_main.mobile_menu_open {
        display: flex !important;
        min-width: 116px;
    }

    #header .menu_link.mobile_menu_open.active .icon_menu:before,
    #header .menu_link_main.mobile_menu_open.active .icon_menu:before {
        -webkit-mask: url(../icons/close.svg) no-repeat center;
        mask: url(../icons/close.svg) no-repeat center;
        -webkit-mask-size: 16px;
        mask-size: 16px;
    }

    .home_links {
        overflow-x: auto;
        margin-right: -20px;
        padding-right: 20px;
        margin-bottom: 32px;
    }

    .home_links li a {
        min-width: 193px;
    }

    .manufacturers_items {
        grid-template-columns: 1fr 1fr;
    }

    .cat_tab_items,
    .prems_items,
    .blog_latest_block,
    .rating_block {
        grid-template-columns: 1fr;
    }

    .prem_big {
        height: 584px;
    }

    .prem_big .prem_big_left {
        max-width: initial;
    }

    .prem_big .prem_big_left p {
        font-size: 24px;
        line-height: 132%;
    }

    .prem_big_1 .image,
    .prem_big_2 .image {
        width: 100%;
        top: initial;
        right: initial;
        bottom: 0;
        height: 360px;
    }

    .prem_big_1 .image:before {
        bottom: 0;
        width: 600px;
        background: url(../icons/prem_big_1_mob.svg) no-repeat top;
    }

    .prem_big_1 .image:after {
        height: 360px;
        background-size: contain;
    }

    .prem_big_2 .image:before {
        bottom: 0;
        right: inherit;
        background: url(../icons/prem_big_2_mob.svg) no-repeat top;
    }

    .prem_big_2 .image:after {
        height: 360px;
        background-size: contain;
    }

    .blog_latest_block_left {
        height: 556px;
    }

    .blog_latest_block_left .image img {
        width: 100%;
        object-fit: cover;
    }

    .prems_items .prem_item .prem_item_content p {
        font-size: 20px;
        line-height: 140%;
    }

    .g_reviews .section_title {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .g_reviews .section_title h2 {
        margin-bottom: 16px;
    }

    .rating_block_left_top {
        margin-bottom: 24px;
    }

    .rating_block_right_top {
        /* grid-template-columns: 1fr; */
    }

    .information_header_right {
        position: relative;
        right: initial;
        top: initial;
        height: initial;
        margin-top: 16px;
        width: 100%;
    }

    .information_block {
        padding-right: 0px;
    }

    .information_header_right_inner {
        padding: 4px;
    }

    .information_header_right_inner.active {
        padding-bottom: 24px;
    }

    .information_header_right_inner .build_article {
        display: none;
    }

    .information_header_right_inner.active .build_article {
        padding-left: 24px;
        padding-right: 24px;
        display: block
    }

    .information_header_right_inner.active .build_article:nth-of-type(1) {
        padding-top: 16px;
    }

    .information_header_right p {
        height: 68px;
        background-color: #E7EEEE;
        padding-left: 24px;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 12px;
        margin-bottom: 0px;
    }

    .information_header_right_inner.active .information_header_right p {
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }

    .information_header_right p:before {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        background: #fff;
        position: absolute;
        content: '';
        right: 16px;
    }

    .information_header_right p:after {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        background: #fff;
        position: absolute;
        content: '';
        right: 16px;
        -webkit-mask: url(../icons/arrow.svg) no-repeat center;
        mask: url(../icons/arrow.svg) no-repeat center;
        background-color: var(--main-color);
        -webkit-mask-size: 10px;
        mask-size: 10px;
        transform: rotate(0deg);
    }

    .information_header_right_inner.active p:after {
        transform: rotate(180deg);
    }

    footer .items_two {
        order: -1;
        grid-column: 1 / -1;
    }

    footer .footer_items {
        grid-template-columns: 1fr 1fr;
    }

    .sorting_blog {
        display: flex;
        flex-wrap: wrap;
    }

    .sorting_blog .item:nth-of-type(1) {
        width: 100%;
    }

    .sorting_blog .item:nth-of-type(2),
    .sorting_blog .item:nth-of-type(3) {
        width: calc(50% - 6px);
    }

    .description h2 {
        font-size: 30px;
        line-height: 126%;
    }

    .description h3 {
        font-size: 24px;
        line-height: 132%;
    }

    .description h4 {
        font-size: 20px;
        line-height: 140%;
    }

    .description h5 {
        font-size: 16px;
        line-height: 150%;
    }

    .title_page {
        font-size: 36px;
        line-height: 122%;
    }

    .map,
    .contact_block {
        grid-template-columns: 1fr;
    }

    .map_right {
        min-height: 436px;
    }

    .onas {
        grid-template-columns: 1fr;
    }

    .onas_left h2 {
        font-size: 24px;
        line-height: 132%;
    }

    .onas_middle {
        height: 130px;
    }

    .onas_middle img {
        max-height: 71px;
    }

    .onas_right .image {
        height: 405px;
    }

    .article_content .socials_outer {
        position: relative;
        left: initial;
        height: initial;
        width: initial;
        padding: 0px;
    }

    .article_content .socials {
        flex-direction: row;
        position: relative;
        top: initial;
    }

    .articleCarousel .swiper-slide {
        width: 320px;
    }

    .article_header .caption h1 {
        font-size: 36px;
        line-height: 122%;
    }

    .articles_grid {
        grid-template-columns: 1fr 1fr;
    }

    .cart_block {
        grid-template-columns: 1fr;
    }

    .checkout_block {
        grid-template-columns: 1fr;
    }

    .product_page_block {
        grid-template-columns: 1fr;
        overflow: hidden;
    }

    .product_page_block_left_inner {
        position: relative;
        top: initial;
        display: grid;
        grid-template-columns: 1fr 116px;
        grid-gap: 8px;
    }

    .product_page_block_left_inner .mySwiper {
        margin-top: 0px;
        height: 250px;
        box-shadow: 0px 4px 6px -1px #0A10100A;
        overflow: hidden;
        margin-right: 0px;
        padding-top: 0px;
    }

    .product_page_block_left_inner .mySwiper .swiper-slide {
        width: 100%;
        margin-right: 0px;
    }

    .product_page_block_right_inner_title>h1,
    .product_page_block_right_inner_title>* {
        font-size: 24px;
        line-height: 132%;
    }

    .attributes {
        grid-template-columns: 1fr;
    }

    .columns_2_catalog {
        grid-template-columns: 1fr;
    }

    .columns_2_catalog #column-left {
        display: none;
    }

    .product_items.product_items_category:not(.product_items_slider) {
        grid-template-columns: 1fr 1fr;
    }

    .catalog_items {
        grid-template-columns: 1fr 1fr;
    }

    .article_special_right h1 {
        font-size: 24px;
        line-height: 132%;
    }

    .sorting_category {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8px;
    }

    .sorting .filter_button {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--main-color);
        border-radius: 100px;
        padding: 0px 24px;
        height: 48px;
        grid-gap: 8px;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        width: fit-content;
        border: none;
        width: 100%;
    }

    .sorting .filter_button .icon:before {
        background-color: #fff;
    }

    .ocf-btn-mobile-static.ocf-mobile {
        height: 0px !important;
        width: 0px !important;
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
    }

    .sorting .results {
        display: none !important;
    }

    .columns_2_catalog #column-left {
        position: fixed !important;
        left: 0;
        top: 0;
        width: 90%;
        max-width: 320px;
        border-radius: 0px;
        height: 100%;
        overflow: auto;
        z-index: 1001;
    }

    .columns_2_catalog #column-left.active {
        display: initial;
        /*** Fix ***/
        top: 0 !important;
        left: 0 !important;
        right: initial !important;
        bottom: initial !important;
        z-index: 1001 !important;
    }

    .columns_2_catalog #column-left.active .ocf-container {
        position: relative !important;
        transform: initial !important;
        width: initial !important;
    }

    .columns_2_catalog #column-left.active .ocf-container .ocf-content {
        padding-top: 60px;
    }

    .columns_2_catalog #column-left.active .ocf-container .ocf-body {
        position: relative !important;
        top: initial !important;
        bottom: initial !important;
    }

    #column-left .ocf-filter-list .ocf-filter {
        padding: initial !important;
    }

    #column-left .ocf-filter-list .ocf-filter .ocf-filter-name {
        margin-bottom: 0px !important;
    }

    .columns_2_catalog #column-left .aside_close {
        position: absolute;
        right: 16px;
        top: 16px;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* background: #fff; */
        border-radius: 100%;
        z-index: 99999999999999999;
    }

    .columns_2_catalog #column-left .aside_close .icon {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .columns_2_catalog #column-left .aside_close .icon:before {
        background-color: var(--font-color);
        width: 28px;
        height: 28px;
        mask-size: 28px;
        -webkit-mask-size: 28px;
    }

    .ocf-filter-body {
        padding: 20px;
    }

    #column-left .ocf-filter-list .ocf-filter:nth-of-type(1) .ocf-filter-body {
        padding-top: 0px;
    }

    .mobile_menu.active {
        top: 80px;
        display: grid !important;
    }

    .mobile_search {
        display: flex;
        margin-bottom: 12px;
    }

    .mobile_search #search,
    .mobile_search #search input {
        width: 100%;
    }

    .mobile_catalog {
        display: flex;
        margin-bottom: 24px;
    }

    .mobile_catalog .home_links {
        margin: 0px;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        padding: 0px;
    }

    .links_from_header ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8px;
    }

    .links_from_header ul li,
    .links_from_header ul li a {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .links_from_header ul li a {
        height: 48px;
        padding: 14px 16px;
        border-radius: 100px;
        border: 1px solid #D4DFDF;
        font-size: 14px;
        line-height: 140%;
        font-weight: 600;
        color: #1F3030;
        justify-content: space-between;
    }

    .links_from_header ul li a span.icon {
        width: 16px;
        height: 16px;
    }

    .links_from_header ul li a span.icon:before {
        -webkit-mask: url(../icons/arrow_2.svg) no-repeat center;
        mask: url(../icons/arrow_2.svg) no-repeat center;
        background-color: #BFCFCF;
        -webkit-mask-size: 12px;
        mask-size: 12px;
        transform: rotate(360deg);
    }

    .links_from_header ul:nth-of-type(1) {
        display: none;
    }

    .mobile_contacts {
        display: none;
    }

    .brand_categories_full .items {
        grid-template-columns: 1fr 1fr;
    }

    .account_page .account_header {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {

    .prem_big_1 .image,
    .prem_big_2 .image {
        height: 260px;
    }

    .prem_big_1 .image:after,
    .prem_big_2 .image:after {
        height: 300px;
    }

    .prem_big_1 .image:before,
    .prem_big_2 .image:before {
        top: 0;
        bottom: initial;
    }

    .cart_items .items .item .item_middle .buttons {
        margin-top: 16px;
    }
}

@media (max-width: 576px) {

    .sorting_category {
        grid-template-columns: 1fr;
    }

    .cat_dogs .cat_tab_items .cat_tab_items_left>.item .info u {
        display: none;
    }

    .product_page_block_left_inner {
        grid-template-columns: initial;
    }

    .description h2 {
        font-size: 24px;
        line-height: 132%;
    }

    .description h3 {
        font-size: 20px;
        line-height: 140%;
    }

    .description h4 {
        font-size: 18px;
        line-height: 134%;
    }

    .description h5 {
        line-height: 140%;
    }

    .title_page {
        font-size: 30px;
        line-height: 126%;
    }

    .top_banner,
    #top,
    .section_title a,
    .manufacturers_header a {
        display: none;
    }

    .blog_latest_block_right .item,
    .cat_tab_items>div {
        grid-template-columns: 1fr;
    }

    .blog_latest_block_right .item {
        height: initial;
    }

    .blog_latest_block_right .item .item_right {
        padding: 24px;
        padding-top: 0px;
    }

    .prems_items .prem_item .prem_item_content p {
        font-size: 18px;
        line-height: 134%;
    }

    .sorting_blog .item:nth-of-type(2),
    .sorting_blog .item:nth-of-type(3) {
        width: 100%;
    }

    footer .footer_items {
        grid-template-columns: 1fr;
    }

    #header .menu_link.mobile_menu_open,
    #header .menu_link_main.mobile_menu_open {
        display: flex !important;
        position: absolute;
        right: 30px;
        width: 48px;
        min-width: 48px;
    }

    #header .header_cart {
        margin-right: calc(44px + 8px);
    }

    #header .header_account {
        margin-left: auto;
    }

    #header .phone,
    #header .menu_link.mobile_menu_open p,
    #header .menu_link_main.mobile_menu_open p {
        display: none;
    }

    .cat_tab_items>div .item:nth-of-type(1) {
        flex-direction: column;
    }

    .cat_tab_items>div .item:nth-of-type(1) .image {
        height: 140px;
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: initial;
    }

    .cat_tab_items>div .item:nth-of-type(1) .image img {
        width: 100%;
        object-fit: cover;
    }

    .cat_tab_items>div .item .info a {
        display: none;
    }

    .cat_tab_items>div .item:not(:first-child) {
        height: 196px;
    }

    .cat_tab_items>div .item:not(:first-child) .image {
        width: 100%;
        max-width: initial;
    }

    .cat_tab_items>div .item:not(:first-child) .image img {
        width: 100%;
        object-fit: cover;
    }

    .blog_latest_block_left {
        height: 320px;
    }

    .blog_latest_block_left .caption a {
        height: 54px;
        font-size: 18px;
        line-height: 134%;
    }

    .blog_latest_block_right .item .item_right a {
        font-size: 16px;
        line-height: 140%;
        height: 44px;
    }

    .footer_copyright {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    footer .item_last {
        order: -1;
        grid-row: 1;
        grid-column: 1 / -1;
    }

    footer .footer_items .items_two {
        display: flex;
        flex-direction: row-reverse;
        row-gap: 16px;
    }

    footer .footer_items .items_two .item {
        width: 100%;
    }

    .product_tabs_header {
        flex-direction: column;
        align-items: flex-start;
    }

    .product_tabs_header .arrows {
        display: none;
    }

    #error-not-found {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    #error-not-found #content {
        margin-left: 20px;
        margin-right: 20px;
        min-height: 344px;
    }

    .form_site .form-group-header {
        grid-template-columns: 1fr;
    }

    .map_left .item {
        grid-template-columns: 1fr;
        padding-right: 4px;
    }

    .map_left .item .item_left {
        height: 200px;
    }

    .map_left .item .item_right {
        padding: 20px;
        padding-top: 0px;
    }

    .map_left {
        height: 600px;
    }

    .onas_right .items {
        grid-template-columns: 1fr;
    }

    .onas_right .items .item:nth-of-type(1) {
        border-right: none;
        border-bottom: 1px solid #D4DFDF;
        padding-right: 0px;
        padding-bottom: 24px;
    }

    .onas_right .image {
        height: 240px;
    }

    .html_content {
        padding: 24px;
    }

    .article_header {
        height: 320px;
    }

    .article_header .caption h1 {
        font-size: 20px;
        line-height: 140%;
    }

    .articles_related .arrows {
        display: none;
    }

    .section_title h2,
    .manufacturers_header h2 {
        font-size: 20px;
        line-height: 140%;
    }

    .article_header .caption {
        padding: 24px;
    }

    .articles_grid {
        grid-template-columns: 1fr;
    }

    .cart_option {
        bottom: initial;
        top: 0;
    }

    .cart_items .items .item .item_right {
        position: relative;
    }

    .cart_items .items .item .item_right .price_header,
    .cart_items .items .item .item_right .price_stock {
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }

    .cart_items .price_stock-number {
        /* margin-left: auto; */
        margin-right: 0px;
    }

    .indicator_text {
        font-size: 12.8px;
        text-align: right;
        margin-left: auto;
        padding-right: 16px;
    }

    .cart_free_shipping .indicator {
        width: calc(100% - 40px);
        margin-top: 17px;
    }

    .cart_items .items .item .item_middle,
    .cart_items .items .item .item_right {
        min-height: initial;
    }

    .cart_items .items .item .item_right .quantity-control {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin: 0px;
    }

    .cart_items .items .item {
        grid-template-columns: 1fr;
    }

    .customer_blocks {
        grid-template-columns: 1fr;
    }

    .checkout_block .cart_items .items .item {
        grid-template-columns: 1fr;
    }

    .radio_items .radio .radio_header {
        flex-wrap: wrap;
    }

    .radio_items .radio .radio_header .radio_cost {
        width: 100%;
        text-align: right;
        font-size: 14px;
    }

    .radio_info_modal_content_link {
        position: absolute;
        left: 15px;
        bottom: 12px;
        margin: 0px;
    }

    .radio_info_modal_content_link .icon {
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .product_page_block_left_inner .mySwiper {
        height: initial !important;
        overflow: initial !important;
        box-shadow: none !important;
        margin-right: -8px;
    }

    .product_page_block_left_inner .mySwiper .swiper-slide {
        width: calc(33.333333333333% - 8px);
        margin-right: 8px;
    }

    .product_page_block_right_inner_title>h1,
    .product_page_block_right_inner_title>* {
        font-size: 20px;
        line-height: 140%;
    }

    .product_shipping_info .item .price,
    .product_shipping_info .item p {
        font-size: 14px;
        line-height: 140%;
    }

    .product_page_block_right_inner .options .items .item {
        grid-template-columns: 1fr;
        position: relative;
    }

    .product_page_block_right_inner .options .items .item .name {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding-right: 80px;
    }

    .product_page_block_right_inner .options .items .item .price {
        position: absolute;
        min-height: 44px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        right: 18px;
        top: 18px;
    }

    .product_page_block_right_inner .options .items .item button {
        max-width: 100%;
        width: 100%;
    }

    .reviews .review_item_answer,
    .reviews .review_item>.review_item_desc {
        margin-left: 0px;
    }

    .reviews .review_item_header {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .reviews .review_item_header .date {
        position: absolute;
        right: 0;
        top: 0;
    }

    .review_invite h3 {
        font-size: 18px;
        line-height: 134%;
    }

    .product_items.product_items_category:not(.product_items_slider) {
        grid-template-columns: 1fr;
    }

    .catalog_items {
        grid-template-columns: 1fr;
    }

    .article_special {
        grid-template-columns: 1fr;
    }

    .article_special_right h1 {
        font-size: 20px;
        line-height: 140%;
    }

    .sorting .filter_button {
        width: 100%;
    }

    .sorting {
        justify-content: flex-start;
    }

    .sorting .limit {
        margin-left: auto;
        display: none;
    }

    .sorting .location {
        margin-left: initial;
        width: 100%;
    }

    .sorting .location select {
        width: 165px;
    }

    .ocf-filter-body {
        padding: initial;
    }

    .mobile_menu {
        padding: 16px 20px;
        height: calc(100dvh - 80px);
        overflow-y: auto;
    }

    .mobile_menu.active {
        top: 80px;
    }

    .links_from_header {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }

    .links_from_header ul {
        grid-template-columns: 1fr;
    }

    .links_from_header ul:nth-of-type(1) {
        display: grid
    }

    .mobile_catalog .home_links {
        grid-template-columns: repeat(2, 1fr);
    }

    .mobile_search #search input,
    .mobile_catalog .home_links li a {
        min-width: initial
    }

    .mobile_contacts {
        display: grid;
        margin-top: 24px;
        grid-gap: 16px;
        grid-template-columns: 1fr;
        padding: 16px 20px;
        border-radius: 16px;
        background: #F1F4F4;
    }

    .mobile_contacts .item {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 4px;
    }

    .mobile_contacts .item span {
        display: block;
        line-height: 140%;
        font-weight: 500;
        font-size: 14px;
        color: #6A9090;
    }

    .mobile_contacts .item a,
    .mobile_contacts .item p {
        font-weight: 600;
        line-height: 158%;
        font-size: 16px;
        color: #1F3030;
    }

    .brand_categories_full .items {
        grid-template-columns: 1fr;
    }

    .mobile_language {
        display: grid !important;
        margin-top: 24px;
    }

    .mobile_language #form-language {
        width: 100%;
    }

    .mobile_language #form-language>button {
        display: none;
    }

    .mobile_language .language_modal {
        position: relative;
        top: initial;
        padding: 0px;
        box-shadow: none;
        right: initial;
        display: grid !important;
        grid-gap: 8px !important;
        width: 100%;
        grid-template-columns: 1fr 1fr !important;
    }

    .mobile_language .language_modal li button {
        width: 100%;
        border-radius: 100px;
        border: 1px solid #D4DFDF;
        justify-content: center;
        text-align: center;
    }

    .mobile_language .language_modal li button:before,
    .mobile_language .language_modal li button:after {
        display: none;
    }

    .history_orders_items_middle .item {
        grid-template-columns: 1fr;
    }

    .history_orders_items {
        padding: 4px;
    }

    .account_page .promocods_inner .section_title {
        padding-right: 20px;
    }

    .account_page .promocods {
        padding: 20px;
        padding-right: 0px;
    }

    .account_page .account_middle {
        padding: 20px 4px;
    }

    .account_page .account_middle .section_title {
        padding-left: 16px;
        paint-order: 16px;
    }

    .history_orders_items_middle .item .item_right .price .price_header {
        flex-direction: row;
    }

    .history_orders_items_middle .item .item_right .price .price_stock {
        justify-content: flex-start;
    }

    .history_orders_items_header .order_info u {
        margin-left: auto;
    }

    .prem_big {
        height: 616px;
        overflow: hidden;
    }

    .prem_big .prem_big_left {
        padding: 24px;
        height: initial;
    }

    .prem_big .prem_big_left p {
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
    }

    .prem_big_1 .image,
    .prem_big_2 .image {
        height: 284px;
        /* position: relative; */
        top: initial;
        right: initial;
        bottom: 0;
        left: initial;
    }

    .prem_big_1 .image:before {
        width: 100%;
        left: 0;
        background: url(../icons/prem_big_1_mob.svg) no-repeat bottom;
        background-size: contain;
        bottom: 0;
        height: 100%;
        right: initial;
    }

    .prem_big_1 .image:after {
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .prem_big .prem_big_left a {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .prem_big_2 .image:before {
        background: url(../icons/prem_big_2_mob.svg) no-repeat bottom;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        background-size: cover;
    }

    .prem_big_2 .image:after {
        background-size: 457px;
        background-position: calc(50% - -20px) 10px;
    }

    .prem_big_2 .image {
        bottom: -56px;
    }


}

.checkout_block_left_section.collapsed .checkout_block_left_section_inner {
    display: none;
}

.checkout_block_left_section_title {
    cursor: pointer;
    user-select: none;
}

.radio .radio_footer {
    display: none;
}

.radio.active .radio_footer {
    display: grid;
    padding-right: 16px;
}

.radio {
    cursor: pointer;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--main-color) !important;
}

.select2-hidden-accessible {
    display: none !important;
}

.radio .radio_footer .select2 {
    margin-bottom: 10px;
    width: 100% !important;
}

.radio .radio_footer .select2:last-child {
    margin-bottom: 0px;
}

.radio .radio_footer .select2-container .select2-selection--single {
    border: none;
    height: initial;
}

.radio .radio_footer .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.radio .radio_footer .select2-container .select2-selection--single .select2-selection__rendered {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    padding: 12px 44px 12px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #1F3030;
    width: 100% !important;
    cursor: pointer;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
    border-color: var(--main-color);
}

.field-error-msg {
    color: rgb(236 14 14);
}

.anchor-span {
    cursor: pointer;
}

.add_review {
    margin-top: 20px;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    padding: 16px;
}

.add_review .message {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.add_review .message:before {
    width: 16px;
    height: 16px;
    -webkit-mask: url(../icons/comment.svg) no-repeat center;
    mask: url(../icons/comment.svg) no-repeat center;
    background-color: #6A9090;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    content: '';
    position: absolute;
    left: 4;
    top: 4px;
}

.add_review .message textarea {
    border: none;
    background-color: transparent;
    color: #1F3030;
    padding-left: 26px;
    width: 100%;
    margin-bottom: 12px;
}

.add_review .message textarea::placeholder {
    color: #6A9090;
}

.add_review .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add_review .buttons .button {
    height: 32px;
    border-radius: 100px;
    background-color: #007E7E;
    color: #fff;
    border: none;
    padding: 0px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}

/* Custom style */

.alerts {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: transparent;
    width: 300px;
    margin-right: 32px;
    z-index: 10000;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
    transition: bottom .25s ease;
}

.alerts.active {
    bottom: 30px;
}

.alerts .alert {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 0 24px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px -1px #0A10101A;
    align-items: center;
    grid-gap: 8px;
    background-color: var(--main-color);
    position: relative;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;

    height: 48px;
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity .3s ease,
        transform .3s ease,
        height .3s ease,
        margin .3s ease,
        padding .3s ease;
    will-change: opacity, transform;
}

.alerts .alert.active {
    opacity: 1;
    transform: translateY(0);
}

.alerts .alert.collapsing {
    opacity: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.alerts .alert.default {
    background-color: #007e7e;
    color: #fff;
}

.alerts .alert.default>* {
    color: #fff;
}

.alerts .alert.success {
    background-color: #259d34;
    color: #fff;
}

.alerts .alert.success * {
    color: #fff;
}

.alerts .alert.fail {
    background-color: #c12f2f;
    color: #fff;
}

.alerts .alert.fail>* {
    color: #fff;
}

.alerts .alert.warning {
    background-color: #e5af16;
    color: #fff;
}

.alerts .alert.warning>* {
    color: #fff;
}

.disabled {
    opacity: .55;
    cursor: not-allowed;
}

.add_to_cart {
    cursor: pointer;
}

.no-pagination ul.pagination {
    display: none;
}

.footer_copyright a:hover {
    transition: color .3s;
    color: #f0671a;
}

.manufacturer_item {
    border: 1px solid transparent;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.manufacturer_item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-color: #d0d0d0;
}

.top-link-active {
    color: #f0671a;
}

.article .button.filter {
    width: 100%;
    height: 48px;
    background: #007E7E;
    color: #fff;
    border: 0;
    font-weight: 600;
    border-radius: 100px;
    margin-top: 12px;
}

.article .button.filter:hover {
    background: #007171;
    transition: all .3s;
}

.wishlist-toggle:hover {
    transition: all .3s;
    background-color: #dfeeee;
}

.wishlist-toggle.active {
    transition: all .3s;
    background-color: #dfeeee;
}

.icon.icon_arrow.icon_arrow_down.product,
.icon.icon_arrow.icon_arrow_down.product:hover {
    background: none;
}

.icon.icon_arrow.icon_arrow_down.product::before {
    background-color: #007e7e;
}

.icon.icon_arrow.icon_arrow_down.product:hover::before {
    background-color: #f0671a;
    transition: all .3s;
}

.add_to_cart_product.cart-added-active .icon::before {
    background: #007e7e;
}

.add_to_cart_product {
    transition:
        background-color 0.5s ease,
        color 0.5s ease,
        border-color 0.5s ease,
        border-radius 0.5s ease;
    position: relative;
    overflow: hidden;
}

.option-cart-btn.add_to_cart_product.active {
    background: #007e7e00 !important;
    border: solid #007e7e 1px !important;
    border-radius: 100px !important;
    color: #007e7e !important;
}

.add_to_cart_product.active .icon::before {
    background: #007e7e !important;
    mask: url(../icons/cart_active.svg) no-repeat center;
}

.price_stock-number {
    margin-right: 5px;
}

.item {
    position: relative;
}

.confirm-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.confirm-box {
    background: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    text-align: center;
    max-width: 320px;
    width: 100%;
}

.confirm-actions {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.confirm-actions button {
    flex: 1;
    padding: 6px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.confirm-yes {
    background-color: #007e7e;
    color: #fff;
}

.confirm-no {
    background-color: #ccc;
}

/* @media (hover:hover) and (pointer:fine) {
    .select_wrap:hover > .select_items {
        display: grid;
    }
} */

.select_wrap {
    position: relative;
    z-index: 20;
}

.select_wrap:hover {
    cursor: pointer;
}

.select_items {
    z-index: 999;
    min-width: 100%;
    width: min-content;
}

.category_options {
    position: absolute;
    right: 0;
    bottom: 0;
}

.category_option_list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 8px 20px rgba(10, 16, 16, .12);
    z-index: 999;
    min-width: 160px;
}

.category_options.open .category_option_list {
    display: grid;
    grid-gap: 4px;
}

.category_option_list li a {
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    color: #1F3030;
}

.category_option_list li a:hover {
    background: #F1F4F4;
    color: #007E7E;
    border-radius: 4px;
}

.category_option_list li a.active {
    font-weight: 600;
}

.category_option_list li a.out_of_stock {
    opacity: .55;
}

.item .image {
    overflow: visible;
}

.category_option_list {
    display: none;
}

.category_options.open .category_option_list {
    display: block;
}

#error-not-found.success_pay #content .image.welcome:before {
    background: url(../icons/welcome.svg) no-repeat center;
}

.text_below_the_button {
    margin-top: 0px !important;
    color: #007e7e !important;
    background: #ffffff00 !important;
    margin-top: 0 !important;
}

.account_links_login_page a {
    display: inline-flex;
    align-items: center;
}

.text {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    max-width: 20ch;
    transition: max-width .5s ease, opacity .5s ease, margin .5s ease;
    margin-left: .4rem;
}

.text.no_text {
    opacity: 0;
    max-width: 0;
    margin-left: 0;
    pointer-events: none;
}

.btn-primary {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    padding: 12px 16px;
    border-radius: 100px;
    font-weight: 600;
    transition: background-color .3s ease, border-color .3s ease;
    display: inline-flex;
    width: fit-content;
    margin-top: 16px;
}

.btn-primary:hover {
    background-color: #006E6E;
    border-color: #006666;
    color: #fff;
}

img.negro {
    filter: grayscale(100%);
    opacity: 0.5;
}

.modal_cart_popup_content .success_pay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal_cart_popup_content .image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
}

.modal_cart_popup_content .image:after {
    position: absolute;
    content: '';
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask: url(../icons/cart.svg) no-repeat center;
    mask: url(../icons/cart.svg) no-repeat center;
    background-color: #fff;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.modal_cart_popup_content .image:before {
    position: absolute;
    content: '';
    width: 43px;
    height: 43px;
    border-radius: 100%;
    background-color: #2EBA80;
}

.modal_cart_popup_content .image span:nth-of-type(1):before {
    width: 10px;
    height: 10px;
    background: transparent url(../icons/success_shape.svg) no-repeat center;
    border-radius: 0px;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
}

.modal_cart_popup_content .image span:nth-of-type(1):after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #F0671A;
    right: 0;
    top: 0;
}

.modal_cart_popup_content .image span:nth-of-type(2):before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #F0671A;
    left: 0;
    bottom: 0;
}

.modal_cart_popup_content .image span:nth-of-type(2):after {
    width: 10px;
    height: 10px;
    background: transparent url(../icons/success_shape.svg) no-repeat center;
    border-radius: 0px;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
}

.modal_cart_popup_content h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    color: #1F3030;
}

.modal_cart_popup_content p {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    color: #2A4040;
    display: block;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 24px;
}

.modal_cart_popup_content .buttons {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.modal_cart_popup_content .buttons a {
    width: 100%;
    max-width: 288px;
    border-radius: 100px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    color: #fff;
    background-color: #007E7E;
    border: 1px solid transparent;
}

.modal_cart_popup_content .buttons a:last-child {
    background-color: transparent;
    color: #007E7E;
    border: 1px solid #007E7E;
}