@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest/Onest-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}
:root {
    --color-milk: #F3EEF2;
    --color-white: #FFFFFF;
    --color-red: #ED1C24;
    --color-gray: #3b3b3b7e;
    --color-gray-dark: #252525;
    --color-black: #3B3B3B;
}
body{
    font-family: 'Onest';
    font-size: 1.33vw;
    color: var(--color-black);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.container{
    max-width: 96.66vw;
    margin: 0 auto;
    width: 100%;
}
a{
    color: var(--color-black);
}
.mobile{
    display: none !important;
}
section{
    margin-bottom: 11.66vw;
}
.btn{
    padding: 1.25vw 1.66vw;
    cursor: pointer;
    border: none;
    border-radius: 60px;
    transition: .3s all ease-in-out;
    font-weight: 400;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .account-auth__submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
    padding: 1.25vw 2.33vw !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 60px !important;
    transition: .3s all ease-in-out !important;
    font-weight: 400 !important;
    border: 1px solid var(--color-red)!important;
    background-color: var(--color-red)!important;
     color: var(--color-white) !important;
}
.btn-gray{
    border: 1px solid var(--color-milk);
    transition: .3s all ease-in-out;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover, .account-auth__submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
    background-color: #D8070F!important;
}
.btn-red{
    background-color: var(--color-red);
    color: var(--color-white);
}
.btn-red:hover{
    background-color: #D8070F;
}
.btn-gray:hover{
    border-color: var(--color-red);
    color: var(--color-red);
}
.btn-gray-active{
    background-color: var(--color-red);
}
.btn-trans{
    border: 1px solid var(--color-red);
    background-color: transparent;
    color: var(--color-gray-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

h2{
    font-size: 3.66vw;
    text-transform: uppercase;
    font-weight: 700;
}
.section__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.33vw;
}
.txt-red{
    color: var(--color-red) !important;
}


/* Шапка */
.header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5vw 0;
}
.header .custom-logo{
    width: 10.85vw;
    height: 2.1vw;
}
.header__nav-desctop{
    display: flex;
    gap: 2.75vw;
    align-items: center;
}
.header__btns{
    display: flex;
    gap: .5vw;
    align-items: center;
}
.header__btn{
    border-radius: 100%;
    padding: .9vw;
    background-color: var(--color-milk);
    border: none;
    cursor: pointer;
    width: 3.33vw;
    height: 3.33vw;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all ease-in-out;
}
.header__btn svg path{
    transition: .3s all ease-in-out;
}
.header__btn:first-child:hover svg path{
    stroke: var(--color-red);
}
.header__btn:not(:first-child):hover svg path{
    fill: var(--color-red);
}
.header__btn svg {
    width: 1.5vw;
    height: 1.5vw;
}
.header__btn-cart{
    position: relative;
}

.header__search-wrap{
    position: relative;
}
.header a{
    transition: .3s all ease-in-out;
}
.header a:hover{
    color: var(--color-red); 
}

.search-popup{
    position: fixed;
    z-index: 200;
    width: 33vw;
    padding: 1.5vw;
    border-radius: 20px;
    background-color: var(--color-milk);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}
.search-popup--open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.search-popup__form{
    display: flex;
    align-items: center;
    gap: 0.8vw;
}
.search-popup__field{
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}
.search-popup__icon{
    position: absolute;
    left: 1.2vw;
    width: 1.5vw;
    height: 1.5vw;
    pointer-events: none;
}
.search-popup__input{
    width: 100%;
    border: none;
    border-radius: 60px;
    background-color: var(--color-white);
    padding: 1.1vw 1.2vw 1.1vw 3.5vw;
    font: inherit;
    color: var(--color-gray-dark);
}
.search-popup__input:focus{
    outline: none;
}
.search-popup__submit{
    flex-shrink: 0;
    white-space: nowrap;
}

.header__cart-count{
    position: absolute;
    top: 0.4vw;
    right: 0.4vw;
    min-width: 1.33vw;
    height: 1.33vw;
    padding: 0 .3vw;
    border-radius: 100px;
    background-color: var(--color-red);
    color: var(--color-white);
    font-size: .75vw;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.header__cart-count--empty{
    display: none;
}

.call-mobile-menu__icon--close{
    display: none;
    width: 1.5vw;
    height: 1.5vw;
}
.call-mobile-menu__icon--burger{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
body.mobile-menu-open .call-mobile-menu__icon--burger{
    display: none;
}
body.mobile-menu-open .call-mobile-menu__icon--close{
    display: block;
}
body.mobile-menu-open{
    overflow: hidden;
}

.mobile-menu{
    position: fixed;
    inset: 0;
    z-index: 190;
    background-color: var(--color-white);
    padding-top: 11.5vw;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease;
}
.mobile-menu--open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.mobile-menu__inner{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 8vw;
    background-color: var(--color-milk);
}
.mobile-menu{
    background-color: var(--color-milk);
}
.mobile-menu__list{
    display: flex;
    flex-direction: column;
    gap: 4vw;
    font-size: 5.33vw;
    font-weight: 500;
}
.mobile-menu__list a{
    color: inherit;
    text-decoration: none;
    transition: color .3s ease-in-out;
}
.mobile-menu__list a:hover{
    color: var(--color-red);
}
.mobile-menu__contacts{
    display: flex;
    flex-direction: column;
    gap: 2.66vw;
}
.mobile-menu__contact{
    color: inherit;
    text-decoration: none;
    font-size: 4.26vw;
    transition: color .3s ease-in-out;
}
.mobile-menu__contact:hover{
    color: var(--color-red);
}

.header{
    position: relative;
    z-index: 200;
    background-color: var(--color-white);
}

.account-nav__mobile{
    display: none;
    align-items: center;
    gap: 1.25vw;
}
.account-nav__select{
    flex: 1;
    min-width: 0;
}
.account-nav__select-list .account-nav__select-item{
    text-decoration: none;
    display: block;
}
.account-nav__logout{
    flex-shrink: 0;
    padding: .8vw 2vw;
    border-radius: 60px;
    border: 1px solid var(--color-red);
    color: var(--color-gray-dark);
    text-decoration: none;
    white-space: nowrap;
    transition: .3s all ease-in-out;
}
.account-nav__logout:hover{
    background-color: var(--color-red);
    color: var(--color-white);
}

.added_to_cart.wc-forward{
    display: none !important;
}

.cart-notice{
    position: fixed;
    right: 1.66vw;
    bottom: 1.66vw;
    z-index: 1000;
    width: 28vw;
    padding: 1.66vw;
    border-radius: 20px;
    background-color: #F6FFF7;
    border: 1px solid #48C15E;
    box-shadow: 0 10px 40px rgba(37, 37, 37, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(1vw);
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}
.cart-notice__content{
    display: grid;
    gap: .8vw;
    align-items: start;
    grid-template-columns: 2vw 1fr;
}
.cart-notice__content img{
    grid-row: 1 / 3;
}
.cart-notice--visible{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.cart-notice__close{
    position: absolute;
    top: 1vw;
    right: 1vw;
    width: 1.66vw;
    height: 1.66vw;
    padding: 0;
    border: none;
    background: none;
    color: var(--color-gray);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-notice__close svg{
    width: 1.33vw;
    height: 1.33vw;
}
.cart-notice__title{
    font-weight: 500;
    margin-bottom: .4vw;
}
.cart-notice__name{
    color: var(--color-gray);
    font-size: 1.2vw;
}
.cart-notice__btn{
    text-align: center;
    display: block;
    background-color: var(--color-white);
    border: 1px solid var(--color-red);
    padding: .8vw 1.66vw;
    color: black;
    width: fit-content;
}
.cart-notice__content{
    margin-bottom: 1.66vw;
}

/* Подвал */
.footer{
    background-color: var(--color-gray-dark);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 2.5vw 0;
    color: var(--color-white);
    margin-top: auto;
}
.footer a{
    color: var(--color-white);
    transition: .3s all ease-in-out;
}
.footer a:hover{
    color: var(--color-red);
}
.footer__top, .footer__bottom{
    display: grid;
    grid-template-columns: 25vw 1fr 1fr 1fr;
    gap: 5.8vw;
}
.footer__top{
    padding-bottom: 3.22vw;
    border-bottom: 1px solid #ffffff23;
}
.footer__bottom{
    padding-top: 3.22vw;
    font-size: 1vw;
    color:#ffffff86; 
}
.footer__bottom a{
    color:#ffffff86; 
}
.footer .custom-logo{
    margin-bottom: 2.91vw;
}
.footer__column-name{
    color: #ffffff8e;
    margin-bottom: 0.86vw;
}
.footer__mail{
    margin-bottom: 1.66vw;
    display: inline-block;
}
.footer__nav-container .menu-item{
    margin-bottom: 0.86vw;
}

/* Карточка товара */
.product-card{
    padding: 0.86vw;
    background-color: var(--color-milk);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 0.86vw;
}
.product-card__media{
    display: block;
}
.product-card__media-wrap{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 11px;
    margin-bottom: 0.86vw;
}
.product-card__img{
    width: 100%;
    border-radius: 11px;
    height: 19.16vw;
    object-fit: cover;
    display: block;
    transition: opacity .3s ease;
}
.product-card__img--hover{
    position: absolute;
    inset: 0;
    height: 100%;
    opacity: 0;
}
.product-card__media:hover .product-card__img--primary{
    opacity: 0;
}
.product-card__media:hover .product-card__img--hover{
    opacity: 1;
}
.product-card__price-current{
    margin-top: auto;
    font-size: 2vw;
    font-weight: 700;
}
.product-card__prices{
    display: flex;
    gap: 0.86vw;
    align-items: center;
    margin-top: auto;
}
.product-card__price-old{
    color: var(--color-gray);
    text-decoration: line-through;
}
.product-card__btns{
    display: flex;
    gap: 0.86vw;
}
.btn-add-to-cart{
    width: 100%;
    font: inherit;
    cursor: pointer;
    transition: .3s all ease-in-out;
}
.btn-add-to-cart:hover{
    background-color: var(--color-red);
    color: var(--color-white);
}
.product-card__btns .white-btn-arrow svg path{
    transition: .3s all ease-in-out;
}
.product-card__btns .white-btn-arrow:hover svg path{
    stroke: var(--color-red);
}

/* Главная страница */
.hero .container{
    padding: 3.33vw 3.33vw 17.9vw ;
    border-radius: 30px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.gray-filter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
    border-radius: 30px;
}
.hero__title{
    z-index: 2;
    color: var(--color-white);
    position: relative;
    font-size: 4.66vw;
    max-width: 71vw;
    margin-bottom: 1.66vw;
    text-transform: uppercase;
}
.hero__subtitle{
    z-index: 2;
    position: relative;
    color: var(--color-white);
    margin-bottom: 2.5vw;
    max-width: 30.5vw;
}
.hero .btn{
    z-index: 2;
    position: relative;
}
.hero__product{
    z-index: 2;
    position: absolute;
    bottom: 1.66vw;
    right: 1.66vw;
    padding: 0.66vw;
    border-radius: 20px;
    background-color: var(--color-milk);
    max-width: 18.92vw;
}
.hero__product-img{
    width: 17.58vw;
    height: 15.4vw;
    object-fit: cover;
    object-position: center center;
    border-radius: 11px;
    margin-bottom: 0.83vw;
}
.hero__product-name{
    margin-bottom: 0.83vw;
}
.hero__product-price{
    font-size: 2vw;
    font-weight: 700;
}
.cats__list{
    display: flex;
    gap: 0.83vw;
}
.cats__item{
    background-color: var(--color-milk);
    border-radius: 20px;
    padding-bottom: 2.5vw;
    position: relative;
    overflow: hidden;
}
.cats__item-img{
    width: 100%;
    height: 28.16vw;
    object-fit: cover;
    margin-bottom: 1vw;
}
.cats__name{
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 0.83vw;
    padding: 0 2.5vw;
    transition: .3s all ease-in-out;
}
.cacts__txt{
    padding: 0 2.5vw;
}
.white-btn-arrow{
    background-color: var(--color-white);
    padding: 1.5vw;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    flex-shrink: 0;
    cursor: pointer;
}
.white-btn-arrow svg{
    width: 1.16vw;
    height: 1.16vw;
    object-fit: contain;
    transition: .3s all ease-in-out;
}
.cats__item .white-btn-arrow{
    position: absolute;
    top: 1.66vw;
    right: 1.66vw;
}
.white-btn-arrow svg path{
    transition: .3s all ease-in-out;
}
.cats__item:hover .white-btn-arrow svg path{
    stroke: var(--color-red);
}
.cats__item:hover .cats__name{
    color: var(--color-red);
}
.products__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.83vw;
}

.about .container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.83vw;
    overflow: hidden;
}
.about .section__top{
    grid-column: 1/3;
}
.about__txt{
    margin-bottom: 4.16vw;
}
.about__list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.66vw;
    row-gap: 5.8vw;
}
.about__item-number{
    font-size: 3.66vw;
    color: var(--color-red);
    margin-bottom: .5vw;
    font-weight: 500;
}
.about__strip{
    grid-column: 1/3;
    display: flex;
    gap: 0.86vw;
    margin-top: 4.16vw;
}
.about__strip-item{
    background-color: var(--color-milk);
    padding: 1.25vw 2.5vw;
    border-radius: 50px;
    white-space: nowrap;
}
.about__strip--marquee{
    display: block;
    overflow: hidden;
    gap: 0;
}
.about__strip-track{
    display: flex;
    width: max-content;
    animation: about-strip-marquee 40s linear infinite;
}
.about__strip-group{
    display: flex;
    gap: 0.86vw;
    flex-shrink: 0;
}
@keyframes about-strip-marquee{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}
@media (prefers-reduced-motion: reduce){
    .about__strip-track{
        animation: none;
    }
}
.about__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.reviews .container{
    grid-template-columns: 48vw 39.6vw;
    margin: 0 auto;
    display: grid;
    justify-content: space-between;
}
.reviews__content{
    min-width: 0;
}
.reviews__slider{
    width: 100%;
    min-width: 0;
}
.reviews__controls{
    display: flex;
    align-items: center;
    gap:1.25vw;
    max-width: 40vw;
}
.reviews__controls .swiper-slide-thumb-active{
    border: 2px solid #ed1c2327;
}
.product-gallery__thumbs .swiper-slide-thumb-active{
    border: 2px solid #ed1c2327;
}
.reviews__list.swiper{
    overflow: hidden;
    width: 100%;
    margin-bottom: 2.5vw;
}
.reviews__list .swiper-slide{
    width: 100%;
    height: auto;
    flex-shrink: 0;
}
.reviews__miniatures.swiper{
    overflow: hidden;
    flex: 1;
    min-width: 0;
    display: block;
}
/* .reviews__miniatures .swiper-wrapper{
    justify-content: center;
} */
.reviews__miniatures .swiper-slide{
    width: 8.33vw;
    flex-shrink: 0;
}
.reviews__btn{
    background-color: var(--color-milk);
    border-radius: 100%;
    cursor: pointer;
    padding: 1.25vw;
    flex-shrink: 0;
    border: none;
    flex-shrink: 0;
    width: 4.16vw;
    height: 4.16vw;
}

.reviews__btn svg path{
    transition: .3s all ease-in-out;
}
.reviews__btn:hover svg path{
    stroke: var(--color-red)
}
.reviews__miniatures{
    display: flex;
    align-items: center;
    gap: 1.66vw;
}
.reviews__miniature{
    width: 8.33vw;
    height: 8.33vw;
    border-radius: 100%;
    overflow: hidden;
}
.reviews__miniature img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.review__top{
    display: flex;
    gap: 1.66vw;
    align-items: center;
    margin-bottom: 1.66vw;
}
.review__name{
    font-size: 2vw;
    font-weight: 700;
}
.reviews__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.how__txt{
    max-width: 29.2vw;
}
.how{
    height: 68.35vw;
    margin-bottom: 2vw;
}
.how .container{
    position: relative;
    height: 100%;
}
.how__img{
    height: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.how__item{
    padding: 0.86vw;
    background-color: var(--color-milk);
    border-radius: 20px;
    width: 21.1vw;
    position: absolute;
}
.how__item-top{
    display: flex;
    gap: 0.86vw;
    align-items: center;
    font-weight:700;
    margin-bottom: .86vw;
}
.how__item-number{
    border-radius: 100%;
    background-color: var(--color-white);
    width: 4.16vw;
    height: 4.16vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.how__item-txt{
    padding: 1.66vw;
    background-color: var(--color-white);
    border-radius: 11px;
}
.how__item:nth-child(2){
    top: 14vw;
}
.how__item:nth-child(3){
    left: 11vw;
    top: 32vw;
}
.how__item:nth-child(4){
    top: 21vw;
    right: 0;

}
.how__item:nth-child(5){
    top: 43vw;
    right: 11vw;
}
.how__item-line{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(100%);
    border-bottom: 1px solid var(--color-red);
}
.how__item-line:before{
    content: "";
    width: 1vw;
    height: 1vw;
    display: block;
    background-color: var(--color-red);
    position: absolute;
    right: -1vw;
    top:-.5vw;
    transform: translateY(-50%);
    border-radius: 100%;
    box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7);
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 59, 48, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
  }
}
.how__item:nth-child(2) .how__item-line{
    top: 26%;
    width: 17vw;
}
.how__item:nth-child(3) .how__item-line{
    width: 11vw;
    top: 41%;
}
.how__item:nth-child(4) .how__item-line{
    right: initial;
    left: 0;
    transform: translateX(-100%);
    top: 40%;
    width: 21vw;
}
.how__item:nth-child(5) .how__item-line{
    right: initial;
    left: 0;
    transform: translateX(-100%);
    width: 13vw;
    top: 68%;
}
.how__item:nth-child(4) .how__item-line::before{
    right: initial;
    left: -1vw;
}
.how__item:nth-child(5) .how__item-line::before{
    right: initial;
    left: -1vw;
}
.posts__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.86vw;
}
.post{
    display: flex;
    flex-direction: column;
    gap: .8vw;
    padding: 0.86vw;
    border-radius: 20px;
    background-color: var(--color-milk);
    position: relative;
    transition: .3s all ease-in-out;
}
.post__name{
    transition: .3s all ease-in-out;
}
.post__arrow path{
    transition: .3s all ease-in-out;
}
.post:hover .post__name{
    color: var(--color-red);
}
.post:hover .post__arrow path{
    stroke: var(--color-red)
}
.post__img{
    width: 100%;
    height: 12.5vw;
    object-fit: cover;
    border-radius: 11px;
    margin-bottom: 0.86vw;
}
.post__date{
    font-size: 1.16vw;
    color: var(--color-gray);
    padding: 0 .8vw;
}
.post__bottom{
    display: flex;
    gap: 2.5vw;
    align-items: end;
    font-weight: 700;
    padding: 0 .8vw .8vw;
}
.post__arrow{
    flex-shrink: 0;
}
.post__cat{
    background-color: var(--color-red);
    padding: .5vw .86vw;
    font-size: 1.16vw;
    color: var(--color-white);
    border-radius: 60px;
    position: absolute;
    top: 1.66vw;
    left: 1.66vw;
}
.product-card__name{
    transition: .3s all ease-in-out;
}
.product-card__name a:hover{
    color: var(--color-red)
}
@media(max-width: 767px){
    .product-gallery__thumbs .swiper-slide{
        height: 20vw;
    }

    .cart-notice{
        right: 5.3vw;
        bottom: 5.3vw;
        width: calc(100% - 10.6vw);
        padding: 5.3vw;
        padding-top: 10.6vw;
        border-radius: 5.3vw;
    }
    .cart-notice__close{
        top: 4vw;
        right: 4vw;
        width: 4.8vw;
        height: 4.8vw;
    }
    .cart-notice__title{
        margin-bottom: 2.66vw;
        padding-right: 8vw;
        font-size: 4.8vw;
    }
    .cart-notice__name{
        margin-bottom: 4vw;
        font-size: 3.7vw;
    }
    h2{
        font-size: 6.4vw;
    }
    section{
        margin-bottom: 16.66vw;
    }
    .section__top{
        margin-bottom: 8vw;
    }
    .container{
        max-width: 91.5lvw;
    }
    .desctop{
        display: none;
    }
    .mobile{
        display: block !important;
    }
    .header .container{
        padding:4.8vw 0;
    }
    .header .custom-logo{
        width: 34.6vw;
        height: 6.66vw;
    }
    .header__btns{
        gap: 1.33vw;
    }
    .header__btn{
        width: 10.6vw;
        height: 10.6vw;
        padding: 2.93vw;
    }
    .header__btn svg{
        width: 4.8vw;
        height: 4.8vw;
    }
    .header__cart-count{
        top: -.8vw;
        right: -.8vw;
        min-width: 4.2vw;
        height: 4.2vw;
        padding: 0 .8vw;
        font-size: 2.4vw;
    }
    .call-mobile-menu__icon--close{
        width: 4.8vw;
        height: 4.8vw;
    }
    .mobile-menu{
        padding-top: 20.2vw;
    }
    .mobile-menu__inner{
        padding-bottom: 10.66vw;
    }
    .mobile-menu__list{
        gap: 5.3vw;
        font-size: 5.3vw;
        font-weight: 400;
    }
    .mobile-menu__contacts{
        gap: 2vw;
    }
    .mobile-menu__contact{
        font-size: 5.33vw;
    }
    .mobile-menu__nav{
        margin-top: 8vw;
    }
    .mobile-menu__contact-name{
        color: #3b3b3b86;
    }
    .account-nav__mobile.mobile{
        display: flex !important;
        gap: 2.66vw;
        margin-bottom: 5.33vw;
    }
    .account-nav__select.filters__sort{
        font-size: 3.7vw;
    }
    .account-nav__select .filters__sort-current{
        width: 100%;
        padding: 3.2vw 3.7vw;
        font-size: 3.7vw;
    }
    .account-nav__select .filters__sort-list{
        padding: 4vw;
    }
    .account-nav__select .filters__sort-item{
        padding: 3.2vw 4vw;
        font-size: 3.7vw;
    }
    .account-nav__logout{
        padding: 3.2vw 4vw;
        font-size: 3.7vw;
    }
    .woocommerce-MyAccount-navigation{
        margin-bottom: 5.33vw;
    }
    .hero .container{
        padding: 18.93vw 5.33vw 0;
    }
    .hero__title{
        max-width: 100%;
        text-align: center;
        margin-bottom: 4vw;
        font-size: 7.46vw;
    }
    .hero__subtitle{
        max-width: 100%;
        margin-bottom: 8vw;
        text-align: center;
    }
    body{
        font-size: 3.73vw;
    }
    .hero .btn{
       width: 100%;
       display: block;
       margin-bottom: 10.66vw;
    }
    .btn{
        padding: 4vw;
        text-align: center;
    }
    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .account-auth__submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
        padding: 4vw !important;
        text-align: center;
    }
    .hero__product{
        position: relative;
        z-index: 2;
        display: block;
        padding: 2.66vw;
        width: 44.8vw;
        margin: 0 auto;
        border-radius: 20px;
        max-width: initial;
    }
    .hero__product-img{
        width: 100%;
        height: 37.3vw;
        margin-bottom: 2.66vw;
        border-radius: 0;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px;
    }
    .hero__product-name{
        margin-bottom: 2.66vw;
    }
    .hero__product-price{
        font-size: 5.33vw;
    }
    .cats__list{
        flex-direction: column;
        gap: 5.3vw;
        margin-bottom: 5.3vw;
    }
    .cats__item{
        padding-bottom: 5.3vw;
    }
    .cats__item-img{
        height: 74.6vw;
        margin-bottom: 2.66vw;
    }
    .cats__name{
        font-size: 5.3vw;
        margin-bottom: 2.66vw;
        padding: 0 5.3vw;
    }
    .cacts__txt{
        padding: 0 5.3vw;
    }
    .cats__item .white-btn-arrow{
        top: 5.3vw;
        right: 4vw;
    }
    .white-btn-arrow{
        padding: 4.8vw;
    }
    .white-btn-arrow svg{
        width: 3.75vw;
        height: 3.75vw;
    }
    .products__list{
        grid-template-columns: 1fr;
        margin-bottom: 5.3vw;
    }
    .product-card{
        padding: 2.66vw;
    }
    .product-card__media-wrap{
        margin-bottom: 5.3vw;
    }
    .product-card__img{
        height: 68.2vw;
        margin-bottom: 5.3vw;
    }
    .product-card__name{
        margin-bottom: 4vw;
    }
    .product-card__price-current{
        font-size: 5.3vw;
    }
    .product-card__prices{
        gap: 2.66vw;
        margin-bottom: 4vw;
    }
    .about .container{
        grid-template-columns: 1fr;
    }
    .about .section__top{
        grid-column: 1 / 2;
    }
    .about__strip{
        grid-column: 1 / 2;
        max-width: 100%;
        overflow: hidden;
        margin-top: 5.33vw;
    }
    .about__list{
        grid-template-columns: 1fr;
        row-gap: 5.33vw;
    }
    .about__item-number{
        font-size: 6.4vw;
        margin-bottom: 1.5vw;
    }
    .about__list{
        margin-bottom: 5.33vw;
    }
    .about__img{
        border-radius: 30px;
        height: 59.7vw;
    }
    .about__strip-item{
        padding: 4vw 8vw;
    }
    .reviews .container{
        display: flex;
        flex-direction: column-reverse;
        gap: 2.66vw;
    }
    .reviews .section__top{
        order: 3;
    }
    .reviews__img{
        border-radius: 30px;
        margin-bottom: 2.66vw;
    }
    .review__top{
        flex-direction: column-reverse;
        gap: 2.66vw;
        margin-bottom: 4vw;
        align-items: start;
    }
    .review__name{
        font-size: 5.33vw;
    }
    .reviews__list{
        margin-bottom: 5.33vw;
    }
    .reviews__controls{
        justify-content: space-between;
        max-width: 100%;
    }
    .how__item-line {
        left:initial !important;
        top: 50% !important;
        right: 0 !important;
        transform: translateX(100%) !important;
        border-bottom: 1px solid var(--color-red);
        width: 18.9vw !important;
    }
    .how__item-line:before{
        width: 4vw;
        height: 4vw;
        left: initial !important;
        right: -2vw !important;
        top: -2vw !important;
    }
    .reviews__btn{
        padding: 3.2vw;
        width: 10.66vw;
        height: 10.66vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .reviews__miniatures{
        gap:2.66vw;
    }
    .reviews__miniature{
        width: 16vw;
        height: 16vw;
    }
    .reviews__miniatures .swiper-slide{
        width:16vw;
    }
    .reviews__miniatures .swiper-wrapper{
        justify-content: center;
    }
    .how__shema{
        display: flex;
        flex-direction: column;
        gap: 5.3vw;
    }
    .how__item{
        position: relative;
        padding: 2.66vw;
        width: 64.5vw;
        z-index: 2;
        top: initial !important;
        left: initial !important;
        right: initial !important;
    }
    .how__txt{
        max-width: 100%;
    }
    .how__item-number{
        width: 10.66vw;
        height: 10.66vw;
    }
    .how__item-top{
        gap: 2.66vw;
        margin-bottom: 2.66vw;
    }
    .how__txt{
        margin-bottom: 2.66vw;
    }
    .how{
        height: initial;
        overflow: hidden;
    }
    .how__item-txt{
        padding:4vw;
    }
    .how__img{
        object-fit: cover;
        z-index: 1;
        height: 118%;
        left: 92%;
        bottom: -16%;
    }
    .posts__list{
        grid-template-columns: 1fr;
        gap: 5.33vw;
        margin-bottom: 5.33vw;
    }
    .post{
        padding: 2.66vw;
        gap:1vw;
        border-radius: 20px
    }
    .post__img{
        height: 45.33vw;
        margin-bottom: 2.66vw;
    }
    .post__date{
        font-size: 3.73vw;
        padding: 0 2.66vw;
    }
    .post__bottom{
        justify-content: space-between;
        padding: 0 2.66vw 2.66vw;
    }
    .post__cat{
        padding: 1.33vw 2.66vw;
        font-size: 3.73vw;
        top: 5.66vw;
        left: 5.66vw;
    }
    
    .footer__top{
        grid-template-columns: 1fr 1fr;
        padding-bottom: 10vw;
    }
    .footer__bottom{
        grid-template-columns: 1fr;
        font-size: 3.2vw;
        padding-top: 10vw;
    }
    .footer{
        padding: 8vw 0;
    }
    .footer__top>.mobile{
        grid-column: 1/3;
    }
    .footer .custom-logo{
        width: 45.3vw;
        height: 8.53vw;
    }
}

/* Блог */
.breadcrumbs{
    display: flex;
    align-items: center;
    gap: 0.5vw;
    margin-bottom: 3.33vw;
    color: var(--color-gray);
    font-size: 1vw;
    margin-top: 3.33vw;
}
.breadcrumbs__item{
    color: inherit;
    text-decoration: none;
}
.breadcrumbs a.breadcrumbs__item:hover{
    color: var(--color-red);
}
.breadcrumbs__item-current{
    color: black;
}
.blog__title{
    font-size: 3.66vw;
    text-transform: uppercase;
    font-weight: 700;
}
.blog__title-30{
    margin-bottom: 2.5vw;
}
.contacts__title{
    margin-bottom: 2.5vw;
}
.blog__top{
    margin-bottom: 3.33vw;
}
.blog__cats-container{
    display: flex;
    flex-wrap: wrap;
    gap: 0.83vw;
}
.blog__cats-select{
    display: none;
}
.blog__cats .btn-gray{
    border: var(--color-gray);
    background-color: transparent;
}
.blog__cats .btn-gray:hover{
    color: black;
    background-color: var(--color-milk);
}
.blog__cats .btn-gray-active{
    background-color: var(--color-milk);
}
.blog__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.86vw;
    margin-bottom: 3.33vw;
}
.blog__empty{
    padding: 3.33vw;
    text-align: center;
    background-color: var(--color-milk);
    border-radius: 20px;
}
.custom-select{
    position: relative;
    width: 100%;
}
.custom-select__trigger{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.66vw;
    padding: 3.2vw 4.26vw;
    border: 1px solid var(--color-red);
    border-radius: 60px;
    background-color: var(--color-white);
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
}
.custom-select__arrow{
    flex-shrink: 0;
    transition: transform 0.2s ease;
}
.custom-select--open .custom-select__arrow{
    transform: rotate(180deg);
}
.custom-select__dropdown{
    position: absolute;
    top: calc(100% + 1.33vw);
    left: 0;
    z-index: 5;
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 0.53vw;
    padding: 1.33vw;
    border-radius: 20px;
    background-color: var(--color-white);
    box-shadow: 0 10px 40px rgba(37, 37, 37, 0.12);
}
.custom-select--open .custom-select__dropdown{
    display: flex;
}
.custom-select__option{
    display: block;
    padding: 2.66vw 3.2vw;
    border-radius: 60px;
    color: var(--color-gray-dark);
    text-decoration: none;
}
.custom-select__option--active,
.custom-select__option:hover{
    background-color: var(--color-milk);
}
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.66vw;
    flex-wrap: wrap;
}
.pagination__numbers{
    display: flex;
    align-items: center;
    gap: 0.83vw;
}
.pagination__prev,
.pagination__next,
.pagination__number{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.33vw;
    height: 3.33vw;
    padding: 0 1.25vw;
    border-radius: 60px;
    color: var(--color-gray-dark);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.pagination__number{
    min-width: 3.33vw;
    padding: 0;
}
.pagination__prev,
.pagination__next{
    min-width: auto;
    background-color: var(--color-milk);
}
.pagination__prev:hover,
.pagination__next:hover,
.pagination__number:hover{
    background-color: var(--color-milk);
}
.pagination__number--current{
    background-color: var(--color-red);
    color: var(--color-white);
}
.pagination__item--disabled{
    opacity: 0.4;
    pointer-events: none;
}
.pagination__dots{
    min-width: 1.66vw;
    text-align: center;
    color: var(--color-gray);
}
@media(max-width: 767px){
    .blog__title-30{
       margin-bottom: 8vw;
    }
    .contacts__title{
        margin-bottom: 8vw;
    }
    .breadcrumbs{
        gap: 1.33vw;
        margin-bottom: 5.33vw;
        font-size: 3.73vw;
    }
    .blog__title{
        font-size: 6.4vw;
        margin-bottom: 8vw;
    }
    .blog__top{
        margin-bottom: 8vw;
    }
    .blog__cats{
        display: none;
    }
    .blog__cats-select{
        display: block;
    }
    .blog__list{
        grid-template-columns: 1fr;
        gap: 5.33vw;
        margin-bottom: 8vw;
    }
    .blog__empty{
        padding: 8vw;
        border-radius: 20px;
    }
    .pagination{
        gap: 2.66vw;
    }
    .pagination__numbers{
        gap: 2.13vw;
    }
    .pagination__prev,
    .pagination__next,
    .pagination__number{
        min-width: 10.66vw;
        height: 10.66vw;
        padding: 0 3.2vw;
        font-size: 3.73vw;
    }
    .pagination__number{
        min-width: 10.66vw;
        padding: 0;
    }
}

/* Страница новости */
.single-post__top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5vw;
    align-items: center;
}

