.hero {
    padding-top: 4.167vw;
}
.hero-row {
    display: flex;
    flex-direction: column;
    gap: 5.556vw;
}
.hero-content {
    text-align: center;
}
.hero__title span {
    color: #CB1213;
    font-weight: 900;
    display: block;
    font-style: italic;
}
.hero__text {
    font-size: 3.889vw;
    font-weight: 500;
    margin-top: 2.778vw;
}
.hero-right {
    position: relative;
}
.hero-discount {
    position: absolute;
    bottom: 18.611vw;
    right: 0;
    border-radius: 35px 0 0 35px;
    padding: 1.667vw 5vw;
    padding-left: 6.111vw;
    display: flex;
    align-items: center;
    z-index: 1;
    background-color: #FFFFFF;
}
.hero-discount img {
    width: 53.333vw;
    height: auto;
}
.hero-slider {
    width: 100%;
    padding-bottom: 4.167vw;
}
.hero-slide {
    border-radius: 6.944vw;
    aspect-ratio: 340 / 223;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.944vw;
}
.hero-pagination span {
    margin: 0!important;
    width: 1.944vw;
    height: auto;
    aspect-ratio: 1;
    background-color: #484444;
    transition: .3s;
}
.hero-pagination span.swiper-pagination-bullet-active {
    background-color: #CB1213;
}


.categories {
    padding-top: 16.667vw;
    overflow: hidden;
}
.categories-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 1.389vw;
}
.categories-tabs__item {
    padding: 2.778vw;
    border-radius: 12.5vw;
    font-size: 3.889vw;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
    border: 1px solid transparent;
}
@media (hover: hover) {
    .categories-tabs__item:hover {
        border-color: #CB1213;
        color: #CB1213;
    }
}
.categories-tabs__item.active {
    border-color: #CB1213;
    background-color: #CB1213;
    color: #FFFFFF;
}
.categories-items {
    margin-top: 6.944vw;
}
.category {
    display: none;
}
.category.active {
    display: block;
    animation: categoryFadeIn .4s ease;
}
@keyframes categoryFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.categories__title {
    text-align: center;
}
.categories__text {
    font-size: 3.889vw;
    text-align: center;
    margin-top: 2.778vw;
    padding-left: 4.444vw;
    padding-right: 4.444vw;
}
.categories-slider {
    margin-top: 5.556vw;
    overflow: visible;
}
.categories-slider__pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 5.556vw;
}
.categories-slider__pagination .swiper-pagination-bullet {
    margin: 0!important;
    width: 7px;
    height: auto;
    aspect-ratio: 1;
    background-color: #484444;
    opacity: 1;
    transition: .3s;
}
.categories-slider__pagination .swiper-pagination-bullet-active {
    background-color: #CB1213;
}
.categories-bottom {
    margin-top: 4.444vw;
}
.categories__link {
    height: 13.611vw;
    font-size: 5.278vw;
    width: 100%;
}


.advantages {
    padding-top: 16.667vw;
}
.advantages__title {
    text-align: center;
    padding: 0 6.944vw;
}
.advantages-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 20px;
}
.advantage-top {
    border-radius: 15px;
    aspect-ratio: 161 / 118;
    overflow: hidden;
}
.advantage-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantage__title {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 3.889vw;
    font-weight: 500;
}
.advantage__text {
    font-size: 3.889vw;
}

.steps {
    padding-top: 16.667vw;
}
.steps-container {
    border: 4px solid #CB1213;
    border-radius: 6.944vw;
    padding-top: 8.333vw;
    padding-bottom: 11.389vw;
    padding-left: 3.056vw;
}
.steps__title {
    text-align: center;
    padding-right: 3.056vw;
}
.steps-block {
    position: relative;
    z-index: 1;
    margin-top: 6.944vw;
    padding-bottom: 38.333vw;
}
.steps-block__row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24.167vw;
}
.steps-block__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.steps-box {
    display: flex;
    align-items: center;
    gap: 6.944vw;
}
.steps-box:nth-child(2) {
    margin-left: auto;
    margin-right: 5.278vw;
}
.steps-box:last-child {
    margin-top: 4.722vw;
}
.steps-box img {
    height: 25.278vw;
    width: auto;
}
.steps-box__text {
    font-size: 3.889vw;
    font-weight: 500;
}
.steps-box:first-child .steps-box__text {
    min-width: 58.056vw;
    width: 58.056vw;
}
.steps-box:nth-child(2) .steps-box__text {
    min-width: 40.833vw;
    width: 40.833vw;
}
.steps-bottom {
    margin-top: 7.222vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.556vw;
    padding-left: 1.111vw;
    padding-right: 4.167vw;
}
.steps__text {
    padding-left: 3.889vw;
    padding-right: 3.889vw;
    text-align: center;
    font-weight: 500;
    font-size: 5.556vw;
}
.steps__text span {
    font-weight: 700;
    font-style: italic;
    color: #CB1213;
}
.steps__btn {
    font-size: 4.444vw;
    height: 13.611vw;
    width: 100%;
}


.reviews {
    padding-top: 16.667vw;
    overflow: hidden;
}
.reviews__title {
    text-align: center;
}
.reviews-row {
    margin-top: 5.556vw;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 9.722vw;
}
.reviews-container {
    width: 100%;
}
.reviews-slider {
    overflow: visible;
}
.review {
    width: 87.778vw;
    background-color: #F2F2F5;
    border-radius: 15px;
    padding: 9.167vw 7.222vw 18.333vw;
    position: relative;
}
.review__link {
    position: absolute;
    top: 10vw;
    right: 7.222vw;
    color: #686464;
    text-decoration: underline;
    font-size: 3.889vw;
    line-height: 130%;
}
.review-stars {
    display: flex;
    align-items: center;
}
.review-stars svg {
    height: 4.322vw;
    width: auto;
}
.review__author {
    margin-top: 3.333vw;
    font-size: 4.444vw;
    font-weight: 500;
}
.review__text {
    margin-top: 5vw;
    font-size: 3.889vw;
    line-height: 130%;
}
.reviews-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5.556vw;
}
.reviews-nav__btn {
    width: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.reviews-nav__btn svg {
    width: 100%;
    height: auto;
}
.reviews-nav__btn svg path {
    transition: .3s;
    stroke: #050505;
}
.reviews-nav__btn.swiper-button-disabled {
    pointer-events: none;
}
.reviews-nav__btn.swiper-button-disabled svg path {
    stroke: #686464;
}
.reviews-pagination {
    width: auto;
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    line-height: 130%;
    font-weight: 600;
}
.reviews-pagination .swiper-pagination-current {
    color: #686464;
}
.reviews-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4.444vw;
}
.reviews-block {
    position: relative;
    background-color: #F2F2F5;
    border-radius: 15px;
    height: 77.778vw;
    width: 100%;
    position: relative;
}
.reviews-block img {
    position: absolute;
    left: 0;
    bottom: 6.944vw;
    width: 94.444vw;
    height: auto;
}
.reviews__btn {
    font-size: 4.444vw;
    height: 13.611vw;
    width: 100%;
}


