@charset "UTF-8";
/* ---------- mixins ---------- */
/* ---------- typography ---------- */
*::-moz-selection {
    color: var(--white);
    background: var(--text-color);
}

*::-webkit-selection,
*::selection {
    color: var(--white);
    background: var(--text-color);
}

* {
    scrollbar-color: var(--text-color) var(--white);
    scrollbar-width: thin;
}
*::-webkit-scrollbar {
    width: 0.6rem;
}
*::-webkit-scrollbar-track {
    background: var(--white);
}
* ::-webkit-scrollbar-thumb {
    background-color: var(---text-color);
    outline: 0px solid var(--text-color);
    -webkit-border-radius: 0;
    border-radius: 0;
}

:root {
    /* fonts */
    --font-family: "Montserrat", sans-serif;
    --second-family: "Inter", sans-serif;
    --third-family: "Ysabeau Infant", sans-serif;
    --font3: "Montserrat", sans-serif;
    --font4: "Poppins", sans-serif;
    /* color */
    --white: #ffffff;
    --black: #000000;
    --text-color: #3c1f14;
    --sub-text-color: #716969;
    --color-body: #7e8492;
    --cultured-color: #f4f5f6;
    --isabelline-color: #f3f2ed;
    --outerspace-color: #444444;
    --pixel-white: #dbdbdb;
    --exotic-orange: #f4511e;
    --ultra-pure-white: #f8f7f3;
    --doctor: #f9f9f9;
    --mortar: #575050;
    --pearl-sugar: #f4f1eb;
    --lunar-base: #868686;
    --color-border: rgba(193, 189, 189, 0.46);
    --color-border2: #e6e6e6;
    --deep-smoke-signal: #7e8492;
    --bleached-silk: #f2f2f2;
    --wasabi-nuts: #838d36;
    --lily-green: #c5ce9a;
    --spotted-dove: #c1bdbd;
    --purple-crystal: #e6e8ec;
    --spanish-grey: #989898;
    --white-smoke: #f5f5f5;
    --lighthouse: #f4f4f4;
    /* box-shadow */
    --box-shadow: 0 0.4rem 0.5rem 0 rgba(0, 0, 0, 0.25);
    --box-shadow-cart: 0 0.2rem 0.4rem 0 rgba(71, 22, 21, 0.2);
    --box-shadow-addcart: 0 1rem 3rem 0 rgba(0, 0, 0, 0.06);
    --box-shadow2: 0 0 0.3rem 0 rgba(0, 0, 0, 0.25);
    --box-shadow3: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
    --box-shadow4: 0 0 0.2rem 0 rgba(0, 0, 0, 0.25);
    --box-shadow-header: 0 0.4rem 6rem 0 rgba(0, 0, 0, 0.04);
    --box-shadow-table: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.02), 0 0.9rem 1.8rem 0 rgba(0, 0, 0, 0.03), 0 2.3rem 4.9rem 0 rgba(0, 0, 0, 0.04), 0 4.5rem 11.2rem 0 rgba(0, 0, 0, 0.06);
    /*----- new ---------*/
    --text-color: #3c1f14;
    --white: #fff;
    --sub-text-color: #716969;
    --bezheviy-fon: #f3f2ed;
    --stroke: #eee;
    --stroke-2: #dbdbdb;
    --zeleniy: #c1ca93;
    --chervoniy: #ff6650;
    --fon-tovaru: #fafafa;
    --svitlo-zeleniy: #e0e5c7;
}

html {
    font-size: 62.5%;
    font-family: var(--third-family);
}
html.overflow-hidden {
    overflow: hidden;
}

body {
    font-family: var(--third-family);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--sub-text-color);
    overflow: hidden !important;
    background: var(--white);
}

.base-bottom-margin,
p {
    margin-bottom: 2.4rem;
}

.text__white h1,
.text__white h2,
.text__white h3,
.text__white h4,
.text__white h5,
.text__white h6 {
    color: var(--white);
}

.text__white .subtitle {
    color: var(--white);
}

.text__white p {
    color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-color);
    margin-bottom: 1rem;
    font-family: var(--font-family);
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: var(--orange);
}

h1 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: -0.02em;
}

h2 {
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1.19;
    font-family: var(--font-family);
}

h3 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
}

h4 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.54;
}

h5 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.79;
}

h6 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
}

.subtitle {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}

p {
    font-family: var(--third-family);
}

.section__body {
    padding-top: 6rem;
}

ul {
    list-style: none;
    margin-left: 0;
}

a {
    text-decoration: none;
    color: var(--sub-text-color);
}
a:hover {
    text-decoration: underline;
}

.list__style ul {
    list-style: disc;
    padding-left: 2.2rem;
    margin-bottom: 2.4rem;
}

.list__custom ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 2.8rem;
}

.list__custom li {
    position: relative;
    padding-left: 2.2rem;
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
    margin-bottom: 2.8rem;
}
.list__custom li::before {
    content: "➢";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
}

a,
button {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

blockquote {
    position: relative;
}
blockquote::before {
    content: "“";
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
blockquote::after {
    content: "”";
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

form {
    width: 100%;
    position: relative;
}

input,
select {
    min-height: 5.3rem;
    height: 5.3rem;
}

input,
select,
textarea {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-family: var(--font-family);
    padding: 1.4rem 1.2rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    background: var(--white);
    color: var(--text-color);
}
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--sub-text-color);
}
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--sub-text-color);
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--sub-text-color);
}

textarea {
    min-height: 12.9rem;
}

label {
    font-family: var(--font-family);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.33;
    color: var(--text-color);
    margin-bottom: 1rem;
}
label span {
    font-weight: 400;
    color: var(--sub-text-color);
}

input[type="submit"] {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.form-imput,
.form-item {
    margin-bottom: 2rem;
    position: relative;
}
.form-imput label,
.form-item label {
    margin-bottom: 1rem;
    display: inline-block;
}

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% + 1.8rem);
    margin-left: -0.9rem;
    margin-right: -0.9rem;
}
.form-row .form-imput,
.form-row .form-item {
    width: 100%;
    margin-left: 0.9rem;
    margin-right: 0.9rem;
}