.single-post__cat{
    background-color: var(--color-red);
    padding: .4vw .9vw;
    border-radius: 60px;
    color: var(--color-white);
    width: fit-content;
    height: fit-content;
}
.single-post__date{
    color: var(--color-gray);
    margin-bottom: 1.66vw;
}
.single-post__excerpt{
    font-size: 2vw;
    font-weight: 500;
    margin-bottom: 2.5vw;
}
.single-post__img{
    width: 100%;
    height: 51.6vw;
    border-radius: 11px;
    object-fit: cover;
}
.single-post__content h2{
    margin: 5vw 0 1.66vw;
    font-size: 3vw;
    font-weight: 400;
}
.single-post__content h3{
    margin: 3vw 0 1.66vw;
    font-size: 2.33vw;
    font-weight: 500;
}
.single-post__content p{
    margin-bottom: 1vw;
}
.is-layout-grid{
    margin: 1.66vw 0;
}
.single-post__content a{
    color: var(--color-red);
    text-decoration: underline;
}
.single-post__content img{
    border-radius: 11px;
}
.acf-note-box{
    display: flex;
    gap: 1.2vw;
    align-items: center;
    padding: 1.66vw;
    border-radius: 30px;
    background-color: var(--color-milk);
}
.acf-note-box p:last-child{
    margin-bottom: 0;
}
.acf-note-box img{
    border-radius: 0;
}
.acf-note-box-warning{
    font-weight: 700;
    color: var(--color-red);
}
.single-post__content ol{
    list-style: decimal;
    margin: 1.66vw 0;
    margin-left: 24px;
}
.single-post__content ul{
    list-style: disc;
    margin: 1.66vw 0;
    margin-left: 24px;
}
.wp-block-quote{
    display: flex;
    gap: 1.25vw;
    justify-content: space-between;
    align-items: center;
    padding: 1.66vw;
    border-radius: 30px;
    background-color: var(--color-milk);
}
.wp-block-quote::before{
    content: "";
    display: block;
    width: 5.41vw;
    height: 5.41vw;
    background-image: url("../img/quotes.svg");
    background-size: cover;
    flex-shrink: 0;
}
.wp-block-quote::after{
    content: "";
    display: block;
    width: 5.41vw;
    height: 5.41vw;
    background-image: url("../img/quotes.svg");
    background-size: cover;
    transform: rotate(180deg);
    flex-shrink: 0;
}
.single-post__content .wp-block-table{
    background-color: var(--color-milk);
    border-radius: 30px;
    border: none;
    padding: 2.5vw;
}
.single-post__content .wp-block-table thead{
    border: none;
    font-weight: 400;
    color: var(--color-gray);
}
.single-post__content .wp-block-table thead tr th{
    padding-bottom: 3.33vw;
    text-align: start;
}
.single-post__content .wp-block-table td, .single-post__content .wp-block-table th{
    border: none;
}
.single-post__content tbody tr{
    border-bottom: 1px solid #ed1c2348 ;
}
.wp-block-group .wp-block-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width: 767px){
    .single-post__top{
        flex-direction: column;
        gap: 5.33vw;
        margin-bottom: 5.33vw;
        align-items: start;
    }
    .single-post .blog__title{
        margin-bottom: 0;
    }
    .single-post__cat{
        padding: 1.33vw 2.66vw;
    }
    .single-post__date{
        margin-bottom: 1.33vw;
    }
    .single-post__excerpt{
        font-size: 5.33vw;
        margin-bottom: 5.33vw;
    }
    .single-post__content h2{
        font-size: 5.86vw;
        margin: 10.66vw 0 5.33vw;
    }
    .single-post__content h3{
        font-size: 4.8vw;
        margin: 2.5vw 0 1.33vw;
    }
    .single-post__content p{
        margin-bottom: 3.2vw;
    }
    .is-layout-grid{
        grid-template-columns: 1fr !important;
    }
    .acf-note-box{
        gap: 4vw;
        padding: 5.33vw;
        align-items: start;
    }
    .single-post__content ul, .single-post__content ol{
        margin: 0 0 8vw;
        margin-left: 24px;
    }
    .wp-block-quote::before{
        width: 10vw;
        height: 10vw;
    }
    .wp-block-quote::after{
        width: 10vw;
        height: 10vw;
    }
    .single-post__content .wp-block-table{
        overflow-x: scroll;
    }
    .single-post__content .wp-block-table table{
        min-width: 600px;
    }
}