.contacts {
    padding-top: 16.667vw;
}
.contacts__title {
    text-align: center;
}
.contacts-row {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    margin-top: 20px;
}
.map {
    width: 100%;
    height: 101.944vw;
    border-radius: 35px;
    overflow: hidden;
}
.map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
.contacts-block {
    border-radius: 30px;
    border: 3px solid #CB1213;
    padding: 27px 17px;
}
.contacts-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.contacts-box__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.contacts-box img {
    width: 25px;
    height: auto;
    flex-shrink: 0;
}
.contacts-box span {
    display: block;
    font-size: 3.889vw;
}
.contacts-btns {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 35px;
}
.contacts__btn {
    width: 100%;
    height: 13.611vw;
    font-size: 4.444vw;
}


.delivery {
    padding-top: 16.667vw;
}
.delivery-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 36.944vw;
    position: relative;
}
.delivery__title {
    text-align: center;
}
.delivery__text {
    font-size: 3.889vw;
    font-weight: 500;
    margin-top: 2.778vw;
    text-align: center;
    padding-left: 5vw;
    padding-right: 5vw;
}
.delivery-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.delivery__btn {
    width: 100%;
    height: 13.611vw;
    font-size: 4.444vw;
}
.delivery__img {
    width: 100%;
    height: 68.056vw;
    border-radius: 25px;
    object-fit: cover;
}


.events {
    padding-top: 16.667vw;
}
.events__title {
    text-align: center;
}
.events__text {
    text-align: center;
    font-weight: 500;
    margin-top: 2.778vw;
    font-size: 3.889vw;
    padding-left: 5vw;
    padding-right: 5vw;
}
.events-slider {
    margin-top: 20px;
}
.events-slide {
    aspect-ratio: 341 / 219;
    border-radius: 25px;
    overflow: hidden;
}
.events-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.events-slider__pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 10px;
}
.events-slider__pagination .swiper-pagination-bullet {
    margin: 0!important;
    width: 7px;
    height: auto;
    aspect-ratio: 1;
    background-color: #484444;
    opacity: 1;
    transition: .3s;
}
.events-slider__pagination .swiper-pagination-bullet-active {
    background-color: #CB1213;
}
.events-btns {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}
.events__btn {
    font-size: 16px;
    height: 49px;
    width: 100%;
}


.faq {
    padding-top: 16.667vw;
}
.faq__title {
    text-align: center;
}
.faq-container {
    margin-top: 20px;
}
.faq-tab {
    margin-bottom: 10px;
    border-radius: 45px;
    border: 2px solid #484444;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
    text-align: center;
}
@media (hover: hover) {
    .faq-tab:hover {
        border-color: #CB1213;
        color: #CB1213;
    }
}
.faq-block:first-child .faq-tab {
    margin-top: 0;
}
.faq-tab.active {
    background-color: #CB1213;
    border-color: #CB1213;
    color: #FFFFFF;
}
.faq-content {
    display: none;
    margin-bottom: 25px;
}
.faq-content.active {
    display: block;
}
.faq-box {
    border-bottom: 1px solid #484444;
}
.faq-top {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-top: 15px;
    padding-bottom: 14px;
    cursor: pointer;
    transition: .3s;
}
@media (hover: hover) {
    .faq-top:hover {
        opacity: 0.6;
    }
}
.faq-top img {
    width: 25px;
    height: auto;
    flex-shrink: 0;
    transition: .3s;
}
.faq-box.active .faq-top img {
    transform: rotate(45deg);
}
.faq-top__text {
    font-size: 16px;
    font-weight: 500;
    color: #242424;
}
.faq-bottom {
    padding-left: 40px;
    padding-bottom: 14px;
    display: none;
}
.faq-bottom.active {
    display: block;
}
.faq-bottom p {
    font-size: 12px;
    color: #242424;
}
.faq-btn {
    margin-top: 20px;
}
.faq__btn {
    width: 100%;
    height: 49px;
    font-size: 16px;
}


.about {
    padding-top: 16.667vw;
}
.about__title {
    text-align: center;
}
.about-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.about-content {
    border-radius: 25px;
    border: 3px solid #CB1213;
    padding: 9.167vw 3.889vw 6.667vw;
}
.about__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about__text p {
    font-size: 3.889vw;
}
.about__btn {
    width: 100%;
    font-size: 4.444vw;
    height: 13.611vw;
    margin-top: 20px;
}
.about-pic {
    width: 100%;
    height: 97.222vw;
    border-radius: 25px;
    overflow: hidden;
}
.about-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