.tabs__body__item.hide {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.tabs__body__item {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tabs__body {
    position: relative;
}

.custom-select-wrapper {
    position: relative;
}
.custom-select-wrapper select {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* ----------- checkbox ------------ */
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-left: 3.2rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    line-height: 2.8rem;
}

.custom-checkbox + label::before {
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 0.1rem solid var(--text-color);
    margin-right: 2rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 1rem 0.8rem;
    background-size: 1rem 0.8rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.custom-checkbox:checked + label::before {
    border-color: var(--text-color);
    background-color: var(--text-color);
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57164 0.511693C6.78602 0.285026 7.14601 0.272776 7.3757 0.484332C7.60538 0.695888 7.6178 1.05114 7.40342 1.2778L3.42121 5.48833C3.21322 5.70824 2.86654 5.72729 2.63509 5.53152L0.643983 3.84731C0.405434 3.64553 0.377808 3.29112 0.582279 3.05571C0.78675 2.82029 1.14589 2.79303 1.38444 2.99481L2.96151 4.3288L6.57164 0.511693Z' fill='white' /%3E%3C/svg%3E");
}

.checkbox-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.checkbox {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* ----------- radio item------------ */
.radio__label {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.radio__label + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 0.71;
    font-family: var(--font-family);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--text-color);
    border: 0.1rem solid rgba(108, 108, 108, 0.15);
    -webkit-border-radius: 0.6rem;
    border-radius: 0.6rem;
    padding: 1.5rem 2rem;
    min-width: 8.7rem;
    height: 5rem;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
    background: var(--white);
}

.radio__label + label::before {
    content: "";
}

.radio__label:checked + label {
    background: var(--stroke);
    border-color: var(--stroke);
}

/* ----------- radio ------------ */
.custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-radio + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-left: 3.2rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.11;
    font-family: var(--font-family);
    color: var(--text-color);
}

.custom-radio + label::before {
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 0.1rem solid var(--text-color);
    margin-right: 2rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 1rem 0.8rem;
    background-size: 1rem 0.8rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.custom-radio:checked + label::before {
    border-color: var(--text-color);
    background-color: var(--text-color);
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57164 0.511693C6.78602 0.285026 7.14601 0.272776 7.3757 0.484332C7.60538 0.695888 7.6178 1.05114 7.40342 1.2778L3.42121 5.48833C3.21322 5.70824 2.86654 5.72729 2.63509 5.53152L0.643983 3.84731C0.405434 3.64553 0.377808 3.29112 0.582279 3.05571C0.78675 2.82029 1.14589 2.79303 1.38444 2.99481L2.96151 4.3288L6.57164 0.511693Z' fill='white' /%3E%3C/svg%3E");
}

.radio-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.radio {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.radio label {
    display: block;
}

.wpcf7-form-control-wrap {
    position: relative !important;
    display: block !important;
}

.wpcf7-form-control-wrap span {
    position: absolute !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    margin-bottom: -1.2rem;
}

.rating__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 2rem;
    line-height: 0.7;
    text-transform: capitalize;
    color: var(--black);
}
.rating__wrapper .rating__text {
    margin-left: 1rem;
}

/* -------- rating ------------ */
.rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.rating .star__box__default {
    position: relative;
    background-image: url("../img/star-grey.svg");
    width: 11.6rem;
    padding-top: 2rem;
}
.rating .star__box__active {
    position: absolute;
    z-index: 1;
    background-image: url("../img/star-yellow.svg");
    height: 2rem;
    left: 0;
    top: 0;
}
.rating .star__box__default,
.rating .star__box__active {
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    background-size: auto;
    display: block;
}
.rating .star__box {
    position: relative;
    display: block;
    max-width: 11.6rem;
    width: 100%;
}

/* -------- btn ---------- */
.btn__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -0.6rem;
}
.btn__box a,
.btn__box button,
.btn__box input[type="submit"] {
    margin: 0.6rem !important;
}

.btn,
.cart-collaterals a.button.checkout-button,
.woocommerce-cart-form button.button {
    font-family: var(--font-family);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: var(--text-color);
    border: 0.15rem solid var(--text-color);
    -webkit-border-radius: 1.8rem;
    border-radius: 1.8rem;
    padding: 1.4rem 3rem;
    min-height: 5.5rem;
    height: 5.5rem;
    min-width: 29rem;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
.btn svg {
    width: 3rem;
    min-width: 3rem;
    margin-left: 2.3rem;
}
.btn svg path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
    text-decoration: none !important;
}
.btn:hover,
.cart-collaterals a.button.checkout-button:hover,
.woocommerce-cart-form button.button:hover {
    background: var(--white);
    color: var(--text-color);
}
.btn:hover svg path {
    stroke: var(--text-color);
}

.btn__img {
    font-family: var(--font-family) !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: var(--text-color) !important;
    border: 0.15rem solid var(--text-color) !important;
    -webkit-border-radius: 2rem !important;
    border-radius: 2rem !important;
    padding: 1.4rem 2rem !important;
    min-height: 4.7rem;
    height: 4.7rem;
    min-width: 22.4rem;
    color: var(--white) !important;
    text-align: center !important;
    text-decoration: none;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
.btn__img svg {
    width: 2.9rem;
    min-width: 2.9rem;
    height: 2.9rem;
    margin-left: 1rem;
}
.btn__img svg path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn__img:hover,
.btn__img:focus,
.btn__img:active,
.btn__img:visited {
    text-decoration: none !important;
}
.btn__img:hover {
    background: transparent !important;
    color: var(--text-color) !important;
}
.btn__img:hover svg path {
    stroke: var(--text-color);
}

.btn__green {
    font-family: var(--font-family);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: var(--wasabi-nuts);
    border: 0.15rem solid var(--wasabi-nuts);
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    padding: 1.4rem 3rem;
    min-height: 5.5rem;
    height: 5.5rem;
    min-width: 24.4rem;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
.btn__green svg {
    width: 3rem;
    min-width: 3rem;
    margin-left: 2.3rem;
}
.btn__green svg path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn__green:hover,
.btn__green:focus,
.btn__green:active,
.btn__green:visited {
    text-decoration: none !important;
}
.btn__green:hover {
    background: transparent;
    color: var(--wasabi-nuts);
}
.btn__green:hover svg path {
    fill: var(--wasabi-nuts);
}

.btn__white {
    font-family: var(--font-family);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: var(--white);
    border: 0.15rem solid var(--text-color);
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    padding: 1.4rem 3rem;
    min-height: 5.5rem;
    height: 5.5rem;
    min-width: 29rem;
    color: var(--text-color);
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
.btn__white:hover,
.btn__white:focus,
.btn__white:active,
.btn__white:visited {
    text-decoration: none !important;
}
.btn__white:hover {
    background: var(--text-color);
    color: var(--white);
}

.container {
    max-width: 130rem;
    margin: 0 auto;
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
}

.rows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.rows .column {
    width: 50%;
}

.img__box {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
}
.img__box img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.img__box iframe,
.img__box video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.overlay img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.element__bg {
    position: absolute;
    z-index: 0;
}
.element__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.4rem;
    height: 3.4rem;
    font-size: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 0.1rem solid var(--text-color);
}
.slick-arrow svg {
    width: 1.3rem;
    height: 0.8rem;
}
.slick-arrow svg path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.slick-arrow:hover {
    background: var(--text-color);
}
.slick-arrow:hover svg path {
    fill: white;
}
.slick-arrow.slick-prev {
    left: -3.5rem;
}
.slick-arrow.slick-next {
    right: -3.5rem;
}

.slick-list {
    overflow: hidden;
}

.slider__count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.slider__count .count__scroll {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--black);
}
.slider__count .count__all {
    color: var(--gray-light);
}

.slider__nav {
    margin: -1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.slider__nav .slick-arrow {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    left: 0;
    top: 0;
    margin: 1.2rem;
}

.slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 2.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.slick-dots li {
    margin: 0 1.25rem !important;
    margin-top: 0px;
    padding: 0 !important;
    position: relative;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0.1rem solid var(--abacus-black);
}
.slick-dots li.slick-active {
    background: var(--abacus-black);
}
.slick-dots li button {
    font-size: 0;
}

.slick-track {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.slick-track .slick-slide {
    height: auto;
}

.slick-slider {
    display: block !important;
}

main {
    padding-top: 6.8rem;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 1.2rem !important;
    margin: 1.2rem 0 0 !important;
    border-color: red !important;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 1.2rem !important;
    margin: 1.2rem 0 0 !important;
    border-color: var(--abacus-blue) !important;
}

.socials__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -0.2rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.socials__list li {
    margin: 0.2rem;
}
.socials__list li a {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--gray);
    font-size: 2.6rem;
    line-height: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.socials__list li a:hover {
    color: var(--orange);
}
.socials__list li a i {
    font-family: "main-font";
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
}
.socials__list li a svg {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
}

/* ------------ modal__window ------------ */
.modal__window {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.modal__window::after,
.modal__window::before {
    content: "";
    width: 100%;
    height: 0;
    display: block;
}
.modal__window.modal-show {
    opacity: 1;
    visibility: visible;
}
.modal__window.modal-show .modal__window__overlay {
    opacity: 1;
    visibility: visible;
}
.modal__window h2 {
    text-align: center;
}
.modal__window .modal__window__overlay {
    position: fixed;
    width: 200vw;
    height: 100vh;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}
.modal__window .modal__window__wrapper {
    background: var(--white);
    padding: 4rem 3.2rem;
    z-index: 2;
    position: relative;
    max-width: 70rem;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.modal__window .modal__window_close {
    width: 4rem;
    height: 4rem;
    position: relative;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    /*   &::after,
        &::before {
            content: "";
            width: 0.2rem;
            height: 2rem;
            background: var(--text-color);
            left: 50%;
            top: 50%;
            display: block;
            position: absolute;
        }

        &::after {
            transform: translate(-50%, -50%) rotate(45deg);
        }
        &::before {
            transform: translate(-50%, -50%) rotate(-45deg);
        } */
}
.modal__window .modal__window_close::after {
    content: "+";
    left: 50%;
    top: 50%;
    display: block;
    position: absolute;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 1.34;
    text-align: right;
    color: var(--text-color);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__window.modal__right {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    max-width: 56rem;
    width: 100%;
    left: auto;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.modal__window.modal__right .modal__window__wrapper {
    background: var(--white);
    padding: 4rem 3.2rem;
    position: relative;
    max-width: 100%;
    right: 0;
    margin-left: auto;
}
.modal__window.modal__right .modal__window__title {
    font-family: var(--font-family);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
    color: var(--text-color);
}
.modal__window.modal__right .modal__window_content__header {
    padding-bottom: 3rem;
    position: relative;
}
.modal__window.modal__right .modal__window_content__header .button__box {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
}
.modal__window.modal__right.modal-show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.modal__window .modal__window_content__body {
    overflow-y: auto;
    height: calc(100dvh - 12rem);
    width: calc(100% + 6.4rem);
    margin: 0 -3.2rem;
    padding: 0 3.2rem;
}
.modal__window .checkbox label {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--sub-text-color);
}
.modal__window .password__recovery {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--sub-text-color);
}
.modal__window .password__recovery:hover {
    text-decoration: underline;
}
.modal__window .checkbox__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal__window.modal__account .form-btn {
    margin-top: 4rem;
    padding: 0 2.3rem;
}
.modal__window.modal__account .form-btn p {
    text-align: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--sub-text-color);
}
.modal__window.modal__account .btn {
    font-size: 1.6rem;
    text-transform: none;
    -webkit-border-radius: 6.2rem;
    border-radius: 6.2rem;
    min-height: 6.2rem;
    width: 100%;
    margin-bottom: 1.7rem;
}
.modal__window.modal__account .form__link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--text-color);
    margin-left: 1.8rem;
}
.modal__window.modal__account .form__link:hover {
    text-decoration: underline;
}
.modal__window.modal__account .modal__window_content__header {
    border-bottom: 0.1rem solid var(--stroke-2);
}
.modal__window.modal__account .madal__window_content_inner {
    padding-top: 5rem;
}

.search__header {
    height: auto;
    bottom: auto;
    top: 6.8rem;
    width: 100vw;
    position: fixed;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.search__header .search__header__inner {
    background: var(--white);
    padding: 3rem;
}
.search__header .search__results_box {
    max-width: 70rem;
    margin: 0 auto;
}
.search__header .search__results_box input {
    -webkit-border-radius: 1.8rem;
    border-radius: 1.8rem;
    padding: 1.4rem 7rem 1.4rem 1.6rem;
    min-height: 4.8rem;
    height: 4.8rem;
}
.search__header .search__header__overlay {
    position: fixed;
    width: 200vw;
    height: 100vh;
    top: 6.8rem;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}
.search__header.show-search {
    opacity: 1;
    visibility: visible;
}
.search__header.show-search .search__header__overlay {
    opacity: 1;
    visibility: visible;
}
.search__header .search__btn {
    width: 2.8rem;
    height: 2.8rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 0.8rem;
    background: var(--text-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search__header .search__btn svg {
    width: 2rem;
    height: 2rem;
}
.search__header .reset__search {
    position: absolute;
    right: 4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    width: 2.8rem;
    height: 2.8rem;
    opacity: 0;
    visibility: hidden;
}
.search__header .reset__search::after {
    content: "+";
    left: 50%;
    top: 45%;
    display: block;
    position: absolute;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 1.34;
    text-align: right;
    color: var(--text-color);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.search__header .global__search_form {
    position: relative;
}
.search__header .search__results_box_inner_top {
    position: relative;
}
.search__header .search__results_box_inner_bottom {
    display: none;
    padding-top: 2rem;
}
.search__header .search__results_box_inner_bottom .search__results__inner {
    overflow-y: scroll;
    height: 100%;
    max-height: 100%;
    max-height: 14rem;
}
.search__header .search__results_box_inner_bottom a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.5rem;
}
.search__header .search__results_box_inner_bottom a img {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
}
.search__header .search__results_box.not-empty .search__results_box_inner_bottom {
    display: block;
}
.search__header .search__results_box.not-empty .reset__search {
    opacity: 1;
    visibility: visible;
}

.free__shipping__wrapper {
    margin-bottom: 3.2rem;
}
.free__shipping__wrapper .free__shipping__progres .progress__line__wrapper {
    background: var(--stroke-2);
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    width: 100%;
    height: 0.6rem;
    position: relative;
    overflow: hidden;
}
.free__shipping__wrapper .free__shipping__progres .progress__line {
    background: var(--text-color);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.free__shipping__wrapper .free__shipping {
    margin-top: 1.6rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}

.product__cart__totals {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 2rem 2.4rem;
    margin-top: 3.2rem;
    margin-bottom: 4rem;
}
.product__cart__totals .btn__box {
    flex-direction: column;
}
.product__cart__totals .subtotal__title {
    margin-bottom: 2.4rem;
}
.product__cart__totals .subtotal__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product__cart__totals .subtotal__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.product__cart__totals .subtotal__title__item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.2;
    margin-right: 2rem;
    color: var(--sub-text-color);
}
.product__cart__totals .subtotal__price {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.2;
    text-align: right;
    font-family: var(--font-family);
    color: var(--text-color);
}
.product__cart__totals .subtotal__price__discount {
    color: var(--chervoniy);
}
.product__cart__totals .product__cart__promo,
.woocommerce-cart-form .coupon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.4rem;
    background: var(--white-smoke);
    border-radius: 6.2rem;
}
.product__cart__totals .product__cart__promo::after,
.woocommerce-cart-form .coupon::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0766 12.4857L13.7653 3.17444C13.5917 2.9997 13.3851 2.86115 13.1576 2.76685C12.93 2.67254 12.686 2.62435 12.4397 2.62507H3.75001C3.45164 2.62507 3.16549 2.7436 2.95451 2.95457C2.74353 3.16555 2.62501 3.4517 2.62501 3.75007V12.4398C2.62429 12.6861 2.67248 12.9301 2.76679 13.1576C2.86109 13.3852 2.99963 13.5918 3.17438 13.7654L12.4856 23.0766C12.8372 23.4281 13.3141 23.6256 13.8113 23.6256C14.3084 23.6256 14.7853 23.4281 15.1369 23.0766L23.0766 15.1369C23.4281 14.7853 23.6255 14.3085 23.6255 13.8113C23.6255 13.3141 23.4281 12.8373 23.0766 12.4857ZM13.8113 21.2204L4.87501 12.2813V4.87507H12.2813L21.2175 13.8113L13.8113 21.2204ZM9.37501 7.87507C9.37501 8.17174 9.28703 8.46175 9.12221 8.70842C8.95739 8.9551 8.72312 9.14736 8.44903 9.26089C8.17494 9.37442 7.87334 9.40413 7.58237 9.34625C7.2914 9.28837 7.02413 9.14551 6.81435 8.93573C6.60457 8.72595 6.46171 8.45868 6.40383 8.1677C6.34595 7.87673 6.37566 7.57513 6.48919 7.30104C6.60272 7.02695 6.79498 6.79269 7.04165 6.62786C7.28833 6.46304 7.57834 6.37507 7.87501 6.37507C8.27283 6.37507 8.65436 6.5331 8.93567 6.81441C9.21697 7.09571 9.37501 7.47724 9.37501 7.87507Z' fill='%23777E90' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 2.4rem 2.4rem;
    background-size: 2.4rem;
    background-position: center;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    left: 1.6rem;
    top: 1.2rem;
    z-index: 1;
}
.product__cart__totals .product__cart__promo::before,
.woocommerce-cart-form .coupon::before {
    content: "";
    height: 4.8rem;
    background: transparent;
    width: 100%;
    -webkit-border-radius: 6.2rem;
    border-radius: 6.2rem;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.product__cart__totals .product__cart__promo input,
.woocommerce-cart-form .coupon input {
    padding-left: 5.2rem;
    z-index: 2;
    position: relative;
    background: transparent;
    display: block;
}
.product__cart__totals .product__cart__promo .btn,
.woocommerce-cart-form button.button {
    height: 4.8rem;
    padding: 1.2rem 1.6rem;
    min-height: 4.8rem;
    min-width: auto;
}
.product__cart__totals .form__item__wrapper {
    width: 100%;
}
.product__cart__totals .form__item__wrapper input {
    min-height: 4.8rem;
    height: 4.8rem;
    border: 0;
}
.product__cart__totals .btn__box .btn {
    width: 100%;
    height: 6rem;
}
.product__cart__totals .btn,
.woocommerce-cart-form button.button {
    -webkit-border-radius: 6.2rem;
    border-radius: 6.2rem;
    font-size: 1.6rem;
    text-transform: none;
}
.product__cart__totals .btn svg {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    margin-left: 1.2rem;
}

.total {
    border-top: 0.1rem solid var(--stroke-2);
    padding-top: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.4rem;
}

.total__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.2;
    margin-right: 2rem;
    font-family: var(--font-family);
    color: var(--text-color);
}

.total__price {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.55;
    text-align: right;
    font-family: var(--font-family);
    color: var(--text-color);
}

.product__cart__items__wrapper {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 2rem 2.4rem;
}

.product__cart__item {
    border-bottom: 0.1rem solid var(--stroke-2);
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
}
.product__cart__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.product__cart__item .product__cart__item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product__cart__item .product__cart__item__img {
    width: 10rem;
    min-width: 10rem;
}
.product__cart__item .product__cart__item__img .img__box {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}
.product__cart__item .product__cart__item__img .img__box img {
    -o-object-fit: contain;
    object-fit: contain;
}
.product__cart__item .product__price {
    margin-top: 1rem;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.11;
    color: var(--text-color);
}
.product__cart__item .product__cart__item__content {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2.6rem;
}
.product__cart__item .product__remove {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}
.product__cart__item .product__remove svg {
    width: 100%;
}
.product__cart__item .quantity_inner {
    max-width: 12.8rem;
    min-width: 12.8rem;
    min-height: 4.4rem;
}
.product__cart__item .product__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}
.product__cart__item .product__cart__item__top {
    padding-right: 4rem;
}
.product__cart__item .product__cart__item__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -1rem;
}
.product__cart__item .product__cart__item__label {
    border: 0px solid var(--sub-text-color);
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    padding: 0.5rem;
    height: 2.2rem;
    -webkit-box-shadow: var(--box-shadow3);
    box-shadow: var(--box-shadow3);
    background: var(--white);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 0.8;
    color: var(--sub-text-color);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.password-item-box {
    position: relative;
    display: block;
}

.password-item {
    position: relative;
}
.password-item input {
    padding-right: 4.5rem;
}
.password-item .toggle-password {
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
    min-height: 1.8rem;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.password-item .toggle-password::after {
    content: "";
    background-image: url("../img/Orix-ey-close.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;
}
.password-item .toggle-password.active::after {
    background-image: url("../img/eye-open.svg");
}

.custom__table table {
    -webkit-box-shadow: var(--box-shadow-table);
    box-shadow: var(--box-shadow-table);
    background: var(--white);
    font-size: 1.4rem;
    line-height: 1.36;
    font-family: var(--second-family);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}
.custom__table table thead {
    background: var(--text-color);
    font-weight: 600;
    color: var(--white);
}
.custom__table table thead th {
    padding: 2rem;
    text-align: start;
    vertical-align: middle;
}
.custom__table table thead tr {
    border-top: 0;
}
.custom__table table td {
    font-weight: 400;
    padding: 2rem;
    vertical-align: middle;
    color: var(--text-color);
}
.custom__table table tr {
    border-top: 0.1rem solid var(--stroke);
}

/* ------------- header --------- */
.header {
    height: 6.8rem;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: var(--white);
    -webkit-box-shadow: var(--box-shadow-header);
    box-shadow: var(--box-shadow-header);
    z-index: 100;
}
.header .header__box__inner {
    display: block;
    height: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header.sticky {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}
.header .nav-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.header .nav-overlay.show {
    opacity: 1;
    visibility: visible;
}
.header .container {
    height: 100%;
}
.header .header__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
}
.header .main__nav__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header .header__logo {
    max-width: 7.7rem;
    width: 100%;
    margin-right: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: center;
    -ms-flex-direction: center;
    flex-direction: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.header .header__logo img {
    width: 100%;
}
.header .header__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4.1rem;
    z-index: 3;
}
.header .main__nav {
    width: 100%;
}
.header .menu-item-has-children:hover .sub__menu {
    opacity: 1;
    visibility: visible;
}
.header .menu-item-has-children > .sub__menu {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    background: var(--white);
    padding: 2.8rem 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: 4.6rem;
    width: 100vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 0.1rem solid var(--stroke-2);
    border-bottom: 0.1rem solid var(--stroke-2);
}
.header .menu-item-has-children > .sub__menu .menu-item-has-children {
    width: 100%;
    max-width: calc(106rem / 5);
}
.header .menu-item-has-children > .sub__menu .menu-item-has-children > a {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.33;
    color: var(--sub-text-color);
    border-bottom: 0.1rem solid var(--stroke-2);
    padding-bottom: 1rem;
    margin-bottom: 2.4rem;
}
.header .menu-item-has-children > .sub__menu .menu-item {
    margin: 0 0 1rem 0;
}
.header .menu-item-has-children > .sub__menu a {
    height: auto;
    text-align: start;
    padding: 0;
}
.header .menu-item-has-children > .sub__menu a:hover {
    text-decoration: underline;
}
.header .menu-item-has-children > .sub__menu a::before {
    display: none;
}
.header .menu-item-has-children > .sub__menu .sub__menu {
    border: 0;
    position: relative;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    gap: 0;
    width: auto;
    max-width: 100%;
}
.header .menu-item-has-children > .sub__menu .sub__menu a {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.44;
    color: var(--sub-text-color);
}
.header .main__nav__btn__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .header__btn {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.header .header__btn svg {
    width: 2rem;
    min-width: 2rem;
}
.header .header__btn.active {
    background: var(--text-color);
}
.header .header__btn.active path {
    fill: var(--white);
}
.header .header__btn__wrapper {
    margin-left: 1.4rem;
}
.header .cart__btn__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.header .cart__btn__inner span {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--chervoniy);
    position: absolute;
    top: -0.8rem;
    right: -0.8rem;
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0.2rem 0.2rem 0.5rem 0.2rem;
    color: var(--white);
    font-weight: 500;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header .main__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 100%;
}
.header .main__menu a {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    font-family: var(--font-family);
    text-align: center;
    color: var(--text-color);
}
.header .menu-item {
    margin: 0 0.5rem;
    position: static;
}
.header .menu-item a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    position: relative;
    text-decoration: none;
}
.header .menu-item a::before {
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--text-color);
    height: 0.2rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
}
.header .menu-item:hover a::before {
    opacity: 1;
    visibility: visible;
}
.header .nav__btn__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header .main__nav__btn {
    margin-left: auto;
}
.header .menu-item-has-children {
    position: relative;
}
.header .menu__arrow {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    z-index: 2;
}
.header .menu__arrow svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header .menu__arrow.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hamburger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 3.2rem;
    height: 3.2rem;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hamburger svg {
    width: 2.2rem;
    height: 1.1rem;
}

.btn__more__books,
.btn__close {
    cursor: pointer;
}
.btn__more__books.show i::before,
.btn__close.show i::before {
    content: "\f00d";
    font-family: "fontawesome";
}

.btn__header__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1025px) {
    .mob {
        display: none !important;
    }
    .hamburger {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    .desk {
        display: none !important;
    }
}

/* ------------- footer -------------------------- */
.footer {
    background: var(--pearl-sugar);
}
.footer p {
    font-family: var(--font-family);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--lunar-base);
}
.footer .footer__top {
    padding: 6.6rem 0 4rem;
}
.footer .footer__top .left {
    width: 35.47%;
    padding-right: 10rem;
}
.footer .footer__top .right {
    width: 64.53%;
}
.footer .logo__footer {
    max-width: 16.2rem;
    margin-bottom: 2.7rem;
}
.footer .logo__footer a {
    width: 100%;
    display: block;
}
.footer .logo__footer img {
    width: 100%;
}
.footer .widget__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer .widget__items .widget {
    width: calc(100% / 4);
    padding: 0 0.8rem;
}
.footer .widget h6 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--font-family);
    color: var(--text-color);
    margin-bottom: 2.4rem;
}
.footer .widget li {
    margin-top: 1.2rem;
}
.footer .widget li a {
    font-family: var(--font-family);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--lunar-base);
}
.footer .footer__bottom {
    padding: 4rem 0;
    border-top: 0.1rem solid var(--color-border);
}
.footer .footer__bottom .right {
    text-align: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.footer .socials__list {
    margin-right: 6rem;
}
.footer .footer__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer .footer__links a {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    font-family: var(--font-family);
    color: var(--text-color);
}
.footer .footer__links li {
    margin-right: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer .copyright {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    font-family: var(--second-family);
    color: var(--text-color);
}

/* ---------------- hero ------------------------ */
.hero {
    position: relative;
    min-height: 56.7rem;
    padding: 6rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.hero h1 {
    margin-bottom: 1rem;
    font-size: 3.8rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
}
.hero .container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.hero .section__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.hero .content__side {
    text-align: center;
    max-width: 45.2rem;
    width: 100%;
}
.hero .subtitle {
    max-width: 36rem;
    text-align: center;
    margin: 0 auto 3.2rem;
}
.hero .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hero .btn {
    min-width: 21.8rem;
}

/* ---------------- hero end -------------------- */
/* ---------------- believe__section -------------------- */
.believe__section {
    padding: 4.8rem 0 7rem;
}
.believe__section .section__header .content__side {
    max-width: 55rem;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.believe__section .subtitle {
    color: var(--outerspace-color);
}
.believe__section h3 {
    margin-bottom: 1.4rem;
}

.believe__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -0.9rem;
    width: calc(100% + 1.8rem);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.believe__items .believe__item {
    margin: 0.8rem;
    width: calc(100% / 4 - 1.8rem);
}

.believe__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.believe__item h6 {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
    text-align: center;
    color: var(--sub-text-color);
}
.believe__item .believe__item__img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-width: 11.6rem;
    overflow: hidden;
    background: var(--isabelline-color);
    margin: 0 auto 2rem;
}
.believe__item .believe__item__img img {
    width: 100%;
}

/* ---------------- believe__section end ----------------- */
/* ---------------- products__section  ----------------- */
.products__section {
    padding: 4.2rem 0;
    background: var(--isabelline-color);
}
.products__section .section__header .content__side {
    text-align: center;
    max-width: 55rem;
    margin: 0 auto;
}
.products__section .section__header .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.products__section .section__body {
    padding-top: 4rem;
}
.products__section .tabs__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.products__section .tabs__items::before {
    content: "";
    position: absolute;
    width: 150vw;
    height: 0.2rem;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--pixel-white);
}
.products__section .tabs__item {
    font-family: var(--font-family);
    cursor: pointer;
    text-align: center;
    color: var(--sub-text-color);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    min-width: 22rem;
    padding: 0 1rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: 0.25rem solid transparent;
    z-index: 1;
}
.products__section .tabs__item.active {
    border-color: var(--text-color);
    color: var(--text-color);
    font-weight: 700;
}
.products__section .tabs__body {
    margin-top: 2.3rem;
    position: relative;
}
.products__section .tabs__body__item {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    top: 0;
}
.products__section .products__tabs__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 3rem);
    margin: 0 -1.5rem;
}
.products__section .products__tabs__slider {
    width: calc(100% + 4rem) !important;
    margin: 0 -2rem !important;
}
.products__section .products__tabs__slider .slick-list {
    padding: 0.5rem !important;
}
.products__section .product__item {
    padding: 2rem 1.5rem;
}
.products__section .product__item .product__item__img {
    padding-top: 100%;
}