/* 404 */
.error .container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error__txt{
    max-width: 33.4vw;
    text-align: center;
    font-size: 2vw;
    font-weight: 500;
    margin-bottom: 2.5vw;
}
.error .btn{
    display: block;
    width: fit-content;
    padding: 1.25vw 3.33vw;
}
@media(max-width: 767px){
    .error__img{
        width: 121vw;
        max-width: initial;
    }
    .error__txt{
        max-width: 100%;
        font-size: 5.33vw;
        margin-bottom: 8vw;
    }
    .error .btn{
        padding: 4vw 8vw;
    }
}

/* Страница контактов */
a{
    transition: .3s all ease-in-out;
}
.contacts a:hover{
    color: var(--color-red);
}
.contacts__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .8vw;
    margin-bottom: .8vw;
}
.contacts__item{
    padding: 14vw 2.5vw 2.5vw;
    border-radius: 30px;
    background-color: var(--color-milk);
    position: relative;
}
.contacts__item-name{
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 1.2vw;
    display: block;
}
.contacts__ico{
    background-color: var(--color-white);
    border-radius: 100%;
    padding: 1.5vw;
    width: 5vw;
    height: 5vw;
    position: absolute;
    top: 2.5vw;
    right: 2.5vw;
}
.contacts__map iframe{
    width: 100%;
    border-radius: 30px;
    height: 33.33vw;
}
@media(max-width: 767px){
    .contacts__list{
        grid-template-columns: 1fr;
        gap: 2.66vw;
        margin-bottom: 2.66vw;
    }
    .contacts__item{
        padding: 21.6vw 5.33vw 5.33vw;
    }
    .contacts__item-name{
        font-size: 5.33vw;
        margin-bottom: 2.66vw;
    }
    .contacts__ico{
        width: 16vw;
        height: 16vw;
        padding: 4.8vw;
        top: 2.66vw;
        right: 2.66vw;
    }
    .contacts__map iframe{
        height: 104vw;
    }
}