@media screen and ( min-width: 430px ) {
    .hero {
        padding-top: 3.488vw;
    }
    .hero-row {
        gap: 4.651vw;
    }
    .hero__text {
        margin-top: 3.488vw;
    }

    .hero-discount {
        bottom: 26.279vw;
        padding: 1.628vw 4.419vw;
        padding-left: 5.349vw;
    }
    .hero-discount img {
        width: 47.209vw;
        height: auto;
    }


    .categories {
        padding-top: 15.116vw;
    }
    .categories-tabs {
        row-gap: 0.698vw;
        padding-left: 2.326vw;
        padding-right: 2.326vw;
    }
    .categories-tabs__item {
        padding: 2.326vw;
        border-radius: 10.465vw;
        font-size: 3.721vw;
    }
    .categories-items {
        margin-top: 4.651vw;
    }
    .categories__text {
        font-size: 3.953vw;
        margin-top: 3.488vw;
        padding-left: 0;
        padding-right: 0;
    }
    .categories-slider {
        margin-top: 4.651vw;
    }
    .categories-slider__pagination {
        margin-top: 4.651vw;
    }
    .categories-slider__pagination .swiper-pagination-bullet {
        width: 7px;
    }
    .categories-bottom {
        margin-top: 3.721vw;
    }
    .categories__link {
        height: 12.093vw;
        font-size: 4.186vw;
    }


    .advantages {
        padding-top: 15.116vw;
    }
    .advantages__title {
        padding: 0 9.302vw;
    }
    .advantage__title {
        font-size: 3.953vw;
    }
    .advantage__text {
        font-size: 3.953vw;
    }


    .steps {
        padding-top: 15.116vw;
    }
    .steps-container {
        padding-top: 9.767vw;
        padding-bottom: 9.767vw;
        padding-left: 3.721vw;
    }
    .steps__title {
        padding-right: 3.721vw;
    }
    .steps-block {
        margin-top: 5.814vw;
        padding-bottom: 34.884vw;
        margin-left: 2.093vw;
    }
    .steps-block__row {
        gap: 28.093vw;
    }
    .steps-box {
        gap: 6.279vw;
    }
    .steps-box:nth-child(2) {
        margin-right: 5.814vw;
    }
    .steps-box:last-child {
        margin-top: 4.419vw;
    }
    .steps-box img {
        height: 23.14vw;
    }
    .steps-box__text {
        font-size: 3.953vw;
    }
    .steps-box:first-child .steps-box__text {
        min-width: 51.163vw;
        width: 51.163vw;
    }
    .steps-box:nth-child(2) .steps-box__text {
        min-width: 43.023vw;
        width: 43.023vw;
    }
    .steps-bottom {
        margin-top: 6.744vw;
        gap: 4.651vw;
        padding-left: 0;
        padding-right: 3.721vw;
    }
    .steps__text {
        padding-left: 5.349vw;
        padding-right: 5.349vw;
        font-size: 5.116vw;
    }
    .steps__btn {
        font-size: 4.186vw;
        height: 12.093vw;
    }


    .reviews {
        padding-top: 15.116vw;
    }
    .reviews-row {
        margin-top: 3.256vw;
        gap: 13.023vw;
    }
    .review {
        width: 87.209vw;
        padding: 7.674vw 6.047vw;
    }
    .review__link {
        top: 8.372vw;
        right: 6.279vw;
        font-size: 3.953vw;
    }
    .review-stars svg {
        height: 3.621vw;
    }
    .review__author {
        margin-top: 2.791vw;
        font-size: 3.721vw;
    }
    .review__text {
        margin-top: 3.256vw;
        font-size: 3.953vw;
    }
    .reviews-nav {
        margin-top: 4.651vw;
    }
    .reviews-nav__btn {
        width: 3.256vw;
    }
    .reviews-pagination {
        font-size: 3.721vw;
    }
    .reviews-left {
        gap: 4.651vw;
    }
    .reviews-block {
        height: 81.047vw;
    }
    .reviews-block img {
        bottom: 6.047vw;
        width: 96.977vw;
    }
    .reviews__btn {
        font-size: 4.186vw;
        height: 12.093vw;
    }


    .contacts {
        padding-top: 65px;
    }
    .map {
        height: 91.628vw;
    }
    .contacts-box span {
        font-size: 3.953vw;
    }
    .contacts__btn {
        height: 12.093vw;
        font-size: 4.186vw;
    }


    .delivery {
        padding-top: 18.056vw;
    }
    .delivery-row {
        padding-bottom: 38.611vw;
    }
    .delivery__text {
        font-size: 4.722vw;
        margin-top: 4.167vw;
        padding-left: 0;
        padding-right: 0;
    }
    .delivery__btn {
        height: 12.093vw;
        font-size: 4.186vw;
    }
    .delivery__img {
        height: 310px;
    }


    .events {
        padding-top: 15.116vw;
    }
    .events__text {
        margin-top: 3.488vw;
        font-size: 3.953vw;
        padding-left: 0;
        padding-right: 0;
    }
    .events__btn {
        font-size: 4.186vw;
        height: 12.093vw;
    }



    .faq {
        padding-top: 15.116vw;
    }
    .faq-container {
        margin-top: 20px;
    }
    .faq-tab {
        margin-bottom: 10px;
        border-radius: 45px;
        border: 2px solid #484444;
        padding: 13px;
        font-size: 14px;
    }
    .faq-content {
        margin-bottom: 25px;
    }
    .faq-top {
        gap: 15px;
        padding-top: 15px;
        padding-bottom: 14px;
    }
    .faq-top img {
        width: 25px;
    }
    .faq-top__text {
        font-size: 18px;
    }
    .faq-bottom {
        padding-left: 40px;
        padding-bottom: 14px;
    }
    .faq-bottom p {
        font-size: 12px;
    }
    .faq-btn {
        margin-top: 20px;
    }
    .faq__btn {
        height: 49px;
        font-size: 16px;
    }


    .about {
        padding-top: 15.116vw;
    }
    .about-row {
        gap: 4.651vw;
        margin-top: 4.651vw;
    }
    .about-content {
        padding: 7.674vw 3.953vw 5.581vw;
    }
    .about__text {
        gap: 4.651vw;
    }
    .about__text p {
        font-size: 3.953vw;
    }
    .about__btn {
        font-size: 4.186vw;
        height: 11.395vw;
        margin-top: 4.651vw;
    }
    .about-pic {
        height: 98.14vw;
        border-radius: 5.814vw;
    }
}