.product__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1.6rem -0.9rem;
}
.product__items .product__item {
    width: calc(100% / 3);
    padding: 1.6rem 0.9rem;
}

.product__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.product__item:hover {
    background: var(--white);
    -webkit-box-shadow: var(--box-shadow-cart);
    box-shadow: var(--box-shadow-cart);
}
.product__item:hover .product__item__img .product__item__img__hover {
    opacity: 1;
    visibility: visible;
}
.product__item:hover .product__item__img .product__item__img__default {
    opacity: 0;
    visibility: hidden;
}
.product__item .product__item__img {
    width: 100%;
    padding-top: 80%;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}
.product__item .product__item__img .label {
    background: var(--purple-crystal);
    position: absolute;
    left: 1.8rem;
    top: 1.8rem;
    padding: 0.6rem 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}
.product__item .product__item__img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.product__item .product__item__img .product__item__img__hover {
    opacity: 0;
    visibility: hidden;
}
.product__item .button__add__cart {
    position: absolute !important;
    top: 1.8rem !important;
    right: 1.8rem;
    width: 3.5rem;
    height: 3.5rem;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0 !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 100% !important;
    border-radius: 100% !important;
    background: var(--white);
    -webkit-box-shadow: var(--box-shadow-addcart);
    box-shadow: var(--box-shadow-addcart);
}
.product__item .button__add__cart svg {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.2rem;
}
.product__item .button__add__cart svg path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.product__item .button__add__cart.added svg {
    display: none !important;
}
.product__item .button__add__cart.added:after {
    margin-left: 0 !important;
    color: var(--white) !important;
}
.product__item .button__add__cart.active,
.product__item .button__add__cart.added,
.product__item .button__add__cart:hover {
    background: var(--text-color);
}
.product__item .button__add__cart.active svg path,
.product__item .button__add__cart.added svg path,
.product__item .button__add__cart:hover svg path {
    fill: var(--white);
}
.product__item .product__item__inner {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative;
}
.product__item .product__item__content {
    padding-top: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product__item .left {
    width: 63%;
}
.product__item .product__item__name {
    font-family: var(--second-family);
    margin-bottom: 0.45rem;
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.33;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product__item .product__item__labels {
    margin: -0.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product__item .product__item__labels .product__item__label {
    margin: 0.4rem;
}
.product__item .product__item__label {
    font-family: var(--font-family);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.38;
}
.product__item .product__item__label img {
    margin-right: 5px;
}
.product__item .product__item__label2 {
    font-family: var(--font-family);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 0.8;
    margin: 0.4rem;
    color: var(--deep-smoke-signal);
    padding: 0.5rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}
.product__item .product__item__label2.active {
    background: var(--purple-crystal);
}
.product__item .right {
    text-align: end;
    width: 37%;
    padding: 0 1.2rem;
}
.product__item .product__item__price {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0.2rem;
    color: var(--text-color);
    font-family: var(--font-family);
}
.product__item .price__old {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0.2rem;
    text-decoration: line-through;
    color: var(--exotic-orange);
}
.product__item .price__new {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-color);
}

/*---------- guarantee__section ----------- */
.guarantee__section {
    padding: 6rem 0 7rem;
}
.guarantee__section .section__header .content__side {
    max-width: 55rem;
    margin: 0 auto;
    text-align: center;
}
.guarantee__section .section__body {
    padding-top: 1.5rem;
}
.guarantee__section .section__body .content__side {
    max-width: 110.2rem;
}
.guarantee__section .guarantee__img__box {
    width: 100%;
    padding-top: 44.65%;
    position: relative;
}
.guarantee__section .guarantee__img {
    position: absolute;
    width: 45%;
    height: 71.14%;
    top: 10.37%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 4.54%;
}
.guarantee__section .guarantee__item {
    position: absolute;
}
.guarantee__section .guarantee__item::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.guarantee__section .guarantee__item1 {
    top: 8.76%;
    right: 59.4%;
    text-align: end;
    width: 26.6%;
}
.guarantee__section .guarantee__item1::before {
    top: 1.9rem;
    left: 100%;
    margin-left: 2.3rem;
    background-image: url("../img/quarantee-icon-1.svg");
    width: 6.8rem;
    height: 8rem;
}
.guarantee__section .guarantee__item2 {
    top: 0;
    left: 78%;
    width: 23.6%;
}
.guarantee__section .guarantee__item2::before {
    background-image: url("../img/quarantee-icon-2.svg");
    top: 2.2rem;
    left: -10rem;
    width: 8.8rem;
    height: 5.5rem;
}
.guarantee__section .guarantee__item3 {
    right: 73.8%;
    top: 38.3%;
    text-align: end;
    width: 23.6%;
}
.guarantee__section .guarantee__item3::before {
    background-image: url("../img/quarantee-icon-3.svg");
    top: 2rem;
    right: -12.6rem;
    width: 10.6rem;
    height: 3.9rem;
}
.guarantee__section .guarantee__item4 {
    left: 83%;
    top: 44%;
    width: 20%;
}
.guarantee__section .guarantee__item4::before {
    background-image: url("../img/quarantee-icon-4.svg");
    left: -12.1rem;
    top: 0;
    width: 10rem;
    height: 2.9rem;
}
.guarantee__section .guarantee__item5 {
    right: 71.3%;
    top: 77.7%;
    text-align: end;
    width: 23.6%;
}
.guarantee__section .guarantee__item5::before {
    background-image: url("../img/quarantee-icon-5.svg");
    right: -10rem;
    top: -0.7rem;
    width: 7.3rem;
    height: 2.9rem;
}
.guarantee__section .guarantee__item6 {
    left: 73%;
    top: 79%;
    width: 20%;
}
.guarantee__section .guarantee__item6::before {
    background-image: url("../img/quarantee-icon-6.svg");
    left: -12.8rem;
    top: -4.8rem;
    width: 11.8rem;
    height: 7.1rem;
}
.guarantee__section .guarantee__item7 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 4.54%;
    bottom: 0;
    width: 26.5%;
    text-align: center;
}
.guarantee__section .guarantee__item7::before {
    background-image: url("../img/quarantee-icon-7.svg");
    top: -5.7rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.3rem;
    height: 4.5rem;
}

/* ------ recipe__catalog ------------ */
.recipe__catalog {
    padding: 3.5rem 0 6.9rem;
    background: var(--isabelline-color);
}
.recipe__catalog .section__header .content__side {
    max-width: 65rem;
    margin: 0 auto;
    text-align: center;
}
.recipe__catalog.recipe__catalog2 {
    padding: 5rem 0 4rem;
    background: var(--white);
}
.recipe__catalog.recipe__catalog2 .section__body {
    padding-top: 0;
}
.recipe__catalog .section__body {
    padding-top: 4rem;
}
.recipe__catalog .recipe__catalog__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.recipe__catalog .recipe__catalog__items .recipe__catalog__img {
    width: calc(100% / 4);
}
.recipe__catalog .btn__white {
    border-color: white;
}
.recipe__catalog .btn__white:hover {
    border-color: var(--text-color);
}
.recipe__catalog .recipe__catalog__items__wrapper {
    position: relative;
}
.recipe__catalog .recipe__catalog__items__wrapper .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* --------------- snacks__section ------------ */
.snacks__section {
    padding: 4.8rem 0 5.3rem;
}
.snacks__section .section__inner {
    position: relative;
    min-height: 60rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.snacks__section .element__bg1 {
    width: 21.4rem;
    height: 27.9rem;
    top: 0.6rem;
    left: -16.2rem;
}
.snacks__section .element__bg2 {
    width: 20.1rem;
    height: 40.3rem;
    right: -18.5rem;
    top: 3.4rem;
}
.snacks__section .element__bg3 {
    width: 16.4rem;
    height: 22rem;
    bottom: -0.9rem;
    left: -13.7rem;
}
.snacks__section .element__bg4 {
    width: 4.6rem;
    height: 4.5rem;
    bottom: 10.3rem;
    right: -7rem;
}
.snacks__section .section__header {
    position: relative;
    z-index: 2;
}
.snacks__section .section__header .content__side {
    max-width: 72rem;
    margin: 0 auto;
    text-align: center;
}
.snacks__section .section__body {
    padding-top: 5rem;
    position: relative;
    z-index: 2;
}
.snacks__section .btn__box {
    padding-top: 4rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.snacks__section h3 {
    margin-bottom: 1.4rem;
}

.snacks__item {
    text-align: center;
}
.snacks__item .believe__item__img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-width: 11.6rem;
    overflow: hidden;
    background: var(--white);
    margin: 0 auto 3.1rem;
    -webkit-box-shadow: var(--box-shadow4);
    box-shadow: var(--box-shadow4);
}
.snacks__item h6 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
}
.snacks__item p {
    margin-bottom: 0;
}

.snacks__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2.9rem;
    width: calc(100% + 5.8rem);
}
.snacks__items .snacks__item {
    margin: 2.9rem;
    width: calc(100% / 3 - 5.8rem);
}