/* Страница информация */
.info h2{
    font-size: 2vw;
    margin-bottom: 1.66vw;
    text-transform: none;
}
.info p{
    margin-bottom: 1.66vw;
}
#delivery{
    grid-template-columns: 58.33vw 31.66vw;
    justify-content: space-between;
}
#delivery img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    display: block;
}
.info ol{
    list-style: decimal;
    margin-top: -1.6vw;
    margin-left: 24px;
    margin-bottom: 1.66vw;
}
.info ul{
    list-style: disc;
    margin-top: -1.6vw;
    margin-left: 24px;
    margin-bottom: 1.66vw;
}
.info a{
    text-decoration: underline;
}
.info a:hover{
    color: var(--color-red);
}
@media(max-width: 767px){
    .info h2{
        font-size: 5.33vw;
        margin-bottom: 2.66vw;
        margin-top: 5vw;
    }
    .info p{
        margin-bottom: 2.66vw;
    }
    .info ol, .info ul{
        margin-bottom: 2.66vw;
    }
    #delivery{
        margin-bottom: 2.66vw;
    }
}

/* Политика */
.policy h2{
    font-size: 2vw;
    margin-bottom: 1.33vw;
    margin-top: 2.66vw;
}

#policy-table td, #policy-table th{
    border: 1px solid #3b3b3b27;
}
.policy a{
    transition: .3s all ease-in-out;
}
.policy a:hover{
    color: var(--color-red);
}
#policy-table table{
    border-radius: 10px;
    overflow: hidden;
    outline: 1px solid #3b3b3b27;
}
#policy-table tr td:first-child{
    width: 30%;
    background-color: var(--color-milk);
}
@media(max-width: 767px){
    .policy h2{
        font-size: 5.33vw;
        margin-top: 5.33vw;
        margin-bottom: 2.66vw;
    }
    #policy-table tr{
        display: flex;
        flex-direction: column;
    }
    #policy-table tr td:first-child{
        width: 100%;
    }
    #policy-table tr td{
        padding: 4.26vw;
    }
}


/* Страница о компании */
.about__title{
    font-size: 4.66vw;
    font-weight: 700;
    max-width: 74vw;
    margin-bottom: 2.5vw;
    text-transform: uppercase;
    line-height: 100%;
}
.about-hero__company{
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 2.5vw;
}
.about-hero{
    margin-bottom: 3.33vw;
}
.history .container{
    display: grid;
    grid-template-columns: 30vw 1fr;
    gap:2.5vw;
}
.history__title{
    grid-column: 1/3;
}
.history__img{
    width: 100%;
    height: 15vw;
    object-fit: cover;
    border-radius: 50px;
}
.assortment__title{
    margin-bottom: 2.5vw;
}
.assortment__txt{
    margin-bottom: 3.33vw;
}
.assortment__list-1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .8vw;
}
.assortment__item svg path{
    transition: .3s all ease-in-out
}
.assortment__item:hover svg path{
    stroke: var(--color-red);
}
.assortment__item-name{
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 1.66vw;
}
.assortment__list-1 .assortment__item:not(:first-child){
    background-color: var(--color-milk);
    padding: 1.66vw 1.66vw 0;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.assortment__item .white-btn-arrow{
    position: absolute;
    top: 0.8vw;
    right: 0.8vw;
    z-index: 2;
}
.assortment__item-img{
    margin-top: auto;
}
.assortment__item-txt{
    max-width: 80%;
}
.assortment__list-1{
    margin-bottom: 5.83vw;
}
.assortment__list-2-name{
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 2.5vw;
}
.assortment__list-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8vw;
    margin-bottom: 5.83vw;
}
.assortment__list-2 .assortment__item{
    padding: 1.66vw;
    border-radius: 20px;
    background-color: var(--color-milk);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 26vw;
}
.assortment__list-2 .assortment__item-img{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.assortment__list-2 .assortment__item-name, .assortment__list-2 .assortment__item-txt{
    max-width: 60%;
}
.assortment__list-3{
    display: grid;
    grid-template-columns: 15.42vw 47.9vw 31.66vw;
    gap: .8vw;
}
.assortment__list-3-name{
    font-size: 2vw;
    font-weight: 700;
}
.assortment__list-3 .assortment__item{
     padding: 1.66vw;
    border-radius: 20px;
    background-color: var(--color-milk);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 26vw;
}
.assortment__list-3 .assortment__item .assortment__item-name{
    max-width: 60%;
}
.gallary{
    overflow-x: hidden;
}
.gallary__title{
    margin-bottom: 3.33vw;
}
.gallary__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .8vw;
    grid-auto-rows: 23.33vw;
    overflow: visible;
}
.gallary__list.swiper{
    overflow: visible;
}
.gallary__list .swiper-slide{
    min-width: 0;
    min-height: 0;
}
.gallary__link{
    display: block;
    width: 100%;
    height: 100%;
    cursor: zoom-in;
}
.gallary_item{
    object-fit: cover;
    border-radius: 50px;
    width: 100%;
    height: 100%;
    display: block;
}
@media (min-width: 768px) {
    .gallary__list .swiper-wrapper{
        display: contents;
        transform: none !important;
    }
    .gallary__list .swiper-slide{
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
    }
    .gallary__slide_1{
        grid-column: 2/3;
        grid-row: 1/3;
    }
    .gallary__slide_4{
        grid-column: 3/4;
        grid-row: 2/4;
    }
}
.why__title{
    grid-column: 1/3;
}
.why .container{
    display: grid;
    grid-template-columns: 40vw 1fr;
    gap: 3.66vw;
}
.why__list{
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
}
.why__item{
    display: flex;
    gap: 1.66vw;
}
.why__item-ico{
    background-color: var(--color-milk);
    padding:0.66vw;
    border-radius: 8px;
    width: 3.66vw;
    height: 3.66vw;
}
.why__item-name{
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 1.66vw;
    margin-top: 0.5vw;
}
.why__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
    border: 1px solid var(--color-milk);
}
.values__title{
    margin-bottom: 3.33vw;
}
.values ul{
    list-style: disc;
    margin-left: 24px;
}
.assortment__list-3-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width: 767px){
    .assortment__list-3 .assortment__item-txt{
        max-width: 100%;
    }
    .about__title{
        font-size: 7.46vw;
        margin-bottom: 5.33vw;
        max-width: 100%;
    }
    .about-hero__company{
        font-size: 5.33vw;
        margin-bottom: 5.33vw;
    }
    .about-hero{
        margin-bottom: 8vw;
    }
    .history .container{
        grid-template-columns: 1fr;
        gap: 5.33vw;
    }
    .history__title{
        grid-column: 1/2;
    }
    .history__img{
        height: 48vw;
        border-radius: 20px;
    }
    .assortment__title{
        margin-bottom: 5.33vw;
    }
    .assortment__txt{
        margin-bottom: 5.33vw;
    }
    .assortment__list-1{
        grid-template-columns: 1fr;
        gap: 2.66vw;
        margin-bottom: 8vw;
    }
    .assortment__item-name{
        font-size: 5.33vw;
    }
    .assortment__list-1 .assortment__item:not(:first-child){
        padding: 5.33vw  5.33vw 0;
    }
    .assortment__item .white-btn-arrow{
        top:2.66vw ;
        right: 2.66vw ;
    }
    .assortment__list-2-name{
        font-size: 5.33vw;
        margin-bottom: 5.33vw;
    }
    .assortment__list-2{
        grid-template-columns: 1fr;
        gap: 2.66vw;
        margin-bottom: 8vw;
    }
    .assortment__list-2 .assortment__item{
        height: 83.2vw;
        overflow: hidden;
        padding: 5.33vw;
    }
    .assortment__list-2 .assortment__item-img{
        right: -35%;
    }
    .assortment__list-2 .assortment__item-name, .assortment__list-2 .assortment__item-txt{
        max-width: 64%;
    }
    .assortment__list-3{
        grid-template-columns: 1fr;
        gap: 2.66vw;
    }
    .assortment__list-3-name{
        font-size: 5.33vw;
        margin-bottom: 5.33vw;
    }
    .assortment__list-3 .assortment__item{
        height: 83.2vw;
        padding: 5.33vw;
    }
    .assortment__list-3 .assortment__item .assortment__item-name {
        max-width: 65%;
    }
    .why .container{
        display: flex;
        flex-direction: column;
        gap: 7vw;
    }
    .why__list{
        order: 2;
    }
    .why__img{
        order: 3;
        height: 132.25vw;
        border-radius: 30px;
        object-fit: none;
    }
    .why__item-name{
        font-size: 5.33vw;
        margin-bottom: 5.33vw;
        margin-top: 1.2vw;
    }
    .why__item{
        gap: 2.66vw;
    }
    .why__item-ico{
        padding: 2.13vw;
        width: 9.6vw;
        height: 9.6vw;
    }
    .gallary__title{
        margin-bottom: 5.33vw;
    }
    .gallary__list{
        display: block;
        grid-template-columns: unset;
        grid-auto-rows: unset;
        gap: 0;
        width: calc(100% + 4.25vw);
        margin-right: -4.25vw;
        overflow: hidden;
    }
    .gallary__list .swiper-wrapper{
        display: flex;
    }
    .gallary__list .swiper-slide{
        height: auto;
        flex-shrink: 0;
    }
    .gallary__slide_1,
    .gallary__slide_4{
        grid-column: auto;
        grid-row: auto;
    }
    .gallary_item{
        height: 72vw;
        border-radius: 30px;
    }
}

/* Каталог */
.catalog__title{
    font-size: 3.66vw;
    margin-bottom: 2.5vw;
    text-transform: uppercase;
}
.filters{
    margin-bottom: 2.5vw;
}
.filters .container{
    display: grid;
    grid-template-columns: 1fr 20%;
    gap: 1.66vw;
}
.filters__cats{
    display: flex;
    gap: .8vw;
    flex-wrap: wrap;
}
.filters__cat{
    border: 1px solid var(--color-milk);
    border-radius: 60px;
    padding: .8vw 2vw;
    transition: .2s all ease-in-out;
    cursor: pointer;
}
.filters__cat:hover{
    background-color: var(--color-milk);
}
.filters__cat-active{
    background-color: var(--color-milk);
}
.filters__sort-current{
    border: 1px solid var(--color-milk);
    border-radius: 60px;
    padding: .8vw 2vw;
    transition: .2s all ease-in-out;
    cursor: pointer;
    display: flex;
    gap: .4vw;
    align-items: center;
}
.filters__cats-select-current{
    border: 1px solid var(--color-milk);
    border-radius: 60px;
    padding: .8vw 2vw;
    transition: .2s all ease-in-out;
    cursor: pointer;
    display: flex;
    gap: .4vw;
    align-items: center;
    background: none;
    font: inherit;
    width: 100%;
    justify-content: space-between;
}
.filters__sort-current:hover{
    background-color: var(--color-milk);
}
.filters__cats-select-current:hover{
    background-color: var(--color-milk);
}
.filters__cats-select{
    display: none;
    position: relative;
}
.filters__chosen{
    display: flex;
    gap: .8vw;
    flex-wrap: wrap;
    align-items: center;
}
.filters__chosen-item{
    border-radius: 60px;
    padding: .7vw .6vw .7vw 1.2vw;
    transition: .2s all ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: var(--color-milk);
    display: flex;
    gap: .4vw;
    align-items: center;
    text-transform: lowercase;
}
.filters__chosen-item-color{
    width: 1.66vw;
    height: 1.66vw;
    border: 1px solid var(--color-milk);
    border-radius: 60px;
}
.filters__chosen-item-close{
    display: flex;
    padding: .7vw;
    background-color: var(--color-white);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 100%;
    border: none;
    border-radius: 60px;
    width: 2vw;
    height: 2vw;
    font-size: 1.5vw;
}
.filters__chosen-clear{
    color: var(--color-gray);
    cursor: pointer;
    border: none;
    background: none;
    font: inherit;
}
.product__list.is-loading{
    opacity: 0.5;
    pointer-events: none;
}
.filters__call{
    border-radius: 60px;
    padding: .8vw 2vw;
    transition: .2s all ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-milk);
    justify-content: space-between;
    width: fit-content;
    justify-self: end;
    gap: .4vw;
}
.filters .filters__call{
    background-color: var(--color-white);
    transition: .3s all ease-in-out;
}
.filters .filters__call:hover{
    background-color: var(--color-milk);
}
.filters__call-count{
    background-color: var(--color-red);
    border-radius: 60px;
    width: 1.66vw;
    height: 1.66vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}