@media screen and ( min-width: 768px ) {
    .hero-btns {
        display: flex;
        flex-direction: column;
        gap: 1.514vw;
        width: 100%;
        margin-top: 3.027vw;
    }
    .hero__btn {
        width: 100%;
        height: 5.247vw;
        font-size: 1.816vw;
    }

    .hero-discount {
        bottom: 16.852vw;
        padding: 1.312vw 4.339vw;
        padding-left: 5.247vw;
    }
    .hero-discount img {
        width: 45.913vw;
        height: auto;
    }


    .categories {
        padding-top: 7.064vw;
    }
    .categories-tabs {
        gap: 1.009vw;
        padding-left: 0;
        padding-right: 0;
    }
    .categories-tabs__item {
        padding: 0 4.541vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 45px;
        font-size: 1.816vw;
        height: 5.55vw;
    }
    .categories-items {
        margin-top: 3.027vw;
    }
    .categories__text {
        font-size: 1.816vw;
        margin-top: 3.027vw;
        padding-left: 0;
        padding-right: 0;
    }
    .categories-slider {
        margin-top: 3.027vw;
    }
    .categories-slider__pagination {
        gap: 10px;
        margin-top: 2.018vw;
    }
    .categories-slider__pagination .swiper-pagination-bullet {
        width: 1.009vw;
    }
    .categories-bottom {
        margin-top: 3.027vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .categories__link {
        height: 5.247vw;
        font-size: 1.816vw;
        max-width: 38.749vw;
    }


    .advantages {
        padding-top: 7.064vw;
    }
    .advantages__title {
        padding: 0;
    }
    .advantages-grid {
        margin-top: 35px;
    }
    .advantage-top {
        border-radius: 25px;
    }
    .advantage__title {
        margin-top: 25px;
        font-size: 1.816vw;
    }
    .advantage__text {
        font-size: 1.816vw;
    }


    .steps-block {
        padding-bottom: 38.884vw;
        margin-left: 0;
    }


    .reviews {
        padding-top: 7.064vw;
    }
    .reviews .container {
        padding-left: 0;
    }
    .reviews-row {
        flex-direction: row;
        margin-top: 3.027vw;
        gap: 0.202vw;
    }
    .reviews-container {
        width: calc(100% - 34.511vw);
    }
    .reviews-slider {
        width: 100%;
        margin-left: 0;
    }
    .review {
        width: 40.868vw;
        padding: 2.926vw 3.532vw;
        min-height: 26.236vw;
    }
    .review__link {
        top: 3.431vw;
        right: 3.33vw;
        font-size: 1.211vw;
    }
    .review-stars svg {
        height: 1.514vw;
    }
    .review__author {
        margin-top: 1.312vw;
        font-size: 1.413vw;
    }
    .review__text {
        margin-top: 1.816vw;
        font-size: 1.211vw;
    }
    .reviews-nav {
        margin-top: 2.523vw;
        gap: 2.523vw;
        justify-content: flex-end;
    }
    .reviews-nav__btn {
        width: 5.449vw;
        aspect-ratio: 1;
        border-radius: 50%;
        background-color: #F2F2F5;
        border-radius: 50%;
    }
    .reviews-nav__btn.swiper-button-disabled {
        opacity: 0.3;
    }
    .reviews-nav__btn svg {
        width: 0.807vw;
    }
    .reviews-nav__btn svg path,
    .reviews-nav__btn.swiper-button-disabled svg path {
        stroke: #CB1213;
    }
    .reviews-pagination {
        display: none;
    }
    .reviews-left {
        width: 33.804vw;
        padding-left: 4.541vw;
        gap: 2.624vw;
        flex-shrink: 0;
        background-color: #FFFFFF;
        z-index: 2;
    }
    .reviews-block {
        height: 26.236vw;
        width: 26.688vw;
    }
    .reviews-block img {
        bottom: 1.514vw;
        width: 28.456vw;
    }
    .reviews__btn {
        font-size: 1.816vw;
        height: 5.247vw;
    }


    .contacts {
        padding-top: 7.064vw;
    }
    .contacts-row {
        margin-top: 3.027vw;
        flex-direction: row;
    }
    .map {
        height: auto;
        flex-grow: 1;
    }
    .contacts-block {
        padding: 3.229vw 4.238vw;
        width: 50.151vw;
        flex-shrink: 0;
    }
    .contacts-box span {
        font-size: 1.816vw;
    }
    .contacts__btn {
        height: 5.247vw;
        font-size: 1.816vw;
    }


    .delivery {
        padding-top: 7.064vw;
        overflow: hidden;
    }
    .delivery-row {
        gap: 2.825vw;
        padding-bottom: 0;
        flex-direction: row;
        align-self: stretch;
    }
    .delivery-content {
        width: 42.079vw;
        flex-shrink: 0;
    }
    .delivery__title {
        text-align: left;
    }
    .delivery__text {
        text-align: left;
        font-size: 1.816vw;
        margin-top: 3.027vw;
        margin-bottom: 3.027vw;
    }
    .delivery-btns {
        position: static;
    }
    .delivery__btn {
        height: 5.247vw;
        font-size: 1.816vw;
    }
    .delivery__img {
        width: calc(100% - 44.904vw);
        height: auto;
        border-radius: 45px;
    }


    .events {
        padding-top: 7.064vw;
    }
    .events__text {
        margin-top: 3.027vw;
        font-size: 1.816vw;
    }
    .events-slider {
        margin-top: 3.532vw;
    }
    .events-slide {
        border-radius: 45px;
    }
    .events-slider__pagination {
        display: none;
    }
    .events-btns {
        flex-direction: row;
        justify-content: center;
        gap: 2.523vw;
        margin-top: 3.532vw;
    }
    .events__btn {
        font-size: 2.018vw;
        height: 5.449vw;
        width: 42.079vw;
    }


    .faq {
        padding-top: 7.064vw;
    }
    .faq-container {
        margin-top: 3.027vw;
    }
    .faq-tab {
        margin-bottom: 2.018vw;
        padding: 1.312vw;
        font-size: 1.816vw;
    }
    .faq-content {
        margin-bottom: 3.027vw;
    }
    .faq-top {
        gap: 3.532vw;
        padding-top: 3.229vw;
        padding-bottom: 3.128vw;
    }
    .faq-top img {
        width: 3.431vw;
    }
    .faq-top__text {
        font-size: 2.725vw;
    }
    .faq-bottom {
        padding-left: 6.963vw;
        padding-bottom: 3.128vw;
    }
    .faq-bottom p {
        font-size: 1.816vw;
    }
    .faq-btn {
        margin-top: 3.027vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .faq__btn {
        width: 42.079vw;
        height: 5.247vw;
        font-size: 1.816vw;
    }


    .about {
        padding-top: 7.064vw;
    }
    .about-row {
        gap: 2.018vw;
        margin-top: 3.532vw;
        flex-direction: row;
        align-self: stretch;
    }
    .about-content {
        border-radius: 30px;
        padding: 3.33vw 1.413vw 2.422vw;
        max-width: 45.409vw;
        flex-shrink: 0;
    }
    .about__text {
        gap: 2.018vw;
    }
    .about__text p {
        font-size: 1.816vw;
    }
    .about__btn {
        font-size: 1.816vw;
        height: 5.247vw;
        margin-top: 3.532vw;
    }
    .about-pic {
        height: auto;
        border-radius: 35px;
        flex-grow: 1;
    }
}

@media screen and ( min-width: 990px ) {
    .hero-row {
        flex-direction: row;
        align-items: flex-start;
        gap: 2.891vw;
    }
    .hero-content {
        max-width: 27.031vw;
        text-align: left;
    }
    .hero__text {
        font-size: 1.406vw;
        margin-top: 1.953vw;
        max-width: 25vw;
    }
    .hero-btns {
        margin-top: 2.344vw;
        gap: 1.172vw;
    }
    .hero__btn {
        height: 4.063vw;
        font-size: 1.406vw;
    }
    .hero-right {
        width: calc(100% - 29.922vw);
    }
    .hero-slider {
        width: 100%;
        padding-bottom: 1.172vw;
    }
    .hero-slide {
        aspect-ratio: 807 / 583;
        border-radius: 3.516vw;
    }
    .hero-pagination  {
        gap: 0.781vw;
    }
    .hero-pagination span {
        width: 0.781vw;
    }

    .hero-discount {
        bottom: 13.047vw;
        padding: 1.016vw 3.359vw;
        padding-left: 4.062vw;
    }
    .hero-discount img {
        width: 35.547vw;
        height: auto;
    }


    .categories {
        padding-top: 5.469vw;
    }
    .categories-tabs {
        gap: 0.781vw;
        justify-content: space-between;
    }
    .categories-tabs__item {
        padding: 0 3.516vw;
        border-radius: 3.516vw;
        font-size: 1.406vw;
        height: 55px;
    }
    .categories-items {
        margin-top: 2.344vw;
    }
    .categories__text {
        font-size: 1.406vw;
        margin-top: 2.344vw;
    }
    .categories-slider {
        margin-top: 30px;
    }
    .categories-slider__pagination {
        gap: 0.781vw;
        margin-top: 1.563vw;
    }
    .categories-slider__pagination .swiper-pagination-bullet {
        width: 0.781vw;
    }
    .categories-bottom {
        margin-top: 2.344vw;
    }
    .categories__link {
        max-width: 30vw;
        height: 4.063vw;
        font-size: 1.406vw;
    }


    .advantages {
        padding-top: 5.469vw;
    }
    .advantages-grid {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 35px;
    }
    .advantage__title {
        font-size: 1.406vw;
    }
    .advantage__text {
        font-size: 1.406vw;
    }


    .steps {
        padding-top: 5.469vw;
    }
    .steps-container {
        padding-top: 4.141vw;
        padding-bottom: 4.141vw;
        padding-left: 5.859vw;
        border-radius: 35px;
    }
    .steps__title {
        padding-right: 5.859vw;
    }
    .steps-block {
        margin-top: 2.734vw;
        padding-top: 2.984vw;
        padding-bottom: 0;
    }
    .steps-block__row {
        gap: 0;
        flex-direction: row;
    }
    .steps-box {
        gap: 1.953vw;
    }
    .steps-box:nth-child(2) {
        margin-right: 0;
        margin-left: 0;
        margin-top: 9.375vw;
    }
    .steps-box:last-child {
        margin-top: 0;
        margin-left: auto;
        margin-right: 1.719vw;
    }
    .steps-box img {
        height: 7.109vw;
    }
    .steps-box__text {
        font-size: 1.406vw;
    }
    .steps-box:first-child .steps-box__text {
        min-width: 23.281vw;
        width: 23.281vw;
    }
    .steps-box:nth-child(2) .steps-box__text {
        min-width: 20.313vw;
        width: 20.313vw;
    }
    .steps-box:last-child .steps-box__text {
        min-width: 17.969vw;
        width: 17.969vw;
    }
    .steps-bottom {
        margin-top: 6.25vw;
        gap: 2.734vw;
        padding-right: 5.859vw;
    }
    .steps__text {
        padding-left: 0;
        padding-right: 0;
        font-size: 2.109vw;
        max-width: 57.969vw;
    }
    .steps__btn {
        font-size: 1.406vw;
        height: 4.063vw;
        width: 417px;
    }


    .reviews {
        padding-top: 5.469vw;
    }
    .reviews-row {
        flex-direction: row;
        margin-top: 2.344vw;
        gap: 0.156vw;
    }
    .review {
        width: 31.641vw;
        padding: 2.266vw 2.734vw;
        min-height: 20.313vw;
    }
    .review__link {
        top: 2.656vw;
        right: 2.578vw;
        font-size: 0.938vw;
    }
    .review-stars svg {
        height: 1.172vw;
    }
    .review__author {
        margin-top: 1.016vw;
        font-size: 1.094vw;
    }
    .review__text {
        margin-top: 1.406vw;
        font-size: 0.938vw;
    }
    .reviews-nav {
        margin-top: 1.953vw;
        gap: 1.953vw;
        justify-content: flex-end;
    }
    .reviews-nav__btn {
        width: 4.219vw;
        aspect-ratio: 1;
        border-radius: 50%;
    }
    .reviews-nav__btn svg {
        width: 0.625vw;
    }
    .reviews-container {
        width: calc(100% - 26.719vw);
    }
    .reviews-left {
        gap: 2.031vw;
        width: 26.563vw;
        padding-left: 3.516vw;
    }
    .reviews-block {
        height: 20.313vw;
        width: 20.663vw;
    }
    .reviews-block img {
        bottom: 1.172vw;
        width: 22.031vw;
    }
    .reviews__btn {
        font-size: 1.406vw;
        height: 4.063vw;
    }


    .contacts {
        padding-top: 5.469vw;
    }
    .contacts-row {
        margin-top: 2.344vw;
        flex-direction: row;
    }
    .map {
        height: auto;
    }
    .contacts-block {
        padding: 2.5vw 3.281vw;
        width: 38.828vw;
    }
    .contacts-box span {
        font-size: 1.406vw;
    }
    .contacts__btn {
        height: 4.063vw;
        font-size: 1.406vw;
    }


    .delivery {
        padding-top: 5.469vw;
    }
    .delivery-row {
        gap: 2.188vw;
    }
    .delivery-content {
        width: 32.578vw;
    }
    .delivery__text {
        font-size: 1.406vw;
        margin-top: 2.344vw;
        margin-bottom: 2.344vw;
    }
    .delivery__btn {
        height: 4.063vw;
        font-size: 1.406vw;
    }
    .delivery__img {
        width: calc(100% - 34.766vw);
    }


    .events {
        padding-top: 5.469vw;
    }
    .events__text {
        margin-top: 2.344vw;
        font-size: 1.406vw;
    }
    .events-slider {
        margin-top: 2.734vw;
    }
    .events-btns {
        gap: 1.953vw;
        margin-top: 2.734vw;
    }
    .events__btn {
        font-size: 1.406vw;
        height: 4.063vw;
        width: 28.672vw;
    }

    .faq {
        padding-top: 5.469vw;
    }
    .faq-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 3.672vw;
        row-gap: 1.563vw;
        margin-top: 2.344vw;
    }
    .faq-container {
        margin-top: 2.344vw;
    }
    .faq-tab {
        margin-bottom: 0;
        padding: 1.016vw;
        font-size: 1.406vw;
    }
    .faq-block {
        display: none;
    }
    .faq-block.active {
        display: block;
    }
    .faq-block.active .faq-content {
        display: block !important;
    }
    .faq-content {
        margin-bottom: 0;
    }
    .faq-top {
        gap: 2.734vw;
        padding-top: 2.5vw;
        padding-bottom: 2.422vw;
    }
    .faq-top img {
        width: 2.656vw;
    }
    .faq-top__text {
        font-size: 2.109vw;
    }
    .faq-bottom {
        padding-left: 5.391vw;
        padding-bottom: 2.422vw;
    }
    .faq-bottom p {
        font-size: 1.406vw;
    }
    .faq-btn {
        margin-top: 2.344vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .faq__btn {
        width: 32.578vw;
        height: 4.063vw;
        font-size: 1.406vw;
    }


    .about {
        padding-top: 5.469vw;
    }
    .about-row {
        gap: 1.563vw;
        margin-top: 2.734vw;
    }
    .about-content {
        border-width: 4px;
        padding: 3.438vw 3.203vw;
        max-width: 39.141vw;
    }
    .about__text {
        gap: 1.563vw;
    }
    .about__text p {
        font-size: 1.406vw;
    }
    .about__btn {
        font-size: 1.406vw;
        height: 4.063vw;
        margin-top: 2.734vw;
    }
}

@media screen and ( min-width: 1281px ) {
    .hero {
        padding-top: 1.389vw;
    }
    .hero-row {
        gap: 3.472vw;
    }
    .hero-content {
        max-width: 26.944vw;
    }
    .hero__text {
        font-size: 1.389vw;
    }
    .hero-slide {
        border-radius: 3.125vw;
    }
    .hero-pagination {
        gap: 0.694vw;
    }
    .hero-pagination span {
        width: 0.694vw;
    }
    .hero-btns {
        margin-top: 45px;
        gap: 15px;
    }
    .hero__btn {
        height: 3.75vw;
        font-size: 1.389vw;
    }
    .hero-right {
        width: calc(100% - 30.416vw);
    }

    .hero-discount {
        bottom: 12.569vw;
        padding: 1.111vw 3.333vw;
        padding-left: 4.028vw;
    }
    .hero-discount img {
        width: 35.417vw;
    }


    .categories {
        padding-top: 90px;
    }
    .categories-tabs {
        gap: 0.694vw;
    }
    .categories-tabs__item {
        padding: 0 3.125vw;
        border-radius: 3.125vw;
        font-size: 1.389vw;
    }
    .categories-items {
        margin-top: 2.083vw;
    }
    .categories__text {
        font-size: 1.389vw;
        margin-top: 2.431vw;
    }
    .categories-slider {
        margin-top: 2.083vw;
    }
    .categories-slider__pagination {
        gap: 0.694vw;
        margin-top: 1.389vw;
    }
    .categories-slider__pagination .swiper-pagination-bullet {
        width: 0.694vw;
    }
    .categories-bottom {
        margin-top: 2.083vw;
    }
    .categories__link {
        max-width: 30.139vw;
        height: 3.75vw;
        font-size: 1.389vw;
    }


    .advantages {
        padding-top: 7.292vw;
    }
    .advantages-grid {
        grid-gap: 1.736vw;
        margin-top: 2.431vw;
    }
    .advantage__title {
        font-size: 1.389vw;
    }
    .advantage__text {
        font-size: 1.389vw;
    }


    .steps {
        padding-top: 6.25vw;
    }
    .steps-container {
        padding-top: 4.514vw;
        padding-bottom: 4.514vw;
        padding-left: 2.639vw;
    }
    .steps__title {
        padding-right: 2.639vw;
    }
    .steps-block {
        margin-top: 2.431vw;
        padding-top: 3.542vw;
    }
    .steps-block__row {
        gap: 4.583vw;
    }
    .steps-box {
        gap: 1.736vw;
    }
    .steps-box:nth-child(2) {
        margin-top: 9.236vw;
    }
    .steps-box:last-child {
        margin-right: 1.042vw;
    }
    .steps-box img {
        height: 6.319vw;
    }
    .steps-box__text {
        font-size: 1.389vw;
    }
    .steps-box:first-child .steps-box__text {
        min-width: 20.417vw;
        width: 20.417vw;
    }
    .steps-box:nth-child(2) .steps-box__text {
        min-width: 20.417vw;
        width: 20.417vw;
    }
    .steps-box:last-child .steps-box__text {
        min-width: 20.417vw;
        width: 20.417vw;
    }
    .steps-bottom {
        margin-top: 5.556vw;
        gap: 2.431vw;
        padding-right: 2.639vw;
    }
    .steps__text {
        font-size: 2.083vw;
        max-width: 62.5vw;
    }
    .steps__btn {
        font-size: 1.389vw;
        height: 3.75vw;
        width: 28.958vw;
    }


    .reviews {
        padding-top: 6.25vw;
    }
    .reviews-row {
        flex-direction: row;
        margin-top: 2.431vw;
        gap: 15px;
    }
    .review {
        width: 30.556vw;
        padding: 2.292vw 2.361vw;
        min-height: 20.139vw;
    }
    .review__link {
        top: 2.431vw;
        right: 2.361vw;
        font-size: 0.972vw;
    }
    .review-stars svg {
        height: 1.25vw;
    }
    .review__author {
        margin-top: 0.625vw;
        font-size: 1.111vw;
    }
    .review__text {
        margin-top: 0.972vw;
        font-size: 0.972vw;
    }
    .reviews-nav {
        margin-top: 1.736vw;
        gap: 1.736vw;
    }
    .reviews-nav__btn {
        width: 54px;
        transition: .3s;
    }
    .reviews-nav__btn svg {
        width: 8px;
    }
    .reviews-nav__btn svg path {
        transition: .3s;
    }
    .reviews-nav__btn:hover {
        background-color: #CB1213;
    }
    .reviews-nav__btn:hover svg path {
        stroke: #FFFFFF;
    }
    .reviews-container {
        width: calc((100% - 21.944vw) - 50px);
    }
    .reviews-left {
        gap: 25px;
        width: calc(21.944vw + 50px);
        padding-left: 50px;
    }
    .reviews-block {
        height: 20.139vw;
        width: 20.486vw;
    }
    .reviews-block img {
        bottom: 1.111vw;
        width: 21.944vw;
    }
    .reviews__btn {
        font-size: 1.389vw;
        height: 3.75vw;
    }
    .review__link:hover {
        color: #CB1213;
    }


    .contacts {
        padding-top: 6.25vw;
    }
    .contacts-row {
        margin-top: 2.431vw;
    }
    .contacts-block {
        padding: 2.153vw 2.847vw;
        border-width: 0.278vw;
        width: 39.167vw;
    }
    .contacts-box img {
        width: 2.083vw;
    }
    .contacts-box span {
        font-size: 1.389vw;
    }
    .contacts__btn {
        height: 3.75vw;
        font-size: 1.389vw;
    }


    .delivery {
        padding-top: 6.25vw;
    }
    .delivery-row {
        gap: 1.389vw;
        justify-content: space-between;
    }
    .delivery-content {
        width: 28.958vw;
    }
    .delivery__text {
        font-size: 1.389vw;
        margin-top: 2.431vw;
        margin-bottom: 2.431vw;
    }
    .delivery__btn {
        height: 3.75vw;
        font-size: 1.389vw;
    }
    .delivery__img {
        width: 59.375vw;
    }


    .events {
        padding-top: 6.25vw;
    }
    .events__text {
        margin-top: 2.431vw;
        font-size: 1.389vw;
    }
    .events-slider {
        margin-top: 2.431vw;
    }
    .events-btns {
        gap: 1.736vw;
        margin-top: 2.431vw;
    }
    .events__btn {
        font-size: 1.389vw;
        height: 3.75vw;
        width: 28.958vw;
    }



    .faq {
        padding-top: 6.25vw;
    }
    .faq-tabs {
        column-gap: 5.208vw;
        row-gap: 1.667vw;
        margin-top: 2.431vw;
    }
    .faq-container {
        margin-top: 2.431vw;
    }
    .faq-tab {
        padding: 0.903vw 2.986vw;
        font-size: 1.389vw;
    }
    .faq-top {
        gap: 2.431vw;
        padding-top: 2.222vw;
        padding-bottom: 2.153vw;
    }
    .faq-top img {
        width: 2.361vw;
    }
    .faq-top__text {
        font-size: 2.083vw;
    }
    .faq-bottom {
        padding-left: 4.792vw;
        padding-bottom: 2.153vw;
    }
    .faq-bottom p {
        font-size: 1.389vw;
    }
    .faq-btn {
        margin-top: 2.431vw;
    }
    .faq__btn {
        width: 28.958vw;
        height: 3.75vw;
        font-size: 1.389vw;
    }


    .about {
        padding-top: 6.25vw;
    }
    .about-row {
        gap: 1.597vw;
        margin-top: 2.431vw;
    }
    .about-content {
        padding: 4.028vw 2.847vw;
        max-width: 38.958vw;
    }
    .about__text {
        gap: 1.389vw;
    }
    .about__text p {
        font-size: 1.389vw;
    }
    .about__btn {
        font-size: 1.389vw;
        height: 3.75vw;
        margin-top: 2.431vw;
    }
}
@media screen and ( min-width: 1441px ) {
    .hero {
        padding-top: 2.083vw;
    }
    .hero-row {
        gap: 1.823vw;
    }
    .hero-content {
        max-width: 27.604vw;
    }
    .hero__text {
        margin-top: 1.823vw;
        font-size: 1.354vw;
    }
    .hero__btn {
        height: 3.177vw;
        font-size: 1.354vw;
    }
    .hero-right {
        width: calc(100% - 29.427vw);
    }
    .hero-slide {
        border-radius: 2.344vw;
        aspect-ratio: 1265 / 831;
    }
    .hero-slider {
        padding-bottom: 1.042vw;
    }
    .hero-pagination {
        gap: 0.781vw;
    }
    .hero-pagination span {
        width: 0.781vw;
    }
    .hero-discount {
        bottom: 10.625vw;
        padding: 1.146vw 3.542vw;
        padding-left: 4.219vw;
    }
    .hero-discount img {
        width: 37.24vw;
    }


    .categories {
        padding-top: 6.25vw;
    }
    .categories-tabs {
        gap: 0.521vw;
    }
    .categories-tabs__item {
        padding: 0.625vw 2.344vw;
        height: auto;
        border-radius: 2.344vw;
        font-size: 1.354vw;
    }
    .categories-items {
        margin-top: 2.344vw;
    }
    .categories__text {
        font-size: 1.354vw;
        margin-top: 2.344vw;
    }
    .categories-slider {
        margin-top: 2.344vw;
    }
    .categories-slider__pagination {
        gap: 0.781vw;
        margin-top: 1.042vw;
    }
    .categories-slider__pagination .swiper-pagination-bullet {
        width: 0.781vw;
    }
    .categories-bottom {
        margin-top: 2.344vw;
    }
    .categories__link {
        max-width: 591;
        height: 3.177vw;
        font-size: 1.354vw;
    }


    .advantages {
        padding-top: 6.25vw;
    }
    .advantages-grid {
        grid-gap: 2.344vw;
        margin-top: 2.344vw;
    }
    .advantage__title {
        font-size: 1.354vw;
    }
    .advantage__text {
        font-size: 1.354vw;
    }


    .steps {
        padding-top: 6.25vw;
    }
    .steps-container {
        border-width: 0.26vw;
        padding: 4.375vw 0;
        padding-left: 4.948vw;
    }
    .steps__title {
        padding-right: 4.948vw;
    }
    .steps-block {
        padding-top: 4.948vw;
        padding-bottom: 0.885vw;
        margin-top: 0.521vw;
    }
    .steps-block__row {
        gap: 5.208vw;
    }
    .steps-box {
        gap: 1.302vw;
    }
    .steps-box:nth-child(2) {
        margin-top: 9.375vw;
    }
    .steps-box:last-child {
        margin-right: 2.344vw;
    }
    .steps-box img {
        height: 4.74vw;
    }
    .steps-box__text {
        font-size: 1.354vw;
        min-width: 20.104vw!important;
        width: 20.104vw!important;
    }
    .steps-bottom {
        margin-top: 4.167vw;
        gap: 2.344vw;
    }
    .steps__text {
        max-width: 48.021vw;
        font-size: 1.875vw;
    }
    .steps__btn {
        width: 28.75vw;
        height: 3.177vw;
        font-size: 1.354vw;
    }


    .reviews {
        padding-top: 6.25vw;
    }
    .reviews-row {
        margin-top: 2.344vw;
    }
    .review {
        width: 27.745vw;
        padding: 2.083vw 2.188vw;
        min-height: 19.792vw;
    }
    .review__link {
        top: 2.396vw;
        right: 2.188vw;
        font-size: 0.833vw;
    }
    .review-stars svg {
        height: 1.146vw;
    }
    .review__author {
        margin-top: 0.781vw;
        font-size: 1.042vw;
    }
    .review__text {
        margin-top: 1.563vw;
        font-size: 0.833vw;
    }
    .reviews-nav {
        margin-top: 1.979vw;
        gap: 1.302vw;
    }
    .reviews-nav__btn {
        width: 2.813vw;
    }
    .reviews-nav__btn svg {
        width: 0.417vw;
    }
    .reviews-container {
        width: calc((100% - 21.506vw) - 45px);
    }
    .reviews-left {
        gap: 1.823vw;
        width: calc(21.506vw + 45px);
        padding-left: 45px;
    }
    .reviews-block {
        height: 19.792vw;
        width: 20.133vw;
    }
    .reviews-block img {
        bottom: 1.094vw;
        width: 21.506vw;
    }
    .reviews__btn {
        font-size: 1.354vw;
        height: 3.177vw;
    }


    .contacts {
        padding-top: 6.25vw;
    }
    .contacts-row {
        margin-top: 2.344vw;
    }
    .contacts-block {
        padding: 3.646vw 2.135vw;
        width: 40.104vw;
    }
    .contacts-box {
        gap: 1.823vw;
    }
    .contacts-box img {
        width: 2.083vw;
    }
    .contacts-box span {
        font-size: 1.354vw;
    }
    .contacts-btns {
        margin-top: 2.344vw;
        gap: 1.042vw;
    }
    .contacts__btn {
        height: 2.813vw;
        font-size: 1.042vw;
    }


    .delivery {
        padding-top: 6.25vw;
    }
    .delivery-row {
        gap: 1.042vw;
    }
    .delivery-content {
        width: 27.604vw;
    }
    .delivery__text {
        font-size: 1.354vw;
        margin-top: 2.344vw;
        margin-bottom: 2.344vw;
    }
    .delivery__btn {
        height: 3.177vw;
        font-size: 1.354vw;
    }
    .delivery__img {
        width: 61.875vw;
    }


    .events {
        padding-top: 6.25vw;
    }
    .events__text {
        margin-top: 2.344vw;
        font-size: 1.354vw;
    }
    .events-slider {
        margin-top: 2.344vw;
    }
    .events-btns {
        gap: 1.302vw;
        margin-top: 2.344vw;
    }
    .events__btn {
        font-size: 1.354vw;
        height: 3.177vw;
        width: 28.646vw;
    }


    .faq {
        padding-top: 6.25vw;
    }
    .faq-tabs {
        column-gap: 3.906vw;
        row-gap: 1.823vw;
        margin-top: 2.344vw;
    }
    .faq-container {
        margin-top: 2.344vw;
    }
    .faq-tab {
        padding: 0.677vw 2.24vw;
        font-size: 1.354vw;
    }
    .faq-top {
        gap: 1.615vw;
        padding-top: 1.667vw;
        padding-bottom: 1.615vw;
    }
    .faq-top img {
        width: 1.979vw;
    }
    .faq-top__text {
        font-size: 1.875vw;
    }
    .faq-bottom {
        padding-left: 3.594vw;
        padding-bottom: 1.615vw;
    }
    .faq-bottom p {
        font-size: 1.354vw;
    }
    .faq-btn {
        margin-top: 2.344vw;
    }
    .faq__btn {
        width: 31.042vw;
        height: 3.177vw;
        font-size: 1.354vw;
    }


    .about {
        padding-top: 6.25vw;
    }
    .about-row {
        gap: 0.938vw;
        margin-top: 2.344vw;
    }
    .about-content {
        padding: 4.635vw 2.656vw;
        max-width: 40.365vw;
    }
    .about__text {
        gap: 1.563vw;
    }
    .about__text p {
        font-size: 1.354vw;
    }
    .about__btn {
        font-size: 1.354vw;
        height: 3.177vw;
        margin-top: 2.865vw;
    }
    .about-pic {
        height: 28.646vw;
    }
}

@media screen and ( min-width: 1920px ) {
    .hero {
        padding-top: 40px;
    }
    .hero-row {
        gap: 35px;
    }
    .hero-content {
        max-width: 530px;
    }
    .hero__text {
        margin-top: 35px;
        font-size: 26px;
    }
    .hero__btn {
        height: 61px;
        font-size: 26px;
    }
    .hero-right {
        width: calc(100% - 565px);
    }
    .hero-slide {
        border-radius: 45px;
    }
    .hero-slider {
        padding-bottom: 20px;
    }
    .hero-pagination {
        gap: 15px;
    }
    .hero-pagination span {
        width: 15px;
    }
    .hero-discount {
        bottom: 204px;
        padding: 22px 68px;
        padding-left: 81px;
    }
    .hero-discount img {
        width: 715px;
    }


    .categories {
        padding-top: 120px;
    }
    .categories-tabs {
        gap: 10px;
    }
    .categories-tabs__item {
        padding: 12px 45px;
        height: auto;
        border-radius: 45px;
        font-size: 26px;
    }
    .categories-items {
        margin-top: 45px;
    }
    .categories__text {
        font-size: 26px;
        margin-top: 45px;
    }
    .categories-slider {
        margin-top: 45px;
    }
    .categories-slider__pagination {
        gap: 15px;
        margin-top: 20px;
    }
    .categories-slider__pagination .swiper-pagination-bullet {
        width: 15px;
    }
    .categories-bottom {
        margin-top: 45px;
    }
    .categories__link {
        max-width: 591;
        height: 61px;
        font-size: 26px;
    }


    .advantages {
        padding-top: 120px;
    }
    .advantages-grid {
        grid-gap: 45px;
        margin-top: 45px;
    }
    .advantage__title {
        font-size: 26px;
    }
    .advantage__text {
        font-size: 26px;
    }


    .steps {
        padding-top: 120px;
    }
    .steps-container {
        border-width: 5px;
        padding: 84px 0;
        padding-left: 95px;
    }
    .steps__title {
        padding-right: 95px;
    }
    .steps-block {
        padding-top: 95px;
        padding-bottom: 17px;
        margin-top: 10px;
    }
    .steps-block__row {
        gap: 100px;
    }
    .steps-box {
        gap: 25px;
    }
    .steps-box:nth-child(2) {
        margin-top: 180px;
    }
    .steps-box:last-child {
        margin-right: 45px;
    }
    .steps-box img {
        height: 91px;
    }
    .steps-box__text {
        font-size: 26px;
        min-width: 386px!important;
        width: 386px!important;
    }
    .steps-bottom {
        margin-top: 80px;
        gap: 45px;
    }
    .steps__text {
        max-width: 922px;
        font-size: 36px;
    }
    .steps__btn {
        width: 552px;
        height: 61px;
        font-size: 26px;
    }


    .reviews {
        padding-top: 120px;
    }
    .reviews-row {
        margin-top: 45px;
    }
    .review {
        width: 532.7px;
        padding: 40px 42px;
        min-height: 380px;
    }
    .review__link {
        top: 46px;
        right: 42px;
        font-size: 16px;
    }
    .review-stars svg {
        height: 22px;
    }
    .review__author {
        margin-top: 15px;
        font-size: 20px;
    }
    .review__text {
        margin-top: 30px;
        font-size: 16px;
    }
    .reviews-nav {
        margin-top: 38px;
        gap: 25px;
    }
    .reviews-nav__btn {
        width: 54px;
    }
    .reviews-nav__btn svg {
        width: 8px;
    }
    .reviews-container {
        width: calc(100% - 457.91px);
    }
    .reviews-left {
        gap: 35px;
        width: 457.91px;
        padding-left: 45px;
    }
    .reviews-block {
        height: 380px;
        width: 386.55px;
    }
    .reviews-block img {
        bottom: 21px;
        width: 412.91px;
    }
    .reviews__btn {
        font-size: 26px;
        height: 61px;
    }


    .contacts {
        padding-top: 120px;
    }
    .contacts-row {
        margin-top: 45px;
    }
    .contacts-block {
        padding: 70px 41px;
        width: 770px;
        border-width: 4px;
    }
    .contacts-box {
        gap: 35px;
    }
    .contacts-box img {
        width: 40px;
    }
    .contacts-box span {
        font-size: 26px;
    }
    .contacts-btns {
        margin-top: 45px;
        gap: 20px;
    }
    .contacts__btn {
        height: 54px;
        font-size: 20px;
    }


    .delivery {
        padding-top: 120px;
    }
    .delivery-row {
        gap: 20px;
    }
    .delivery-content {
        width: 530px;
    }
    .delivery__text {
        font-size: 26px;
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .delivery__btn {
        height: 61px;
        font-size: 26px;
    }
    .delivery__img {
        width: 1188px;
    }


    .events {
        padding-top: 120px;
    }
    .events__text {
        margin-top: 45px;
        font-size: 26px;
    }
    .events-slider {
        margin-top: 45px;
    }
    .events-btns {
        gap: 25px;
        margin-top: 45px;
    }
    .events__btn {
        font-size: 26px;
        height: 61px;
        width: 550px;
    }


    .faq {
        padding-top: 120px;
    }
    .faq-tabs {
        column-gap: 75px;
        row-gap: 35px;
        margin-top: 45px;
    }
    .faq-container {
        margin-top: 45px;
    }
    .faq-tab {
        padding: 13px 43px;
        font-size: 26px;
    }
    .faq-top {
        gap: 31px;
        padding-top: 32px;
        padding-bottom: 31px;
    }
    .faq-top img {
        width: 38px;
    }
    .faq-top__text {
        font-size: 36px;
    }
    .faq-bottom {
        padding-left: 69px;
        padding-bottom: 31px;
    }
    .faq-bottom p {
        font-size: 26px;
    }
    .faq-btn {
        margin-top: 45px;
    }
    .faq__btn {
        width: 596px;
        height: 61px;
        font-size: 26px;
    }


    .about {
        padding-top: 120px;
    }
    .about-row {
        gap: 18px;
        margin-top: 45px;
    }
    .about-content {
        padding: 89px 51px;
        max-width: 775px;
    }
    .about__text {
        gap: 45px;
    }
    .about__text p {
        font-size: 26px;
    }
    .about__btn {
        font-size: 26px;
        height: 61px;
        margin-top: 55px;
    }
    .about-pic {
        height: 550px;
    }
}