/* ---------- map__section ------------ */
.map__section {
    background: var(--doctor);
    padding: 4rem 0;
}
.map__section .container {
    max-width: 80rem;
}
.map__section .section__header {
    text-align: center;
}
.map__section .section__body {
    padding-top: 4rem;
}
.map__section .map__box {
    position: relative;
}
.map__section .map__marker {
    position: absolute;
}
.map__section .map__marker.show .map__marker__icon::before {
    background-image: url("../img/map-marker-icon-active-min.png");
}
.map__section .map__marker.show .map__marker__popup {
    opacity: 1;
    visibility: visible;
}
.map__section .map__marker1 {
    top: 36.47%;
    left: 8.55%;
}
.map__section .map__marker__btn {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
    cursor: pointer;
    position: relative;
    font-family: var(--second-family);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    text-align: center;
}
.map__section .map__marker__icon__box {
    min-width: 3.2rem;
    width: 3.2rem;
    display: block;
    margin: 0 auto;
}
.map__section .map__marker__icon {
    width: 100%;
    padding-top: 150%;
    position: relative;
    display: block;
}
.map__section .map__marker__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-image: url("../img/map-marker-icon-min.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.map__section .map__marker__popup {
    position: absolute;
    top: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 2.3rem 3rem;
    -webkit-box-shadow: var(--box-shadow2);
    box-shadow: var(--box-shadow2);
    background: var(--white);
    min-width: 35rem;
    -webkit-border-radius: 1.3rem;
    border-radius: 1.3rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.map__section .map__marker__popup li {
    margin-bottom: 1.1rem;
    font-family: var(--second-family);
    padding-left: 2.8rem;
    color: var(--mortar);
}
.map__section .map__marker__popup li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    background-image: url("../img/marker-cart-icon.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.map__section .map__marker2 {
    top: 31.1%;
    left: 49.11%;
}
.map__section .map__marker2 .map__marker__icon__box {
    min-width: 4rem;
    width: 4rem;
    display: block;
}

/* ------ insta__section --------- */
.insta__section {
    padding: 4.2rem 0 6rem;
}
.insta__section .section__header h3 {
    margin-bottom: 1.4rem;
}
.insta__section .section__header .content__side {
    max-width: 90rem;
}
.insta__section .section__body {
    padding-top: 3.3rem;
}
.insta__section .insta__items__wrapper {
    position: relative;
}
.insta__section .insta__items__wrapper .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.insta__section .insta__items__wrapper .btn__white {
    border-color: white;
}
.insta__section .insta__items__wrapper .btn__white:hover {
    border-color: var(--text-color);
}
.insta__section .insta__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.insta__section .insta__img {
    width: calc(100% / 4);
}

/* ------- article__hero --------- */
.article__hero {
    padding: 3.2rem 0 1.6rem;
}
.article__hero .label__items {
    margin: 1.5rem -1rem -1rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.label__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.label__items .label__item {
    margin: 1rem;
}

.label__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--sub-text-color);
}
.label__item img,
.label__item svg {
    margin-right: 0.8rem;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
}