.filters__call-count--empty{
    display: none;
}
.filters__chosen--empty{
    display: none;
}
.filters__cats{
    grid-column: 1;
    grid-row: 1;
}
.filters__cats-select{
    grid-column: 1;
    grid-row: 1;
}
.filters__sort{
    grid-column: 2;
    grid-row: 1;
    position: relative;
    justify-self: end;
}
.filters__chosen{
    grid-column: 1;
    grid-row: 2;
}
.filters__call{
    grid-column: 2;
    grid-row: 2;
}
.filters__sort-list{
    position: absolute;
    top: calc(100% + .4vw);
    right: 0;
    z-index: 5;
    min-width: 100%;
    display: none;
    flex-direction: column;
    padding: 1.25vw .8vw;
    border-radius: 20px;
    background-color: var(--color-white);
    box-shadow: 0 10px 40px rgba(37, 37, 37, 0.12);
    gap: .4vw;
}
.filters__cats-select-list{
    position: absolute;
    top: calc(100% + .4vw);
    left: 0;
    right: 0;
    z-index: 5;
    display: none;
    flex-direction: column;
    padding: 1.25vw .8vw;
    border-radius: 20px;
    background-color: var(--color-white);
    box-shadow: 0 10px 40px rgba(37, 37, 37, 0.12);
    gap: .4vw;
}
.filters__sort--open .filters__sort-list{
    display: flex;
}
.filters__cats-select--open .filters__cats-select-list{
    display: flex;
}
.filters__sort--open .filters__sort-arrow{
    transform: rotate(180deg);
}
.filters__cats-select--open .filters__cats-select-arrow{
    transform: rotate(180deg);
}
.filters__sort-item{
    padding: .6vw .8vw;
    border-radius: 7px;
    color: var(--color-gray-dark);
    text-decoration: none;
    white-space: nowrap;
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}
.filters__cats-select-item{
    padding: .6vw .8vw;
    border-radius: 7px;
    color: var(--color-gray-dark);
    text-decoration: none;
    white-space: nowrap;
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}
.filters__sort-item:hover,
.filters__sort-item-active{
    background-color: var(--color-milk);
}
.filters__cats-select-item:hover,
.filters__cats-select-item-active{
    background-color: var(--color-milk);
}
.filters__sort-current{
    background: none;
    font: inherit;
}
.product__list{
    margin-bottom: 11.66vw;
}
.product__list-empty{
    padding: 3.33vw;
    text-align: center;
    background-color: var(--color-milk);
    border-radius: 20px;
}
.catalog__load-more{
    display: block;
    margin: 3.33vw auto 0;
    min-width: 20vw;
}
.catalog__load-more:disabled{
    opacity: 0.6;
    cursor: wait;
}
.filters-popup{
    position: fixed;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    visibility: hidden;
}
.filters-popup--open{
    pointer-events: auto;
    visibility: visible;
}
.filters-popup__overlay{
    position: absolute;
    inset: 0;
    background-color: rgba(37, 37, 37, 0.4);
    opacity: 0;
    transition: opacity .2s ease;
}
.filters-popup--open .filters-popup__overlay{
    opacity: 1;
}
.filters-popup__panel{
    position: absolute;
    top: 0;
    right: 0;
    width: 32%;
    height: 100%;
    background-color: var(--color-milk);
    padding: 2.33vw 1.66vw;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform .3s ease;
}
.filters-popup--open .filters-popup__panel{
    transform: translateX(0);
}
.filters-popup__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5vw;
}
.filters-popup__title{
    font-size: 2vw;
    font-weight: 700;
}
.filters-popup__close{
    width: 2.5vw;
    height: 2.5vw;
    border: none;
    cursor: pointer;
    font-size: 2.5vw;
    line-height: 1;
}
.filters-popup__group{
    margin-bottom: 1.25vw;
}
.filters-popup__group-header{
    display: flex;
    align-items: center;
    gap: 1vw;
    padding: 1.33vw 1.66vw;
    background-color: var(--color-white);
    border-radius: 60px;
}
.filters-popup__group-title{
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
}
.filters-popup__group-actions{
    display: flex;
    align-items: center;
    gap: 1vw;
    flex-shrink: 0;
}
.filters-popup__group-reset{
    border: none;
    background: none;
    padding: 0;
    color: var(--color-gray);
    font: inherit;
    cursor: pointer;
}
.filters-popup__group-toggle{
    display: flex;
    align-items: center;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}
.filters-popup__group-arrow{
    transition: transform .2s ease;
}
.filters-popup__group--open .filters-popup__group-arrow{
    transform: rotate(180deg);
}
.filters-popup__group-body{
    display: none;
    margin-top: .4vw;
    padding: 1.25vw .8vw;
    background-color: var(--color-white);
    border-radius: 20px;
}
.filters-popup__group--open .filters-popup__group-body{
    display: block;
}
.filters-popup__options{
    display: flex;
    flex-direction: column;
    gap: .2vw;
}
.filters-popup__option{
    display: flex;
    align-items: center;
    gap: .8vw;
    cursor: pointer;
    padding: .4vw .8vw;
    border-radius: 7px;
    transition: .3s all ease-in-out;
}
.filters-popup__option-active{
    background-color: #ed1c2317;
}
.filters-popup__option:hover{
    background-color: #ed1c2317;
}
.filters-popup__option input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.filters-popup__option-name{
    flex: 1;
}
.filters-popup__check{
    width: 1.66vw;
    height: 1.66vw;
    flex-shrink: 0;
    position: relative;
}
.filters-popup__check::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .45vw;
    height: .8vw;
    border: solid var(--color-red);
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg);
    opacity: 0;
}
.filters-popup__option input:checked ~ .filters-popup__check::after{
    opacity: 1;
}
.filters-popup__option-color{
    width: 1.66vw;
    height: 1.66vw;
    border-radius: 50%;
    border: 1px solid var(--color-milk);
    flex-shrink: 0;
}
.filters-popup__price-values{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.66vw;
    color: var(--color-gray);
}
.filters-popup__price-min-label,
.filters-popup__price-max-label{
    display: flex;
    align-items: center;
    gap: .4vw;
}
.filters-popup__price-min-value,
.filters-popup__price-max-value{
    width: 4.5vw;
    border: none;
    border-bottom: 1px solid rgba(59, 59, 59, 0.25);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: center;
    padding: 0 0 .15vw;
}
.filters-popup__price-min-value:focus,
.filters-popup__price-max-value:focus{
    outline: none;
    border-bottom-color: var(--color-red);
}
.filters-popup__range{
    position: relative;
    height: 2vw;
}
.filters-popup__range-track{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: .33vw;
    transform: translateY(-50%);
    background-color: var(--color-milk);
    border-radius: 60px;
}
.filters-popup__range-fill{
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: var(--color-red);
    border-radius: 60px;
}
.filters-popup__range-input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
    background: none;
    -webkit-appearance: none;
    appearance: none;
}
.filters-popup__range-input::-webkit-slider-thumb{
    pointer-events: auto;
    -webkit-appearance: none;
    width: 1.66vw;
    height: 1.66vw;
    border-radius: 50%;
    background-color: var(--color-red);
    cursor: pointer;
}
.filters-popup__range-input::-moz-range-thumb{
    pointer-events: auto;
    width: 1.66vw;
    height: 1.66vw;
    border: none;
    border-radius: 50%;
    background-color: var(--color-red);
    cursor: pointer;
}
.filters-popup__range-input-max{
    z-index: 2;
}
.filters-popup__actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.66vw;
    margin-top: 2.5vw;
}
.filters-popup__reset{
    flex: 1;
    border: 1px solid var(--color-red);
    background-color: transparent;
}
.filters-popup__submit{
    flex: 1;
}
body.filters-popup-open{
    overflow: hidden;
}
@media(max-width: 767px){
    .filters-popup__range-input::-webkit-slider-thumb{
        width: 4vw;
        height: 4vw;
    }
    .filters-popup__range-input::-moz-range-thumb{
        width: 4vw;
        height: 4vw;
    }
    .catalog__title{
        font-size: 7.46vw;
        margin-bottom: 5.33vw;
    }
    .filters .container{
        grid-template-columns: 55vw 1fr;
        gap: 3vw;
    }
    .filters__cats{
        display: none;
    }
    #catalogChosenWrap{
        grid-column: 1/3;
    }
    .filters__chosen-item-close{
        width: 6.4vw;
        height: 6.4vw;
        font-size: 5vw;
        line-height: 0;
    }
    .filters__chosen{
        gap: 1.86vw;
    }
    .filters__chosen-clear{
        padding: 1.33vw 4vw;
    }
    .filters__cats-select{
        display: block;
        grid-column: 1/3;
    }
    .filters__cats,
    .filters__sort,
    .filters__chosen{
        grid-column: 1;
        grid-row: auto;
        font-size: 3.7vw;
    }
    .filters__sort-current,
    .filters__cats-select-current{
        width: 100%;
        justify-content: space-between;
        padding: 3.2vw 3.7vw;
        font-size: 3.7vw;
        border-radius: 60px;
    }
    .filters .filters__call{
        padding: 3.2vw 3.7vw;
        font-size: 3.7vw;
        gap: 1.33vw;
    }
    .filters__sort-list,
    .filters__cats-select-list{
        padding: 4vw;
        border-radius: 20px;
    }
    .filters__sort-item,
    .filters__cats-select-item{
        padding: 3.2vw 4vw;
        font-size: 4.26vw;
    }
    .filters__sort{
        justify-self: start;
        font-size: 3.7vw;
        width: 100%;
    }
    .filters__call{
        width: 100%;
    }
    .filters-popup__panel{
        width: 100%;
        padding: 5.33vw;
    }
    .filters-popup__title{
        font-size: 6.4vw;
    }
    .filters-popup__close{
        width: 10.66vw;
        height: 10.66vw;
        font-size: 10vw;
        font-weight: 200;
    }
    .filters-popup__head{
        margin-bottom: 7.46vw;
    }
    .filters-popup__group-header{
        padding: 4vw 5.33vw;
        border-radius: 60px;
    }
    .filters-popup__group-body{
        margin-top: 1.5vw;
        padding: 4vw 2.66vw;
    }
    .filters-popup__price-min-value,
    .filters-popup__price-max-value{
        width: 16vw;
    }
    .filters-popup__options{
        gap: 1.2vw;
    }
    .filters-popup__option-color,
    .filters__chosen-item-color,
    .filters-popup__check{
        width: 5.33vw;
        height: 5.33vw;
    }
    .filters__chosen-item{
        padding: 2.1vw 1.9vw 2.1vw 4vw;
        gap: 1.33vw;
    }
    .filters-popup__check::after{
        width: 1.2vw;
        height: 2.4vw;
    }
    .filters-popup__actions{
        gap: 4vw;
        margin-top: 8vw;
    }
    .filters__call-count{
        width: 5.33vw;
        height: 5.33vw;
        font-size: 3.2vw;
        flex-shrink: 0;
    }
    .catalog__load-more{
        min-width: 53.33vw;
        margin-top: 8vw;
    }
}

/* Страница товара */
.product{
    margin-bottom: 7.5vw;
}
.product .container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.33vw;
}
.product__gallary{
    min-width: 0;
    width: 100%;
}
.product__name{
    font-size: 2vw;
    margin-bottom: 2.5vw;
    font-weight: 500;
}
.product__prices{
    display: flex;
    align-items: center;
    gap: 1.66vw;
    margin-bottom: 2.5vw;
}
.product__price-current{
    font-size: 2vw;
    font-weight: 700;
}
.product__price-old{
    color: var(--color-gray);
    text-decoration: line-through;
}
.product-gallery{
    display: grid;
    grid-template-columns: 6.66vw 1fr;
    gap: 1.66vw;
    align-items: start;
    min-width: 0;
    width: 100%;
    max-width: 100%;
}
.product-gallery__thumbs-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 34vw;
    width: 6.66vw;
}
.product-gallery__thumbs{
    width: 6.66vw;
    flex: 0 0 auto;
    height: calc(6.66vw * 3 + .55vw * 2);
    overflow: hidden;
}
.product-gallery__thumbs .swiper-slide{
    width: 6.66vw;
    height: 6.66vw;
    flex-shrink: 0;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: .6;
    transition: opacity .2s ease;
    box-sizing: border-box;
}
.product-gallery__thumbs .swiper-slide-thumb-active{
    opacity: 1;
}
.product-gallery__thumbs img,
.product-gallery__main img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.product-gallery__main{
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 34vw;
    border-radius: 20px;
    overflow: hidden;
}
.product-gallery__main .swiper-slide{
    height: 100%;
    width: 100%;
    flex-shrink: 0;
}
.product-gallery__thumb-nav{
    width: 4.1vw;
    height: 4.1vw;
    border: none;
    border-radius: 50%;
    background-color: var(--color-milk);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}
