@media only screen and (max-width: 1400px) {
    html {
        font-size: 9.7px;
    }
}
@media only screen and (max-width: 1350px) {
    html {
        font-size: 9.3px;
    }
}

@media only screen and (max-width: 1300px) {
    html {
        font-size: 9px;
    }
}
@media only screen and (max-width: 1250px) {
    html {
        font-size: 8.7px;
    }
}

@media only screen and (max-width: 1200px) {
    html {
        font-size: 8.3px;
    }
}

@media only screen and (max-width: 1150px) {
    html {
        font-size: 8px;
    }
}

@media only screen and (max-width: 1100px) {
    html {
        font-size: 7.7px;
    }
}
@media only screen and (max-width: 1050px) {
    html {
        font-size: 7.6px;
    }
}
/*@media only screen and (max-width: 992px) {
  html {
    font-size: 6.7px;
  }
}
@media only screen and (max-width: 886px) {
  html {
    font-size: 6.3px;
  }
} */

@media only screen and (max-width: 1024px) {
    html {
        font-size: 62.5%;
    }
    .container {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .rows {
        flex-direction: column;
    }

    .column {
        width: 100% !important;
    }
    .btn__box {
        flex-wrap: wrap;
    }
    .subtitle {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .btn,
    .btn__white,
    .btn__img,
    .cart-collaterals a.button.checkout-button,
    .woocommerce-cart-form button.button {
        min-width: 15rem !important;
        border-radius: 1.4rem;
        padding: 1.2rem 1.4rem;
        height: 4rem;
        min-height: 4rem;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 1.17;
    }

    label {
        font-size: 1.2rem;
        line-height: 1.33;
        margin-bottom: 0.8rem;
    }
    textarea {
        min-height: 8rem;
    }
    input,
    select,
    .woocommerce-cart-form .coupon input {
        min-height: 4rem;
        height: 4rem;
    }
    input,
    select,
    textarea {
        padding: 1.3rem 1.2rem;
        font-size: 1.2rem;
        line-height: 1.17;
    }
    .form-imput,
    .form-item {
        margin-bottom: 1.2rem;
        display: flex;
        flex-direction: column;
    }

    .base-bottom-margin,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .subtitle,
    p,
    .services__block .img__box {
        margin-bottom: 1.2rem;
    }

    h1 {
        font-size: 3.6rem;
        line-height: 1.2;
    }
    h2 {
        font-size: 3.6rem;
        line-height: 1.2;
    }

    h3 {
        font-weight: 600;
        font-size: 2rem;
        line-height: 1.3;
    }

    h4 {
        font-size: 2rem;
    }

    h5 {
        font-size: 1.8rem;
    }
    h6 {
        font-size: 1.6rem;
    }

    main {
        padding-top: 5.1rem;
    }

    .hero h1 {
        font-weight: 600;
        font-size: 4rem;
        line-height: 1.11;
        letter-spacing: -0.02em;
    }

    .slick-arrow {
    }
    .slick-arrow::before {
    }
    body {
    }

    .section__body {
        padding-top: 2.6rem;
    }

    /* -------- header ---------- */

    .header {
        height: 5.1rem;
    }
    .header .container {
        max-width: 100%;
        padding: 0.5rem 2.4rem;
    }
    .main__nav {
        position: fixed;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        transition: all 0.5s ease-in-out;
        background: var(--white);
        z-index: 5;
        height: 100dvh;
        max-width: 50rem;
        width: 100%;
    }
    .header .main__menu {
        flex-direction: column;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
    }
    .header.show .main__nav {
        transform: translateX(0);
    }
    .header .header__btn {
        width: 3rem;
        height: 3rem;
        min-width: 3rem;
    }
    .header .header__inner {
        justify-content: space-between;
    }
    .header .header__logo {
        max-width: 5.7rem;
        margin-right: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .header .menu__close {
        width: 2.6rem;
        height: 2.6rem;
        position: absolute;
        top: 54%;
        transform: translateY(-50%);
        right: 2.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header .menu__close svg {
        width: 1.2rem;
        height: 1.2rem;
    }
    .header .main__nav__header {
        padding: 2.3rem 2.4rem 1.6rem;
        position: relative;
    }
    .header .main__nav__inner {
        padding: 3rem 2.4rem;
        flex-direction: column;
        height: calc(100dvh - 6.7rem);
        overflow-y: scroll;
    }
    .header .socials__list {
        justify-content: center;
    }
    .search__header {
        top: 0;
        width: 100%;
        position: relative;
        margin-bottom: 2.2rem;
        opacity: 1;
        visibility: visible;
    }
    .search__header .search__header__inner {
        padding: 0;
    }
    .header .main__nav__header::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: calc(100% - 4.8rem);
        left: 2.4rem;
        background: var(--stroke-2);
        height: 0.1rem;
    }
    .header .main__nav__header .header__logo {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        margin: 0 auto;
    }
    .header .header__btn svg {
        width: 1.2rem;
        min-width: 1.2rem;
        height: 1.2rem;
    }
    .header .cart__btn__inner span {
        top: -0.5rem;
        right: -0.5rem;
        min-width: 1.2rem;
        height: 1.2rem;
        padding: 0.1rem 0.1rem 0.2rem 0.1rem;

        font-weight: 400;
        font-size: 0.8rem;
    }
    .header .menu-item a {
        padding: 0;
        height: auto;
    }
    .header .menu-item-has-children > .sub__menu {
        opacity: 1;
        visibility: visible;
        position: relative;
        padding: 0;
        display: none;
        flex-direction: column;
        left: 0;

        transform: translateX(0);
        gap: 0;
        width: 100%;

        border-top: 0;
        border-bottom: 0;
        margin-top: 2rem;
    }
    .header .menu-item a {
        position: relative;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.71 !important;
        text-transform: uppercase;
        display: inline-block;
    }
    .header .menu-item {
        width: 100%;
        max-width: 100% !important;
        padding-bottom: 1.6rem;
        border-bottom: 0.1rem solid var(--stroke-2);
        margin: 0;

        margin-top: 1.6rem;
    }

    .header .menu-item-has-children > .sub__menu .menu-item-has-children > a {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 1.6rem;
    }
    .header .menu-item a::before {
        display: none;
    }
    .header .sub__menu a {
        font-weight: 600;
        text-transform: none;
        color: var(--sub-text-color);
    }
    .header .sub__menu .sub__menu a {
        font-weight: 400 !important;
    }
    .header .sub__menu {
        display: none;
    }
    .header .menu__arrow {
        display: flex;
    }
    .header .menu-item-has-children > a,
    .header .menu-item-has-children .menu-item-has-children > a {
        padding-right: 3rem;
    }
    .header .menu__footer {
        padding: 3rem 0;
    }
    .header .menu-item-has-children > .sub__menu .menu-item {
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 0;
    }
    .header .menu-item-has-children a {
        margin-bottom: 1.6rem;
    }
    .header .menu-item-has-children > a {
        margin-bottom: 0;
    }
    .header .menu-item-has-children > .sub__menu .sub__menu {
        padding-left: 2rem;
        margin-top: 0;
    }

    /*--------- hero ------------ */

    .hero {
        position: relative;
        min-height: 50rem;
        padding: 5rem 0;
        height: 127.22vw;
        max-height: 55rem;
    }
    .hero .section__inner {
        justify-content: flex-start;
    }
    .hero .content__side {
        max-width: 100%;
    }
    .hero .subtitle {
        font-size: 2.4rem;
        font-weight: 600;
        margin: 0 auto 8rem;
    }
    /* ------- believe__section -------- */
    .believe__section {
        padding: 2.3rem 0 1.6rem;
    }
    .believe__item .believe__item__img {
        max-width: 6.3rem;
        margin: 0 auto 1rem;
    }
    .believe__item h6 {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .believe__section h3 {
        margin-bottom: 0.8rem;
    }
    .believe__items .believe__item {
        margin: 1.5rem;
        width: calc(100% / 4 - 3rem);
    }
    .believe__items {
        margin: -1.5rem;
        width: calc(100% + 3rem);
    }
    /* --------- products__section --------- */
    .products__section {
        padding: 2.2rem 0 3rem;
    }
    .products__section .section__body {
        padding-top: 2rem;
    }
    .products__section .product__item {
        padding: 1rem 0.6rem;
    }
    .products__section .tabs__body {
        margin-top: 1rem;
    }
    .products__section .tabs__item {
        min-width: 6.9rem;
        border-bottom: 0.1rem solid transparent;
        font-size: 1rem;
        line-height: 2.4;
    }
    .products__section .tabs__items::before {
        height: 0.1rem;
    }
    .products__section .tabs__items {
        /* overflow-x: auto; */
    }
    .products__section .products__tabs__slider {
        width: calc(100% + 3rem) !important;
    }
    .products__section .slick-list {
        overflow: visible;
    }
    .product__item .product__item__content {
        padding-top: 0.8rem;
        flex-direction: column;
    }
    .product__item .right {
        text-align: start;
        margin-top: 0.4rem;
        padding: 0;
    }
    .product__item .product__item__price {
        flex-direction: row;
        flex-wrap: wrap;
        font-weight: 600;
        font-size: 1.1rem;
        line-height: 1.32;
    }
    .product__item .product__item__label2 {
        font-size: 1.2rem;
    }
    .product__item .price__old {
        margin-right: 0.5rem;
        font-size: 1.1rem;
        line-height: 1.32;
    }
    .product__item .price__new {
        font-size: 1.1rem;
        line-height: 1.32;
    }
    .product__item .product__item__name {
        margin-bottom: 0.4rem;
        font-size: 1.4rem;
        line-height: 1.71;
    }
    .product__item .product__item__label {
        font-size: 0.9rem;
        line-height: 1.56;
    }
    .product__item .product__item__img .label {
        left: 0.8rem;
        top: 0.8rem;
        padding: 0.4rem 0.5rem;
        font-size: 0.7rem;
    }
    .product__item .button__add__cart {
        position: absolute;
        top: 0.8rem !important;
        right: 0.8rem;
        width: 2rem;
        height: 2rem;
    }
    .product__item .button__add__cart svg {
        width: 1.2rem;
        height: 1.2rem;
    }
    /* -------- guarantee__section ---------- */
    .guarantee__section {
        padding: 3.2rem 0;
    }
    .guarantee__section .section__body {
        padding-top: 1.2rem;
    }
    .guarantee__section .guarantee__item::before {
        display: none;
    }
    .guarantee__section .guarantee__item {
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.14;
        letter-spacing: -0.07em;
    }
    .guarantee__section .guarantee__img {
        margin-left: 0;
        width: 67.15%;
        height: 51.58%;
        top: 26.58%;
    }
    .guarantee__section .guarantee__img__box {
        padding-top: 91.86%;
    }
    .guarantee__section .section__body .content__side {
        max-width: 40.2rem;
        margin: 0 auto;
    }
    .guarantee__section .guarantee__item1 {
        top: 0;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 44.48%;
    }
    .guarantee__section .guarantee__item2 {
        top: 10.3%;
        left: auto;
        right: 0;
        text-align: end;
        width: 35.6%;
    }
    .guarantee__section .guarantee__item3 {
        top: 23.73%;
        left: 0;
        right: auto;
        text-align: start;
        width: 52.6%;
    }
    .guarantee__section .guarantee__item4 {
        left: auto;
        top: 65.05%;
        right: 0;
        width: 40%;
        text-align: end;
    }
    .guarantee__section .guarantee__item5 {
        right: auto;
        left: 0;
        top: 45.89%;
        text-align: start;
        width: 28.6%;
    }
    .guarantee__section .guarantee__item6 {
        left: auto;
        right: 5.23%;
        top: auto;
        bottom: 0;
        width: 35%;
        text-align: end;
    }
    .guarantee__section .guarantee__item7 {
        left: 0;

        transform: translateX(0);
        margin-left: 0;
        bottom: 0;
        width: 42.5%;
        text-align: start;
    }
    /* ------- recipe__catalog -------- */
    .recipe__catalog {
        padding: 4rem 0 5rem;
    }
    .recipe__catalog h3 {
        margin-bottom: 0.8rem;
    }
    /* ---------- snacks__section ------- */
    .snacks__section {
        padding: 3.2rem 0;
    }
    .snacks__section h3 {
        margin-bottom: 0.8rem;
    }
    .snacks__section .section__body {
        padding-top: 1.8rem;
    }
    .snacks__items {
        margin: -1.5rem;
        width: calc(100% + 3rem);
        justify-content: center;
    }
    .snacks__items .snacks__item {
        margin: 1.5rem;
        width: calc(100% / 3 - 3rem);
    }
    .snacks__item .believe__item__img {
        max-width: 6.5rem;
        box-shadow: none;
        background: var(--bezheviy-fon);
        margin: 0 auto 0.6rem;
    }
    .snacks__section .element__bg {
        display: none;
    }
    .snacks__item h6 {
        margin-bottom: 0.8rem;
    }
    .snacks__item p {
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .snacks__section .section__inner {
        min-height: auto;
    }
    .snacks__section .btn__box {
        padding-top: 2rem;
    }
    /* ----------- map__section -------- */

    .map__section .section__body {
        padding-top: 3rem;
    }
    .map__section .map__marker__btn {
        font-size: 1.4rem;
    }

    .map__section .map__marker1 .map__marker__popup {
        left: -2rem;

        transform: translateX(0);
    }
    .map__section .map__marker__popup {
        padding: 2rem 1.5rem;
        min-width: 29rem;
    }
    .map__section .map__marker__popup li {
        font-size: 1.4rem;
    }
    /* ---------- insta__section -------- */
    .insta__section {
        padding: 3.2rem 0 4.8rem;
    }

    .insta__section .section__header .content__side {
        max-width: 90rem;
        text-align: center;
    }
    .insta__section .section__header h3 {
        margin-bottom: 0.8rem;
    }
    .insta__section .section__body {
        padding-top: 2rem;
    }
    /* ------------ footer ---------- */
    .footer .footer__top {
        padding: 3.8rem 0 5.4rem;
    }
    .footer .logo__footer {
        max-width: 11.5rem;
        margin-bottom: 2rem;
    }
    .footer .footer__top .left {
        padding-right: 0;
    }
    .footer .footer__top .right {
        margin-top: 3.6rem;
    }
    .footer .footer__bottom {
        padding: 2.5rem 0 5.8rem;
    }
    .footer .socials__list {
        margin-right: 0;
    }
    .footer .footer__links {
        margin-top: 2.4rem;
    }
    .footer .footer__bottom .right {
        text-align: start;
        justify-content: flex-start;
        margin-top: 2.5rem;
    }
    .footer .widget h6 {
        margin-bottom: 0.8rem;
    }
    .footer .widget li {
        margin-top: 0.6rem;
    }
    .footer .footer__links li {
        margin-right: 1.6rem;
    }

    /* --------- product__items ----------- */
    .category__products {
        padding: 2.4rem 0;
    }
    .category__products .filter__box {
        border-bottom: 0;
        padding-bottom: 0;
        align-items: flex-start;
        flex-direction: column;
    }

    .category__products .filter__select {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 1.8rem;

        transform: translateY(0);
    }
    .filter__items__wrapper {
        padding: 1rem 0;
        margin: 0 auto;
        max-width: 70rem;
        order: -1;
        padding-bottom: 2.5rem;
        border-bottom: 0.1rem solid var(--purple-crystal);
        position: relative;
    }
    .filter__items__wrapper::after {
        content: "";
        background: var(--purple-crystal);
        height: 0.1rem;
        width: 200vw;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        position: absolute;
    }

    .custom__select {
        height: 3rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.7;
        min-width: 16.2rem;
        border: 0.1rem solid var(--stroke-2);
    }
    .custom-select-trigger {
        padding: 0.5rem 3.7rem 0.5rem 1.2rem;
    }
    .custom-select-trigger::after {
        width: 2rem;
        height: 2rem;
        border: 0.1rem solid var(--stroke-2);
        background-size: 2rem;
    }
    .filter__item a {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.33;
    }
    .filter__item {
        margin: 0.3rem;
    }
    .filter__items {
        margin: -0.3rem;
    }

    /* ---------- banner__section -------- */

    .banner__section {
        padding: 5rem 0;
    }
    .banner__section h5 {
        margin-bottom: 0.8rem;
        font-size: 2rem;
        line-height: 1.3;
    }
    .banner__section .rows {
        flex-direction: row;
    }
    .banner__section .btn__box {
        margin-top: 2rem;
    }
    .banner__section .left {
        padding: 2rem 0;
    }
    .banner__section p {
        font-weight: 400;
        font-size: 1.6;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    /* --------- product__hero ---------- */
    .product__hero .right {
        padding-left: 0;
        margin-top: 1.6rem;
    }
    .product__hero {
        padding: 2.4rem 0 1rem;
    }
    .product__hero h1 {
        margin-bottom: 1.2rem;
        font-size: 2rem;
        line-height: 1.3;
    }
    .product__hero .subtitle {
        max-width: 100%;
        margin-bottom: 1.6rem;
    }
    .product__hero .product__price {
        margin-bottom: 1.2rem;
        font-size: 2.4rem;
    }
    .product__hero .product__price__old {
        font-size: 2rem;
    }
    .product__hero .btn__wrapper {
        margin-top: 1.6rem;
        gap: 1.6rem;
    }
    .product__hero .product__quantity {
        margin-right: 0;
    }
    .radio__label + label {
        font-size: 1rem;
        line-height: 1.2;

        padding: 1.2rem 1.2rem;
        min-width: 6.6rem;
        height: 3.6rem;
        margin-bottom: 0;
    }
    .product__hero .quantity_inner {
        max-width: 15rem;
        min-width: 15rem;
        min-height: 4rem;
        height: 4rem;

        padding: 0.4rem 0.5rem;

        border-radius: 4rem;
    }

    .product__hero .quantity__btn {
        width: 3.2rem;
        height: 3.2rem;
        min-width: 3.2rem;
    }
    .product__hero .bt_plus::after {
        width: 1.5rem;
        height: 1.3rem;
        background-size: 1.5rem 1.3rem;
    }
    .product__hero .bt_minus::after {
        width: 1.4rem;
        height: 1.2rem;
        background-size: 1.4rem 1.2rem;
    }

    .product__hero .btn__img {
        text-transform: uppercase;
    }
    .product__hero .btn__img svg {
        width: 2rem;
        height: 1.9rem;
    }
    .accordion__section .section__inner .element__bg {
        display: none;
    }
    .accordion__section .section__inner {
        padding: 2rem 0 2rem;
    }
    .accordion__section .question {
        font-size: 2rem;
        line-height: 1.3;
    }
    .custom__table table thead th {
        padding: 1rem;
    }
    .custom__table table td {
        padding: 1rem;
    }

    .accordion__section .question i {
        top: 33%;
    }
    .reviews__item {
        margin-bottom: 1.6rem;
    }
    .rating__add__wrapper {
        margin-bottom: 2rem;
    }
    .rating__add__title {
        font-size: 1.6rem;
    }
    .reviews__items .btn__box {
        margin-top: 1.6rem;
    }
    .reviews__form__wrapper {
        margin-top: 3rem;
    }
    .accordion__section .accordion__item:last-child {
        margin-bottom: 0;
    }

    .products__recommended {
        padding: 2.5rem 0 5.3rem;
    }
    .products__recommended h4 {
        margin-bottom: 2.2rem;
    }
    .products__recommended .slick-list {
        overflow: visible;
    }
    .products__recommended .products__tabs__slider {
        width: 100%;
    }

    /* ----------- section__checkout --------- */
    .section__checkout {
        padding: 2.4rem 0 1rem;
    }
    .section__checkout h1 {
        font-size: 20px;
        line-height: 1.3;
        font-weight: 600;
    }
    .section__checkout .section__body {
        padding-top: 1.4rem;
    }
    .section__checkout .right {
        padding-left: 0;
        order: -1;
        padding-bottom: 2.4rem;
    }
    .product__cart__items__wrapper {
        padding: 1.3rem 1.6rem;
    }
    .product__cart__items__wrapper h5 {
        font-size: 1.6rem;
        margin-bottom: 1.8rem;
    }
    .product__cart__item .product__cart__item__img {
        width: 6.6rem;
        min-width: 6.6rem;
    }
    .product__cart__item .product__cart__item__content {
        padding-left: 1.6rem;
    }

    .product__cart__item .quantity_inner,
    .woocommerce-cart-form .quantity_inner {
        max-width: 8.6rem;
        min-width: 8.6rem;
        min-height: 3rem;
        height: 3rem;
        padding: 0.45rem 0.3rem;
    }
    .quantity__btn {
        width: 2.1rem;
        height: 2.1rem;
        min-width: 2.1rem;
    }

    .bt_plus::after {
        width: 1.1rem;
        height: 1rem;
        background-size: 1.1rem 1rem;
    }
    .bt_minus::after {
        width: 1.1rem;
        height: 1rem;
        background-size: 1.1rem 1rem;
    }
    .quantity {
        font-size: 1.4rem;
    }
    .product__cart__item .product__title {
        font-size: 1.4rem;
        line-height: 1.71;
        margin-bottom: 1.2rem;
    }
    .product__cart__item .product__cart__item__top {
        padding-right: 2.8rem;
    }
    .product__cart__item .product__price {
        margin-top: 1.2rem;
        font-size: 1.4rem;
        line-height: 1.3;
    }
    .product__cart__item .product__cart__item__bottom {
        margin-top: 0;
    }
    .section__checkout .product__cart__item {
        margin-bottom: 1.9rem;
        padding-bottom: 1.8rem;
    }
    .total__title {
        font-size: 1.6rem;
        line-height: 1.5;
        margin-right: 2rem;
    }
    .total__price {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .section__checkout .product__cart__checkbox label {
        font-size: 1.2rem;
        margin-bottom: 1.7rem;
    }
    .section__checkout .left {
        margin-top: 1rem;
    }
    .section__checkout .checkout__form__wrapper {
        padding: 1.4rem 1.2rem;
    }
    .tabs2__item {
        font-size: 1.2rem;
        line-height: 1.17;
    }
    .section__checkout .form__step h5 {
        margin-bottom: 1.4rem;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .section__checkout .tabs2__body__items {
        margin-top: 1.8rem;
    }
    .section__checkout .form__step {
        margin-top: 1.8rem;
        padding-top: 1.8rem;
    }
    .section__checkout .delivery__item {
        margin-top: 0.4rem;
    }
    .section__checkout .delivery__item__body {
        padding-left: 2.6rem;
    }
    .section__checkout .radio {
        margin-bottom: 1.6rem;
    }
    .custom-radio + label {
        padding-left: 2.6rem;

        font-size: 1.2rem;
        line-height: 1.33;
    }
    .section__checkout .form-btn {
        margin-top: 0.2rem;
    }
    .product__cart__checkbox {
        display: flex;
        flex-direction: column;
    }
    .section__checkout .product__cart__checkbox .custom-checkbox + label::before {
        top: 0;
    }
    .modal__window .modal__window_content__body {
        width: calc(100% + 4.8rem);
        margin: 0 -2.4rem;
        padding: 0 2.4rem;
        height: calc(100dvh - 9.2rem);
    }
    .modal__window.modal__right .modal__window__wrapper {
        padding: 3rem 2.4rem;
    }
    .product__cart__totals {
        padding: 2rem 1.6rem;
    }
    .product__cart__totals .subtotal__title {
        margin-bottom: 1.6rem;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .product__cart__totals .subtotal__title__item {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .product__cart__totals .subtotal__price {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .total {
        padding-top: 1.6rem;

        margin-bottom: 1.6rem;
    }
    .product__cart__totals .product__cart__promo {
        margin-bottom: 1.6rem;
    }
    .product__cart__totals .btn__box .btn {
        height: 4rem;
        font-size: 1.2rem;
    }
    .product__cart__totals .product__cart__promo input,
    .woocommerce-cart-form .coupon input {
        min-height: 4rem;
        height: 4rem;
        padding-left: 3.6rem !important;
    }
    .woocommerce-cart-form .coupon {
        padding-bottom: 0 !important;
    }
    .product__cart__totals .product__cart__promo::after,
    .woocommerce-cart-form .coupon::after {
        background-size: 1.8rem;

        width: 1.8rem;
        height: 1.8rem;

        left: 0.8rem;
        top: 1.2rem;
    }
    .product__cart__totals .product__cart__promo .btn,
    .woocommerce-cart-form button.button {
        height: 4rem;
        min-height: 4rem;
        font-size: 1.2rem;
        min-width: auto !important;
    }

    .product__cart__totals .subtotal__item {
        margin-bottom: 1.6rem;
    }
    .modal__window.modal__right .modal__window__title {
        font-size: 2.4rem;
    }
    .modal__window.modal__right .modal__window_content__header .button__box {
        top: -0.4rem;
    }
    .free__shipping__wrapper {
        margin-bottom: 2.4rem;
    }
    .free__shipping__wrapper .free__shipping {
        font-size: 1.6rem;
    }

    .modal__window.modal__account .madal__window_content_inner {
        padding-top: 3rem;
    }

    .modal__window.modal__account .form-btn {
        margin-top: 2.4rem;
        padding: 0 1rem;
    }
    .modal__window.modal__account .btn {
        font-size: 1.2rem;

        border-radius: 4.2rem;
        min-height: 4rem;
    }
    .modal__window .checkbox label {
        font-size: 1.2rem;
        line-height: 1.33;
    }
    .modal__window .password__recovery {
        font-size: 1.2rem;
        line-height: 1.33;
    }
    .modal__window.modal__account .form-btn p {
        font-size: 1.2rem;
        line-height: 1.33;
    }
    .modal__window.modal__account .form__link {
        font-size: 1.2rem;
        line-height: 1.33;
    }

    /* --------- section__information --------- */
    .section__information {
        padding: 2.4rem 0 4.8rem;
    }
    .section__information .tabs2__items {
        flex-direction: row;
        margin: -0.3rem;
    }
    .section__information .tabs2__items .tabs2__item {
        margin: 0.3rem;
    }
    .section__information h1 {
        margin-bottom: 2.4rem;
        font-size: 2rem;

        font-weight: 600;
    }
    .section__information .left {
        padding-right: 0;
        margin-bottom: 1.9rem;
    }
    .section__information .tabs2__items {
        flex-direction: row;
        overflow-x: scroll;
        width: calc(100% + 4.8rem);
        margin: -0.3rem -2.4rem;
        padding: 0 2.1rem 0.5rem 2.1rem;
    }
    .section__information .tabs2__item {
        white-space: nowrap;
    }
    .section__information h2,
    .section__information h3,
    .section__information h4,
    .section__information h5,
    .section__information h6 {
        margin-bottom: 2rem;
    }
    .section__information p {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
        margin-bottom: 2.4rem;
    }
    .section__information .information__item {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
        margin-bottom: 1.4rem;
    }
    .section__information .information__item img {
        top: 50%;
        transform: translateY(-50%);
    }
    .list__custom li {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
        margin-bottom: 2.4rem;
    }
    /* -------- recipes__section -------- */
    .recipes__section {
        padding: 2.4rem 0 3.6rem;
    }
    .recipe__items {
        width: calc(100% + 2rem);
        margin: -1.7rem -1rem;
    }
    .recipe__items .recipe__item {
        width: calc(100% / 3 - 2rem);
        margin: 1.7rem 1rem;
    }

    .recipes__filter a {
        font-size: 1.2rem;
        line-height: 1.33;
        padding: 0.5rem 1.1rem;

        margin: 0.3rem;
    }
    .recipes__section h1 {
        font-weight: 600;
        font-size: 2rem;
        line-height: 1.3;
    }
    .recipes__section .recipes__filter {
        margin: 0 auto 2.8rem;
    }
    .recipe__item .img__box {
        padding-top: 87.2%;
    }
    .recipe__item h6 {
        margin-top: 1.6rem;
        margin-bottom: 1rem;
        font-size: 2rem;
        line-height: 1.3;
    }
    .label__item {
        font-size: 1rem;
        line-height: 1.2;
    }
    .label__item img,
    .label__item svg {
        margin-right: 0.4rem;
        width: 1.5rem;
        min-width: 1.5rem;
        height: 1.5rem;
    }
    .recipes__section .recipe__items {
        margin-bottom: 2.8rem;
    }
    /* ------- recipe__hero --------- */
    .recipe__hero {
        padding: 2.4rem 0 1.7rem;
    }
    .recipe__hero .img__wrapper {
        max-width: 65rem;
        margin: 0 auto;
    }
    .recipe__hero .right {
        padding-left: 0;
        margin-top: 1.9rem;
    }
    .recipe__hero h1 {
        margin-bottom: 2.2rem;
        font-weight: 600;
        font-size: 2rem;
        line-height: 1.3;
    }
    .recipe__hero .recipe__hero__top__box {
        max-width: 70rem;
    }
    .recipe__hero__table td {
        font-size: 1.4rem;

        line-height: 1.71;
        padding: 0.9rem;
    }
    .recipe__hero__table {
        margin: -0.9rem;
    }
    .recipe__hero .recipe__hero__table {
        margin-top: 1rem;
    }
    .recipe__hero .recipe__hero__bottom {
        margin-top: 1.9rem;
    }

    .article__slider__row .left {
        padding: 9.2rem 7rem 7rem 0;
    }
    .recipe__hero .right .content__side {
        max-width: 65rem;
        margin: 0 auto;
    }
    .article__slider__section {
        padding: 3.7rem 0 2rem;
    }
    .article__slider__section .article__slider__item {
        max-width: 65rem;
        margin: 0 auto;
        width: 100%;
    }
    .article__slider__row .left {
        padding: 0;
        margin-top: 2.4rem;
    }
    .article__slider__row .right {
        order: -1;
    }
    .article__slider__row h3 {
        padding-bottom: 2.2rem;
        margin-bottom: 2.2rem;
    }
    .article__slider__row p {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .article__slider__row .left .content__side {
        max-width: 65rem;
        margin: 0 auto;
    }
    /* ----- blog__section ------- */
    .blog__section.blog__hero {
        padding: 2.4rem 0 1.2rem;
    }
    .blog__section .rows {
        margin-top: 1.6rem;
    }
    .blog__section h1 {
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.36;
        margin-bottom: 0.8rem;
    }
    .blog__section .right {
        padding-left: 0;
    }
    .blog__section .left {
        padding-right: 0;
    }
    .blog__section p {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .blog__section .box__wrapper {
        margin-top: 0;
    }
    .blog__section .box__wrapper .right {
        order: -1;
    }
    .blog__section .box__wrapper .left {
        margin-top: 1.6rem;
    }
    .blog__section .box__wrapper .left .btn__box {
        justify-content: flex-end;
    }
    .blog__section .label__items {
        justify-content: flex-start;
    }
    /* ------- blocks__section ------- */
    .blocks__section {
        padding: 1.2rem 0 2.3rem;
    }
    .blocks__item .right {
        padding-left: 0;
        margin-top: 1.6rem;
        padding-right: 0 !important;
    }
    .blocks__item .left {
        order: -1 !important;
    }
    .blocks__item .img__wrapper {
        max-width: 65rem;
        margin: 0 auto;
    }
    .blocks__item h3 {
        margin-bottom: 0.8rem;
    }
    .blocks__item p {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .blocks__item .label__items {
        padding-top: 0;
        position: relative;
        order: -1;
    }
    .blocks__item.img__right .right .btn__box {
        justify-content: flex-end;
    }
    .blocks__item.img__right .label__items {
        justify-content: flex-start;
    }
    .blocks__item .btn__box {
        margin-top: 1rem;
    }
    .blocks__item .content__bottom {
        display: flex;
        flex-direction: column;
    }
    .blocks__items .blocks__item {
        margin-top: 2.4rem;
    }
    .blocks__section ul.page-numbers {
        margin-top: 3.2rem;
    }
    /* --------- article__hero --------*/
    .article__hero {
        padding: 2.4rem 0 1.2rem;
    }
    .article__hero .label__items {
        margin: 0rem -0.8rem -0.8rem;
    }
    .article__hero .label__items .label__item {
        margin: 0.8rem;
    }
    .text__section {
        padding: 1.2rem 0 2rem;
    }
    .text__section h1 {
        font-weight: 600;
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 2.4rem;
    }
    .text__section p {
        margin-bottom: 2.4rem;

        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .text__section h5 {
        margin-bottom: 0.8rem;

        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.62;
    }
    /* --------- section__account ---------- */
    .section__account {
        padding: 2.4rem 0 4rem;
    }
    .section__account .left {
        padding-right: 0;
        margin-bottom: 2.4rem;
    }
    .section__account h1 {
        margin-bottom: 2.4rem;
        font-size: 2.4rem;
        line-height: 1.34;
    }
    .section__account h3 {
        margin-bottom: 2.4rem;
    }
    .section__account .account__form {
        padding: 1.4rem 1.2rem 3rem;
    }
    .section__account .account__form h4 {
        margin-bottom: 1.8rem;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .section__account .btn__box {
        margin-top: 0;
    }

    .section__account .product__cart__items__wrapper {
        padding: 0;
        border: 0;
    }
    .section__account .product__cart__item {
        margin-bottom: 1.8rem;
        padding-bottom: 1.8rem;
    }
    .section__account h4 {
        margin-bottom: 1.8rem;
    }
    .section__account .order__progress__wrapper {
        margin-bottom: 1.8rem;
        margin-top: 1.8rem;
    }
    .section__account .order__progress__status {
        margin-top: 1.8rem;

        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .section__account .order__empty__title {
        margin-bottom: 2rem;
    }
    .section__account .order__empty__title h5 {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.25;
    }
    .section__account .order__empty p {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .section__account .order__empty .btn__box {
        margin-top: 3.4rem;
    }

    .section__thanks .content__box {
        padding: 0;
    }
    .section__thanks .right {
        padding: 0;
        margin-top: 4rem;
    }
    .section__thanks .product__cart__items__wrapper {
        padding: 0;
        border: 0;
    }
    .section__thanks .section__inner {
        padding: 2.6rem 1.6rem 20.7rem;
        position: relative;
        overflow: hidden;
    }
    .section__thanks .img__wrapper {
        max-width: 35rem;
        position: absolute;
        bottom: 0;
        left: -1rem;
    }
    .section__thanks .product__cart__item {
        margin-bottom: 1.8rem;
        padding-bottom: 1.8rem;
    }

    .section__thanks h1 {
        margin-bottom: 0.8rem;

        font-weight: 600;
        font-size: 2rem;
        line-height: 1.3;
    }
    .section__thanks p {
        font-family: var(--third-family);
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.37;
        letter-spacing: -0.06em;
    }
    .section__thanks .btn__box {
        margin-top: 1.6rem;
    }
    .section__thanks .product__cart__items__wrapper h5 {
        margin-bottom: 1.6rem;
    }
    .section__thanks {
        padding: 2.4rem 0;
    }
    .section__thanks .product__cart__item .product__cart__item__top {
        padding-right: 0;
    }
    /* ------ section__404 ------- */
    .section__404 {
        padding: 2.4rem 0;
    }
    .section__404 .section__inner {
        padding: 2.4rem 1.6rem;
    }
    .cart_totals h2 {
        font-size: 2.6rem;
    }
}

@media only screen and (max-width: 867px) {
    .snacks__items .snacks__item {
        width: calc(100% / 2 - 3rem);
    }
}
@media only screen and (max-width: 768px) {
    .woocommerce-cart-form .product__quantity {
        margin-left: auto;
        display: inline-block;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent !important;
    }
    .woocommerce-cart-form .coupon {
        display: flex;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .woocommerce-cart-form .coupon input,
    .woocommerce-cart-form button.button {
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .believe__items .believe__item {
        width: calc(100% / 2 - 3rem);
    }
    .recipe__items .recipe__item {
        width: calc(100% / 2 - 2rem);
    }
}
@media only screen and (max-width: 670px) {
    .footer .widget__items .widget {
        width: calc(100% / 2);
        margin-top: 2.8rem;
    }
    .footer .widget__items .widget:first-child {
        margin-top: 0;
    }
    .footer .widget__items .widget:nth-child(2) {
        margin-top: 0;
    }

    .reviews__item .reviews__item__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    .reviews__item .reviews__item__left {
        padding-right: 0;
        margin-bottom: 1rem;
    }
    .form-row {
        flex-direction: column;
        width: 100%;
    }
    .blog__section .img__wrapper {
        position: relative;
        padding-top: 87.2%;
    }
    .blog__section .img__wrapper img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .article__hero .img__wrapper {
        position: relative;
        padding-top: 43.6%;
    }
    .article__hero .img__wrapper img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .recipe__catalog .recipe__catalog__items .recipe__catalog__img {
        width: calc(100% / 2);
    }
    .insta__section .insta__img {
        width: calc(100% / 2);
    }
    .snacks__items .snacks__item {
        width: calc(100% - 3rem);
    }
    .product__items .product__item {
        width: calc(100% / 2);
    }
    .banner__section .right {
        padding-left: 0;
        margin-bottom: 2rem;
        order: -1;
    }
    .banner__section {
        position: relative;
    }
    .banner__section .left {
        padding: 0;
        position: static;
    }
    .banner__section .content__side {
        width: 100%;
    }
    .banner__section .img__wrapper {
        margin: 0 auto;
    }
    .banner__section .rows {
        flex-direction: column;
    }
    .recipe__items .recipe__item {
        width: calc(100% - 2rem);
    }
}

@media only screen and (max-width: 499px) {
    .book-cards .book-card {
        margin: 4vw 0.5rem;
        width: calc(100% / 2 - 1rem);
    }
    .book-cards .book-cards {
        margin: -4vw -0.5rem;
    }
    .book-card .book-card__book-back {
        transform: translateZ(-8.2vw);
    }
    .footer .widget__items .widget {
        width: calc(100%);
        padding: 0;
    }

    .footer .widget__items .widget:nth-child(2) {
        margin-top: 2.8rem;
    }
    .accordion__section .btn_submit {
        width: 100%;
    }
    .section__checkout .btn {
        width: 100%;
    }
}
@media only screen and (max-width: 400px) {
    .section__account .btn__box button,
    .section__account .btn__box a {
        width: 100%;
    }

    .section__404 h1 {
        font-size: 14rem;
    }
}
@media only screen and (max-width: 389px) {
}
@media only screen and (max-width: 380px) {
}
@media only screen and (max-width: 370px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 350px) {
}
@media only screen and (max-width: 340px) {
}
@media only screen and (max-width: 330px) {
}
@media only screen and (max-width: 320px) {
}