/* --------- text__section -------- */
.text__section {
    padding: 1.6rem 0 3.2rem;
}
.text__section.text__center {
    text-align: center;
}
.text__section.text__section2 {
    padding: 5rem 0;
}
.text__section.text__section2 .content__side {
    max-width: 100%;
}
.text__section.text__section2 h3 {
    text-align: start;
    margin-bottom: 4.4rem;
}
.text__section .content__side {
    margin: 0 auto;
    width: 100%;
}
.text__section h1 {
    margin-bottom: 4.8rem;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
    text-align: center;
}
.text__section h3,
.text__section h4,
.text__section h5,
.text__section h6 {
    margin-bottom: 1.4rem;
}
.text__section p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 3.2rem;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}
.text__section li {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}

.img__wrapper {
    width: 100%;
}
.img__wrapper img {
    width: 100%;
}

/* -------- blog__section --------- */
.blog__section {
    padding: 5rem 0 2.7rem;
}
.blog__section.blog__hero {
    padding: 5rem 0 4.4rem;
}
.blog__section.blog__hero .section__body {
    padding-top: 0;
}
.blog__section h1 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
}
.blog__section .section__body {
    padding-top: 3.1rem;
}
.blog__section .rows {
    margin-top: 4.1rem;
}
.blog__section .left {
    padding-right: 2rem;
}
.blog__section .box__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4.4rem;
}
.blog__section .content__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.blog__section .label__items {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blog__section .right {
    padding-left: 0.5rem;
}
.blog__section p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}

/* -------- blocks__section ----------- */
.label__items .label__item__small {
    margin: 1rem;
}