.product-gallery__thumb-nav img{
    width: 1vw;
    height: auto;
}
.product-gallery__thumb-nav--next svg{
    transform: rotate(180deg);
}
.product-gallery__thumb-nav svg path{
    transition: .3s all ease-in-out;
}
.product-gallery__thumb-nav:hover svg path{
    stroke: var(--color-red);
}
.product__filter{
    position: relative;
}
.product__filter-current{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8vw;
    padding: 1.1vw 1.66vw;
    border-radius: 60px;
    background-color: var(--color-milk);
    border: none;
    font: inherit;
    cursor: pointer;
    text-align: left;
}
.product__filter-arrow{
    width: .8vw;
    flex-shrink: 0;
    transition: transform .2s ease;
}
.product__filter--open .product__filter-arrow{
    transform: rotate(180deg);
}
.product__filter-list{
    position: absolute;
    top: calc(100% + .4vw);
    left: 0;
    z-index: 5;
    width: 100%;
    display: none;
    flex-direction: column;
    gap: .4vw;
    padding: .4vw;
    border-radius: 20px;
    background-color: var(--color-white);
    box-shadow: 0 10px 40px rgba(37, 37, 37, 0.12);
}
.product__filter--open .product__filter-list{
    display: flex;
}
.product__filter-option{
    display: flex;
    align-items: center;
    gap: .8vw;
    padding: .8vw 1.2vw;
    border: none;
    border-radius: 60px;
    background: none;
    font: inherit;
    cursor: pointer;
    text-align: left;
}
.product__filter-option--active,
.product__filter-option:hover{
    background-color: var(--color-milk);
}
.product__filter-option-color{
    width: 1.66vw;
    height: 1.66vw;
    border-radius: 50%;
    border: 1px solid var(--color-milk);
    flex-shrink: 0;
}
.product__filter-select{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}
.product__add-amount-input{
    width: 2.5vw;
    border: none;
    background: none;
    text-align: center;
    font: inherit;
}
.product__add-amount-buttons button{
    background: none;
}
.product__chars .accordeon-content{
    gap: 1.66vw 3.33vw;
}
.product__chars-item{
    display: flex;
    align-items: baseline;
    gap: .8vw;
    min-width: 0;
}
.product__chars-name,
.product__chars-value{
    flex-shrink: 0;
}
.product__chars-value{
    text-align: right;
}
.product__chars-line{
    flex: 1;
    min-width: .8vw;
    border-bottom: 1px solid rgba(37, 37, 37, 0.2);
    align-self: baseline;
    margin-bottom: .2em;
}
.accordeon-open{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1vw;
    background-color: var(--color-milk);
    border-radius: 60px;
    padding: 1.2vw 1.66vw;
    border: none;
    font: inherit;
    cursor: pointer;
    text-align: left;
}
.accordeon-arrow{
    width: .8vw;
    transition: transform .2s ease;
    flex-shrink: 0;
}
.accordion--open .accordeon-arrow{
    transform: rotate(180deg);
}
.accordeon-content{
    display: none;
    background-color: var(--color-milk);
    border-radius: 20px;
    padding: 1.2vw 1.66vw;
    margin-top: .8vw;
}
.accordion--open .accordeon-content{
    display: block;
}
.product__chars.accordion--open .accordeon-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.product__chars--empty{
    display: none !important;
}
.recomend{
    margin-bottom: 11.66vw;
}
.recomend .products__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .83vw;
}
.product__adv-list{
    display: flex;
    flex-direction: column;
    gap: .8vw;
    margin-bottom: 3vw;
}
.product__adv-item{
    display: flex;
    align-items: center;
    gap: .8vw;
}
.product__adv-ico{
    width: 2vw;
    height: 2vw;
}
.product__filters{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8vw;
    margin-bottom: 2.5vw;
}
.product__filter-name, .product__add-amount-name{
    color: var(--color-gray);
    margin-bottom: .8vw;
}
.product__add{
    display: flex;
    gap: 1.66vw;
    align-items: end;
}
.product__add-amount-buttons{
    display: flex;
    border-radius: 60px;
    align-items: center;
    background-color: var(--color-milk);
    justify-content: space-between;
    width: 11.66vw;
    padding: 1.3vw 1.66vw;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.product__add-amount-buttons button{
    background-color: none;
    border: none;
    height: 100%;
    cursor: pointer;
    font-size: 2vw;
    font-family: math;
    line-height: 0;
}
.product__add .btn-add-to-cart{
    height: fit-content;
    width: 16.66vw;
}
.product__desc{
    grid-column: 1/3;
}
.product__chars{
    grid-column: 1/3;
    margin-top: -1.66vw;
}
.product__desc ul{
    list-style: disc;
    margin-left: 24px;
}
.product__desc ol{
    list-style: decimal;
    margin-left: 24px;
}

@media(max-width: 767px){
    .product__adv-list{
        gap: 2.66vw;
        margin-bottom: 5.3vw;
    }
    .product__desc, .product__chars{
        grid-column: 1/2;
    }
    .product .container{
        grid-template-columns: 1fr;
        gap: 5.3vw;
    }
    .product__name{
        font-size: 5.3vw;
        margin-bottom: 5.3vw;
    }
    .product__prices{
        gap: 2.66vw;
        margin-bottom: 5.3vw;
    }
    .product__price-current{
        font-size: 5.3vw;
    }
    .product-gallery{
        display: flex;
        flex-direction: column;
        gap: 2.66vw;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }
    .product-gallery__main{
        order: 1;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: 74.6vw;
        border-radius: 5.3vw;
    }
    .product-gallery__thumbs-wrap{
        order: 2;
        flex-direction: row;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        justify-content: space-between;
        align-items: center;
        gap: 2.66vw;
    }
    .product-gallery__thumbs{
        flex: 1 1 0;
        min-width: 0;
        width: 0;
        height: 20vw;
        overflow: hidden;
    }
    .product-gallery__thumbs .swiper-slide{
        height: 20vw;
    }
    .product-gallery__thumb-nav--prev svg{
        transform: rotate(-90deg);
    }
    .product-gallery__thumb-nav--next svg{
        transform: rotate(90deg);
    }
    .product__adv-item{
        gap: 2.66vw;
    }
    .product__filter-name, .product__add-amount-name{
        margin-bottom: 2.66vw;
    }
    .product__adv-ico{
        width: 6.66vw;
        height: 6.66vw;
    }
    .product-gallery__thumb-nav{
        width: 10.66vw;
        height: 10.66vw;
    }
    .product-gallery__thumb-nav img{
        width: 3.2vw;
    }
    .product__filters{
        grid-template-columns: 1fr;
        gap: 4vw;
        margin-bottom: 5.3vw;
    }
    .product__filter-current{
        padding: 4vw 5.3vw;
        border-radius: 60px;
    }
    .product__filter-arrow,
    .accordeon-arrow{
        width: 3.2vw;
    }
    .product__filter-option-color{
        width: 5.3vw;
        height: 5.3vw;
    }
    .product__add{
        gap: 4vw;
    }
    .product__add-amount-buttons{
        width: 100%;
        padding: 4vw 5.3vw;
    }
    .product__add-amount-buttons button{
        font-size: 6vw;
    }
    .product__add-amount-input{
        width: 10vw;
    }
    .product__chars.accordion--open .accordeon-content{
        grid-template-columns: 1fr;
    }
    .product__add .btn-add-to-cart{
        width: 100%;
    }
    .accordeon-open{
        padding: 4vw 5.3vw;
    }
    .accordeon-content{
        padding: 4vw 5.3vw;
        margin-top: 2.66vw;
    }
    .product__chars{
        margin-top: 0;
    }
    .product__chars .accordeon-content{
        grid-template-columns: 1fr;
        gap: 4vw;
    }
    .product__chars-value{
        flex-shrink: 1;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .recomend .products__list{
        grid-template-columns: 1fr;
    }
    .search-popup{
        left: 0;
        right: 0;
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
        padding: 2.66vw 5.3vw;
        border-radius: 0;
    }
    .search-popup__form{
        flex-direction: row;
        align-items: center;
        gap: 2.66vw;
    }
    .search-popup__submit{
        flex-shrink: 0;
        padding: 4vw 5.3vw;
        white-space: nowrap;
    }
    .search-popup__icon{
        left: 4vw;
        width: 4.8vw;
        height: 4.8vw;
    }
    .search-popup__input{
        padding: 4vw 4vw 4vw 12vw;
    }
    .search-page__form{
        flex-direction: column;
        align-items: stretch;
        gap: 2.66vw;
    }
    .search-page__icon{
        left: 4vw;
        width: 4.8vw;
        height: 4.8vw;
    }
    .search-page__input{
        padding: 4vw 4vw 4vw 12vw;
    }
}

/* Страница поиска */
.search-page{
    margin-bottom: 11.66vw;
}
.search-page__title{
    margin-bottom: 2.5vw;
}
.search-page__form{
    display: flex;
    align-items: center;
    gap: 0.8vw;
    max-width: 50vw;
    margin-bottom: 2.5vw;
}
.search-page__field{
    position: relative;
    flex: 1;
    min-width: 0;
}
.search-page__icon{
    position: absolute;
    left: 1.2vw;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5vw;
    height: 1.5vw;
    pointer-events: none;
}
.search-page__input{
    width: 100%;
    border: none;
    border-radius: 60px;
    background-color: var(--color-milk);
    padding: 1.1vw 1.2vw 1.1vw 3.5vw;
    font: inherit;
}
.search-page__input:focus{
    outline: none;
}
.search-page__submit{
    flex-shrink: 0;
    white-space: nowrap;
}
.search-page__summary{
    margin-bottom: 2.5vw;
    color: var(--color-gray-dark);
}
.search-page__section{
    margin-bottom: 3.33vw;
}
.search-page__section-title{
    font-size: 2vw;
    margin-bottom: 1.66vw;
    font-weight: 700;
}
.search-page__products{
    margin-bottom: 2.5vw;
}
.search-page__catalog-link{
    display: inline-flex;
    margin-top: 1.66vw;
}

/* Страница корзины */
.cart__title{
    font-size: 3.66vw;
    text-transform: uppercase;
}
.cart__top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5vw;
}
.cart__clear{
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: var(--color-gray);
    cursor: pointer;
    transition: .3s color ease-in-out;
}
.cart__clear:hover{
    color: var(--color-red);
}
.cart__empty{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.66vw;
    padding: 3vw 0;
}
.cart__empty[hidden],
.cart__content[hidden]{
    display: none !important;
}
.cart-page--loading{
    pointer-events: none;
    opacity: .7;
}
.cart__content{
    display: grid;
    grid-template-columns: 64.16vw 1fr;
    gap: .8vw;
}
.cart__list{
    display: flex;
    flex-direction: column;
    gap: .8vw; 
}
.cart__item{
    display: flex;
    padding: 1.66vw;
    background-color: var(--color-milk);
    border-radius: 17px;
    position: relative;
}
.cart-product__discount{
    position: absolute;
    top: 2.3vw;
    left: 2.3vw;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .4vw .8vw;
    border-radius: 60px;
    background-color: var(--color-red);
    color: var(--color-white);
    font-size: 1.15vw;
    line-height: 1;
}
.cart-product{
    width: 100%;
}
.cart-product__thumbnail img{
    width: 12vw;
    height: 12vw;
    border-radius: 11px;
    object-fit: cover;
    border: 1px solid var(--color-gray);
}
.cart-product__info{
    display: flex;
    gap: 2.5vw;
}
.cart-product__data{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.7vw;
}
.cart-product__title{
    grid-column: 1/3;
    transition: .3s all ease-in-out;
}
.cart-product__title:hover{
    color: var(--color-red);
}
.cart-product__quantity{
    display: flex;
    gap: .8vw;
    align-items: center;
}
.cart-product__unit-price{
    color: var(--color-gray);
}
.quantity{
    display: flex;
    align-items: center;
    gap: 1.66vw;
    border-radius: 60px;
    padding: 1vw 2vw;
    background-color: var(--color-white);
    height: 4vw;
}
.cart-product__thumbnail{
    flex-shrink: 0;
}
.cart-product__data {
    width: 100%;
}
.quantity__btn{
    background-color: transparent;
    height: 100%;
    border: none;
    font-size: 2vw;
    cursor: pointer;
    font-family: math;
    line-height: 98%;
    transition: .3s all ease-in-out;
}
.quantity__btn:hover{
    color: var(--color-red);
}
.cart-product__price{
    justify-self: end;
    align-self: center;
}
.cart-product__price{
    display: flex;
    gap: .8vw;
    align-items: center;
}
.cart-product__price-new{
    font-size: 2vw;
    font-weight: 700;
}
.cart-product__price-old{
    color: var(--color-gray);
    text-decoration: line-through;
}
.cart-product__btn-remove{
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 1.66vw;
    right: 1.66vw;
}
.cart-product__btn-remove svg{
    width: 1.66vw;
    height: 1.66vw;
}
.cart-product__btn-remove svg path{
    transition: .3s all ease-in-out;
}
.cart-product__btn-remove:hover svg path{
    fill: var(--color-red)
}
.cart__right{
    padding: 2.5vw;
    background-color: var(--color-milk);
    border-radius: 17px;
}
.cart-order__items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.2vw;
    border-bottom: 1px solid #ed1c2338;
    margin-bottom: 1.2vw;
}
.cart-order__discount{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.2vw;
    border-bottom: 1px solid #ed1c2338;
    margin-bottom: 1.66vw;
}
.cart-order__dashed-line{
    flex: 1;
    margin: 0 1vw;
    border-bottom: 1px dashed #3b3b3b33;
}
.cart-order__value,
.cart-order__sum{
    flex-shrink: 0;
}
#total-quantity-label{
    margin-left: .3em;
}

