/* @import url('./ui.css'); */
:root {
    --white: #fff;
    --biege-light: #FFFAFA;
    --beige: #FEA69A;
    --pink: #fd97ac;
    --red-primary: #FF0033;
    --red-darkest: #DC002C;

    --black: #212529;
    --black-light: #4F4F4F;
    --gray: #696969;
    --gray-light: #B6B6B6;
    --green: #1DC925;
    --yellow: #FFB521;

    --n: 'Nunito';
    --n-b: 'Nunito-Bold';
    --n-eb: 'Nunito-ExtraBold'; 
}

/* ICONS */
/* .icon { display: flex; width: max-content; transition: .2s ease-in-out; } */
.icon svg { transition: .2s ease-in-out; }

#icon_addtocart { fill: transparent; }
.icon__addtocart .icon { fill: transparent; stroke: #000; stroke-width: 1.8px; width: 40px; height: 40px; }
.icon__addtocart:hover .icon { stroke: red; }

#icon_arrow { fill: transparent; }
.icon_arrow { display: inline-block; }
.icon_arrow .icon { fill: red; stroke: #000; width: 12px; height: 8px; }

#icon_arrow2 { fill: transparent; }
.icon_arrow2 { display: inline-block; }
.icon_arrow2 .icon { display: flex; stroke: #000; width: 12px; height: 10px; }

#icon_cart_flowel { fill: transparent; }
.icon_cart_flowel { display: inline-block; }
.icon_cart_flowel .icon { display: flex; stroke: #FF0033; width: 19px; height: 19px; }

#icon_hot { fill: transparent; }
.icon_hot { display: inline-block; background: #ccc; }
.icon_hot .icon { display: flex; stroke: #FF0033; width: 18px; height: 21px; }

#icon_login { fill: transparent; }
.icon_login { display: inline-block; }
.icon_login .icon { display: flex; stroke: var(--black); width: 23px; height: 22px; }

#icon_phone { fill: transparent; }
.icon_phone { display: inline-block; }
.icon_phone .icon { display: flex; stroke: #FF0033; width: 20px; height: 20px; }

#icon_star_empty { fill: transparent; }
.icon_star_empty { display: inline-block; }
.icon_star_empty .icon { display: flex; stroke: #FFB521; width: 15px; height: 14px; }

#icon_star_fill { fill: transparent; }
.icon_star_fill { display: inline-block; }
.icon_star_fill .icon { display: flex; stroke: #FFB521; width: 15px; height: 14px; }

#icon_user { fill: transparent; }
.icon_user { display: inline-block; }
.icon_user .icon { display: flex; stroke: #fff; width: 17px; height: 21px; }

.icon_lupa { display: inline-block; }
.icon_lupa .icon { display: flex; color: transparent; stroke: #FF0033; width: 21px; height: 21px; transition: 0s; }

.icon_close { display: inline-block; }
.icon_close .icon { display: flex; color: transparent; stroke: #000; width: 21px; height: 21px; }

.icon_arr_down { display: inline-block; }
.icon_arr_down .icon { display: flex; color: transparent; stroke: #000; width: 10px; height: 10px; }

.icon_buket { display: inline-block; }
.icon_buket .icon { display: flex; color: #fff; width: 28px; height: 32px; }

.icon_message { display: inline-block; }
.icon_message .icon { display: flex; color: var(--red-primary); width: 21px; height: 21px; }

.icon_p_delivery { display: inline-block; }
.icon_p_delivery .icon { display: flex; color: #fff; width: 39px; height: 25px; }

.icon_p_garanty { display: inline-block; }
.icon_p_garanty .icon { display: flex; color: #fff; width: 38px; height: 38px; }

.icon_buyer { display: inline-block; }
.icon_buyer .icon { display: flex; color: #fff; width: 35px; height: 44px; }

.icon_owner { display: inline-block; }
.icon_owner .icon { display: flex; color: #fff; width: 38px; height: 38px; }

.icon_payment { display: inline-block; }
.icon_payment .icon { display: flex; color: #fff; width: 36px; height: 29px; }

.icon_date { display: inline-block; }
.icon_date .icon { display: flex; color: #fff; width: 20px; height: 21px; }

.icon_time { display: inline-block; }
.icon_time .icon { display: flex; color: #fff; width: 21px; height: 21px; }

.icon_location { display: inline-block; }
.icon_location .icon { display: flex; color: #fff; width: 16px; height: 20px; }

.icon_cats { display: inline-block; }
.icon_cats .icon { display: flex; color: #fff; width: 17px; height: 17px; }

.icon_sort { display: inline-block; }
.icon_sort .icon { display: flex; color: #fff; width: 22px; height: 22px; }

.icon_burger { display: inline-block; }
.icon_burger .icon { display: flex; color: #fff; width: 33px; height: 18px; }

.icon_delete { display: inline-block; }
.icon_delete .icon { display: flex; stroke: #888; color: transparent; width: 17px; height: 19px; }
.icon_delete .icon:hover { stroke: #000; }

/* form */

.category__banner { height: 112px; border-radius: 10px; margin-top: 28px; margin-bottom: 34px; }
.category__banner { background-repeat: no-repeat; background-position: center; background-size: cover; } 
.category__banner--bg { padding: 13px 16px; display: flex; height: 100%;  background: linear-gradient(90deg, #FFE7E7 0%, rgba(255, 255, 255, 0) 100%); border-radius: 10px; }
.category__banner__title { display: flex; height: 100%; width: 100%; align-items: center; border-radius: 10px; border: 1px solid #FFE7E7; }
.fonts-loaded .category__banner__h1 { display: flex; align-items: center; flex-wrap: wrap; padding: 0px 26px; font-size: 22px; font-weight: 600; }
.category__banner__h1 span { margin-right: 8px; }
.category__banner__h1 h1 { color: var(--red-primary); font-size: 22px; }

@media (max-width: 860px) {
    .category__banner { margin-top: 0; }
}
@media (max-width: 480px) {
    .fonts-loaded .category__banner__h1,
    .category__banner__h1 h1 { font-size: 15px; }
}
/* ytb----------- 
.ytb-container{ min-width:200px; }
.ytb-container .info-loading{ font-size:0.8em;color:#6c6c6c; }
.ytb-block { background:transparent;;border: 1px solid #bbbbbb;border-radius:5px; padding: 0 0 0 0;margin: 10px 0 10px 0; }
.ytb-subscribe { position: relative; height: 48px; margin: 5px; }
.ytb-subscribe span{ position: absolute;top: 0; left: 60px; font: 12px "YouTube Noto",Roboto,arial,sans-serif;}
.ytb-subscribe img{ height: 48px; }
.ytb-subscribe img.subs-button{ width: 121px; height: 26px; position: absolute; bottom: 0; left: 60px; }
.ytb-description,.ytb-description a{ text-align: left!important;font-size:12px;color:#6999BD;font-weight:normal;line-height: 1.1em; }
.ytb-subs{ margin: 5px;font-size: 12px;color: #7e9aae;font-weight: normal; }
.ytb-statictics{ display: flex;justify-content:space-between; }
.ytb-count{ color: #7e9aae;font-size:10px;font-weight:normal; }
.ytb-date{ color: #7e9aae;font-size:10px;font-weight:normal; }
.ytb-video-block{ margin: 5px; }
.ytb-video-item { border: 1px solid transparent;border-radius:5px; padding:0 0 0 0;margin: 0 10px 10px 0; }
.ytb-thumbnail{ padding-bottom: inherit; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.ytb-play-button{ position: absolute; top: 50% !important; left: 50% !important; width: 48px !important; height: 48px !important; padding: 0 !important; margin: -29px 0 0 -42px !important; font-size: normal !important; font-weight: 400 !important; line-height: 1 !important; opacity: 0.8; }
.ytb-play-button svg{ max-width: none; }
.ytb-thumbnail:hover .ytb-play-button{ opacity: 1; }
.ytb-video-player{ direction: ltr; position: relative; display: block; height: 0; padding: 0 0 56.25%; overflow: hidden; background-color: #000;width: 100%; }
.ytb-video-player iframe { position: absolute; width: 100%; height: 100%; border: 0; top: 0; left: 0; bottom: 0; }
        .ytb-block{ width:100%;display:inline-block; }
.ytb-video-item{ display:block; }
.ytb-video-item{ width:100%; }
 ytb----------- */

/* mailer----------- 
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 { padding: 20px; position: relative; width: 400px;}↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-after-submit { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff; display: none;text-align: center; width: 100%; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-after-submit:before { content: ' ';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-after-submit span { display: inline-block; vertical-align: middle; width: 100%; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-field { margin: 0;display: block;*zoom: 1;overflow: hidden; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-field:before, #mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-field:after  { content: " ";display: table; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-field:after  { clear: both; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-name { white-space: normal;padding-top: 0.05em;padding-bottom: 2px;font-size: 0.95em; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-caption { float: left; max-width: 48%; max-width: 100%; overflow: hidden; width: 100%; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-value { margin-bottom: 5px; position: relative; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-value-input { margin-left: 0%; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-submit { margin-top: 5px;}↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-fill { min-width: 0;width: 94%; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-error { border: 1px solid red; }↩
↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-captcha { }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-captcha p { clear: none;margin: 0; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-captcha strong { position: relative;top: -15px; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-captcha img { float: none !important; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-captcha input[type="text"] { position: relative;top: -15px;min-width: 40px;width: 40px; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-captcha .wa-captcha-refresh { font-size: 0.8em;text-decoration: underline;color: #aaa; }↩
↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-error { border: 2px solid red; color: red; }↩
#mailerbac6a5dccca4ec39059a8b8b100ff1c1 .wa-errormsg { color: red; display: none; font-weight: normal; font-size: 12px; }↩
 mailer----------- */


/* SORTING */

.icon_s_pop { display: inline-block; }
.icon_s_pop .icon { display: flex; color: transparent; color: #696969; width: 17px; height: 21px; transition: 0s; }
.icon_s_pop.red .icon { color: var(--red-primary); }

.icon_s_best { display: inline-block; }
.icon_s_best .icon { display: flex; color: transparent; color: #696969; width: 17px; height: 22px; transition: 0s; }

.icon_s_price { display: inline-block; }
.icon_s_price .icon { display: flex; color: transparent; color: #696969; width: 23px; height: 22px; transition: 0s; }

.icon_s_sale { display: inline-block; }
.icon_s_sale .icon { display: flex; color: transparent; color: #696969; width: 24px; height: 24px; transition: 0s; }

/* SORTING / */


/* ADVANTAGES */

/* #icon_advantages_flowers { fill: transparent; } */
.icon_advantages_flowers { display: inline-block; }
.icon_advantages_flowers .icon { display: flex; width: 47px; height: 57px; }

.icon_advantages_gift { display: inline-block; }
.icon_advantages_gift .icon { display: flex; width: 70px; height: 70px; }

.icon_advantages_sale { display: inline-block; }
.icon_advantages_sale .icon { display: flex; width: 68px; height: 68px; }

/* ADVANTAGES */


/* INFO HOME */

.icon_247 { display: inline-block; }
.icon_247 .icon { display: flex; width: 42px; height: 40px; }

.icon_bullet { display: inline-block; }
.icon_bullet .icon { display: flex; width: 42px; height: 42px; }

.icon_fast { display: inline-block; }
.icon_fast .icon { display: flex; width: 49px; height: 43px; }

.icon_garanty { display: inline-block; }
.icon_garanty .icon { display: flex; width: 40px; height: 42px; }

.icon_girl { display: inline-block; }
.icon_girl .icon { display: flex; width: 36px; height: 46px; }

.icon_list { display: inline-block; }
.icon_list .icon { display: flex; width: 53px; height: 53px; }

.icon_man { display: inline-block; }
.icon_man .icon { display: flex; width: 44px; height: 44px; }

.icon_photoapparat { display: inline-block; }
.icon_photoapparat .icon { display: flex; width: 47px; height: 47px; }

.icon_sale { display: inline-block; }
.icon_sale .icon { display: flex; width: 39px; height: 39px; }

/* INFO HOME / */



/* PAYMENTS */

.pay_mastercart { display: inline-block; }
.pay_mastercart .icon { display: flex; width: 78px; height: 45px; }

.pay_visa { display: inline-block; }
.pay_visa .icon { display: flex; width: 83px; height: 27px; }

/* PAYMENTS / */




/* LOADER CSS */
.dimmer { position: absolute; z-index: 101; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff; transition: .2s ease-in-out; }
.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ripple div { position: absolute;border: 4px solid var(--red-primary); opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }
@keyframes lds-ripple {
    0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; }
    100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; }
}
/* LOADER CSS / */



/* PRODUCT */

.nophoto { display: inline-block; background: #ccc; }
.nophoto .icon { display: flex; width: 155px; height: 155px; }

.product_nophoto { display: inline-block; background: #ccc; }
.product_nophoto .icon { display: flex; width: 161px; height: 205px; }

/* PRODUCT / */




/* SOCIALS */

.social_in { display: inline-block; }
.social_in .icon { display: flex; width: 20px; height: 21px; }

.social_ok { display: inline-block; }
.social_ok .icon { display: flex; width: 20px; height: 20px; }

.social_vk { display: inline-block; }
.social_vk .icon { display: flex; width: 23px; height: 15px; }

.social_wp { display: inline-block; }
.social_wp .icon { display: flex; width: 21px; height: 21px; }

/* SOCIALS */





/* RADIO */

.radio input[type="radio"] { display: none; }
.radio input[type="radio"] ~ .radio__label__item { display: flex; align-items: center; margin-bottom: 16px; cursor: pointer; }
.radio input[type="radio"] ~ .radio__label__item .radio__costum__radio {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #DDDEE5;
    /* background: #DDDEE5; */
    box-sizing: border-box;
    border-radius: 20px;
    /* transition: .2s ease-in-out; */
    flex-shrink: 0;
}
.radio input[type="radio"]:checked ~ .radio__label__item .radio__costum__radio {
    border: 1px solid #ff0033;
}
.radio__costum__radio:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #ff0033;
    border-radius: 10px;
    display: block;
    opacity: 0;
}
.radio input[type="radio"]:checked + .radio__label__item .radio__costum__radio:after {
    opacity: 1;
}
.radio input[type="radio"] + .radio__label__item .radio__content { margin: 0; margin-left: 10px; color: #4F4F4F; user-select: none; opacity: .7; }
.radio input[type="radio"]:checked + .radio__label__item .radio__content { color: #000; opacity: 1; }


/* CHECKBOX */

.checkbox input[type="checkbox"] { display: none; }
.checkbox input[type="checkbox"] ~ .checkbox__label__item { display: flex; align-items: center; margin-bottom: 18px; cursor: pointer; }
.checkbox input[type="checkbox"] ~ .checkbox__label__item .checkbox__costum__checkbox {
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid var(--gray);
    /* background: #DDDEE5; */
    box-sizing: border-box;
    border-radius: 3px;
    /* transition: .2s ease-in-out; */
    flex-shrink: 0;
}
.checkbox input[type="checkbox"]:checked ~ .checkbox__label__item .checkbox__costum__checkbox {
    border-color: var(--red-primary);
}
.checkbox__costum__checkbox:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: var(--red-primary);
    border-radius: 2px;
    display: block;
    opacity: 0;
}
.checkbox input[type="checkbox"]:checked + .checkbox__label__item .checkbox__costum__checkbox:after {
    opacity: 1;
}
.checkbox input[type="checkbox"] + .checkbox__label__item .checkbox__content { margin: 0; margin-left: 10px; font-size: 14px; color: var(--gray); user-select: none; opacity: 1; }
.checkbox input[type="checkbox"]:checked + .checkbox__label__item .checkbox__content { color: var(--red-primary); opacity: 1; }







input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border-radius: 3px;
  font-size: 14px;
  line-height: 22px;
  outline: none;
  padding: 7px 10px;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  background: var(--white);
  transition: .1s ease-in-out;
}
textarea {
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  resize: none;
}





/* Greed */

.row {
    position: relative;
    width: calc(100% + 20px);
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px; margin-right: -10px;
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}


@media only screen and (min-width:280px) {
    .col-1-x { width: 100%; }
    .col-2-x { width: calc(50% - 24px); }
}
@media only screen and (min-width:480px) {
    .col-1-sm { width: 100%; }
    .col-2-sm { width: calc(50%     - 20px); }
    .col-3-sm { width: calc(33.33%  - 20px); }
    .col-4-sm { width: calc(25%     - 20px); }
}
@media only screen and (min-width:760px) {
    .col-1-tb { width: 100%; }
    .col-2-tb { width: calc(50%     - 20px); }
    .col-3-tb { width: calc(33.33%  - 20px); }
    .col-4-tb { width: calc(25%     - 20px); }
}
@media only screen and (min-width:860px) {
    .col-1-md { width: 100%; }
    .col-2-md { width: calc(50%     - 20px); }
    .col-3-md { width: calc(33.33%  - 20px); }
    .col-4-md { width: calc(25%     - 20px); }
    .col-5-md { width: calc(20%     - 20px); }
    .col-6-md { width: calc(16.66%  - 20px); }
    .col-7-md { width: calc(14.28%  - 20px); }
    .col-8-md { width: calc(12.5%   - 20px); }
}
@media only screen and (min-width:960px) {
    .col-1-lg { width: 100%; }
    .col-2-lg { width: calc(50%     - 20px); }
    .col-3-lg { width: calc(33.33%  - 20px); }
    .col-4-lg { width: calc(25%     - 20px); }
    .col-5-lg { width: calc(20%     - 20px); }
    .col-6-lg { width: calc(16.66%  - 20px); }
    .col-7-lg { width: calc(14.28%  - 20px); }
    .col-8-lg { width: calc(12.5%   - 20px); }
}
@media only screen and (min-width:1200px) {
    .col-1 { width: 100%; }
    .col-2 { width: calc(50%    - 20px); }
    .col-3 { width: calc(33.33% - 20px); }
    .col-4 { width: calc(25%    - 20px); }
    .col-5 { width: calc(20%    - 20px); }
    .col-6 { width: calc(16.66% - 20px); }
    .col-7 { width: calc(14.28% - 20px); }
    .col-8 { width: calc(12.5%  - 20px); }
}



/* ************** */
/*       btn      */
/* ************** */
.btn,
button,
input[type="button"],
input[type="submit"] {
    /* font-family: 'Nunito-ExtraBold', 'Open Sans', 'Helvetica Neue', sans-serif; */
    /* min-width: 180px; */
    height: max-content;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 0.9px;
    position: relative;
    padding: 12px 24px;
    text-align: center;
    border-radius: 48px;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: none;

    background: var(--red-primary);
    color: #fff;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .1s ease-in-out;
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: var(--red-darkest);
}


.btn .icon { stroke-width: 4px; }
.btn.green { border: 1px solid var(--green); background: var(--green); color: #fff; }
.btn.green:hover { border: 1px solid var(--green); background: transparent; color: var(--green); }
.btn.green .icon { stroke: var(--white); }
.btn.green:hover .icon { stroke: var(--green); }



.btn.red { padding: 11px 40px; border: 1px solid var(--red-primary); background: var(--red-primary); color: #fff; }
.btn.red:hover { border: 1px solid var(--red-primary); background: transparent; color: var(--red-primary); }
.btn.red .icon { stroke: var(--red-primary); }
.btn.red:hover .icon { stroke: var(--red-primary); }

.btn.gray { border: 1px solid var(--gray); background: var(--gray); color: #fff; }
.btn.gray:hover { border: 1px solid var(--gray-light); background: #fff; color: var(--gray); }
.btn.gray .icon { stroke: var(--white); }
.btn.gray:hover .icon { stroke: var(--gray-light); }





* { box-sizing: border-box; }

html, body {
    width: 100%;
    min-height: 100%;
    font-size: 14px;
    line-height: 1.6em;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

::-webkit-scrollbar             { width: 5px; height: 5px; }
::-webkit-scrollbar-track       { background: #f1f1f1; }
::-webkit-scrollbar-thumb       { background: var(--beige); border-radius: 12px; transition: .3s ease-in-out; }
::-webkit-scrollbar-thumb:hover { background: #222; transition: .3s ease-in-out; }

body {
    background-position: top left;
    background-size: 100% auto;
    background-repeat: repeat-y;
}
@media (max-width: 768px) {
    body { background-image: none !important; }
}

.inner-wrap { max-width: 1240px; margin: 0 auto; }
@media (max-width: 1288px)  { .inner-wrap { max-width: 100%; padding: 0px 24px; } }
@media (max-width: 960px)   { .inner-wrap { max-width: 100%; padding: 0px 18px; } }
@media (max-width: 768px)   { .inner-wrap { } }
@media (max-width: 480px)   { .inner-wrap { padding: 0px 16px; } }



a { text-decoration: unset; }



/* HEADER */
.header__laoder {
    /* opacity: 0; */
    width: 0%; height: 3px; background: #000;
    position: absolute; top: 0px; left: 0px;
    transition: .3s ease-in-out;
}

.globalheader {}
.header__container {}
.header {
    position: relative; z-index: 4;
    display: flex; flex-direction: column; 
    border-left: 1px solid var(--pink); border-right: 1px solid var(--pink); border-bottom: 1px solid var(--pink);
    border-radius: 0px 0px 10px 10px;
}
@media (max-width: 720px) {
    .header { border: 0px; }
}

.header__top { display: flex; align-items: center; background: var(--white); padding: 30px 42px; border-top: 3px solid var(--red-primary); }
.header__logo { margin-right: 48px; }
.header__logo .mf { font-weight: 600; font-size: 26px; }
.header__logo--wrap { text-decoration: unset; text-transform: uppercase; color: var(--black); display: flex; align-items: center; }
.header__logo--wrap img { max-width: 166px; height: auto; flex-shrink: 0; }
@media (max-width: 1120px) {
    .header__top { padding: 30px 32px; }
    .header__logo { margin-right: 38px; }
    .header__logo .mf { font-size: 24px; }
}
@media (max-width: 1120px) {
    .header__top { padding: 30px 22px; }
    .header__logo--wrap img { max-width: unset; height: 56px; }
}
@media (max-width: 720px) {
    .header__top { flex-wrap: wrap; border: 0px; }
}
@media (max-width: 720px) and (min-width: 480px) {
    .header__logo { margin-bottom: 12px; }
}
@media (max-width: 480px) {
    .header__top { padding: 24px 0px; }
    .header__logo { margin-right: 0; }

    .header__logo .mf { font-size: 18px; line-height: 24px; }

    .header__logo--wrap img { max-width: 136px; height: auto; }
}


.regions__contacts { display: flex; align-items: center; }
.regions__contacts p { margin: 0; }
.regions__wrap { display: flex; flex-direction: column; margin-right: 50px; color: var(--black); }
.regions__wrap p { font-size: 17px; line-height: 17px; font-family: 'Nunito-SemiBold'; color: var(--black); margin-top: 14px; }
.contact__wrap { color: var(--black); }
.contact__work-time {}
.contact__phone { display: flex; align-items: center; margin-top: 12px; }
.contact__phone .icon_phone { margin-right: 8px;}
.contact__phone__link { text-decoration: none; color: var(--red-primary); font-size: 20px; line-height: 20px; }
@media (max-width: 1120px) {
    .regions__wrap { margin-right: 35px; }
    .regions__wrap p { margin-top: 10px; }

    .contact__phone__link { font-size: 18px; line-height: 18px; }
    .contact__phone .icon_phone .icon { width: 18px; height: 18px; }
}
@media (max-width: 720px) {
    .regions__contacts { order: 3; width: 100%; justify-content: space-between; }
}
@media (max-width: 480px) {
    .regions__wrap { margin-right: 24px; }
    .regions__contacts { margin-top: 22px; }
    .contact__phone .icon_phone { display: none; }
    .contact__phone__link { font-size: 17px; line-height: 17px; }
}


.header__socials { margin-left: auto; }
.header__socials__list { display: flex; align-items: center; padding: 0; margin: 0; }
.header__socials__item { display: flex; list-style: none; padding: 0; margin: 0; margin-right: 16px; }
.header__socials__item a { display: flex; color: var(--black); }
.header__socials__item:last-child { margin-right: 0px; }
.header__socials__item.text {}
.header__socials__item:hover .icon { color: var(--red-primary); }

@media (min-width: 720px) { .header__cart .header__mobile__btn { display: none; } }
@media (max-width: 720px) { 
    .header__cart { display: flex; align-items: center; }
    .header__cart .header__mobile__btn { margin-left: 24px; } 
}

@media (max-width: 1200px) {
    .header__socials__item.text { display: none; }
}
@media (max-width: 980px) {
    .header__socials { display: none; }
}

.header__cart { margin-left: 25px; padding-left: 30px; border-left: 1px solid #FFE7E7; }
.header__cart--left { position: relative; }
.cart__wrap {}
.cart__summary { text-decoration: unset; display: flex; }
.cart__summary .icon_cart_flowel { position: absolute; top: -2px; left: -12px; }
.cart__counter { position: absolute; bottom: 0px; right: -8px; }
.cart__counter {  display: inline-block; padding: 6px; border-radius: 10px; background: var(--red-primary); font-size: 12px; font-family: 'Nunito-SemiBold'; color: #fff; font-weight: bold; margin-left: 2px; min-width: 20px; min-height: 20px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.cart__counter span { display: block; line-height: 0px; }

.header__cart--right { display: flex; flex-direction: column; margin-left: 18px;  }
.header__cart__title { font-size: 14px; line-height: 14px; color: var(--gray-light); }
.header__cart--right .cart-total { font-size: 18px; line-height: 18px; font-family: 'Nunito-ExtraBold'; color: var(--black); margin-top: 8px; }

@media (max-width: 980px) {
    .header__cart { margin-left: auto; }
}
@media (max-width: 840px) {
    .header__cart { border-left: none; }
    .header__cart--right { display: none; }
}
@media (max-width: 720px) {
    .header__cart { order: 1; }
}
@media (max-width: 480px) {
    .header__cart .icon__addtocart .icon { width: 34px; }
}







.header__bottom {
    display: flex; align-items: center;
    background: var(--red-primary);
    border-radius: 0px 0px 10px 10px;
    padding-left: 42px;
}
@media (max-width: 1120px) {
    .header__bottom { padding-left: 32px; }   
}

.header__pages {}
.header__pages__list { display: flex; align-items: center; padding: 0; margin: 0; }
.header__pages__item { position: relative; list-style: none; padding: 0; margin: 0; margin-right: 54px; }
.header__pages__item:last-child { margin-right: 0px; }
.header__pages__item a { position: relative; color: var(--white); font-size: 15px; line-height: 15px; font-family: 'Nunito-ExtraBold'; }
.header__pages__item a::before {
    content: '';
    position: absolute;
    bottom: -6px; left: 0;
    width: 0%; height: 2px; 
    opacity: 0;
    background: var(--white);
    transition: .1s ease-in-out;
}
.header__pages__item a:hover::before { width: 100%; opacity: 1; }
.header__pages__item::after {
    content: "";
    position: absolute;
    top: 7px; right: -24px;
    width: 4px; height: 4px;
    background: var(--white);
    border-radius: 50%;
}.header__pages__item:last-child::after { content: unset; }
@media (max-width: 1120px) {
    .header__pages__item { margin-right: 32px; }
    .header__pages__item::after { right: -16px; }
}
@media (max-width: 980px) {
    .header__bottom { padding-left: 22px; }
}
@media (max-width: 840px) {
    .header__pages__item { margin-right: 26px; }
    .header__pages__item::after { right: -14px; }
}
@media (max-width: 720px) {
    .header__pages { display: none; }
}


.search__btn--show { display: none; }
.header__search { margin-left: auto; }
.search.search__form { position: relative; }
.search-wrapper {}
.search__input-wrap { display: flex; align-items: center; }
.search__input-wrap input[type="search"] { width: 245px; height: 44px; margin-right: -2px; border-radius: 40px 0px 0px 40px; font-family: 'Nunito'; color: var(--pink); padding: 7px 16px; }
.search__input-wrap input[type="search"]::placeholder { color: var(--pink); }
.search__btn--submit { height: 44px; background: var(--white); border-radius: 0px 40px 40px 0px; padding: 12px 18px; }
.search__btn--submit .icon_lupa { color: var(--red-primary); }
.search__btn--submit:hover { background: var(--black); }
.search__btn--submit:hover .icon_lupa .icon { stroke: var(--white); }
.search__btn--close { display: none; }
@media (max-width: 1200px) {
    .search__input-wrap input[type="search"] { width: 176px; }
}
@media (max-width: 1120px) {
    .search__input-wrap input[type="search"] { width: 176px; }
}
@media (max-width: 980px) {}
@media (max-width: 980px) and (min-width: 720px){
    .search__btn--submit,
    .search__input-wrap input[type="search"] { border-radius: 0px; }

    .search__input-wrap { 
        position: absolute;
        right: 100%;
        background: var(--red-darkest);
        padding: 12px 0px;
        transition: .2s ease-in-out;
        width: 0px;/* width: 250px; */
        overflow: hidden;
    }
    .header__search.active .search__input-wrap { width: 250px; } 
    .search__input-wrap input[type="search"] { margin-left: 12px; }
    .search__btn--close { display: flex; background: var(--red-darkest); padding: 24px 28px; }
    .search__btn--close .icon_lupa .icon { stroke: var(--white); }
    .search__btn--close .icon_close { display: none; }
    .search__btn--close .icon_close .icon { stroke: var(--white); }
    .header__search.active .search__btn--close .icon_close { display: block; }
    .header__search.active .search__btn--close .icon_lupa { display: none; }
}
@media (max-width: 720px) {
    .header__bottom { padding: 0; background: unset; }
    .header__search { width: 100%; }
    .search__input-wrap { border: 1px solid var(--red-primary); border-radius: 40px; }
    .search__input-wrap input[type="search"] { width: 100%; }

    .search__btn--submit { background: var(--red-primary); border-radius: 40px 40px 40px 40px; padding: 12px 24px; margin-right: -2px; }
    .search__btn--submit .icon_lupa .icon { stroke: var(--white); }
}




.header__user { z-index: 3; background: var(--red-darkest); margin-left: 14px; border-radius: 0px 0px 10px 0px; transition: .2s ease-in-out; }
.header__user:hover { background: var(--black); }
.header__user__wrap { display: flex; align-items: center; padding: 18px 42px; }
.header__user__image { display: flex; margin-right: 12px; }
.header__user__image img { width: 32px; border-radius: 50%; flex-shrink: 0; }
.header__user__name { color: var(--white); font-size: 15px; }
@media (max-width: 1120px) {
    .header__user__wrap { padding: 18px 32px; }
}
@media (max-width: 980px) {
    .header__user { background: unset; margin-left: 14px; }
    .header__user:hover { background: unset; }
    .header__user__wrap { padding: 0px 22px; padding-left: 0; }
}
@media (max-width: 720px) {
    .header__user { display: none; }
}






.header__user { position: relative; }
.header__user__layout { display: none; position: absolute; top: 100%; right: 0; min-width: 200px; width: 100%; padding-top: 15px; }
.header__user:hover .header__user__layout { display: block; }
.header__user__layout__list { padding: 0; margin: 0; padding: 27px 14px; background: #fff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08); }
.header__user__layout li { list-style: none; padding: 0; margin: 0; margin-bottom: 12px; text-align: center; }
.header__user__layout li:last-child { margin-bottom: 0;  }
.header__user__layout li a { color: var(--black); display: flex; flex-direction: column; align-items: center; }
.header__user__layout li .icon { stroke: var(--black); margin-bottom: 5px; }
.header__user__layout li:hover a { color: var(--red-primary); }
.header__user__layout li:hover .icon { stroke: var(--red-primary); }


/* HEADER / */






/* HEADER MOBILE */


.header__mobile {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 102;
    background: rgba(33, 37, 41, 0.7);
    padding: 0;
    border-radius: 0;
    width: 0%;
    height: 100%;
    overflow: hidden;
    transition: .2s ease-in-out;

    display: flex;
    justify-content: flex-end;
}
.header__mobile.active { width: 100%; }


.header__mobile--bg {
    background: #fff;
    width: 270px;
    height: 100%;
    padding: 12px 42px;
    overflow-y: scroll;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.header__mobile .header__mobile__btn__close {
    position: absolute;
    right: 220px; left: unset;
    top: 14px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.8px solid #212529;
    border-radius: 10px;
    user-select: none;
    font-family: 'Nunito', Arial, sans-serif !important;
}
.header__mobile__btn__close .icon_close svg { width: 14px; height: 14px; }

.header__mobile__pages__list { padding: 0; margin: 0; padding-top: 50px; padding-left: 12px; }
.header__mobile__pages__list li { list-style: none; margin: 0; padding: 0; margin-bottom: 44px; }
.header__mobile__pages__list li:last-child { margin-bottom: 0px; }
.header__mobile__pages__list li a { color: var(--black); font-family: 'Nunito-ExtraBold'; font-size: 15px; }


.header__mobile__user { margin-top: 34px; }
.header__mobile__user ul { padding: 0; margin: 0; display: flex; flex-direction: column; align-items: center; }
.header__mobile__user li { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; }
.header__mobile__user li:last-child { margin-bottom: 0px; }
.header__mobile__user li strong,
.header__mobile__user li a { color: var(--black); font-size: 15px; }


.header__mobile__socials { margin-top: 34px; }
.header__mobile__socials .social { display: flex; align-items: center; }
.header__mobile__socials .social a { margin-right: 8px; display: flex; }
.header__mobile__socials .social a:last-child { margin-right: 0px; }
.header__mobile__socials .social a .icon { color: var(--black); }

/* HEADER MOBILE / */








/* FOOTER */


.globalfooter { margin-top: 32px; }
.globalfooter .inner-wrap { position: relative; }
.footer {
    display: flex; justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 4px 11px rgba(33, 37, 41, 0.07);
    border-radius: 10px 10px 0px 0px;
    padding: 72px 42px;
}
.footer__title {
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    font-family: var(--n-eb); 
}
@media (max-width: 920px) {
    .footer { flex-wrap: wrap; padding: 32px 32px; }
}
@media (max-width: 768px) {
    .footer { padding: 30px 0px; box-shadow: none; }
}


.footer__description { max-width: 326px;  }
.foonet__logo {}
.foonet__logo .logo-wrap {}
.foonet__logo .logo-wrap img { max-width: 200px; }
.foonet__logo .logo-wrap a { font-weight: 600; font-size: 24px; line-height: 50px; color: var(--black); text-decoration: unset; text-transform: uppercase; }
.foonet__note { margin-top: 9px; font-size: 15px; color: var(--gray); }
.footer__copyright { margin-top: 100px; }
.footer__copyright .copyright  { color: var(--gray-light); padding-right: 24px; font-size: 15px; }
.footer__copyright .copyright a { color: var(--gray-light); }
@media (max-width: 1120px) {
    .footer__description { max-width: 246px; }
}
@media (max-width: 920px) {
    .footer__description { max-width: 100%; width: 100%; }
    .footer__copyright { margin-top: 14px; margin-bottom: 30px; }
}


.footer__pages { min-width: 140px; }
.footer__pages .footer__pages__list { padding: 0; margin: 0; margin-top: 8px; }
.footer__pages .footer__pages__item { list-style: none; padding: 0; margin: 0; }
.footer__pages .footer__pages__item a { font-size: 15px; line-height: 50px; color: var(--gray); }
.footer__pages .footer__pages__item a:hover { color: var(--red-primary); }
@media (max-width: 767px) {
    .footer__pages { margin-bottom: 24px; }
}


.footer__contacts {}
.footer__email {}
.footer__email a { font-size: 15px; line-height: 50px; color: var(--red-primary); text-decoration: underline; }
.footer__socials {  }
.footer__socials__title { color: var(--gray); font-size: 15px; line-height: 50px; }
.footer__socials .social { display: flex; align-items: center; margin-top: 12px; }
.footer__socials .social a { color: var(--gray); margin-right: 12px; }
.footer__socials .social a:last-child { margin-right: 0px; }
.footer__socials .social a:hover { color: var(--red-primary); }
.footer__address { font-size: 15px; line-height: 50px; margin-top: 8px; }
.footer__contact__phone { margin-top: 15px; }
.footer__contact__phone a { font-family: var(--n-eb); font-size: 20px; line-height: 50px; }
@media (max-width: 767px) {
    .footer__contacts { margin-bottom: 24px; }
}

.footer__payments {}
.footer__payments-types { display: flex; align-items: center; margin-top: 22px; }
.footer__payments-types .icon {}
.footer__payments .pay_mastercart { margin-right: 30px; }
.footer__user {}
.footer__user .header__user__wrap { font-family: var(--n-eb); padding: 0; margin-top: 30px; }
.footer__user .header__user__name { color: var(--black); }
.footer__user .header__user__name:hover { color: var(--red-primary); }
.footer__user .icon_user .icon { stroke: var(--black); }

.footer__createdBy { color: var(--gray); margin-top: 48px; }
.footer__createdBy a { color: var(--gray); }
.footer__createdBy a:hover { color: var(--red-primary); }
@media (max-width: 767px) {
    .footer__contacts { margin-bottom: 24px; }
}

.footer__bg__decor {
    width: 800px; height: 800px;
    background-repeat: no-repeat; background-size: cover; background-position: center;
    position: absolute;
    z-index: -2;
    top: -104%;
    left: -28%;
}
@media (max-width: 960px) {
    .footer__bg__decor { display: none; }
}


/* FOOTER / */


/* BREADCRUMBS */


.breadcrumbs-wrap { position: relative; z-index: 2; margin: 19px 0px; }

.breadcrumbs ul     { display: flex; align-items: center; flex-wrap: wrap; min-height: 50px; padding: 0; padding-left: 43px;  margin: 0; }
.breadcrumbs li     { position: relative; list-style: none; padding: 0; margin: 0; margin-right: 34px; }
.breadcrumbs li a   { position: relative; display: flex; color: #4F4F4F; font-size: 15px; line-height: 20px; text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: none; }
.breadcrumbs li span { display: inline-block; font-size: 15px; line-height: 20px; font-weight: bold; color: var(--red-primary); }
.breadcrumbs li:last-child { margin-right: 0px; }
.breadcrumbs li:after {
    content: '';
    background-image: url(../img/icons/arr_right.svg);
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    width: 11px;
    height: 18px;
    position: absolute;
    top: 2px;
    right: -22px;
}
.breadcrumbs li:last-child:after { content: none; }

.breadcrumbs li a::before {
    content: '';
    position: absolute;
    bottom: -2px; left: 0;
    width: 0%; height: 2px; 
    opacity: 0;
    background: var(--red-primary);
    transition: .1s ease-in-out;
}
.breadcrumbs li a:hover::before { width: 100%; opacity: 1; }
@media (max-width: 860px) {
    .breadcrumbs ul { padding-left: 0; }
}
@media (max-width: 480px) {
    .breadcrumbs ul { justify-content: center; padding-left: 0; }
}

/* BREADCRUMBS / */



/* MAINCONTENT */

.maincontent { position: relative; }
.maincontent__bg__decor--wrap { 
    position: absolute; height: 100%; width: 410px; display: flex; align-items: center; 
    left: calc(50% - 910px);
    z-index: -1;
}
.maincontent__bg__decor {
    width: 421px; height: 421px;
    background-repeat: no-repeat; background-size: cover; background-position: center;
    /* position: absolute;
    z-index: -1;
    top: calc(50% - 210px); */
    /* left: calc(50% - 920px); */
    transform: rotate(-175deg);
}
@media (max-width: 960px) {
    .maincontent__bg__decor--wrap { display: none; }
}
/* MAINCONTENT / */



/* PAGE */

.page__container { position: relative; background: #FFFFFF; box-shadow: 0px 4px 11px rgba(33, 37, 41, 0.07); border-radius: 10px; padding: 43px; }
.page__container .page__h1 { font-size: 22px; font-weight: bold; color: #212529; }
@media (max-width: 1120px) {
    .page__container { padding: 32px; }
}
@media (max-width: 980px) {
    .page__container { padding: 22px; }
}
@media (max-width: 860px) {
    .page__container { box-shadow: none; }
}
@media (max-width: 768px) {
    .page__container { padding: 0px; }
}
/* PAGE / */



/*  */
.container--with-sidebar { display: flex; }
.container--with-sidebar .container__left  { width: 270px; height: max-content; flex-shrink: 0; margin-right: 24px; transition: .2s ease-in-out; background: #FCFCFC; }
.container--with-sidebar .container__right { width: calc(100% - 270px - 24px); transition: .2s ease-in-out; }
.container--with-sidebar .container__left { border-radius: 6px; }

@media (max-width: 1280px) {
  .container--with-sidebar .container__left  { width: 270px; }
  .container--with-sidebar .container__right { width: calc(100% - 270px - 24px); }
}
@media (max-width: 860px) {
  .container--with-sidebar .container__left { /*display: none;*/ width: 0px; max-width: 0px; margin: 0; padding: 0; border-radius: 0px; }
  .container--with-sidebar .container__right { width: 100%; }
}
@media (max-width: 767px) {}
@media (max-width: 480px) {}

.section-header.mf { text-align: center; font-size: 22px; line-height: 50px; color: var(--black); }

.b__line { position: relative; }
.b__line::after { content: ''; position: absolute; top: calc(100% + 2px); left: calc(50% - 32.5px); width: 65px; height: 3px; background: var(--red-primary); }


.fonts-loaded .h1 { color: var(--black); font-size: 36px; line-height: 50px; }
@media (max-width: 480px) {
    .fonts-loaded .h1 { font-size: 32px; }
}


/* HOME */

/* home slider */
.home__slider { position: relative; margin-top: 14px; }
.home__slider-wrap {
    background: #FFFFFF;
    border: 1px solid #FFD9D4;
    box-sizing: border-box;
    border-radius: 10px;
}
.home__slider-wrap ul { margin: 0; padding: 0; }
.home__slider-wrap ul li { list-style: none; margin: 0; }
.home__slider__item {
    padding: 38px 38px;
    display: flex;
    justify-content: center;
}
.home__slider__item a {
    display: flex;
    align-items: center;
    color: var(--black);
}

.home__slider__image { max-width: 104px; flex-shrink: 0; }
.home__slider__image img { max-width: 100%; }

.home__slider__item .content-wrap { margin-left: 21px; }
.home__slider__item .content-wrap .title { font-weight: bold; font-size: 24px; line-height: 34px; margin: 0; margin-top: -30px; }

/* slider nav */
.home__slider-nav {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
.home__slider-nav .swiper-pagination {}
.home__slider-nav .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 20px; opacity: 1; background: transparent; border: 1px solid var(--black); }
.home__slider-nav .swiper-pagination-bullet:last-child { margin-right: 0px; }
.home__slider-nav .swiper-pagination-bullet-active { background: var(--red-primary); border: 1px solid var(--red-primary); }

@media (max-width: 1024px) {
    .home__slider__item { padding: 38px 24px; }
}
@media (max-width: 720px) {
    .home__slider-nav { bottom: 40px; }
}
@media (max-width: 480px) {
    .home__slider__item { padding: 20px 16px; padding-bottom: 40px; }
    .home__slider__item .content-wrap .title { font-size: 15px; line-height: 24px; margin-top: 0px; }

    .home__slider-nav { bottom: 30px; }
}



.home__container { margin-top: -62px; padding-top: 73px; background: #fff; box-shadow: 0px 4px 7px rgba(33, 37, 41, 0.11); }
@media (max-width: 860px) {
    .home__container { box-shadow: none; }
}


.home__bestsellers__products {}
.home__bestsellers__products .section-header { position: relative; margin: 0; margin-bottom: 30px; margin-top: 20px; }
.home__bestsellers__products .section-header .categories__btn { position: absolute; left: 0; top: 6px; }
.home__bestsellers__products .section-header h1 { font-weight: 100; text-align: center; font-size: 22px; line-height: 50px; color: var(--black); }

.home__bestsellers__products .thumbs { margin-left: -10px; width: calc(100% + 10px); }

.home__bestsellers__products__more { display: flex; justify-content: center; margin-top: 16px; }
.home__bestsellers__products__more a { background: transparent !important; color: var(--red-primary) !important; }
.home__bestsellers__products__more a:hover { background: var(--red-primary) !important; color: var(--white) !important; }
@media (min-width: 860px) {
    .home__bestsellers__products .thumbs { padding-right: 30px; }
}
@media (max-width: 768px) {
    .home__bestsellers__products .thumbs { margin-left: -10px; width: calc(100% + 20px); }
}
@media (max-width: 620px) {
    .home__bestsellers__products .section-header { display: flex; flex-direction: column; align-items: center; }
    .home__bestsellers__products .section-header .categories__btn { position: relative; top: 0; left: 0; margin-bottom: 16px; }

    .home__bestsellers__products .section-header h1 { font-size: 18px; line-height: 34px; }
}


.home__popular__products .list__thumbs { margin-left: -10px; width: calc(100% + 10px); }
@media (min-width: 860px) {
    .home__popular__products .list__thumbs { padding-right: 30px; }
}
@media (max-width: 768px) {
    .home__popular__products .list__thumbs { margin-left: -10px; width: calc(100% + 20px); }
}






.home__advantages { padding-right: 40px; margin-top: 51px; }
.home__advantages .adv__title { max-width: 418px; margin-bottom: 32px; }
.home__advantages .adv__title h2 { font-weight: 100; color: var(--black); font-size: 36px; line-height: 50px; }

.adv__title .red { color: var(--red-primary); }

.adv__content { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 26px 29px 31px 34px; background-color: #FFFAFA; }

.adv__left { width: calc(50% - 19px); }
.adv__right { width: calc(50% - 19px); }

.adv__list { padding: 0; margin: 0; }
.adv__item { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; margin-bottom: 34px; }
.adv__item:last-child { margin-bottom: 0px; }
.adv__item__icon {
    display: flex; justify-content: center; align-items: center;
    width: 130px; height: 130px; flex-shrink: 0; background: var(--beige); transition: .2s ease-in-out; 
    border-radius: 50%; overflow: hidden;
}
.adv__item:hover .adv__item__icon { background: var(--red-primary); }
.adv__item__icon .icon {}
.adv__item__content { padding-left: 18px; }
.adv__item .adv__item__title { color: var(--black); margin-bottom: 10px; font-size: 18px; line-height: 20px; font-weight: bold; }
.adv__item .adv__item__text { color: var(--gray); font-size: 15px; line-height: 24px; }

.adv__right { height: 508px; }
.adv__right .adv__right__img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }

@media (min-width: 860px) and (max-width: 1120px) {
    .adv__content .adv__left,
    .adv__content .adv__right { width: 100%; }

    .adv__content .adv__list { display: flex; justify-content: space-between; }
    .adv__content .adv__item { width: 30%; display: flex; flex-direction: column; }
    .adv__content .adv__item__content { padding-left: 0; padding-top: 12px; text-align: center; }
    .adv__content .adv__item__icon { width: 110px; height: 110px; }
    .adv__content .adv__item__title { height: 40px; }
}
@media (max-width: 859px) {
    .home__advantages { padding-right: 0; }
    .adv__content { padding: 28px 21px 28px 22px; }
    .adv__left  { width: calc(55% - 12.5px); }
    .adv__right { width: calc(45% - 12.5px); }
}
@media (min-width: 481px) and (max-width: 680px) {
    .adv__left,
    .adv__right { width: 100%; }

    .adv__list { display: flex; justify-content: space-between; }
    .adv__item { width: 30%; display: flex; flex-direction: column; }
    .adv__item__content { padding-left: 0; padding-top: 12px; text-align: center; }
    .adv__item__icon { width: 110px; height: 110px; }
    .adv__item__title { height: 40px; }

}
@media (max-width: 480px) {
    .home__advantages { margin-left: -16px; margin-right: -16px; }
    .home__advantages .adv__title { padding: 0px 16px; }
    .adv__left { width: 100%; }
    .adv__right { width: 100%; height: 458px; margin-bottom: 39px;  }
    .adv__content { flex-direction: column-reverse; padding: 30px 18px 30px 18px; }

    .adv__list { display: flex; flex-direction: column; }
    .adv__item { width: 100%; display: flex; flex-direction: column; margin-bottom: 14px; }
    .adv__item__content { padding-left: 0; padding-top: 12px; text-align: center; }
    .adv__item__icon { width: 130px; height: 130px; }

    .home__advantages .adv__title h2 { font-size: 32px; }
    
}





.home__slider { position: relative; border-radius: 10px; transition: .2s ease-in-out; }
.home__slider__decor--left { position: absolute; width: 170px; height: 170px; left: -60px; top: 0; z-index: 1; user-select: none; background-size: contain; background-position: center; }
.home__slider__decor--right { position: absolute; width: 293px; height: 293px; right: -160px; top: -70px; z-index: 2; user-select: none; background-size: contain; background-position: center; }
@media (max-width: 1120px) {
    .home__slider__decor--left { width: 112px; height: 112px; left: -12px; top: unset; bottom: 0; }
    .home__slider__decor--right { width: 173px; height: 173px; right: -60px; top: 90px; }
}
@media (max-width: 720px) {
    .home__slider__decor--left { display: none; }
    .home__slider__decor--right { display: none; }
}






.home__reviews .b__line::after { left: 0; }

.home__reviews  { margin-top: 64px; }
.home__reviews__title { margin-left: 43px; }
.home__reviews__title .red { color: var(--red-primary); }
.home__reviews h3 { font-weight: 100; color: var(--black); font-size: 36px; line-height: 50px; }


.home__reviews__list { 
    position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; margin: 0; padding: 0px 43px 80px 19px; margin-top: 30px; 
    background-repeat: no-repeat; background-size: cover; background-position: 70% 0px;
}
.home__reviews__item { display: flex; width: 50%; list-style: none; z-index: 1; padding: 0; margin: 0; border: 1px solid transparent; padding: 30px 16px 38px 30px; transition: .2s ease-in-out; }
@media (min-width: 420px) { .home__reviews__item:hover { border: 1px solid #FFD9D4; } }
.home__reviews__item__image__wrap { position: relative; }
.home__reviews__image { width: 140px; height: 140px; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
.home__reviews__img { position: relative; z-index: -1; width: 100%; }
.home__reviews__content { width: 100%; margin-left: 34px; padding-top: 12px; }
.home__reviews__user { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px; }
.hr__left { display: flex; align-items: center; }
.home__reviews__name { color: var(--red-primary); font-size: 16px; font-family: var(--n-eb);  }
.home__reviews__location { font-size: 14px; margin-left: 19px; color: var(--gray); }
.home__reviews__stars {  }
.home__reviews__stars ul { display: flex; align-items: center; padding: 0; margin: 0; }
.home__reviews__stars li { display: flex; list-style: none; padding: 0; margin: 0; margin-right: 5px; }
.home__reviews__stars li:last-child { margin-right: 0px; }
.home__reviews__name {}
.home__reviews__text {}

.home__reviews__bg { list-style: none; position: absolute; top: 0; left: 0; z-index: 0; padding: 0; margin: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 20.31%, rgba(255, 255, 255, 0.81) 100%); user-select: none; }
.home__reviews__item__image__decor { 
    position: absolute;
    top: -10px;
    left: -20px;
    z-index: 0;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
}
.home__reviews__item__image__decor::after {
    opacity: 0;
    content: 'Посмотреть \2192';
    width: 112px;
    height: 26px;
    background: #ff003385;
    position: absolute;
    text-align: center;
    padding: 13px 0px 2px 0px;
    left: calc(50% - 0px);
    top: calc(50% - 28px);
    color: #fff;
    border-radius: 30px;
    font-family: var(--n-eb);
    font-size: 12px;
    transition: .2s ease-in-out;
}
.home__reviews__item:hover .home__reviews__item__image__decor::after {
    opacity: 1;
    left: calc(50% - 52px);
}

@media (min-width: 961px) and (max-width: 1160px) {
    .home__reviews__stars { width: 100%; }
}
@media (max-width: 960px) {
    .home__reviews__image { width: 120px; height: 120px; }
}
@media (max-width: 860px) {
    .home__reviews__title { margin-left: 0px; }
    .home__reviews__list { padding: 0; padding-bottom: 60px; }
    .home__reviews__item { width: 100%; }
}
@media (max-width: 420px) {
    .home__reviews .home__reviews__title { font-size: 20px; text-align: center; }
    .home__reviews .b__line::after { left: calc(50% - 32.5px); }
    .home__reviews__item { flex-direction: column; align-items: center; padding: 20px 0px 20px 0px; }
    .home__reviews__item__image__decor { top: -10px; left: -22px; width: calc(120px + 36px); height: calc(120px + 30px); }
    .home__reviews__content { margin-top: 30px; margin-left: 0; }
    .home__reviews__user { justify-content: center; }
    .home__reviews__text { text-align: center; }

    .home__reviews h3 { font-size: 22px; }
}







.home__info { padding-right: 42px; margin-top: 51px; }
.home__info__title { margin-left: 42px; margin-bottom: 49px; }
.home__info__title .red { color: var(--red-primary); }
.home__info__title.b__line::after { left: 0; }
.home__info__content { display: flex;  padding: 0px 25px 0px 42px; }
.home__info__content p { font-size: 15px; line-height: 24px; color: var(--gray); }
.home__info__content p:first-child { margin-top: 0; }
.home__info__content--left { width: 100%; padding-right: 20px; }
.home__info__content--right { position: relative; width: 435px; height: 389px; flex-shrink: 0; transition: .2s ease-in-out; }  
.home__info__content--right::after {
    content: ''; position: absolute; top: -24px; right: -26px; width: 435px; height: 389px;
    border: 7px solid #FFE7E7; 
    transition: .2s ease-in-out;
}
.home__info__content__image { position: relative; z-index: 2; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%; transition: .2s ease-in-out; }
@media (max-width: 1100px) {
    .home__info__content--right { width: 274px; height: 500px; }
    .home__info__content--right::after { width: 274px; height: 500px; }

}
@media (max-width: 860px) {
    .home__info { padding-right: 25px; }
    .home__info__title { margin-left: 0; }
    .home__info__content { padding: 0; }
}
@media (max-width: 620px) {
    .home__info { padding-right: 0; }
    .home__info__content { flex-direction: column-reverse; }
    .home__info__content--left { padding-right: 0; }
    .home__info__content--right { width: calc(100% - 26px); height: 272px;  margin-bottom: 28px; }
    .home__info__content__image { background-size: cover; }
    .home__info__content--right::after { width: calc(100% - 26px); height: 272px; top: -16px; right: -16px; }
}
@media (max-width: 480px) {
    .home__info .home__info__title { font-size: 20px; }
}


.home__info__list {
    padding: 0; margin: 0; margin-top: 40px; padding-left: 42px;
    display: flex; flex-wrap: wrap; justify-content: space-between;
}
.home__info__item { 
    display: flex; align-items: center;
    width: calc(33% - 24px); list-style: none; padding: 0; margin: 0; margin-bottom: 30px;
    border: 1px dashed #FFF3F1;
}
@media (min-width: 961px) { .home__info__item:nth-child(3) { margin-left: 18px; } }
.home__info__item__image { width: 94px; height: 92px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #FFFAFA; transition: .2s ease-in-out; }
.home__info__item:hover .home__info__item__image { background: #FFF3F1; }
.home__info__item__content { padding: 12px 20px; color: #212529; font-style: italic; font-size: 14px; line-height: 24px; }
@media (max-width: 960px) {
    .home__info__item { width: calc(50% - 12px); }
}
@media (max-width: 860px) {
    .home__info__list { padding-left: 0; }
}
@media (max-width: 680px) {
    .home__info__item { width: 100%; }
}
@media (min-width: 620px) and (max-width: 860px) {
    .home__info__list { width: calc(100% + 24px); }
}
@media (max-width: 480px) {
    .home__info__item__image { width: 74px; }
}







.home__categories { background: #FCFCFC; border-radius: 0px 10px 10px 0px; padding: 20px 34px 34px 42px; padding-bottom: 0; }
.home__categories__bg {}

.home__categories ul { padding: 0; margin: 0; }
.home__categories ul li { list-style: none; padding: 0; margin: 0; }

.categories__list {}
.categories__item {}
.categories__item__name { overflow: hidden; padding-bottom: 8px; margin-bottom: 20px; }
.categories__item__name.b__line::after { left: 0; top: calc(100% + -4px); }
.categories__item__name.b__line::before {
    content: '';
    position: absolute;
    top: calc(100% + -3px);
    left: calc(50% - 32.5px);
    width: calc(100% - 43px);
    height: 1px;
    background: #FFE7E7;
}
.categories__item__name .mf { font-size: 17px; line-height: 50px; color: var(--black); }
.categories__item__name a:hover { color: var(--red-primary); }
.categories__item__sub__ul { overflow: hidden; transition: .2s ease-in-out; }
.categories__item__sub__li { margin-bottom: 2px; }
.categories__item__sub__li:last-child { margin-bottom: 0; }
.categories__item__sub__link { display: flex; align-items: center; }
.categories__item__sub__link .icon { margin-right: 17px; width: 34px; height: 34px; }
.categories__item__sub__img { width: 34px; margin-right: 16px; border-radius: 50%; }
.categories__item__sub__name {}
.categories__item__sub__name { display: flex; font-size: 14px; line-height: 50px; color: #4F4F4F; }
.categories__item__sub__name:hover { color: var(--red-primary);}

.categories__item__sub__name.show__more { display: flex; align-items: center; color: var(--red-primary); cursor: pointer; }
.categories__item__sub__name.show__more .icon { margin-left: 6px; stroke: var(--red-primary); }
.categories__item__sub__ul .icon_arr_down .icon { transform: rotate(180deg); }
.categories__item__sub__ul.hidden .icon_arr_down .icon { transform: rotate(0deg); }



/* CATEGORY BTN */
.categories__btn {
    position: relative; cursor: pointer;
    display: flex; align-items: center; justify-content: center; width: 152px; height: 42px; font-size: 16px; 
    background: var(--red-primary); border-radius: 10px; padding: 12px 20px; color: #fff;
    user-select: none;
    font-family: 'Nunito', Arial, sans-serif !important;
}
.categories__btn .icon_cats { margin-right: 10px; }


.categories__btn__close { 
    position: absolute; left: 216px; top: 14px;
    width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1.8px solid #212529; border-radius: 10px;
    user-select: none;
    font-family: 'Nunito', Arial, sans-serif !important;
}
.categories__btn__close .icon_close svg { width: 14px; height: 14px; }
/* CATEGORY BTN / */



@media (min-width: 860px) { .categories__btn, .categories__btn__close { display: none; } }



@media (max-width: 860px) {
    .home__categories { 
        display: block; position: fixed; top: 0; left: 0; z-index: 102; background: rgba(33, 37, 41, 0.7); padding: 0; border-radius: 0; 
        width: 0%; height: 100%;
        overflow: hidden;
        transition: .2s ease-in-out;
    }
    .home__categories.active { width: 100%; }
    .home__categories__bg { background: #fff; width: 270px; height: 100%; padding: 12px 42px; overflow-y: scroll; }
}







.categories__reviews { margin-top: 22px; }
.categories__reviews .categories__item__name { line-height: 50px; }
.categories__reviews .categories__item__name h3 { font-weight: 100; font-size: 15px; line-height: 50px; margin: 0; }

.categories__reviews__list {}
.categories__reviews__item { margin-bottom: 20px !important; border-bottom: 1px solid #FFE7E7; padding-bottom: 5px !important; }
.categories__reviews__item:last-child { margin-bottom: 0px; }

.categories__reviews__summary { display: flex; }
.categories__reviews__summary .left { position: relative; width: 84px; flex-shrink: 0; margin-right: 15px; }
.categories__reviews__summary .left:not(.no_photo):after {
    content: '';
    position: absolute; top: 7px; left: 7px;
    width: 68px; height: 68px;
    border: 1px solid #fff;
}
.categories__reviews__summary .left img { width: 100%; }
.categories__reviews__summary .left svg { width: 100%; height: auto; color: #FF0033; }

.categories__reviews__summary .right { display: flex; flex-direction: column; }
.categories__reviews__summary .right .username { color: #FF0033; font-family: 'Nunito-ExtraBold'; font-size: 16px; line-height: 24px; }
.categories__reviews__summary .right .city { color: #696969; font-size: 14px; font-size: 14px; }
.categories__reviews__summary .right .rating { margin-top: 4px; }
.categories__reviews__summary .right .rating ul { display: flex; }
.categories__reviews__summary .right .rating li  { margin-right: 4px; }
.categories__reviews__summary .right .rating li:last-child  { margin-right: 0px; }

.categories__reviews__description { margin: 6px 0px; }

.categories__reviews__more { background: transparent !important; color: var(--red-primary) !important; padding: 11px 27px !important; }
.categories__reviews__more .icon { stroke: unset !important; margin-right: 4px; }
.categories__reviews__more:hover .icon { stroke: unset !important; }

.categories__reviews__more.btn:hover { background: var(--red-primary) !important; color: #fff !important; }
.categories__reviews__more.btn:hover .icon { color: #fff; }



.category__sorting { display: flex; align-items: center; margin-bottom: 26px; }
.category__sorting__title { margin-right: 13px; font-size: 15px; line-height: 50px; font-family: 'Nunito-ExtraBold'; user-select: none; }
.category__sorting__list { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0; margin: 0; }
.category__sorting__item { 
    position: relative; display: flex; width: calc(25% - 12px); height: 50px; padding: 0; margin: 0; margin-right: 12px;
    border-radius: 10px; background: #F8F8F8;
    display: flex; align-items: center; justify-content: center;
}
.category__sorting__item:last-child { margin-right: 0px; }
.category__sorting__item.selected { background: var(--red-primary); }

.category__sorting__item a { display: flex; align-items: center; color: #696969; }
.category__sorting__item.selected a {  color: #fff; }

.category__sorting__item span.icon { margin-right: 6px; }
.category__sorting__item.selected .icon { color: #fff; }
.category__sorting__item.selected .icon_arr_down { margin-left: 6px; padding-top: 2px; }
.category__sorting__item.selected .icon_arr_down .icon { stroke: #fff; }
.category__sorting__item.selected .icon_arr_down.asc { transform: rotate(180deg); padding-top: 0px; }

@media (max-width: 1160px) and (min-width: 861px) {
    .category__sorting { flex-wrap: wrap; }
}

@media (min-width: 861px) { .category__sorting__title span { display: none; } }
@media (max-width: 860px) {
    .category__sorting { position: relative; width: 100%; justify-content: space-between; }
    .category__sorting__title { position: relative; width: 200px; height: 42px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 0; cursor: pointer; font-family: 'Nunito'; font-size: 15px; border-radius: 10px; background: var(--red-primary); color: #fff; }
    .category__sorting__title span:not(.icon_sort) { font-size: 26px; transform: rotate(90deg); display: flex; position: absolute; right: 22px; }
    .category__sorting__title span.icon_sort { margin-left: -30px; margin-right: 12px; }
    .category__sorting__list {
        display: none; 
        position: absolute; top: calc(100% + 12px); left: unset; z-index: 101; flex-direction: column; background: #fff;
        border-radius: 10px; box-shadow: 0px 4px 11px rgba(33, 37, 41, 0.07); padding: 12px;
        width: 200px;
        right: 0;
    }
    .category__sorting__item { width: 100%; margin-right: 0; margin-bottom: 12px;  }
    .category__sorting__item:last-child { margin-bottom: 0px;  }
}
@media (max-width: 480px) {
    .category__sorting { flex-direction: column; }
    .category__sorting__title { margin-top: 20px; }
}


.home__subscribe {
    margin-top: 24px;
    padding-right: 30px;
}
.home__subscribe__form {

    padding: 20px 42px;
    background: #FFE7E7;
    border-radius: 10px;
    background-image: url(../img/form/kolokol.png);
    background-repeat: no-repeat;
    background-size: 140px;
    background-position-x: 130px;
    background-position-y: -8px;

}
.home__subscribe__form--header {
    font-size: 18px;
    line-height: 50px;
    text-transform: uppercase;
    color: #212529;
    font-weight: bold;
    font-family: 'Merriweather', Arial, sans-serif;
}
.home__subscribe__form--text {
    font-size: 14px;
    line-height: 14px;
    color: #696969;
    margin-bottom: 20px;
}

.home__subscribe__form [id^="mailer"] {
    width: 100% !important;
    padding: 0 !important;
}
.home__subscribe__form [id^="mailer"] .wa-fill {
    padding: 10px 16px !important;
}
.home__subscribe__form .wa-subscribe-form {
    display: flex;
    align-items: flex-end;
}
.home__subscribe__form .wa-subscribe-form .wa-field {
    width: 100%;
    margin-right: 20px !important;
}
.home__subscribe__form .wa-subscribe-form .wa-field label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.home__subscribe__form .wa-subscribe-form .wa-field:nth-child(5) {
    display: none !important;
}
.home__subscribe__form .wa-subscribe-form .wa-field:last-child {
    width: 200px;
    margin-right: 0px !important;
    flex-shrink: 0;
}
.home__subscribe__form .wa-subscribe-form .wa-field:last-child .wa-submit {
    font-size: 14px;
    font-weight: 200;
    height: 45px;
    padding: 12px 0px;
    width: 100%;
    background: transparent;
    border: 1px solid var(--red-primary);
    color: var(--red-primary);
}
.home__subscribe__form .wa-subscribe-form .wa-field:last-child .wa-submit:hover {
    background: var(--red-primary);
    color: var(--white);
}
@media (max-width: 860px) {
    .home__subscribe { padding-right: 0; }
}
@media (max-width: 760px) {
    .home__subscribe__form .wa-subscribe-form { flex-direction: column; }
    .home__subscribe__form .wa-subscribe-form .wa-field { margin-right: 0px !important; }
    .home__subscribe__form .wa-subscribe-form .wa-field:last-child { width: 100%; margin-top: 12px !important; }
}
@media (max-width: 480px) {
    .home__subscribe__form { padding: 20px 16px; }
}




.categories__subscribe {
    position: relative;
    margin-top: 54px;
}
.categories__subscribe .home__subscribe__form {
    position: absolute;
    left: -42px;
    height: 100%;
    width: calc(100% + 76px);
    z-index: 0;
}
.categories__subscribe .home__subscribe__form::before {
    content: "";
    position: absolute;
    top: -20px;
    height: 20px;
    width: 100%;
    background-color: #fff;
}
.home__subscribe__form--content {
    position: relative;
    z-index: 1;
    padding: 16px 0px 28px 0px;
}
.categories__subscribe .wa-subscribe-form {
    flex-direction: column;
}
.categories__subscribe .home__subscribe__form {
    padding: 0;
}
.categories__subscribe [id^="mailer"] {
    width: 100% !important;
    padding: 0 !important;
}
.categories__subscribe [id^="mailer"] .wa-fill {
    padding: 10px 16px !important;
}
.categories__subscribe .wa-subscribe-form .wa-field label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.categories__subscribe .home__subscribe__form--header {
    font-size: 18px;
    line-height: 30px;
}
.categories__subscribe .home__subscribe__form--text {
    line-height: 20px;
}
.categories__subscribe .wa-subscribe-form .wa-field:nth-child(1) {
    margin-bottom: 12px !important;
}
.categories__subscribe .wa-subscribe-form:nth-child(2) {}

.categories__subscribe .wa-subscribe-form .wa-field .wa-submit {
    font-size: 14px;
    font-weight: 100;
    padding: 16px;
    margin-top: 12px !important;
    width: 100%;
    background: transparent;
    border: 1px solid var(--red-primary);
    color: var(--red-primary);
}
.categories__subscribe .wa-subscribe-form .wa-field .wa-submit:hover {
    background: var(--red-primary);
    color: var(--white);
}
@media (max-width: 860px) {
    .categories__subscribe .home__subscribe__form { width: calc(100% + 84px); height: calc(100% + 12px); }
}


/* HOME / */




/* THUMBS */

.thumbs { width: 100%; padding: 0; margin: 0; }
.thumbs__item { position: relative; list-style: none; display: flex; flex-direction: column; padding: 0; background: #fff; overflow: hidden; border: 1px solid var(--beige); box-sizing: border-box; border-radius: 10px; }
.thumbs__item__top { display: block; width: 100%; }

.thumbs__item__image { position: relative; display: flex; justify-content: center; width: 100%; max-height: 320px; overflow: hidden; padding: 10px; }
.thumbs__item__img { max-width: 270px; max-height: 250px; /*max-width: 100%; width: 100%; height: 320px;*/ border-radius: 6px; transition: .2s ease-in-out; }
.thumbs__item__nophoto {}
.thumbs__item__title { 
    margin-top: auto; display: flex; justify-content: center; font-family: var(--n-eb); font-size: 16px; line-height: 18px; padding: 0px 12px; text-align: center; 
    max-height: 36px; overflow: hidden;
}
.thumbs__item__title a { color: var(--black); }
.thumbs__item__title a:hover { color: var(--red-primary); }
.thumbs__item__title span {}
.thumbs__item__summary { font-size: 14px; line-height: 18px; padding: 0px 12px; text-align: center; max-height: 20px; overflow: hidden; color: #696969; margin: 12px 0px; }
.thumbs__item__pricing { text-align: center; margin-bottom: 14px; margin-top: 8px; color: var(--gray-light); }
.thumbs__item__pricing .compare-at-price { font-size: 16px; line-height: 16px; margin-right: 10px; text-decoration: line-through; }
.thumbs__item__pricing .price { font-size: 20px; line-height: 20px; color: var(--red-primary); }

.thumbs__item__offers .purchase.addtocart { display: flex; align-items: center; justify-content: space-between; padding: 0px 14px; }
.thumbs__item__offers { text-align: center; padding-bottom: 24px; }
/* .thumbs__item__submit { padding: 12px 32px; } */
.thumbs__item__submit { padding: 12px 15px; margin-right: 12px; }
.thumbs__item__submit .icon__addtocart { margin-right: 10px; }
.thumbs__item__submit .icon__addtocart .icon { width: 15.29px; height: 17px; stroke: var(--white);}
.thumbs__item__offers .quickorder-button { width: calc(100% - 136px - 12px); font-weight: bold; border-radius: 40px; padding: 14px 0px; }
@media (max-width: 860px) {
    .thumbs__item__img { height: 220px; }
    .thumbs__item__offers .quickorder-button { width: calc(100% - 136px - 12px); }
    .thumbs__item__submit { padding: 12px 15px; margin-right: 12px; }
}
@media (max-width: 480px) {
    .thumbs__item__image { align-items: center; }
}
@media (max-width: 380px) {
    .thumbs__item__image { max-height: unset; }
    .thumbs__item__img   { height: unset; width: 100%; }
}

.zoomWindowContainer div { border-radius: 6px; }

/* THUMBS / */




.item__features .icon_arrow2 .icon { width: 8px; height: 8px; stroke: var(--white);  }
.icon_arrow2.left { transform: rotate(90deg); width: 6.2px; margin-right: 3px; }
.icon_arrow2.right { transform: rotate(-90deg); width: 6.2px; }
.icon_arrow2.top { transform: rotate(-180deg); width: 6.2px; margin-bottom: 2px; }
.icon_arrow2.bottom { width: 6px; }

.arr_horizontal {
    display: flex;
    width: 18px;
    height: 7px;
}
.arr_vertical {
    display: flex;
    width: 7px;
    height: 18px;
}


.item__features { 
    position: absolute; top: 28px; right: 20px;
    display: flex; align-items: center; justify-content: center; width: 146px; padding: 4px 18px; background-color: var(--red-primary); border-radius: 20px; }
.item__features .divider { margin-right: 12px; }
.item__features .divider:last-child { margin-right: 0px; }
.item__features__value--wrap { display: flex; align-items: center; }
.item__features__arrow--wrap { margin-right: 4px; }
.item__features__arrow--wrap.vertical { position: relative; display: flex; flex-direction: column; align-items: center; width: 10px; }
.item__features__value { font-size: 12px; line-height: 12px; color: var(--white); white-space: nowrap; }
.item__features__arrow--wrap.vertical .icon_arrow2.top { position: absolute; bottom:-1px; left: 2px; }
.item__features__arrow--wrap.vertical .icon_arrow2.bottom { position: absolute; top: 1px; left: 2px; }



.item__discount { position: absolute; top: 17px; left: 19px; }
.item__discount-span { 
    display: flex; align-items: center; justify-content: center;
    width: 47px; height: 47px; border-radius: 50%; background-color: var(--red-primary); border: 1px solid var(--red-primary); 
    color: var(--white); font-family: var(--n-eb); font-size: 13px; transition: .2s ease-in-out; cursor: pointer;
}
/* .item__discount-span:hover { background: #fff; } */
.thumbs__item__badge-wrapper {
    display: flex; align-items: center; justify-content: center;
    width: 47px; height: 47px; border-radius: 50%; background-color: var(--red-primary); border: 1px solid var(--red-primary); 
    color: var(--white); font-family: var(--n-eb); font-size: 13px; margin-bottom: 12px; transition: .2s ease-in-out; cursor: pointer;
}
/* .thumbs__item__badge-wrapper:hover { background: #fff; } */





/* LIST */

.list__thumbs { padding: 0; margin: 0;}
.list__item { display: flex; list-style: none; margin-bottom: 20px; }
.list__item:last-child { margin-bottom: 0px; }
.list__item__left { position: relative; width: 45%; flex-shrink: 0; border: 4px dashed #FFFAFA; }
.list__item__right { width: 100%; padding-top: 60px; background: var(--biege-light); padding-left: 60px; background-repeat: no-repeat; background-position: calc(100% - 13px) 8px; background-size: 182px auto; }
.list__item__badge {}
.list__item__image { padding: 26px; height: 344px; overflow: hidden; }
.list__item__image a { display: flex; width: 100%; height: 100%; justify-content: center; }
.list__item__img { height: 100%; transition: .2s ease-in-out; }
.list__item__name { display: flex; font-family: var(--n-eb); font-size: 20px; line-height: 26px; margin-bottom: 20px; padding-right: 12px; max-height: 46px; overflow: hidden; }
.list__item__name a { color: var(--black); }
.list__item__name a:hover { color: var(--red-primary); }
.list__item__name span {}
.list__item__description { margin-bottom: 16px; padding-right: 30px; }
.list__item__description p { font-size: 14px; line-height: 24px; color: var(--black-light); }

.list__item__pricing { margin-bottom: 14px; color: var(--gray-light); }
.list__item__pricing .compare-at-price { font-size: 16px; line-height: 16px; margin-right: 10px; text-decoration: line-through; }
.list__item__pricing .price { font-size: 20px; line-height: 20px; color: var(--red-primary); }
.list__item .icon__addtocart { margin-right: 10px; }

.list__item .thumbs__item__submit { width: 176px; }
.list__item .quickorder-button { width: 176px; border-radius: 40px; font-weight: bold; padding: 14px 0; }

.list__item__badge {
    position: absolute; top: 20px; left: 16px;
}
.list__item__badge .badge { 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: var(--red-primary);
    border: 1px solid var(--red-primary);
    color: var(--white);
    font-family: var(--n-eb);
    font-size: 13px;
    margin-bottom: 12px;
    transition: .2s ease-in-out;
    cursor: pointer;
}


.list__item__right .item__features { position: unset; background: var(--red-primary); margin-bottom: 6px; }
@media (max-width: 860px) {
    .list__item__right { padding-left: 36px; background-size: 139px auto; }
    .list__item__img { height: 256px; }
}




@media (max-width: 720px) {
    .list__thumbs { display: flex; flex-wrap: wrap; }
    .list__item { position: relative; flex-direction: column; width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; }
    .list__item .item__features { position: absolute; } 
    .list__item__left { width: 100%; }
    .list__item__right { padding: 58px 16px 32px 16px; background-size: 99px auto; }
    .list__item__image { max-height: 320px; padding: 40px 12px 26px 12px; }
    .list__item__img { max-height: 220px; }
    .list__item__name { line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 16px; }
    .list__item__description { max-height: 86px; overflow: hidden; }
}
@media (max-width: 480px) {
    .list__item { width: 100%; }
    .list__item__image a { align-items: center; }
}
@media (max-width: 380px) {
    .list__item { width: 100%; }
    .list__item__image { max-height: unset; height: unset; }
    .list__item__img   { min-height: unset; max-height: unset; height: unset; width: 100%; }
}



/*  */
.list__thumbs.mini { display: flex; flex-wrap: wrap; }
.list__thumbs.mini .list__item { position: relative; flex-direction: column; width: calc(33.3% - 20px); margin-left: 10px; margin-right: 10px; }
.list__thumbs.mini .list__item .item__features { position: absolute; } 
.list__thumbs.mini .list__item__left { width: 100%; }
.list__thumbs.mini .list__item__right { padding: 58px 16px 32px 16px; background-size: 99px auto; }
.list__thumbs.mini .list__item__image { max-height: 320px; padding: 40px 12px 26px 12px; }
.list__thumbs.mini .list__item__img { max-height: 220px; }
.list__thumbs.mini .list__item__name { line-height: 22px; height: 44px; margin-bottom: 16px; }
.list__thumbs.mini .list__item__description { max-height: 86px; overflow: hidden; }
@media (max-width: 1200px) {
    .list__thumbs.mini .list__item { width: calc(50% - 20px); }
}
@media (max-width: 860px) {
    .list__thumbs.mini .list__item { width: calc(33.3% - 20px); }
}
@media (max-width: 760px) {
    .list__thumbs.mini .list__item { width: calc(50% - 20px); }

}
@media (max-width: 480px) {
    .list__thumbs.mini .list__item { width: 100%; }
}

/* LIST / */


/* PAGINATION  */

.block .menu-h { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.block .menu-h li { margin: 5px; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; border-radius: 10px; }
.block .menu-h li.selected { background: var(--red-primary); }
.block .menu-h li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.block .menu-h li a { color: #555; font-size: 14px; background: var(--pink); border-radius: 10px; color: var(--white); }
.block .menu-h li.selected a { color: #fff; background: var(--red-primary); }
.block .menu-h li a.inline-link { border: 1px solid var(--red-primary); border-radius: 10px; color: var(--red-primary); background: var(--white); font-family: var(--n-eb); }

/* PAGINATION / */

  









/* QUICKORDER */

.quickorder-form-head { background: var(--red-primary) !important; color: #fff !important; }
.quickorder-form-head .js-close-dialog { opacity: 1 !important; }
.quickorder-form-head .js-close-dialog::before { background-color: #fff !important; opacity: 1 !important; }
.quickorder-form-head .js-close-dialog::after  { background-color: #fff !important; opacity: 1 !important; }
[data-quickorder-close]:before, [data-quickorder-close]:after { background-color: #fff !important; }
.quickorder-price { color: var(--red-primary) !important;  }
.quickorder-sku-name { border-radius: 4px; }

.quickorder-form a { color: var(--black) !important; }
.quickorder-form a:hover { color: var(--red-primary) !important; }

.quickorder-total-wrap .quickorder-name { font-family: 'Merriweather', Arial, sans-serif !important; color: #000 !important; }
.quickorder-total-wrap .quickorder-value { font-family: 'Merriweather', Arial, sans-serif !important; color: #000 !important; }

.quickorder-form [data-quickorder-pfb] { border-radius: 24px !important; font-family: 'Nunito', Arial, sans-serif !important;
    border: 1px solid var(--red-primary) !important;
    background: transparent !important;
    color: var(--red-primary) !important;
    transition: .2s ease-in-out !important;
}
.quickorder-form [data-quickorder-pfb]:hover { background: var(--red-primary) !important; color: #fff !important; }

.quickorder-total-wrap .quickorder-name { color: var(--red-primary) !important; }
.quickorder-total-wrap .quickorder-value { color: var(--red-primary) !important;}
.quickorder-remove a { display: flex !important; align-items: center; justify-content: center; }
.quickorder-remove a:hover { background: transparent !important; border-color: var(--red-primary) !important; color: var(--red-primary) !important; }
.quickorder-form [data-quickorder-cfb] {
    font-family: 'Nunito-ExtraBold', 'Open Sans', 'Helvetica Neue', sans-serif;
    /* min-width: 180px; */
    height: max-content !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    font-size: 15px !important;
    line-height: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.9px !important;
    position: relative !important;
    padding: 12px 24px !important;
    text-align: center !important;
    border-radius: 48px !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    background: var(--red-primary) !important;
    color: #fff !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    transition: .1s ease-in-out !important;
}
.quickorder-form textarea,
.quickorder-form input[type="text"] { border-color: var(--pink) !important; font-family: 'Nunito', 'Open Sans', 'Helvetica Neue', sans-serif !important; }
.quickorder-form { font-family: 'Nunito', 'Open Sans', 'Helvetica Neue', sans-serif !important; }
/* QUICKORDER / */





/* REGIONS */
.shop-regions { margin-top: 8px; }
.shop-regions-button { display: flex; align-items: center; }
.shop-regions-button .icon_location { margin-right: 7px; } 
.shop-regions-button .icon_arrow { margin-left: 7px; } 

.shop-regions-button .shop-regions__link { font-family: 'Nunito-ExtraBold'; font-size: 17px !important; color: #212529; }
.shop-regions-button .shop-regions__link:hover { color: var(--red-primary); }

.shop-regions-window_show { display: flex !important; justify-content: center; align-items: center; width: 100%; height: 100%; }
.shop-regions-window__wrapper { top: unset !important; left: unset !important; margin: unset !important; position: relative !important; border-radius: 6px; }

.shop-regions-window__search .shop-regions-window__sub-header { font-family: 'Merriweather', Arial, sans-serif; font-weight: 600; font-size: 26px !important; }

.shop-regions-window-search { width: 100% !important; }
.shop-regions-window-search input { margin-top: 12px; border: 1px solid #FEA69A !important; padding: 11px 12px !important; height: auto !important; }

.shop-regions-window__regions_all .shop-regions-window__sub-header { font-family: 'Nunito-ExtraBold'; font-size: 18px; }
.shop-regions-window__regions_all a:hover { color: var(--red-primary); }

.shop-regions-window__regions_all, 
.shop-regions-window__search, .shop-regions-window__regions_popular { padding-left: 0 !important; }
/* REGIONS / */



.link-box {
    display: inline-block;
    cursor: pointer;
}

.link-box__icon {
    display: inline-block;
    vertical-align: middle;
}

.link-box__link {
    display: inline-block;
    vertical-align: middle;
}

.hide-indicator .indicator {
    display: none;
}

.shop-regions__button_hidden {
    opacity: 0;
}

.shop-regions__ip-analyzer-variants_hidden {
    display: none;
}

@media (max-width: 760px) {
    .zoom-image { opacity: 1 !important; }
}



/* callback */
.oc-light-form input[type="tel"] { border: 1px solid #e0e0e0; }



.menu-h { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 32px 0px; padding: 0; }
.menu-h li { display: flex; justify-content: center; align-items: center; min-width: 36px; height: 36px; margin: 10px; transition: .2s ease-in-out; }
/* .menu-h li:hover { border-color: var(--red-hover); } */
.menu-h li.selected {  }
.menu-h li:hover { background: var(--red-hover); }
.menu-h li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: var(--white); border-radius: 5px; font-size: 14px; line-height: 100%; background: #FFD9D4; transition: .2s ease; }
.menu-h li a:hover { color: #fff; background: #FF0033; }
.menu-h li.selected a { font-size: 15px; background: #FF0033; }
/* .pagination li a { font-size: 20px; } */
.menu-h li a.inline-link { position: relative; color: #FF0033; background: transparent; border: 1px solid #FF0033; }
.menu-h li a.inline-link:hover { color: #fff; background: #FF0033; }
/* .menu-h li:first-child a.inline-link::before {
    content: '';
    position: absolute; top: 9px; left: 12px;
    background-image: url("../img/pagging_arrow_red.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 5px; height: 10px;
}
.menu-h li:last-child a.inline-link::before {
    content: '';
    position: absolute; top: 10px; left: 12px;
    background-image: url("../img/pagging_arrow_red.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 5px; height: 10px;
    transform: rotate(180deg);
} */


.askme-plugin-cont {
    border-radius: 12px;
}
.askme-plugin-cont-open {
    background:#1dc925 !important;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius:25px;
}

.askme-plugin-id-block {
    background: #ff0033 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.olive-color {
    color: #fff !important;
}

.askme-plugin-main-form {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 25px;
    background: #f9e0e0 !important;
}
.askme-plugin-main-form-title {width:100%;}
.askme-plugin-reg-user, .askme-plugin-main-form input {
    width: 48.7%!important;
    margin: 0!important;
    margin-bottom: 20px!important;
    padding: 20px 15px;
    outline: none;
    line-height: 1;
    display: inline-block;
    border: 1px solid #dedede;
    -webkit-box-shadow: inset 5px 5px 20px rgb(0 0 0 / 5%);
    -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 5px 20px rgb(0 0 0 / 5%);
    background: #fff;
}
.askme-plugin-main-form button {
    background: #1dc925;border-bottom: 1px solid #f77777ad;;
}
.askme-plugin-main-form textarea {
    margin: 0px 0px 20px !important;
}
.askme-plugin-cont-txt {
    border-radius: 20px;
}
.askme-plugin-cont-date-sq {
    background: #f77777ad !important;
    border-radius: 20px;
}
.askme-plugin-cont-date-brd {
    border-bottom: 1px solid #f77777ad !important;
}
.askme-plugin-cont-date {
    margin: 0 0 10px !important;
}
.askme-plugin-cont-txt {
    margin: 0 0 20px !important;
}
.askme-plugin-cont{
    background: #f7f3f37d !important;
}

 .give-a-hint__form__row input {
    border: 1px solid #fd97ac;
}  

@media(max-width:1095px) {
    .askme-plugin-reg-user, .askme-plugin-main-form input {
        width: 100% !important;
    }

    .askme-plugin-reg-user {
        margin-bottom: 20px!important;
    }
}

.askme-plugin-captcha-wrap {
    height: 224px !important;
}

.askme-plugin-captcha-wrap .wa-captcha p {
    text-align: center;
    display: flex;
    align-items: center;
}

.askme-plugin-captcha-wrap .wa-captcha p input {
    border: 1px solid #ccc;
}