.label__item__small {
    font-family: var(--font-family);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    line-height: 150%;
    color: var(--sub-text-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.label__item__small img,
.label__item__small svg {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.6rem;
}

.blocks__section {
    padding: 3.2rem 0 5rem;
}
.blocks__section .label__items {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blocks__section.blocks__section2 .label__items {
    margin-bottom: 0.8rem;
}
.blocks__section.blocks__section3 {
    padding: 5rem 0;
}
.blocks__section.blocks__section3 .blocks__item .right {
    padding-left: 3.7rem;
}
.blocks__section ul.page-numbers {
    margin-top: 8.5rem;
}

.blocks__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.blocks__items .blocks__item {
    margin-top: 6rem;
}
.blocks__items .blocks__item:first-child {
    margin-top: 0;
}

.blocks__item.img__right .right {
    padding-left: 0;
    padding-right: 7rem;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.blocks__item h3 {
    margin-bottom: 2.4rem;
}

.blocks__item .content__side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.blocks__item .right {
    padding-left: 6.4rem;
}

.blocks__item .label__items {
    padding-top: 4rem;
}

.blocks__item p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}

ul.page-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -0.4rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
ul.page-numbers li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.4rem;
}
ul.page-numbers li a,
ul.page-numbers li span {
    text-align: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.1rem solid var(--color-border2);
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    min-width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.43;
    font-family: var(--font-family);
    color: var(--deep-smoke-signal);
}
ul.page-numbers li .current {
    border-color: var(--text-color);
    color: var(--text-color);
}
ul.page-numbers li a:hover {
    border-color: var(--text-color);
}
ul.page-numbers .prev,
ul.page-numbers .next {
    position: relative;
    font-size: 0;
    line-height: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
ul.page-numbers .prev::after,
ul.page-numbers .next::after {
    content: "";
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
ul.page-numbers .prev::after {
    background-image: url("../img/pagination-arrow-left.svg");
}
ul.page-numbers .next::after {
    background-image: url("../img/pagination-arrow-right.svg");
}

/* --------- article__hero ------------ */
.recipe__hero {
    padding: 6rem 0 7.2rem;
}
.recipe__hero .left {
    width: 55.65%;
}
.recipe__hero .content__side {
    height: 100%;
}
.recipe__hero .recipe__hero__bottom {
    margin-top: 2.4rem;
}
.recipe__hero .right {
    width: 44.35%;
    padding-left: 6.2rem;
}
.recipe__hero .right .content__side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.recipe__hero .recipe__hero__table {
    margin-top: 2rem;
}
.recipe__hero h1 {
    margin-bottom: 2.4rem;
}
.recipe__hero .recipe__hero__top__box {
    max-width: 35rem;
}

.recipe__hero__table {
    margin: -1.2rem;
}
.recipe__hero__table td {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 1.2rem;
    font-family: var(--font-family);
    color: var(--text-color);
}
.recipe__hero__table td:last-child {
    text-align: end;
}
.recipe__hero__table table {
    width: 100%;
}

/* --------- recipe__more --------- */
.recipe__more {
    padding: 5rem 0 4rem;
}
.recipe__more .recipe__more__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.recipe__more .recipe__more__item {
    width: calc(100% / 4);
}
.recipe__more .section__inner {
    position: relative;
}
.recipe__more .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.recipe__more .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* --------- recipes__section -------- */
.recipes__section {
    padding: 5rem 0;
}
.recipes__section h1 {
    margin-bottom: 2.4rem;
    text-align: center;
}
.recipes__section .recipes__filter {
    max-width: 51rem;
    margin: 0 auto 4.8rem;
}
.recipes__section .recipe__items {
    margin-bottom: 4.8rem;
}

.recipe__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 6rem);
    margin: -4rem -3rem;
}
.recipe__items .recipe__item {
    width: calc(100% / 3 - 6rem);
    margin: 4rem 3rem;
}

.recipe__item .img__box {
    padding-top: 112.57%;
}

.recipe__item h6 {
    margin-top: 1.6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.33;
}

.recipe__item .label__items {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.recipe__item a {
    text-decoration: none !important;
}
.recipe__item a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.03);
    -ms-transform: translate(-50%, -50%) scale(1.03);
    transform: translate(-50%, -50%) scale(1.03);
}

.recipes__filter ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.recipes__filter a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.14;
    color: var(--sub-text-color);
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    padding: 0.5rem 1.1rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none !important;
    margin: 0.6rem;
}
.recipes__filter a.active,
.recipes__filter a:hover {
    background: var(--text-color);
    border-color: var(--text-color);
    color: var(--white);
}

/* ----------- article__slider__section ----------- */
.article__slider__section {
    padding: 1.1rem 0;
}
.article__slider__section .article__slider__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.article__slider {
    position: relative;
}

.article__slider__item .img__box {
    padding-top: 69.31%;
}

.article__slider__row {
    padding: 1.1rem 0;
}
.article__slider__row .left {
    width: 55.64%;
    padding: 9.2rem 7rem 7rem 0;
}
.article__slider__row .left .content__side {
    max-width: 40rem;
}
.article__slider__row .right {
    width: 44.36%;
}
.article__slider__row h3 {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    max-width: 25.6rem;
    border-bottom: 0.2rem solid var(--bleached-silk);
}
.article__slider__row p {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}