.cart-order__promocode-form{
    margin-bottom: 1.66vw;
}
.cart-order__promocode{
    position: relative;
    margin-bottom: 1.66vw;
}
.cart-order__input{
    display: block;
    width: 100%;
    padding: 1.2vw 1.66vw;
    background-color: var(--color-white);
    border: none;
    border-radius: 40px;
    font: inherit;
    color: inherit;
    outline: none;
}
.cart-order__input::placeholder{
    color: var(--color-gray);
}
.cart-order__input-error{
    display: none;
    margin-top: .8vw;
    padding-left: 1.66vw;
    color: var(--color-red);
    font-size: 1.1vw;
}
.cart-order__promocode--error .cart-order__input-error{
    display: block;
}
.cart-order__input-submit{
    display: none !important;
}
.cart-order__total{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 2vw;
    margin-bottom: 1.6vw;
}
.cart-order__btn{
    display: block;
    text-align: center;
}
.cart-order__btn.is-disabled,
#place_order.is-disabled,
#place_order:disabled{
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--color-gray) !important;
    border-color: var(--color-gray) !important;
    color: var(--color-white) !important;
}
.min-order-notice{
    margin-top: 1vw;
    color: var(--color-gray);
    font-size: 1vw;
    line-height: 1.4;
}
.min-order-notice--hidden{
    display: none !important;
}
.checkout-min-order-notice{
    margin-top: 1.25vw;
}
.cart-order__input-btn{
    display: none;
}
.cart-order__dashed-line{
    display: none;
}
.product-card__discount,
.cart-product__discount{
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .4vw .8vw;
    border-radius: 60px;
    background-color: var(--color-red);
    color: var(--color-white);
    font-size: 1.15vw;
    line-height: 1;
}
.product-card__discount{
    top: .86vw;
    left: .86vw;
}
@media(max-width: 767px){
    .product-card__discount{
        top: 2.66vw;
        left: 2.66vw;
        padding: 1.2vw 2.4vw;
        font-size: 3.2vw;
    }
    .cart__title{
        font-size: 6.4vw;
    }
    .cart__top{
        margin-bottom: 8vw;
    }
    .cart__content{
        grid-template-columns: 1fr;
        gap:2.66vw;
    }
    .cart__list{
        gap:2.66vw;
    }
    .cart__item{
        padding: 2.66vw;
    }
    .cart-product__discount{
        top: 4vw;
        left: 4vw;
        padding: 1.2vw 2.4vw;
        font-size: 3.2vw;
    }
    .cart-product__thumbnail img{
        width: 21.3vw;
        height: 21.3vw;
        position: absolute;
        top: 2.66vw;
        left: 2.66vw;
    }
    .cart-product__title{
        display: block;
        min-height: 21.3vw;
        justify-self: end;
        margin-right: 7vw;
        max-width: 54vw;
    }
    .cart-product__btn-remove svg{
        width: 5.8vw;
        height: 5.8vw;
    }
    .cart-product__btn-remove{
        top: 2.66vw;
        right: 2.66vw;
    }
    .quantity{
        gap: 5vw;
        padding: 3vw;
        height: 10vw;
    }
    .quantity__btn{
        font-size: 5vw;
    }
    .cart-product__quantity{
        flex-direction: column;
        gap: 1.8vw;
        justify-self: start;
    }
    .cart-product__info{
        gap: 0;
    }
    .cart-product__price-new{
        font-size: 5.33vw;
    }
    .cart-product__price{
        gap: 2.5vw; 
    }
    .cart__right{
        padding: 5.33vw;
    }
    .cart-order__items{
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .cart-order__discount{
        padding-bottom: 4vw;
        margin-bottom: 5.33vw;
    }
    .cart-order__input{
        padding: 4vw 5.33vw;
        margin-bottom: 5.33vw;
    }
    .cart-order__total{
        font-size: 5.33vw;
        margin-bottom: 5.33vw;
    }
        .min-order-notice{
        margin-top: 3.2vw;
        font-size: 3.2vw;
    }
}


/* Страница оформления */
.checkout .col-1{
    padding: 2.5vw;
    background-color: var(--color-milk);
    border-radius: 30px;
}
.checkout .col-2{
    padding: 2.5vw;
    background-color: var(--color-milk);
    border-radius: 30px;
}
.checkout .cart_item .product-name{
    font-size: 1vw;
    color: var(--color-gray);
}
.checkout .h3{
    margin-bottom: 1.8vw;
}
.woocommerce-info{
    border-top-color: var(--color-red);
}
.woocommerce-info::before{
    color: var(--color-red)
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{
    border: none;
    border-radius: 40px;
    padding: 1.15vw 1.66vw;
}
.woocommerce form .form-row .input-text:active , .woocommerce form .form-row select:active{
    border: none;
}
.woocommerce form .form-row .input-text:focus , .woocommerce form .form-row select:focus{
    border: none;
    border-color: none;
}
#billing_country_field{
    display: none !important;
}
#billing_phone_field, 
#billing_email_field {
    width: 48%;
    float: left;
    clear: none;
}

#billing_phone_field {
    margin-right: 4%;
}
#order_review_heading{
    margin-bottom: 1.66vw;
}
#order_review tr th:first-child{
    width: 40%;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    float: initial;
    margin: 1.25vw auto 0;
    padding: 1.25vw 1.66vw;
    cursor: pointer;
    border: none;
    border-radius: 60px;
    transition: .3s all ease-in-out;
    background-color: var(--color-red);
    color: var(--color-white);
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    background-color: #D8070F;
}
.woocommerce-checkout{
    margin-bottom: 11.66vw;
}
input[type="radio"] {
  accent-color: var(--color-red);
  width: 1.2vw;
  height: 1.2vw;
}
.woocommerce ul#shipping_method li{
    display: flex;
    align-items: center;
}
.checkout__main-title{
    font-size: 3.66vw;
    margin-bottom: 2.5vw;
}
@media(max-width: 767px){
    .checkout__main-title{
        font-size: 6.4vw;
        margin-bottom: 8vw;
    }
    .checkout .col-1, .checkout .col-2{
        padding: 5.33vw;
        border-radius: 17px;
    }
    .checkout .col-1{
        margin-bottom: 2.66vw;
    }
    .woocommerce-checkout h3{
        font-size: 5.33vw;
        margin-bottom: 4vw;
    }
    #billing_first_name_field, #billing_last_name_field, #billing_phone_field, #billing_email_field{
        float: initial;
        width: 100%;
    }
    .woocommerce form .form-row .input-text, .woocommerce form .form-row select{
        padding: 4.4vw 5.33vw;
    }
    input[type="radio"] {
        accent-color: var(--color-red);
        width: 4vw;
        height: 4vw;
    }
    .checkout .cart_item .product-name{
        font-size: 3.5vw;
    }
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
        padding: 4vw 5.33vw;
    }
}

/* Авторизация / регистрация */
.woocommerce-account .woocommerce-MyAccount-navigation{
    display: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    display: block;
}
.woocommerce-account:not(.logged-in) .woocommerce-MyAccount-content{
    width: 100%;
    float: none;
}
.woocommerce-account:not(.logged-in) .entry-title,
.woocommerce-account:not(.logged-in) .page-title{
    display: none;
}
.account-auth{
    margin-bottom: 11.66vw;
}

.account-auth__tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 2vw;
    margin-bottom: 2.16vw;
    font-size: 1.66vw;
    justify-content: center;
}
.account-auth__tab{
    background: none;
    padding: 0;
    font: inherit;
    color: var(--color-gray);
    cursor: pointer;
    transition: color .3s ease-in-out;
    padding: 1.25vw 2.33vw;
    transition: .3s all ease-in-out;
    border-radius: 60px;
    border: 1px solid var(--color-gray);
    cursor:pointer
}
.account-auth__tab:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.account-auth__tab:last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.account-auth__tab--active{
    color: var(--color-white);
    font-weight: 700;
    background-color: var(--color-red);
    border: 1px solid var(--color-red);
}
.account-auth__tabs-sep{
    color: var(--color-gray);
}
.account-auth__card{
    padding: 2.5vw;
    background-color: var(--color-milk);
    border-radius: 30px;
    width: 48vw;
    margin: 0 auto;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 5px;
}
.account-auth__panel{
    display: none;
}
.account-auth__panel--active{
    display: block;
}
.account-auth__form .form-row{
    margin: 0;
    padding: 0;
}
.account-auth__field{
    display: flex;
    flex-direction: column;
    gap: .8vw;
    margin-bottom: 1.66vw;
}
.account-auth__label{
    font-weight: 500;
}
.account-auth__input{
    width: 100%;
    border: none;
    border-radius: 40px;
    padding: 1.15vw 1.66vw;
    background-color: var(--color-white);
    font: inherit;
    color: inherit;
    outline: none;
}
.account-auth__input:focus{
    box-shadow: 0 0 0 1px rgba(237, 28, 36, 0.25);
}
.account-auth__password-wrap{
    position: relative;
}
.account-auth__password-wrap .show-password-input,
.account-auth .show-password-input{
    display: none !important;
}
.account-auth__password-wrap .account-auth__input{
    padding-right: 3.5vw;
}
.account-auth__password-toggle{
    position: absolute;
    top: 50%;
    right: 1.25vw;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2vw;
    height: 2vw;
    padding: 0;
    border: none;
    background: none;
    color: var(--color-gray);
    cursor: pointer;
    z-index: 2;
}
.account-auth__password-icon{
    display: block;
    width: 1.66vw;
    height: 1.66vw;
    object-fit: contain;
}
.account-auth__password-icon[hidden]{
    display: none !important;
}
.account-auth__password-toggle:hover{
    color: var(--color-red);
}
.account-auth__actions{
    display: flex;
    align-items: center;
    gap: 1.66vw;
    flex-wrap: wrap;
    margin-top: 1.66vw;
}
.account-auth__actions--login{
    margin-bottom: 1.25vw;
}
.account-auth__submit{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font: inherit;
}
.account-auth__remember{
    display: inline-flex;
    align-items: center;
    gap: .8vw;
    cursor: pointer;
    margin: 0;
}
.account-auth__checkbox{
    width: 1.25vw;
    height: 1.25vw;
    accent-color: var(--color-red);
}
.account-auth__link{
    display: inline-block;
    color: var(--color-gray-dark);
    text-decoration: underline;
    transition: color .3s ease-in-out;
}
.account-auth__link:hover{
    color: var(--color-red);
}
.account-auth__notice{
    margin: 0 0 1.66vw;
    color: var(--color-gray);
    font-size: 1.1vw;
    line-height: 1.5;
}
.account-auth__notice a{
    color: inherit;
    text-decoration: underline;
}
.account-auth__notice a:hover{
    color: var(--color-red);
}
.account-auth__intro,
.account-auth__text{
    margin: 0 0 2.5vw;
    line-height: 1.5;
}
.account-auth__title{
    margin: 0 0 1.66vw;
    font-size: 2vw;
    font-weight: 700;
}
.account-auth__actions--confirm{
    gap: 1.25vw;
}
.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper{
    max-width: 40vw;
    margin: 0 auto 1.66vw;
}
.account-page__top{
    margin-bottom: 4.16vw;
}
.woocommerce-MyAccount-navigation ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1.2vw;
}
.woocommerce-MyAccount-navigation{
    margin-bottom: 2.5vw;
}
.woocommerce-MyAccount-navigation-link{
    padding: .8vw 2vw;
    border-radius: 60px;
    border: 1px solid var(--color-milk);
    transition: .3s all ease-in-out;
}
.woocommerce-MyAccount-navigation ul .is-active{
    background-color: var(--color-milk);
}
.woocommerce-MyAccount-navigation-link:hover{
    background-color: var(--color-milk);
}
.woocommerce-MyAccount-content{
    margin-bottom: 11.6vw;
    padding: 2.5vw;
    border-radius: 30px;
    background-color: var(--color-milk);
}
.woocommerce-MyAccount-content .woocommerce-Address-title h2{
    font-size: 2vw;
    margin-bottom: 1.66vw;
}
.woocommerce-MyAccount-content .woocommerce-Address-title a{
    padding: 1.25vw 2.33vw !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 60px !important;
    transition: .3s all ease-in-out !important;
    font-weight: 400 !important;
    border: 1px solid var(--color-red) !important;
    background-color: var(--color-red) !important;
    color: var(--color-white) !important;
    display: block;
    font-size: 1.33vw;
    width: fit-content;
    margin-bottom: 1.66vw;
}
 .woocommerce-MyAccount-content #billing_country_field{
    display: block !important;
 }