.article__slider .slick-dots {
    position: absolute;
    right: -6.6rem;
    top: 50%;
    left: auto;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    width: 0.4rem;
    height: 8rem;
    max-height: 8rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    background: var(--lily-green);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.article__slider .slick-dots .slick-active,
.article__slider .slick-dots .prevActive {
    background: var(--wasabi-nuts);
}

/* ------- contact__section -------- */
.socials__list__wrapper {
    margin-top: 3.8rem;
    margin-bottom: 3.7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.category__products {
    padding: 6rem 0;
}
.category__products .filter__box {
    border-bottom: 0.1rem solid var(--purple-crystal);
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.category__products .filter__select__wrapper {
    position: relative;
    z-index: 5;
}
.category__products .filter__select {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.category__products .section__body {
    padding-top: 3.2rem;
}

.filter__items__wrapper {
    padding: 1rem 0;
    margin: 0 auto;
    max-width: 70rem;
}

.custom-select-wrapper.opened {
    z-index: 10;
}
.custom-select-wrapper.opened .custom-options-wrapper {
    opacity: 1;
    visibility: visible;
}

.filter__items {
    margin: -0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter__item {
    margin: 0.6rem;
}
.filter__item a {
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    padding: 0.6rem 1.2rem;
    text-decoration: none !important;
    font-family: var(--second-family);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.14;
    color: var(--color-body);
}
.filter__item a:hover {
    background: var(--text-color);
    color: var(--white);
}
.filter__item .active {
    background: var(--text-color);
    color: var(--white);
}

.custom__select {
    border: 0.2rem solid var(--purple-crystal);
    -webkit-border-radius: 1.2rem;
    border-radius: 1.2rem;
    height: 4.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.71;
    min-width: 18rem;
    font-family: var(--second-family);
    background: var(--white);
    color: var(--text-color);
}

.custom-select-trigger {
    position: relative;
    padding: 1rem 5rem 1rem 1.4rem;
    cursor: pointer;
    white-space: nowrap;
}
.custom-select-trigger::after {
    content: "";
    position: absolute;
    background-image: url("../img/arrow-select.svg");
    background-position: center;
    -webkit-background-size: 2.4rem 2.4rem;
    background-size: 2.4rem;
    background-repeat: no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    right: 0.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0.2rem solid var(--purple-crystal);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0.4rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.custom-select-trigger.active::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.custom-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
    max-height: 10rem;
}

.custom-option {
    cursor: pointer;
    padding: 0 0.6rem;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.custom-option:hover {
    background: var(--pixel-white);
}

.custom-options-wrapper {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    right: 0;
    border: 0.2rem solid var(--purple-crystal);
    -webkit-border-radius: 1.2rem;
    border-radius: 1.2rem;
    padding: 1.2rem 0.6rem;
    background: var(--white);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* ---------- banner__section ------- */
.banner__section {
    padding: 7.4rem 0 4rem;
}
.banner__section .rows {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.banner__section .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.banner__section .left {
    width: 57.42%;
    padding: 4rem 0;
    position: relative;
}
.banner__section .left::after {
    content: "";
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--fon-tovaru);
    z-index: -1;
}
.banner__section .btn__box {
    margin-top: 3.5rem;
}
.banner__section .right {
    width: 42.58%;
    padding-left: 7rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.banner__section .img__wrapper {
    max-width: 36.2rem;
}
.banner__section .img__wrapper img {
    width: 100%;
}
.banner__section h5 {
    margin-bottom: 1.4rem;
}
.banner__section p {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
}

/* -------------- ---------- */
.product__hero {
    padding: 7.3rem 0 4.2rem;
}
.product__hero .rows {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.product__hero .content__side {
    width: 100%;
}
.product__hero .slider__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product__hero .product__slider__vertical__wrapper {
    width: 16.13%;
}
.product__hero .product__slider__vertical {
    width: 100%;
}
.product__hero .product__slider__vertical__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -7% 0;
    height: 100%;
}
.product__hero .product__slider__vertical__item {
    margin: 6% 0;
}
.product__hero .product__slider__vertical__item .img__box {
    padding-top: 112.5%;
}
.product__hero .product__slider__wrapper {
    width: 80.32%;
}
.product__hero .product__slider {
    display: block !important;
}
.product__hero .product__slider__item .img__box {
    padding-top: 96.39%;
}
.product__hero .right {
    padding-left: 5.2rem;
}
.product__hero h1 {
    margin-bottom: 2.4rem;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
    font-family: var(--font-family);
    color: var(--text-color);
}
.product__hero .subtitle {
    max-width: 51.3rem;
    margin-bottom: 4.5rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    font-family: var(--third-family);
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}
.product__hero .product__price {
    margin-bottom: 4.5rem;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
    font-family: var(--second-family);
    color: var(--text-color);
}
.product__hero .product__price__old {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.34;
    margin-bottom: 0.5rem;
    text-decoration: line-through;
    color: var(--exotic-orange);
}
.product__hero .slick-track {
    display: block !important;
}
.product__hero .product__quantity {
    margin-right: 1.2rem;
}
.product__hero .btn__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4.5rem;
}

.radio__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -0.5rem;
}

.radio__item {
    position: relative;
    margin: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.quantity_inner {
    max-width: 16.9rem;
    min-width: 16.9rem;
    min-height: 4.7rem;
    height: 4.7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.3rem;
    background: var(--stroke);
    -webkit-border-radius: 4rem;
    border-radius: 4rem;
}

.quantity__btn {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
}
.quantity__btn::after {
    content: "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0.3s;
    -o-transition: opacity 0.3s ease 0.3s;
    transition: opacity 0.3s ease 0.3s;
}
.quantity__btn:hover {
    background: var(--text-color);
}

.bt_minus::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMzMzI1IDguMDAwNjVDMy4zMzMyNSA3LjYzMjQ2IDMuNzA2MzUgNy4zMzM5OCA0LjE2NjU5IDcuMzMzOThMMTUuODMzMyA3LjMzMzk4QzE2LjI5MzUgNy4zMzM5OCAxNi42NjY2IDcuNjMyNDYgMTYuNjY2NiA4LjAwMDY1QzE2LjY2NjYgOC4zNjg4NCAxNi4yOTM1IDguNjY3MzIgMTUuODMzMyA4LjY2NzMyTDQuMTY2NTkgOC42NjczMkMzLjcwNjM1IDguNjY3MzIgMy4zMzMyNSA4LjM2ODg0IDMuMzMzMjUgOC4wMDA2NVoiIGZpbGw9IiMzQzFGMTQiIHN0cm9rZT0iIzNDMUYxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
    width: 2rem;
    height: 1.6rem;
    -webkit-background-size: 2rem 1.6rem;
    background-size: 2rem 1.6rem;
}

.bt_minus:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMzMzI1IDguMDAwNjVDMy4zMzMyNSA3LjYzMjQ2IDMuNzA2MzUgNy4zMzM5OCA0LjE2NjU5IDcuMzMzOThMMTUuODMzMyA3LjMzMzk4QzE2LjI5MzUgNy4zMzM5OCAxNi42NjY2IDcuNjMyNDYgMTYuNjY2NiA4LjAwMDY1QzE2LjY2NjYgOC4zNjg4NCAxNi4yOTM1IDguNjY3MzIgMTUuODMzMyA4LjY2NzMyTDQuMTY2NTkgOC42NjczMkMzLjcwNjM1IDguNjY3MzIgMy4zMzMyNSA4LjM2ODg0IDMuMzMzMjUgOC4wMDA2NVoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
}

.quantity {
    font-family: var(--second-family);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    color: var(--text-color);
    border: 0;
    margin: 0 1rem;
    padding: 0;
    background: transparent;
    height: auto;
    min-height: auto;
}

.bt_plus::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5MTcgMy41NDIzMkMxMC4yOTE3IDMuMTUxMTIgOS45MzczMSAyLjgzMzk4IDkuNTAwMDggMi44MzM5OEM5LjA2Mjg2IDIuODMzOTggOC43MDg0MSAzLjE1MTEyIDguNzA4NDEgMy41NDIzMlY3Ljc5MjI1TDMuOTU4NDEgNy43OTIyNUMzLjUyMTE5IDcuNzkyMjUgMy4xNjY3NSA4LjEwOTM4IDMuMTY2NzUgOC41MDA1OEMzLjE2Njc1IDguODkxNzkgMy41MjExOSA5LjIwODkyIDMuOTU4NDEgOS4yMDg5Mkw4LjcwODQxIDkuMjA4OTJWMTMuNDU5QzguNzA4NDEgMTMuODUwMiA5LjA2Mjg2IDE0LjE2NzMgOS41MDAwOCAxNC4xNjczQzkuOTM3MzEgMTQuMTY3MyAxMC4yOTE3IDEzLjg1MDIgMTAuMjkxNyAxMy40NTlWOS4yMDg5MkwxNS4wNDE3IDkuMjA4OTJDMTUuNDc5IDkuMjA4OTIgMTUuODMzNCA4Ljg5MTc5IDE1LjgzMzQgOC41MDA1OUMxNS44MzM0IDguMTA5MzggMTUuNDc5IDcuNzkyMjUgMTUuMDQxNyA3Ljc5MjI1TDEwLjI5MTcgNy43OTIyNVYzLjU0MjMyWiIgZmlsbD0iIzNDMUYxNCIgc3Ryb2tlPSIjM0MxRjE0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
    width: 1.9rem;
    height: 1.7rem;
    -webkit-background-size: 1.9rem 1.7rem;
    background-size: 1.9rem 1.7rem;
}

.bt_plus:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5MTcgMy41NDIzMkMxMC4yOTE3IDMuMTUxMTIgOS45MzczMSAyLjgzMzk4IDkuNTAwMDggMi44MzM5OEM5LjA2Mjg2IDIuODMzOTggOC43MDg0MSAzLjE1MTEyIDguNzA4NDEgMy41NDIzMlY3Ljc5MjI1TDMuOTU4NDEgNy43OTIyNUMzLjUyMTE5IDcuNzkyMjUgMy4xNjY3NSA4LjEwOTM4IDMuMTY2NzUgOC41MDA1OEMzLjE2Njc1IDguODkxNzkgMy41MjExOSA5LjIwODkyIDMuOTU4NDEgOS4yMDg5Mkw4LjcwODQxIDkuMjA4OTJWMTMuNDU5QzguNzA4NDEgMTMuODUwMiA5LjA2Mjg2IDE0LjE2NzMgOS41MDAwOCAxNC4xNjczQzkuOTM3MzEgMTQuMTY3MyAxMC4yOTE3IDEzLjg1MDIgMTAuMjkxNyAxMy40NTlWOS4yMDg5MkwxNS4wNDE3IDkuMjA4OTJDMTUuNDc5IDkuMjA4OTIgMTUuODMzNCA4Ljg5MTc5IDE1LjgzMzQgOC41MDA1OUMxNS44MzM0IDguMTA5MzggMTUuNDc5IDcuNzkyMjUgMTUuMDQxNyA3Ljc5MjI1TDEwLjI5MTcgNy43OTIyNVYzLjU0MjMyWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.rating__add__title {
    font-family: var(--font-family);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 1rem;
    color: var(--text-color);
}

.rating__add {
    border: none;
    float: left;
}

.rating__add > label {
    color: #dbdbdb;
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.54127 1.05787C8.71535 0.656427 9.28465 0.656426 9.45873 1.05787L11.5981 5.99152C11.6706 6.15859 11.8281 6.27307 12.0094 6.29034L17.3627 6.80045C17.7983 6.84196 17.9742 7.38339 17.6462 7.673L13.6152 11.2323C13.4786 11.3528 13.4185 11.538 13.4581 11.7158L14.6272 16.9647C14.7223 17.3918 14.2617 17.7264 13.8849 17.504L9.2542 14.7701C9.09738 14.6775 8.90262 14.6775 8.7458 14.7701L4.11506 17.504C3.73827 17.7264 3.2777 17.3918 3.37283 16.9647L4.54194 11.7158C4.58153 11.538 4.52135 11.3528 4.38484 11.2323L0.353771 7.673C0.0257726 7.38339 0.201695 6.84196 0.63728 6.80045L5.99057 6.29034C6.17186 6.27307 6.32942 6.15859 6.40187 5.99152L8.54127 1.05787Z' fill='%23CBD5E1' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 2rem 2rem;
    background-size: 2rem;
    background-position: center;
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
    padding: 0.3rem;
    margin: 0;
}

.rating__add > input {
    display: none;
}

.rating__add > input:checked ~ label,
.rating__add:not(:checked) > label:hover,
.rating__add:not(:checked) > label:hover ~ label {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.54127 1.05787C8.71535 0.656427 9.28465 0.656426 9.45873 1.05787L11.5981 5.99152C11.6706 6.15859 11.8281 6.27307 12.0094 6.29034L17.3627 6.80045C17.7983 6.84196 17.9742 7.38339 17.6462 7.673L13.6152 11.2323C13.4786 11.3528 13.4185 11.538 13.4581 11.7158L14.6272 16.9647C14.7223 17.3918 14.2617 17.7264 13.8849 17.504L9.2542 14.7701C9.09738 14.6775 8.90262 14.6775 8.7458 14.7701L4.11506 17.504C3.73827 17.7264 3.2777 17.3918 3.37283 16.9647L4.54194 11.7158C4.58153 11.538 4.52135 11.3528 4.38484 11.2323L0.353771 7.673C0.0257726 7.38339 0.201695 6.84196 0.63728 6.80045L5.99057 6.29034C6.17186 6.27307 6.32942 6.15859 6.40187 5.99152L8.54127 1.05787Z' fill='%23FFC046' /%3E%3C/svg%3E");
}

.rating__add > input:checked + label:hover,
.rating__add > input:checked ~ label:hover,
.rating__add > label:hover ~ input:checked ~ label,
.rating__add > input:checked ~ label:hover ~ label {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.54127 1.05787C8.71535 0.656427 9.28465 0.656426 9.45873 1.05787L11.5981 5.99152C11.6706 6.15859 11.8281 6.27307 12.0094 6.29034L17.3627 6.80045C17.7983 6.84196 17.9742 7.38339 17.6462 7.673L13.6152 11.2323C13.4786 11.3528 13.4185 11.538 13.4581 11.7158L14.6272 16.9647C14.7223 17.3918 14.2617 17.7264 13.8849 17.504L9.2542 14.7701C9.09738 14.6775 8.90262 14.6775 8.7458 14.7701L4.11506 17.504C3.73827 17.7264 3.2777 17.3918 3.37283 16.9647L4.54194 11.7158C4.58153 11.538 4.52135 11.3528 4.38484 11.2323L0.353771 7.673C0.0257726 7.38339 0.201695 6.84196 0.63728 6.80045L5.99057 6.29034C6.17186 6.27307 6.32942 6.15859 6.40187 5.99152L8.54127 1.05787Z' fill='%23FFC046' /%3E%3C/svg%3E");
}

/*--- products__recommended ------ */
.products__recommended {
    padding: 4.1rem 0 8rem;
}
.products__recommended h4 {
    margin-bottom: 4.1rem;
}
.products__recommended .slick-list {
    padding: 0.5rem !important;
}

/* -------------- accordion__section --------- */
.accordion__section .section__inner {
    position: relative;
    padding: 7.1rem 0 9.3rem;
}
.accordion__section .section__inner .element__bg {
    width: 45.1rem;
    height: 46.4rem;
    right: -27.4rem;
    top: 0.9rem;
}

.accordion__section .accordion {
    max-width: 95rem;
    width: 100%;
}

.accordion__section .accordion__item {
    margin-bottom: 3.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.accordion__section .question {
    font-family: var(--second-family);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    color: var(--text-color);
    border-bottom: 0.1rem solid var(--stroke-2);
    padding-bottom: 1.6rem;
    position: relative;
}
.accordion__section .question i {
    position: absolute;
    right: 0.7rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.accordion__section .question i::after,
.accordion__section .question i::before {
    content: "";
    background: var(--text-color);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.accordion__section .question i::before {
    width: 100%;
    height: 0.12rem;
}
.accordion__section .question i::after {
    width: 0.12rem;
    height: 100%;
}
.accordion__section .question.opened i::before {
    width: 100%;
    height: 0.12rem;
}
.accordion__section .question.opened i::after {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    opacity: 0;
}

.accordion__section .answer {
    padding-top: 1.6rem;
}

.accordion__section .btn_submit {
    margin-top: 1.4rem;
}

.accordion__section table {
    width: 100%;
}

.rating__add__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 3rem;
}

.review__empty {
    margin-bottom: 3.2rem;
}

.reviews__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.reviews__form__wrapper {
    margin-top: 6.7rem;
}
.reviews__form__wrapper h4 {
    margin-bottom: 3rem;
}

.reviews__items {
    width: 100%;
}
.reviews__items .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.6rem;
}

.reviews__item {
    border-bottom: 0.1rem solid var(--stroke);
    margin-bottom: 2.8rem;
}
.reviews__item .reviews__item__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.reviews__item .reviews__item__left {
    padding-right: 2rem;
}
.reviews__item .reviews__item__left h6 {
    margin-bottom: 0.4rem;
}
.reviews__item .reviews__item__left .reviev__date {
    font-weight: 500;
    font-size: 1.4rem;
}
.reviews__item .reviev__date {
    font-weight: 500;
    font-size: 1.4rem;
}
.reviews__item .reviews__item__right {
    padding-right: 2.2rem;
}

.review__rating__box {
    position: relative;
    padding-left: 2.5rem;
    font-weight: 600;
    font-size: 1.8rem;
    color: var(--black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.22;
}
.review__rating__box::before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: calc(50% - 0.2rem);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.54127 1.05787C8.71535 0.656427 9.28465 0.656426 9.45873 1.05787L11.5981 5.99152C11.6706 6.15859 11.8281 6.27307 12.0094 6.29034L17.3627 6.80045C17.7983 6.84196 17.9742 7.38339 17.6462 7.673L13.6152 11.2323C13.4786 11.3528 13.4185 11.538 13.4581 11.7158L14.6272 16.9647C14.7223 17.3918 14.2617 17.7264 13.8849 17.504L9.2542 14.7701C9.09738 14.6775 8.90262 14.6775 8.7458 14.7701L4.11506 17.504C3.73827 17.7264 3.2777 17.3918 3.37283 16.9647L4.54194 11.7158C4.58153 11.538 4.52135 11.3528 4.38484 11.2323L0.353771 7.673C0.0257726 7.38339 0.201695 6.84196 0.63728 6.80045L5.99057 6.29034C6.17186 6.27307 6.32942 6.15859 6.40187 5.99152L8.54127 1.05787Z' fill='%23FFC046' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 2rem 2rem;
    background-size: 2rem;
    background-position: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
}

/* ----- section__information -------- */
.section__information {
    padding: 5rem 0;
}
.section__information p {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
    margin-bottom: 2.8rem;
}
.section__information h1 {
    margin-bottom: 4rem;
    font-size: 3.2rem;
    line-height: 1.34;
}
.section__information h2,
.section__information h3,
.section__information h4,
.section__information h5,
.section__information h6 {
    margin-bottom: 2.4rem;
}
.section__information .left {
    width: 26.45%;
    padding-right: 4rem;
}
.section__information .right {
    width: 73.55%;
}
.section__information .information__items {
    margin-bottom: 2.8rem;
}
.section__information .information__item {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
    padding-left: 4.3rem;
    position: relative;
    margin-bottom: 1.3rem;
}
.section__information .information__item img {
    position: absolute;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    margin-right: 1.3rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: -0.1rem;
    left: 0;
}

.tabs2__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tabs2__items .tabs2__item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 3.2rem;
}

.tabs2__item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.14;
    color: var(--sub-text-color);
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    padding: 0.5rem 1.1rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tabs2__item.active,
.tabs2__item:hover {
    background: var(--text-color);
    border-color: var(--text-color);
    color: var(--white);
}

/* ------ section__account ---------- */
.section__account {
    padding: 5rem 0;
}
.section__account .left {
    width: 26.45%;
    padding-right: 4rem;
}
.section__account .right {
    width: 73.55%;
}
.section__account h1 {
    margin-bottom: 4rem;
    font-size: 3.2rem;
    line-height: 1.34;
}
.section__account h3 {
    margin-bottom: 3.2rem;
}
.section__account .account__form {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 3rem 2rem;
    margin-bottom: 3.2rem;
}
.section__account .account__form h4 {
    margin-bottom: 3.4rem;
}
.section__account .btn__box {
    margin-top: 0.8rem;
}
.section__account .btn,
.section__account .btn__white {
    text-transform: none;
}
.section__account .order__empty {
    margin-bottom: 3.2rem;
}
.section__account .order__empty p {
    font-family: var(--font-family);
}
.section__account .order__empty__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.4rem;
}
.section__account .order__empty__title svg {
    width: 4.5rem;
    min-width: 4.5rem;
    margin-right: 1.4rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.section__account .order__empty__title h5 {
    margin-bottom: 0;
}
.section__account .product__cart__items__wrapper {
    max-width: 73rem;
    padding: 3rem 2.4rem 2rem;
}
.section__account .order__progress__wrapper {
    margin-bottom: 4rem;
    margin-top: 2.6rem;
}
.section__account .order__progress {
    background: var(--stroke-2);
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    width: 100%;
    height: 0.6rem;
    position: relative;
    overflow: hidden;
}
.section__account .order__progress__active {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--text-color);
}
.section__account .order__progress__status {
    margin-top: 3.6rem;
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--sub-text-color);
}
.section__account .product__cart__item {
    margin-bottom: 2.6rem;
    padding-bottom: 2.6rem;
}
.section__account .product__cart__item:last-child {
    margin-bottom: 0;
}
.section__account .product__cart__total .total {
    padding: 0;
    border: 0;
    margin: 0;
}

/* ----------- section__thanks --------*/
.section__thanks {
    padding: 5rem 0;
}
.section__thanks h1 {
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
}
.section__thanks .section__inner {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}
.section__thanks .left {
    width: 55.47%;
}
.section__thanks p {
    font-family: var(--font-family);
}
.section__thanks p strong {
    color: var(--text-color);
}
.section__thanks .content__box {
    padding: 10.8rem 0 4.5rem 9.5rem;
}
.section__thanks .btn__box {
    margin-top: 3.2rem;
}
.section__thanks .img__wrapper {
    max-width: 45.8rem;
}
.section__thanks .img__wrapper .img__box {
    padding-top: 48%;
}
.section__thanks .right {
    width: 44.53%;
    padding: 4rem 3.2rem 3.2rem 5.8rem;
}
.section__thanks .product__cart__items__wrapper {
    padding: 3.2rem 2.4rem;
}
.section__thanks .product__cart__items__wrapper h5 {
    margin-bottom: 2.6rem;
}
.section__thanks .product__cart__item {
    margin-bottom: 2.6rem;
    padding-bottom: 2.6rem;
}
.section__thanks .product__cart__item:last-child {
    margin-bottom: 0;
}

/* ------- section__checkout -------- */
.section__checkout {
    padding: 5rem 0 4.2rem;
}
.section__checkout .section__body {
    padding-top: 3.8rem;
}
.section__checkout .left {
    width: 59.77%;
}
.section__checkout .checkout__form__wrapper {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 3rem 2rem;
}
.section__checkout .form__step {
    margin-top: 3.4rem;
    padding-top: 3.4rem;
    border-top: 0.1rem solid var(--stroke-2);
}
.section__checkout .form__step h5 {
    margin-bottom: 2.5rem;
}
.section__checkout .form__step:first-child {
    border: 0;
    padding-top: 0;
    margin-top: 0;
}
.section__checkout .tabs2__items {
    margin: -1.2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.section__checkout .tabs2__item {
    margin: 1.2rem;
}
.section__checkout .tabs2__body__items {
    margin-top: 3.4rem;
}
.section__checkout .delivery__item {
    margin-top: 2.4rem;
}
.section__checkout .radio {
    margin-bottom: 2rem;
}
.section__checkout .radio label {
    margin-bottom: 0;
}
.section__checkout .step__payment {
    margin-top: 1.4rem;
}
.section__checkout .form-btn {
    margin-top: 1.4rem;
}
.section__checkout .btn {
    text-transform: none;
}
.section__checkout .right {
    width: 40.23%;
    padding-left: 3.7rem;
}
.section__checkout .product__cart__items {
    margin-top: 2.6rem;
}
.section__checkout .product__cart__item {
    margin-bottom: 2.6rem;
    padding-bottom: 2.6rem;
    border-bottom: 0.1rem solid var(--stroke-2);
}
.section__checkout .product__cart__item:last-child {
    margin-bottom: 1.4rem;
}
.section__checkout .total {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    margin-bottom: 1.4rem;
}
.section__checkout .product__cart__checkbox label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--sub-text-color);
    padding-left: 2.6rem;
    margin-bottom: 1.7rem;
}
.section__checkout .product__cart__checkbox .custom-checkbox + label::before {
    top: 0.4rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.section__checkout .step__payment__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.section__checkout .delivery__item__body {
    padding-left: 3.2rem;
}

/* ---------- section__404 --------- */
.section__404 {
    padding: 5rem 0;
}
.section__404 h1 {
    font-size: 17rem;
}
.section__404 .section__inner {
    border: 0.1rem solid var(--stroke-2);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 3.2rem 2.4rem;
    max-width: 65rem;
    margin: 0 auto;
    text-align: center;
}
.section__404 .btn__box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* ------------ new style --------- */

.variations_form select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M16.2071 9.79289C15.8166 9.40237 15.1834 9.40237 14.7929 9.79289L12 12.5858L9.20711 9.79289C8.81658 9.40237 8.18342 9.40237 7.79289 9.79289C7.40237 10.1834 7.40237 10.8166 7.79289 11.2071L11.2929 14.7071C11.6834 15.0976 12.3166 15.0976 12.7071 14.7071L16.2071 11.2071C16.5976 10.8166 16.5976 10.1834 16.2071 9.79289Z' fill='currentColor'/></svg>");
    background-repeat: no-repeat;
    background-position: right 1.2rem center;
    background-size: 2.4rem 2.4rem;
    padding-right: 4.8rem;
}
.variations_form label {
    padding-right: 1.6rem;
}
.woocommerce-cart-form button.button {
    margin-left: auto;
}
.woocommerce-cart-form .coupon button.button {
    margin-left: 0;
}
.woocommerce-cart-form .coupon input {
    padding-left: 5.2rem !important;
    border: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-height: 4.8rem;
    height: 4.8rem;
}