.woocommerce-MyAccount-content p{
    margin-bottom: 1.4vw;
}
@media(max-width: 767px){

    .account-auth__tabs{
        margin-bottom: 5.33vw;
        gap: 0;
        font-size: 4.4vw;
    }
    .account-auth__card{
        padding: 5.33vw;
        border-radius: 20px;
        width: 100%;
    }
    .account-auth__field{
        gap: 2.66vw;
        margin-bottom: 5.33vw;
    }
    .account-auth__input{
        padding: 4vw 5.33vw;
        border-radius: 40px;
        font-size: 4.26vw;
    }
    .account-auth__password-wrap .account-auth__input{
        padding-right: 12vw;
    }
    .account-auth__password-toggle{
        right: 4vw;
        width: 6vw;
        height: 6vw;
    }
    .account-auth__password-icon{
        width: 5.33vw;
        height: 5.33vw;
    }
    .account-auth__actions{
        gap: 4vw;
        margin-top: 5.33vw;
    }
    .account-auth__actions--login{
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 4vw;
    }
    .account-auth__actions--login .account-auth__submit{
        width: 100%;
    }
    .account-auth__actions--confirm{
        flex-direction: column;
    }
    .account-auth__actions--confirm .account-auth__submit{
        width: 100%;
        text-align: center;
    }
    .account-auth__checkbox{
        width: 4.26vw;
        height: 4.26vw;
    }
    .account-auth__notice{
        font-size: 3.73vw;
        margin-bottom: 5.33vw;
    }
    .account-auth__intro,
    .account-auth__text{
        margin-bottom: 5.33vw;
        font-size: 4.26vw;
    }
    .account-auth__title{
        font-size: 5.33vw;
        margin-bottom: 4vw;
    }
    .woocommerce-MyAccount-navigation ul{
        display: none;
    }
    .woocommerce-MyAccount-content{
        padding: 5.33vw;
    }
    .woocommerce-MyAccount-content .woocommerce-Address-title a{
        padding: 4vw !important;
        font-size: 3vw;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
        width: 100%;
        float: initial;
    }
    .woocommerce-EditAccountForm fieldset{
        margin-bottom: 4vw;
    }
    .header__btn .call-mobile-menu__icon--close{
        width: 3vw;
        height: 3vw;
        margin: 0 auto;
    }
}


/* Персональная скидка */
.user-discount__top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5vw;
}
.user-discount__top h1{
    font-size: 2vw;
}
.user-discount{
    border-radius: 20px;
    background-color: var(--color-milk);
    margin-bottom: 2.5vw;
}
.user-discount .progress_bar{
    position: relative;
    margin-bottom: 5vw;
}
.user-discount .bar{
    width: 100%;
    height: 1.33vw;
    min-height: 8px;
    border-radius: 60px;
    position: relative;
    background-color: var(--color-white);
    overflow: hidden;
}
.user-discount .progress{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 60px;
    width: 0;
    background-color: var(--color-red);
    max-width: 100%;
}
.user-discount .threshold{
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(-50%, -43%);
    line-height: 1.2;
    white-space: nowrap;
}
.user-discount .percent{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
}
.user-discount .percent::after{
    content: '';
    width: 2px;
    display: block;
    height: 2.7vw;
    min-height: 14px;
    background-color: var(--color-gray-dark);
    margin: .7vw 0;
}
.user-discount .summ{
    color: var(--color-gray);
}
.user-discount .user-discount__bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1vw;
}
.user-discount__spent{
    display: flex;
    flex-direction: column;
    gap: .4vw;
    min-width: 0;
}
.user-discount__next{
    color: var(--color-gray-dark);
}
.user-discount .discount-amount{
    border-radius: 60px;
    padding: .8vw 1.4vw;
    color: var(--color-white);
    background-color: var(--color-red);
    white-space: nowrap;
    font-weight: 600;
}

@media (max-width: 767px) {
    .user-discount{
        border-radius: 5.3vw;
        margin-bottom: 5.3vw;
    }
    .user-discount .progress_bar{
        margin-bottom: 10vw;
    }
    .user-discount .bar{
        height: 2.66vw;
    }
    .user-discount .threshold{
        font-size: 3vw;
    }
    .user-discount .percent::after{
        height: 4vw;
        margin: 1.5vw 0;
    }
    .user-discount .user-discount__bottom{
        flex-direction: column;
        align-items: flex-start;
        gap: 3.2vw;
        font-size: 3.7vw;
    }
    .user-discount__spent{
        gap: 1.5vw;
    }
    .user-discount .discount-amount{
        padding: 4vw 5.33vw;
        font-size: 3.7vw;
    }
    .user-discount__top h1{
        font-size: 5.33vw;
    }
    .user-discount__top{
        flex-direction: column;
        justify-content: initial;
        margin-bottom: 18vw;
        gap: 5.33vw;
        align-items: start;
    }
}


/* Страница успешного оформления */
.woocommerce-checkout.woocommerce-order-received .entry-title,
.woocommerce-order-received .entry-title,
.woocommerce-order-received .page-title{
    display: none;
}
.order-received__title{
    font-size: 3.66vw;
    margin-bottom: 2.5vw;
    font-weight: 700;
}
.order-received__content{
    display: flex;
    flex-direction: column;
    gap: 1.66vw;
}
.order-received__success{
    display: flex;
    align-items: center;
    gap: 1.25vw;
    padding: 1.66vw 2vw;
    border-radius: 20px;
    background-color: var(--color-milk);
    margin: 0;
    border: none;
    border-top: none;
    list-style: none !important;
}
.order-received__success::before{
    display: none !important;
    content: none !important;
}
.order-received__success-icon{
    width: 3.33vw;
    height: 3.33vw;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background-color: var(--color-red);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.order-received__success-icon svg{
    width: 1.45vw;
    height: 1.45vw;
    min-width: 18px;
    min-height: 18px;
}
.order-received__success-text{
    margin: 0;
    font-size: 1.45vw;
    font-weight: 600;
}
.order-received__overview{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12vw, 1fr));
    gap: .83vw;
    list-style: none;
    margin: 0;
    padding: 0;
}
.order-received__overview li{
    display: flex;
    flex-direction: column;
    gap: .5vw;
    padding: 1.45vw 1.66vw !important;
    background-color: var(--color-milk);
    border-radius: 20px;
    margin: 0 !important;
    border: none;
    float: none !important;
    width: auto !important;
    text-transform: none;
    font-size: inherit;
}
.order-received__overview li strong{
    font-size: 1.33vw;
    font-weight: 700;
    color: var(--color-gray-dark);
    line-height: 1.3;
    word-break: break-word;
}
.order-received__overview li strong .amount,
.order-received__overview li strong .woocommerce-Price-amount{
    font-weight: 700;
}
.order-received__label{
    color: var(--color-gray);
    font-size: 1vw;
}
.order-received__card--error{
    padding: 2vw;
    background-color: var(--color-milk);
    border-radius: 20px;
}
.order-received__card--error .woocommerce-thankyou-order-failed{
    margin: 0 0 1.25vw;
    border: none;
    padding: 0;
    background: none;
}
.order-received__details{
    display: flex;
    flex-direction: column;
    gap: 1.66vw;
}
.order-received__details > section,
.order-received__details .woocommerce-order-details,
.order-received__details .woocommerce-customer-details{
    padding: 2vw;
    background-color: var(--color-milk);
    border-radius: 30px;
}
.order-received__details .woocommerce-order-details__title,
.order-received__details .woocommerce-column__title,
.order-received__details h2{
    font-size: 1.66vw;
    font-weight: 700;
    margin: 0 0 1.45vw;
}
.order-received__details .shop_table,
.order-received__details .woocommerce-table{
    border: none;
    margin: 0;
}
.order-received__details .shop_table th,
.order-received__details .shop_table td,
.order-received__details .woocommerce-table th,
.order-received__details .woocommerce-table td{
    border: none;
    border-bottom: 1px solid rgba(59, 59, 59, 0.12);
    padding: 1vw 0;
    background: transparent;
    vertical-align: top;
}
.order-received__details .shop_table tr:last-child th,
.order-received__details .shop_table tr:last-child td,
.order-received__details .woocommerce-table tr:last-child th,
.order-received__details .woocommerce-table tr:last-child td{
    border-bottom: none;
}
.order-received__details .shop_table tfoot th,
.order-received__details .shop_table tfoot td{
    font-weight: 600;
}
.order-received__details .shop_table tfoot tr:last-child th,
.order-received__details .shop_table tfoot tr:last-child td{
    font-size: 1.45vw;
    font-weight: 700;
}
.order-received__details .woocommerce-customer-details{
    display: block;
}
.order-received__details .woocommerce-customer-details .woocommerce-columns,
.order-received__details .woocommerce-customer-details .col2-set{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.66vw;
}
.order-received__details .woocommerce-customer-details .woocommerce-column,
.order-received__details .woocommerce-customer-details .col-1,
.order-received__details .woocommerce-customer-details .col-2{
    margin: 0;
    width: auto;
    float: none;
    padding: 0;
    background: none;
}
.order-received__details address{
    font-style: normal;
    line-height: 1.5;
    color: var(--color-gray-dark);
}
.order-received__details .woocommerce-customer-details--phone,
.order-received__details .woocommerce-customer-details--email{
    margin-top: .6vw;
    color: var(--color-gray);
}
.order-received__actions{
    display: flex;
    flex-wrap: wrap;
    gap: .83vw;
    margin-top: .4vw;
}
.order-received__actions .btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.woocommerce-order-downloads{
    padding: 2vw;
    background-color: var(--color-milk);
    border-radius: 30px;
}

@media(max-width: 767px){
    .checkout__main-title{
        font-size: 6.4vw;
        margin-bottom: 8vw;
    }
    .checkout .col-1, .checkout .col-2{
        padding: 5.33vw;
        border-radius: 17px;
    }
    .checkout .col-1{
        margin-bottom: 2.66vw;
    }
    .woocommerce-checkout h3{
        font-size: 5.33vw;
        margin-bottom: 4vw;
    }
    #billing_first_name_field, #billing_last_name_field, #billing_phone_field, #billing_email_field{
        float: initial;
        width: 100%;
    }
    .woocommerce form .form-row .input-text, .woocommerce form .form-row select{
        padding: 4.4vw 5.33vw;
    }
    input[type="radio"] {
        accent-color: var(--color-red);
        width: 4vw;
        height: 4vw;
    }
    .checkout .cart_item .product-name{
        font-size: 3.5vw;
    }
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
        padding: 4vw 5.33vw;
    }
    .order-received__title{
        font-size: 6.4vw;
        margin-bottom: 5.3vw;
    }
    .order-received__content{
        gap: 4vw;
    }
    .order-received__success{
        padding: 4vw;
        border-radius: 5.3vw;
        gap: 3.2vw;
    }
    .order-received__success-icon{
        width: 10.66vw;
        height: 10.66vw;
    }
    .order-received__success-icon svg{
        width: 5.3vw;
        height: 5.3vw;
    }
    .order-received__success-text{
        font-size: 4.26vw;
    }
    .order-received__overview{
        grid-template-columns: 1fr;
        gap: 2.66vw;
    }
    .order-received__overview li{
        padding: 4vw;
        border-radius: 5.3vw;
        gap: 1.5vw;
    }
    .order-received__label{
        font-size: 3.2vw;
    }
    .order-received__overview li strong{
        font-size: 4.26vw;
    }
    .order-received__details > section,
    .order-received__details .woocommerce-order-details,
    .order-received__details .woocommerce-customer-details,
    .woocommerce-order-downloads{
        padding: 5.33vw;
        border-radius: 5.3vw;
    }
    .order-received__details .woocommerce-order-details__title,
    .order-received__details .woocommerce-column__title,
    .order-received__details h2{
        font-size: 5.3vw;
        margin-bottom: 4vw;
    }
    .order-received__details .shop_table th,
    .order-received__details .shop_table td,
    .order-received__details .woocommerce-table th,
    .order-received__details .woocommerce-table td{
        padding: 3.2vw 0;
        font-size: 3.7vw;
        display: block;
        width: 100% !important;
    }
    .order-received__details .shop_table tfoot tr:last-child th,
    .order-received__details .shop_table tfoot tr:last-child td{
        font-size: 4.26vw;
    }
    .order-received__details .woocommerce-customer-details{
        grid-template-columns: 1fr;
        gap: 5.3vw;
    }
    .order-received__details .woocommerce-customer-details .woocommerce-columns,
    .order-received__details .woocommerce-customer-details .col2-set{
        grid-template-columns: 1fr;
        gap: 5.3vw;
    }
    .order-received__actions{
        flex-direction: column;
        gap: 2.66vw;
        margin-top: 2vw;
    }
    .order-received__actions .btn{
        width: 100%;
        padding: 4vw 5.33vw;
        text-align: center;
    }
}
/* куки */
.cookie {
    position: fixed;
    bottom: -30vh;
    left: .8695652174vw;
    z-index: 9999999;
    border-radius: 20px;
    background-color: var(--color-milk);
    transition: .5s all ease-in-out
}
.cookie a{
    color: var(--color-red);
}

.cookie__container {
    padding: 1.66vw;
    display: flex;
    gap: .7608695652vw
}


.cookie__txt {
    width: 30.6vw;
    font-size: 1vw;
}

.cookie__btn {
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 32px;
    padding: .4347826087vw .652173913vw;
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 1.2vw;
}

.cookie-active {
    bottom: .8695652174vw
}
.account-auth--lost{
    margin-top: 10vw;
}
@media(max-width: 767px){
    .cookie{
        max-width: 91.51vw;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .cookie__txt{
        width: 63.2vw;
        font-size: 2.66vw;
    }
    .cookie__btn{
        padding: 1.33vw 4vw;
        font-size: 4.75vw;
    }
    .cookie__container{
        padding: 4vw;
        gap: 1.33vw;
    }
    .cookie-active{
        bottom: 2.66vw;
    }
}