/* -- о нас -- */

.main {
   
}

.about__us {
    position: relative;
}

.redis {
    position: absolute;
    top: 75px;
    z-index: 4;
}

.leaf {
    position: absolute;
    z-index: 4;
    top: 400px;
    left: 125px;
}

.tomatoes {
    position: absolute;
    z-index: 4;
    top: 509px;
    left: 0;
}

.luchock {
    position: absolute;
    z-index: 4;
    right: 0;
    top: -70px;
}

.perchick {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 420px;
}

.onion {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 729px;
}

.chesnochock {
    position: absolute;
    z-index: 4;
    right: 255px;
    top: 703px;
}

.tomatoes_mobile {
    display: none;
}
.perchick_mobile {
    display: none;
}
.luchock_mobile {
    display: none;
}

.about__us-heading {
    position: relative;
    font-family: Cinematografica;
    font-size: 96px;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: 0.08em;
    text-align: center;
    background: linear-gradient(180.27deg, #FADAAB 0.24%, rgba(250, 218, 171, 0.4) 99.76%);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    margin-left: clamp(3.125rem, -20.875rem + 37.5vw, 24.125rem);
    margin-right: clamp(3.125rem, -20.875rem + 37.5vw, 24.125rem);
    margin-bottom: 45px;
    z-index: 3;
    margin-top: 75px;
}

.about__us-heading br {
    display: none;
}

.about__us-text {
    position: relative;
    font-family: Gotham;
    font-size: 24px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFFCC;
    text-transform: uppercase;
    margin-left: clamp(2.8125rem, -20.7589rem + 36.8304vw, 23.4375rem);
    margin-right: clamp(2.8125rem, -20.7589rem + 36.8304vw, 23.4375rem);
    z-index: 3;
}

.about__us-text .highlight {
    font-size: 24px;
}

/* -- Акции -- */
.stocks {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stocks__ellipse {
    width: 1266px;
    position: absolute;
    top: 100px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}

.stocks__title {
    margin-top: 105px;
    margin-bottom: 45px;
}

.stocks__list {
    padding-left: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0px;
    list-style-type: none;
    justify-content: center;
}

.stocks__item {
    position: relative;
    border: 2px solid transparent;
    border-radius: 20px;
    background: linear-gradient(151.17deg, #F7D39E 0%, #FADAAB 50.83%, rgba(250, 218, 171, 0.2) 100%);
    background-clip: padding-box;
    width: 365px;
    height: 492px;
    z-index: 1;
    overflow: hidden;
}

.stocks__overlay {
    position: absolute;
    background-color: #161616;
    border: 1px solid #161616;
    width: 98%;
    height: 487px;
    z-index: 2;
    border-radius: 20px;
    bottom: 1px;
    left: 3px;
    overflow: hidden;
    object-fit: cover;
}

.stocks__time {
    position: absolute;
    z-index: 3;
    top: 95px;
    object-fit: cover;
}

.stocks__overlay-lvl2 {
    position: absolute;
    background-color: #161616B2;
    width: 358px;
    height: 488px;
    z-index: 4;
    border: 1px solid #161616B2;
    border-radius: 20px;
    bottom: 1px;
    left: 1px;
    object-fit: cover;
}

.stocks__card-tilte {
    position: relative;
    margin-top: 44px;
    font-family: Cinematografica;
    font-size: 64px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0.02em;
    text-align: center;
    background: linear-gradient(91.21deg, #FFECCF 10.08%, #F4CF98 97.63%);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    margin-bottom: 69px;
    z-index: 5;
}

.stocks__card-discount .stocks__card-tilte {
    margin-left: 22px;
    margin-bottom: 57px;
}

.stocks__card-gift .stocks__card-tilte {
    margin-top: 50px;
    margin-left: 12px;
    margin-bottom: 64px;
}

.numbers {
    font-family: BebasNeue;
    font-size: 64px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.02em;
    text-align: center;    
}

.stocks__description {
    position: relative;
    z-index: 5;
    font-family: Gotham;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    margin-left: 26px;
    margin-right: 26px;
}

.stocks__higlight {
    font-weight: 700;
    color: #FADAAB;
}

.stocks__explanation {
    font-family: Gotham;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFFCC;
    text-align: center;
    margin-top: 0px;
}

/* -- меню -- */
.menu {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menu__title {
    margin-top: 50px;
    margin-bottom: 30px;
}

.menu__categories {
    margin-left: clamp(0rem, -17.1429rem + 26.7857vw, 15rem);
    margin-right:   clamp(0rem, -17.1429rem + 26.7857vw, 15rem);
    margin-top: 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: clamp(1.25rem, 0.9466rem + 1.2945vw, 2.5rem);
    row-gap: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem);
}

.menu__button {
    z-index: 6;
    font-family: GothamPro;
    font-size: clamp(0.75rem, 0.5376rem + 0.9061vw, 1.625rem);
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #FADAAB;
    border: 3px solid #FADAAB;
    border-radius: 109px;
    text-transform: uppercase;
    background-color: transparent;
    padding-left: 56px;
    padding-right: 56px;
    padding-top: 12px;
    padding-bottom: 12px;
    opacity: 0.4;
    cursor: pointer !important;
}
.menu__button:hover {
    opacity: 1;
}
.active:hover {
    background-color: transparent;
    color: #FADAAB;
}
.active {
    opacity: 1;
}

.button__shashlik {
    padding-left: 66px;
    padding-right: 66px;
}

.button__soups {
    padding-left: 66px;
    padding-right: 66px;
}
.button__active {
    opacity: 1;
}

.menu__list {
    margin-top: 56px;
    margin-bottom: 150px;
    padding: 0px;
}

/*-- loyalty --*/
.loyalty {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loyalty__title {
    margin-top: -17px;
}

.loyalty__cards-container {
    margin-top: 80px;

    width: clamp(62.5rem, 32.3571rem + 47.0982vw, 88.875rem);
    height: clamp(29.75rem, 15.3929rem + 22.433vw, 42.3125rem);
    position: relative;
    margin-bottom: 105px;
}

.loyalty__card {
    width: clamp(40rem, 20.7857rem + 30.0223vw, 56.8125rem);
    height: clamp(22.625rem, 11.5536rem + 17.2991vw, 32.3125rem);
    position: absolute;
}

.loyalty__card-back {
    z-index: 1;
    background: linear-gradient(127.95deg, #2E2E2E 21.54%, #161616 88.66%);
    border-radius: 20px;
    box-shadow: 20px 20px 22.899999618530273px 0px #00000040;
}

.loyalty__card-front {
    right: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(127.95deg, #2E2E2E 21.54%, #161616 88.66%);
    box-shadow: 20px 20px 22.899999618530273px 0px #00000040;
    border-radius: 20px;
}

.dark {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

.loyalty__ellipse-left {
    position: absolute;
    left: 0;
    top: -150px;

}

.loyalty__ellipse-right {
    position: absolute;
    right: 0;
    top: -150px;
}

.loyalty__leaf {
    position: absolute;
}
.leaf-l1-mob {
    display: none;
}
.leaf-l2-mob {
    display: none;
}
.leaf-r1-mob {
    display: none;
}
.leaf-r2-mob {
    display: none;
}
.leaf-l1 {
    left: 0px;
    top: 305px;
}

.leaf-l2 {
    transform: rotate(305deg);
    width: 289px;
    height: 171px;
    top: 850px;
    left: 83px;
}

.leaf-r1 {
    right: 0px;
    top: 155px;
}

.leaf-r2 {
    transform: rotate(-10deg);
    right: 105px;
    width: 166px;
    height: 91px;
    top: 755px; 
}

.loyalty__ellipse-mobile {
    display: none;
}
.loaylty__card-title {
    font-family: Cinematografica;
    font-size: clamp(3.125rem, 1.608rem + 6.4725vw, 9.375rem);
    margin: 0px;
    font-weight: 400;
    line-height: clamp(2.5rem, 1.1347rem + 5.8252vw, 8.125rem);
    letter-spacing: 0.02em;
    text-align: center;
    background: linear-gradient(91.19deg, #FFD597 0.6%, #6E5D44 70.29%);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.loyalty__card-logo {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
    margin-top: 33px;
}

.loyalty__card-back .loyalty__card-logo {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 33px;
    margin-top: 20px;
}

.loyalty__card-effect-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
}
  
.loyalty__description {
    font-family: Gotham;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.highlight__gold {
    font-family: Gotham;
    font-size: 24px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    color: #FADAAB;
}

.loyalty__program {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-right: 43px;
    justify-content: center;
}

.loyalty__program-item {
    position: relative;
    border: 2px solid transparent;
    border-radius: 20px;
    background: linear-gradient(151.17deg, #F7D39E 0%, #FADAAB 50.83%, rgba(250, 218, 171, 0.2) 100%);
    background-clip: padding-box;
    width: 361px;
    height: 290px;
    z-index: 1;
    list-style-type: none;
}

.loyalty__program-overlay {
    position: absolute;
    background-color: #161616;
    width: 98%;
    height: 286px;
    z-index: 2;
    border-radius: 20px;
    bottom: 1px;
    left: 4px;
    overflow: hidden;
}

.loyalty__discount {
    position: absolute;
    width: 329px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    bottom: 0;
    object-fit: fill;
}

.loyalty__program-overlay-lvl2 {
    position: absolute;
    background-color: #161616CC;
    width: 358px;
    height: 286px;
    z-index: 4;
    border: 1px solid #161616CC;
    border-radius: 20px;
    bottom: 1px;
    left: 1px;
    backdrop-filter: blur(5px);
}

.kostil__container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
}

.loyalty__text-container {
    position: relative;
    z-index: 6;
}

.loyalty__container-title {
    margin-top: 50px;
    font-family: Cinematografica;
    font-size: 40px;
    font-weight: 400;
   line-height: 50px;
    letter-spacing: 0.02em;
    text-align: center;
    background: linear-gradient(91.21deg, #FFECCF 10.08%, #F4CF98 97.63%);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    z-index: 6;
    margin-bottom: 35px;
}

.loyalty__container-description {
    font-family: Gotham;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFFCC
}

.loyalty__register {
    font-family: GothamPro;
    font-size: 26px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 109px;
    background: linear-gradient(92.6deg, #FADAAB 4.03%, #F4CF98 82.35%);
    padding-right: 285px;
    padding-left: 285px;
    padding-top: 35px;
    padding-bottom: 36px;
    margin-top: 45px;
    margin-bottom: 0px;
    cursor: pointer;
}
.loyalty__register:hover {
    transform: scale(1.1);
}
.loyalty__register-text {
    font-family: Gotham;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFFCC;
    margin-bottom: 50px;
}

.loyalty__enter {
    margin-top: -10px;
    font-family: Gotham;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FADAAB;
    background-color: transparent;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}
.loyalty__enter:hover {
    color: #f7efe5; 
}
.delivery__and__payment {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.delivery__container {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-bottom: 55px;
}

.delivery__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.delivery__number {
    font-family: BebasNeue;
    font-size: 96px;
    font-weight: 700;
    line-height: 93px;
    letter-spacing: 0em;
    text-align: center;
    color:#FFDB9D;
    margin-top: 6px;
    margin-bottom: 0px;
}

.delivery__step-text {
    margin: 0px;
    font-family: Gotham;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFFCC;
    text-transform: uppercase;
}

.delivery__step-1 {
    width: 255px;
}

.delivery__step-2 {
    width: 475px;
}

.delivery__step-3 {
    width: 336px;
}

.delivery__step-4 {
    width: 372px;
}

/* -- контакты --*/
.contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.contacts__container {
    display: flex;
    flex-direction: row;
    gap: 40px;
    margin-top: 44px;
    margin-bottom: 150px;
    justify-content: center;
    flex-wrap: wrap;
}

.map {
    width: clamp(20.3125rem, 12.4242rem + 33.657vw, 52.8125rem);
    height: clamp(25rem, 21.4654rem + 15.0809vw, 39.5625rem);
    border-radius: 20px;
}

.contacts__address-container {
    display: flex;
    flex-direction: column;
    height: clamp(25rem, 21.4654rem + 15.0809vw, 39.5625rem);
}

.address__time-container {
    position: relative;
    border: 2px solid transparent;
    border-radius: 20px;
    background: linear-gradient(151.17deg, #F7D39E 0%, #FADAAB 50.83%, rgba(250, 218, 171, 0.2) 100%);
    background-clip: padding-box;
    width: clamp(20.3125rem, 15.5947rem + 20.1294vw, 39.75rem);
    height: 492px;
    z-index: 1;
    list-style-type: none;
    margin-bottom: 41px;
}

.address__overlay {
    position: absolute;
    background-color: #161616;
    width: 99%;
    height: 99%;
    z-index: 2;
    border-radius: 20px;
    bottom: 1px;
    left: 2px;
    overflow: hidden;
}

.contacts__title-gold {
    font-family: Cinematografica;
    z-index: 6;
    position: relative;
    font-size: 64px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.02em;
    text-align: left;
    background-image: linear-gradient(91.21deg, #FFECCF 10.08%, #F4CF98 97.63%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
    
}

.contacts__address-title {
    margin-top: 35px;
}

.contacts__adress-white {
    position: relative;
    font-family: Gotham;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFFCC;
    text-transform: uppercase;
    z-index: 6;
    margin-left: 40px;
}

.contact__button {
    font-family: Gilroy;
    font-size: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #161616;
    background-color: #F4CF98;
    border-radius: 86px;
    text-transform: uppercase;
    width: clamp(20.3125rem, 15.5947rem + 20.1294vw, 39.75rem);
    height: clamp(3.5rem, 2.8325rem + 2.8479vw, 6.25rem);
    cursor: pointer;
}
.contact__button:hover {
    transform: scale(1.1);
}
.ellipse_contacts {
    position: absolute;
    left: 0;
    z-index: -1;
}
.ellipse_contacts-mobile {
    display: none;
}
@media (max-width: 376px) {
    .main {
        overflow-x: hidden;
    }

    .title {
        font-size: 96px;
        line-height: 70px;
        letter-spacing: 0.02em;
    }
    .about__us-heading {
        margin-top: 85px;
        margin-bottom: 30px;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 0.05em;
        margin-left: 0px;
        margin-right: 0px;
    }
    .about__us-heading br {
        display: block;
    }
    .about__us-text {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        margin-left: 0px;
        margin-right: 0px;
        word-wrap: break-word;
        text-align: center;
        margin-left: 25px;
        margin-right: 25px;
    }

    .about__us-text .highlight {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;

    }
    .vegetabl {
        opacity: 0.3;
    }
    .stocks__list {
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
        flex-wrap: nowrap;
    }

    .stocks__title {
        margin-top: 90px;
        margin-bottom: 50px;
    }
    .stocks__explanation {
        margin-top: 50px;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0em;
    }
    .stocks__description {
        font-size: 16px;
        font-weight: 400;
        line-height: 29px;

    }
    .stocks__card-time {
        margin-left: 1075px;
    }
    .stocks__card-gift {
        margin-right: 25px;
    }
    .stocks__time {
        width: 325px;
    }
    .stocks__ellipse {
        top: 25%; /* Выравнивание по вертикали */
        left: 50%; /* Выравнивание по горизонтали */
        transform: translate(-50%, -25%);
        opacity: 1;
    }
    .stocks__item {
        width: 325px;
        height: 470px;
        flex-shrink: 0;
    }
    .stocks__overlay-lvl2 {
        width: 325px;
    }

    .menu__list {
        margin-top: 30px;
        margin-bottom: 0px;
        flex-wrap: nowrap;
        width: 325px;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }
    .menu__categories {
        margin-top: 10px;
        position: relative;
        width: 325px;
        justify-content: start;
    }
    .button__shashlik {
        width: 151px;
        order: 1;
    }
    .button__mangal {
        width: 100%;
        order: 3;
    }
    .button__shaverma {
        width: 154px;
        order: 2;
    }
    .button__zakus {
        width: 167px;
        order: 4;
    }
    .button__soups {
        width: 118px;
        order: 6;
    }
    .button__salad {
        width: 187px;
        order: 7;
    }
    .button__vipechka {
        width: 138px;
        order: 5;
    }
    .button__drinks {
        width: 158px;
        order: 9;
    }
    .button__souses {
        width: 146px;
        order: 8;
    }
    .menu__item {
        width: 325px;
    }
    .menu__button {
        border-width: 1px;
        height: 40px;
        width: 100%;
        padding: 0;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menu__item .product__info-container {
        margin-top: 28px;
        width: 100%;
    }

    .menu__item-card {
        width: 325px;
        height: 250px;
    }
    .menu__item .product__name {
        font-size: 24px;
        line-height: 43px;
        letter-spacing: 0em;
    }
    .menu__item .product__weight {
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0em;
    }
    .menu__item .product__name-and-weight {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }
    .menu__item .product__price {
        margin-top: -5px;
        font-size: 24px;
        line-height: 43px;
        letter-spacing: 0em;
        margin-bottom: 22px;
    }
    .loyalty {
        margin-top: 85px;
    }
    .loyalty__ellipse-left {
        display: none;
    }
    .loyalty__ellipse-right {
        display: none;
    }
    .loyalty__description {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 0px;
    }

    .highlight__gold {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
    }
    .loyalty__title {
        font-size: 96px;
        line-height: 70px;
        letter-spacing: 0.02em;
        margin-bottom: 70px;
    }
    .loyalty__cards-container {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 365px;
        height: 253px;
        margin-bottom: 40px;
        margin-left: 20px;
        overflow-x: hidden;
    }
    .loyalty__card {
        width: 290px;
        height: 180px;
    }
    .loyalty__card-front {
        margin-right: -20px;
    }
    .dark {
        top: 70px;
    }
    .dark__ellipse {
        width: 260px;
        height: 100px;

    }

    .ellipse_contacts {
        display: none;
    }
    .loyalty__card-logo {
        margin-top: 0px;
        width: 75px;
        height: 80px;
    }
    .loyalty__card-back .loyalty__card-logo {
        margin-top: 0px;
        width: 75px;
        height: 80px;
        margin-bottom: 20px;
    }
    .loyalty__card-decoration {
        width: 220px;
    }
    .loaylty__card-title {
        margin-top: -25px;
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 0px;
    }
    .loyalty__program-item {
        width: 280px;
        height: 178px;
    }
    .loyalty__program-overlay {
        width: 271px;
        height: 175px;
    }
    .loyalty__discount {
        position: absolute;
        width: 275px;
    }
    .loyalty__program-overlay-lvl2 {
        width: 275px;
        height: 175px;
    }
    .numbers {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 0.02em;
    }
    .loyalty__container-title {
        font-size: 32px;
        line-height: 23px;
        letter-spacing: 0.02em;
        margin-top: 15px;
        margin-bottom: 30px;

    }
    .loyalty__container-description {   
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0em;

    }
    .loyalty__container-description br {
        display: none;
    }
    .loyalty__program {
        margin-right: 0px;
        padding: 0px;
        gap: 10px;
        margin-top: 10px;
    }
    .loyalty__program-item:nth-child(1) {
        margin-left: 26px; 
        margin-right: 69px;
      }
      
      .loyalty__program-item:nth-child(2) {
        margin-left: 70px; 
        margin-right: 25px;
      }
      
      .loyalty__program-item:nth-child(3) {
        margin-left: 26px;
        margin-right: 69px;
      }
      
      .loyalty__program-item:nth-child(4) {
        margin-left: 70px;
        margin-right: 25px;
      }
      .loyalty__register {
        width: 325px;
        padding-left: 0px;
        padding-right: 0px;
        font-family: Gilroy;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-top: 16px;
      }
      .loyalty__register-text {
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 14px;
        line-height: 21px;
      }
      .loyalty__enter {
        font-size: 14px;
        line-height: 21px;
      }
      
      .delivery__step {
        gap: 16px;
        position: relative;
      }
      .delivery__container {
        margin-bottom: 0px;
        gap: 10px;
        width: 375px;
      }
      .delivery__decoration {
        position: absolute;
        top: 0px;
      }
      .delivery__step-2 {
        gap: 10px;
      }
      .delivery__step-4 {
        gap: 0px;
      }
      .delivery__step-4 .delivery__number{
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .delivery__step-3 .delivery__number{
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .delivery__step-1 .delivery__number{
        margin-top: 20px;
        margin-bottom: -5px;
      }

      .delivery__step-1 .delivery__decoration {
        transform: rotate(-90deg);
        bottom: 30px;
        left: -30px;
      }
      .delivery__step-2 .delivery__decoration {
        transform: rotate(90deg);
        bottom: 90px;
        right: 30px;
      }
      .delivery__step-3 .delivery__decoration {
        transform: rotate(-90deg);
        bottom: 75px;
        left: 10px;
      }
      .delivery__step-4 .delivery__decoration {
        transform: rotate(90deg);
        bottom: 50px;
        right: 30px;
      }
      
      .delivery__number {
        font-size: 48px;
        line-height: 47px;
      }
      .delivery__step-text {
        font-size: 14px;
        line-height: 20px;

      }

      .delivery__step-text br{
        display: none;
      }

      .delivery__step-2 .delivery__step-text {
        width: 263px;
      }
      .delivery__step-3 .delivery__step-text {
        width: 202px;
      }
      .delivery__step-4 .delivery__step-text {
        width: 263px;
      }
      .delivery__title {
        width: 200px;
        margin-top: 0px;
        line-height: 80px;
        margin-bottom: 15px;
      }
      .contacts__title {
        margin-top: 100px;
        margin-bottom: 0px;
      }

      .contacts__container {
        margin-top: 32px;
        margin-bottom: 55px;
        gap: 30px;
      }
      .contacts__address-title {
        margin-top: 0px;
        margin-left: 24px;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 0.02em;
        margin-bottom: 10px;

      }
      .contacts__adress-white {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0em;
        margin-left: 24px;
        margin-bottom: 10px;
        margin-top: -10px;
      }
      .contacts__time-title {
        margin-top: 0px;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 0.02em;
        margin-left: 24px;
        margin-bottom: 16px;
      }
      .address__time-container {
        height: 267px;
        margin-bottom: 20px;

      }
      .header__title {
        font-size: 96px;
        line-height: 80px;
        margin-top: 45px;
        margin-bottom: 36px;
    }
    .redis {
        width: 80px;
        top: 50px;
        left: 0px;
    }
    
    .leaf {
        position: absolute;
        z-index: 4;
        top: 290px;
        left: -30px;
        width: 105px;
    }
    
    .tomatoes {
        position: absolute;
        z-index: 4;
        top: 509px;
        left: 0;
        display: none;
    }
    
    .luchock {
        position: absolute;
        z-index: 4;
        right: 100px;
        top: -70px;
        display: none;
    }
    
    .perchick {
        position: absolute;
        z-index: 4;
        right: 0;
        top: 420px;
        display: none;
    }
    
    .onion {
        position: absolute;
        z-index: 4;
        right: 0;
        top: 729px;
        display: none;
    }
    
    .chesnochock {
        position: absolute;
        z-index: 4;
        right: -40px;
        top: 475px;
        width: 103px;
    }
    .tomatoes_mobile {
        display: block;
        z-index: 4;
        position: absolute;
        right: 0;
        top: 105px;
    }
    .perchick_mobile {
        display: block;
        position: absolute;
        z-index: 4;
        right: 40px;
        top: 350px
    }
    .luchock_mobile {
        display: block; 
        position: absolute;
        z-index: 4;
        top: 165px
    }
    .loyalty__ellipse-mobile {
        display: block;
        position: absolute;
        width: 100%;
        top: -200px;
    }
    .contacts {
        overflow-y: hidden;
    }
    .ellipse_contacts-mobile {
        display: block;
        position: absolute;
        width: 100%;
        bottom: -350px;
    }
    .leaf-l1 {
        display: none;
    }
    
    .leaf-l2 {
        display: none;
    }
    
    .leaf-r1 {
        display: none;
    }
    
    .leaf-r2 {
        display: none;
    }
    .leaf-l1-mob {
        display: block;
        transform: rotate(201deg);
        width: 97px;
        left: -34px;
        top: 140px;
    }

    .leaf-l2-mob {
        display: block;
        transform: rotate(126deg);
        left: -60px;
        top: 425px;
        width: 170px;
    }
    .leaf-r1-mob {
        display: block;
        transform: rotate(352deg);
        right: -50px;
        width: 170px;
        top: 125px;
    }
    .leaf-r2-mob {
        display: block;
        transform: rotate(39deg);
        width: 380px;
        right: -120px;
        top: 400px;
    }
  }

  @media (376px < width < 769px) {
    .main {
        overflow-x: hidden;
    }

    .title {
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
        line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        letter-spacing: 0.02em;
    }
    .about__us-heading {
        margin-top: 85px;
        margin-bottom: 30px;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 0.05em;
        margin-left: 0px;
        margin-right: 0px;
    }
    .about__us-heading br {
        display: block;
    }
    .about__us-text {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        margin-left: 0px;
        margin-right: 0px;
        word-wrap: break-word;
        text-align: center;
        margin-left: 25px;
        margin-right: 25px;
    }

    .about__us-text .highlight {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;

    }
    .vegetabl {
        opacity: 0.3;
    }
    .stocks__list {
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
        flex-wrap: nowrap;
    }

    .stocks__title {
        margin-top: 90px;
        margin-bottom: 50px;
    }
    .stocks__explanation {
        margin-top: 50px;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0em;
    }
    .stocks__description {
        font-size: 16px;
        font-weight: 400;
        line-height: 29px;

    }
    .stocks__card-time {
        margin-left: clamp(45.625rem, 87.8699rem + -88.0102vw, 67.1875rem);
    }
    .stocks__card-gift {
        margin-right: 25px;
    }
    .stocks__time {
        width: 325px;
    }
    .stocks__ellipse {
        top: 25%; /* Выравнивание по вертикали */
        left: 50%; /* Выравнивание по горизонтали */
        transform: translate(-50%, -25%);
        opacity: 1;
    }
    .stocks__item {
        width: 325px;
        height: 470px;
        flex-shrink: 0;
    }
    .stocks__overlay-lvl2 {
        width: 325px;
    }

    .menu__list {
        margin-top: 30px;
        margin-bottom: 0px;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .menu__categories {
        margin-top: 10px;
        position: relative;
        width:  clamp(18.75rem, -7.4905rem + 111.9593vw, 46.25rem);
        justify-content: center;
    }

    .menu__item {
        width: 325px;
    }
    .menu__button {
        border-width: 1px;
        height: 40px;
        padding: 0;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu__item .product__info-container {
        margin-top: 28px;
        width: 100%;
    }

    .menu__item-card {
        width: 325px;
        height: 250px;
    }
    .menu__item .product__name {
        font-size: 24px;
        line-height: 43px;
        letter-spacing: 0em;
    }
    .menu__item .product__weight {
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0em;
    }
    .menu__item .product__name-and-weight {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }
    .menu__item .product__price {
        margin-top: -5px;
        font-size: 24px;
        line-height: 43px;
        letter-spacing: 0em;
        margin-bottom: 22px;
    }
    .loyalty {
        margin-top: 85px;
    }
    .loyalty__ellipse-left {
        display: none;
    }
    .loyalty__ellipse-right {
        display: none;
    }
    .loyalty__description {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 0px;
    }

    .highlight__gold {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
    }
    .loyalty__title {
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
        line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        letter-spacing: 0.02em;
        margin-bottom: 70px;
    }
    .loyalty__cards-container {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 365px;
        height: 253px;
        margin-bottom: 40px;
        margin-left: 20px;
        overflow-x: hidden;
        transform: scale(1.2);
    }
    .loyalty__program-item:nth-child(1) {
        margin-left: 0px; 
        margin-right: 0px;
      }
      
      .loyalty__program-item:nth-child(2) {
        margin-left: 0px; 
        margin-right: 0px;
      }
      
      .loyalty__program-item:nth-child(3) {
        margin-left: 0px;
        margin-right: 0px;
      }
      
      .loyalty__program-item:nth-child(4) {
        margin-left: 0px;
        margin-right: 0px;
      }
    .loyalty__card {
        width: 290px;
        height: 180px;
    }
    .loyalty__card-front {
        margin-right: 0px;
    }
    .dark {
        top: 70px;
    }
    .dark__ellipse {
        width: 260px;
        height: 100px;

    }

    .ellipse_contacts {
        display: none;
    }
    .loyalty__card-logo {
        margin-top: 0px;
        width: 75px;
        height: 80px;
    }
    .loyalty__card-back .loyalty__card-logo {
        margin-top: 0px;
        width: 75px;
        height: 80px;
        margin-bottom: 20px;
    }
    .loyalty__card-decoration {
        width: 220px;
    }
    .loaylty__card-title {
        margin-top: -25px;
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 0px;
    }
    .loyalty__program-item {
        width: 280px;
        height: 178px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .loyalty__program-overlay {
        width: 271px;
        height: 175px;
    }
    .loyalty__discount {
        position: absolute;
        width: 275px;
    }
    .loyalty__program-overlay-lvl2 {
        width: 275px;
        height: 175px;
    }
    .numbers {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 0.02em;
    }
    .loyalty__container-title {
        font-size: 32px;
        line-height: 23px;
        letter-spacing: 0.02em;
        margin-top: 15px;
        margin-bottom: 30px;

    }
    .loyalty__container-description {   
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0em;

    }
    .loyalty__container-description br {
        display: none;
    }
    .loyalty__program {
        margin-right: 0px;
        padding: 0px;
        gap: 10px;
        margin-top: 10px;
    }

      .loyalty__register {
        width: 325px;
        padding-left: 0px;
        padding-right: 0px;
        font-family: Gilroy;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-top: 16px;
      }
      .loyalty__register-text {
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 14px;
        line-height: 21px;
      }
      .loyalty__enter {
        font-size: 14px;
        line-height: 21px;
      }
      
      .delivery__step {
        gap: 16px;
        position: relative;
      }
      .delivery__container {
        margin-bottom: 0px;
        gap: 10px;
        width: 375px;
      }
      .delivery__decoration {
        position: absolute;
        top: 0px;
      }
      .delivery__step-2 {
        gap: 10px;
      }
      .delivery__step-4 {
        gap: 0px;
      }
      .delivery__step-4 .delivery__number{
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .delivery__step-3 .delivery__number{
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .delivery__step-1 .delivery__number{
        margin-top: 20px;
        margin-bottom: -5px;
      }

      .delivery__step-1 .delivery__decoration {
        transform: rotate(-90deg);
        bottom: 30px;
        left: -30px;
      }
      .delivery__step-2 .delivery__decoration {
        transform: rotate(90deg);
        bottom: 90px;
        right: 30px;
      }
      .delivery__step-3 .delivery__decoration {
        transform: rotate(-90deg);
        bottom: 75px;
        left: 10px;
      }
      .delivery__step-4 .delivery__decoration {
        transform: rotate(90deg);
        bottom: 50px;
        right: 30px;
      }
      
      .delivery__number {
        font-size: 48px;
        line-height: 47px;
      }
      .delivery__step-text {
        font-size: 14px;
        line-height: 20px;

      }

      .delivery__step-text br{
        display: none;
      }

      .delivery__step-2 .delivery__step-text {
        width: 263px;
      }
      .delivery__step-3 .delivery__step-text {
        width: 202px;
      }
      .delivery__step-4 .delivery__step-text {
        width: 263px;
      }
      .delivery__title {
        margin-top: 0px;
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
        line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        letter-spacing: 0.02em;
        margin-bottom: 15px;
        width: auto;
      }
      .contacts__title {
        margin-top: 100px;
        margin-bottom: 0px;
      }

      .contacts__container {
        margin-top: 32px;
        margin-bottom: 55px;
        gap: 30px;
      }
      .contacts__address-title {
        margin-top: 0px;
        margin-left: 24px;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 0.02em;
        margin-bottom: 10px;

      }
      .contacts__adress-white {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0em;
        margin-left: 24px;
        margin-bottom: 10px;
        margin-top: -10px;
      }
      .contacts__time-title {
        margin-top: 0px;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 0.02em;
        margin-left: 24px;
        margin-bottom: 16px;
      }
      .address__time-container {
        height: 267px;
        margin-bottom: 20px;
        width: clamp(20.3125rem, 12.4242rem + 33.657vw, 52.8125rem)

      }
      .header__title {
        font-size: 96px;
        line-height: 80px;
        margin-top: 45px;
        margin-bottom: 36px;
    }
    .redis {
        width: 80px;
        top: 50px;
        left: 0px;
    }
    
    .leaf {
        position: absolute;
        z-index: 4;
        top: 290px;
        left: -30px;
        width: 105px;
    }
    
    .tomatoes {
        position: absolute;
        z-index: 4;
        top: 509px;
        left: 0;
        display: none;
    }
    
    .luchock {
        position: absolute;
        z-index: 4;
        right: 100px;
        top: -70px;
        display: none;
    }
    
    .perchick {
        position: absolute;
        z-index: 4;
        right: 0;
        top: 420px;
        display: none;
    }
    
    .onion {
        position: absolute;
        z-index: 4;
        right: 0;
        top: 729px;
        display: none;
    }
    
    .chesnochock {
        position: absolute;
        z-index: 4;
        right: -40px;
        top: 475px;
        width: 103px;
    }
    .tomatoes_mobile {
        display: block;
        z-index: 4;
        position: absolute;
        right: 0;
        top: 105px;
    }
    .perchick_mobile {
        display: block;
        position: absolute;
        z-index: 4;
        right: 40px;
        top: 350px
    }
    .luchock_mobile {
        display: block; 
        position: absolute;
        z-index: 4;
        top: 165px
    }
    .loyalty__ellipse-mobile {
        display: block;
        position: absolute;
        width: 100%;
        top: -600px;
        transform: scaleY(0.8);
    }
    .contacts {
        overflow: hidden;
    }
    .ellipse_contacts{
        display: block;
    }

    .ellipse_contacts-mobile {
        display: none;
        position: absolute;
        width: 100%;
        top: -900px;
        transform: scaleY(0.5);
    }
    .leaf-l1-mob {
        display: block;
        transform: rotate(201deg);
        width: 97px;
        left: -34px;
        top: 140px;
    }

    .leaf-l2-mob {
        display: block;
        transform: rotate(126deg);
        left: -60px;
        top: 425px;
        width: 170px;
    }
    .leaf-r1-mob {
        display: block;
        transform: rotate(352deg);
        right: -50px;
        width: 170px;
        top: 125px;
    }
    .leaf-r2-mob {
        display: block;
        transform: rotate(39deg);
        width: 380px;
        right: -120px;
        top: 400px;
    }
    .leaf-l1 {
        display: none;
    }
    
    .leaf-l2 {
        display: none;
    }
    
    .leaf-r1 {
        display: none;
    }
    
    .leaf-r2 {
        display: none;
    }
    .contact__button {
        width: clamp(20.3125rem, 12.4242rem + 33.657vw, 52.8125rem)
    }
  }

  @media (769px < width < 1025px) {
    .main {
        overflow-x: hidden;
    }

    .title {
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
        line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        letter-spacing: 0.02em;
    }
    .about__us-heading {
        margin-top: 85px;
        margin-bottom: 30px;
        font-size: clamp(2.5rem, 1.6505rem + 3.6246vw, 6rem);
        line-height: clamp(3.125rem, 2.3665rem + 3.2362vw, 6.25rem);
        letter-spacing: 0.05em;
        margin-left: 0px;
        margin-right: 0px;

    }
    .about__us-heading br {
        display: block;
    }
    .about__us-text {
        font-size: clamp(0.875rem, 0.7233rem + 0.6472vw, 1.5rem);
        line-height: 25px;
        letter-spacing: 0em;
        margin-left: 0px;
        margin-right: 0px;
        word-wrap: break-word;
        text-align: center;
        margin-left: 25px;
        margin-right: 25px;
    }

    .about__us-text .highlight {
        font-size: clamp(0.875rem, 0.7233rem + 0.6472vw, 1.5rem);
        line-height: 25px;
        letter-spacing: 0em;
        text-align: center;

    }
    .vegetabl {
        opacity: 0.3;
    }
    .stocks__list {
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
        flex-wrap: nowrap;
    }

    .stocks__title {
        margin-top: 90px;
        margin-bottom: 50px;
    }
    .stocks__explanation {
        margin-top: 50px;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0em;
    }
    .stocks__description {
        font-size: 16px;
        font-weight: 400;
        line-height: 29px;

    }
    .stocks__card-time {
        margin-left: clamp(25rem, 107.5rem + -128.9063vw, 45.625rem);

    }
    .stocks__card-gift {
        margin-right: 25px;
    }
    .stocks__time {
        width: 325px;
    }
    .stocks__ellipse {
        top: 25%; /* Выравнивание по вертикали */
        left: 50%; /* Выравнивание по горизонтали */
        transform: translate(-50%, -25%);
        opacity: 1;
    }
    .stocks__item {
        width: 325px;
        height: 470px;
        flex-shrink: 0;
    }
    .stocks__overlay-lvl2 {
        width: 325px;
    }

    .menu__list {
        margin-top: 30px;
        margin-bottom: 0px;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .menu__categories {
        margin-top: 10px;
        position: relative;
        width: clamp(48rem, 13.875rem + 71.0938vw, 59.375rem);
        justify-content: center;
    }

    .menu__item {
        width: 325px;
    }
    .menu__button {
        border-width: 1px;
        height: 40px;
        padding: 0;
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
    }
    .menu__item .product__info-container {
        margin-top: 28px;
        width: 100%;
    }

    .menu__item-card {
        width: 325px;
        height: 250px;
    }
    .menu__item .product__name {
        font-size: 24px;
        line-height: 43px;
        letter-spacing: 0em;
    }
    .menu__item .product__weight {
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0em;
    }
    .menu__item .product__name-and-weight {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }
    .menu__item .product__price {
        margin-top: -5px;
        font-size: 24px;
        line-height: 43px;
        letter-spacing: 0em;
        margin-bottom: 22px;
    }
    .loyalty {
        margin-top: 85px;
    }
    .loyalty__ellipse-left {
        display: none;
    }
    .loyalty__ellipse-right {
        display: none;
    }
    .loyalty__description {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 0px;
    }

    .highlight__gold {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0em;
    }
    .loyalty__title {
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
         line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        letter-spacing: 0.02em;
        margin-bottom: 70px;
    }
    .loyalty__cards-container {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 365px;
        height: 253px;
        margin-bottom: 40px;
        margin-left: 20px;
        overflow-x: hidden;
        transform: scale(1.3);
    }
    .loyalty__card {
        width: 290px;
        height: 180px;
    }
    .loyalty__card-front {
    }
    .dark {
        top: 70px;
    }
    .dark__ellipse {
        width: 260px;
        height: 100px;

    }

    .ellipse_contacts {
        display: block;
    }
    .loyalty__card-logo {
        margin-top: 0px;
        width: 75px;
        height: 80px;
    }
    .loyalty__card-back .loyalty__card-logo {
        margin-top: 0px;
        width: 75px;
        height: 80px;
        margin-bottom: 20px;
    }
    .loyalty__card-decoration {
        width: 220px;
    }
    .loaylty__card-title {
        margin-top: -25px;
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 0px;
    }
    .loyalty__program-item {
        width: 280px;
        height: 178px;
    }
    .loyalty__program-overlay {
        width: 271px;
        height: 175px;
    }
    .loyalty__discount {
        position: absolute;
        width: 275px;
    }
    .loyalty__program-overlay-lvl2 {
        width: 275px;
        height: 175px;
    }
    .numbers {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 0.02em;
    }
    .loyalty__container-title {
        font-size: 32px;
        line-height: 23px;
        letter-spacing: 0.02em;
        margin-top: 15px;
        margin-bottom: 30px;

    }
    .loyalty__container-description {   
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0em;

    }
    .loyalty__container-description br {
        display: none;
    }
    .loyalty__program {
        width: 768px;
        margin-right: 0px;
        padding: 0px;
        gap: 10px;
        margin-top: 10px;
    }

      .loyalty__register {
        width: 325px;
        padding-left: 0px;
        padding-right: 0px;
        font-family: Gilroy;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-top: 16px;
      }
      .loyalty__register-text {
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 14px;
        line-height: 21px;
      }
      .loyalty__enter {
        font-size: 14px;
        line-height: 21px;
      }
      
      .delivery__step {
        gap: 16px;
        position: relative;
      }
      .delivery__container {
        margin-bottom: 0px;
        gap: 10px;
        width: 375px;
      }
      .delivery__decoration {
        position: absolute;
        top: 0px;
      }
      .delivery__step-2 {
        gap: 10px;
      }
      .delivery__step-4 {
        gap: 0px;
      }
      .delivery__step-4 .delivery__number{
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .delivery__step-3 .delivery__number{
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .delivery__step-1 .delivery__number{
        margin-top: 20px;
        margin-bottom: -5px;
      }

      .delivery__step-1 .delivery__decoration {
        transform: rotate(-90deg);
        bottom: 30px;
        left: -30px;
      }
      .delivery__step-2 .delivery__decoration {
        transform: rotate(90deg);
        bottom: 90px;
        right: 30px;
      }
      .delivery__step-3 .delivery__decoration {
        transform: rotate(-90deg);
        bottom: 75px;
        left: 10px;
      }
      .delivery__step-4 .delivery__decoration {
        transform: rotate(90deg);
        bottom: 50px;
        right: 30px;
      }
      
      .delivery__number {
        font-size: 48px;
        line-height: 47px;
      }
      .delivery__step-text {
        font-size: 14px;
        line-height: 20px;

      }

      .delivery__step-text br{
        display: none;
      }

      .delivery__step-2 .delivery__step-text {
        width: 263px;
      }
      .delivery__step-3 .delivery__step-text {
        width: 202px;
      }
      .delivery__step-4 .delivery__step-text {
        width: 263px;
      }
      .delivery__title {
        width: auto;
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
        line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        letter-spacing: 0.02em;
        margin-bottom: 15px;
      }
      .contacts__title {
        margin-top: 100px;
        margin-bottom: 0px;
      }

      .contacts__container {
        margin-top: 32px;
        margin-bottom: 55px;
        gap: 30px;
      }
      .contacts__address-title {
        margin-top: 0px;
        margin-left: 24px;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 0.02em;
        margin-bottom: 10px;

      }
      .contacts__adress-white {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0em;
        margin-left: 24px;
        margin-bottom: 10px;
        margin-top: -10px;
      }
      .contacts__time-title {
        margin-top: 0px;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 0.02em;
        margin-left: 24px;
        margin-bottom: 16px;
      }
      .address__time-container {
        height: 267px;
        margin-bottom: 20px;
        width: clamp(20.3125rem, 12.4242rem + 33.657vw, 52.8125rem)

      }
      .header__title {
        font-size: clamp(6rem, 4.301rem + 7.2492vw, 13rem);
        line-height: clamp(5rem, 3.8774rem + 4.7896vw, 9.625rem);
        margin-top: 45px;
        margin-bottom: 36px;
    }
    .redis {
        width: 80px;
        top: 50px;
        left: 0px;
    }
    
    .leaf {
        position: absolute;
        z-index: 4;
        top: 290px;
        left: -30px;
        width: 105px;
    }
    
    .tomatoes {
        position: absolute;
        z-index: 4;
        top: 509px;
        left: 0;
        display: none;
    }
    
    .luchock {
        position: absolute;
        z-index: 4;
        right: 100px;
        top: -70px;
        display: none;
    }
    
    .perchick {
        position: absolute;
        z-index: 4;
        right: 0;
        top: 420px;
        display: none;
    }
    
    .onion {
        position: absolute;
        z-index: 4;
        right: 0;
        top: 729px;
        display: none;
    }
    
    .chesnochock {
        position: absolute;
        z-index: 4;
        right: -40px;
        top: 475px;
        width: 103px;
    }
    .tomatoes_mobile {
        display: block;
        z-index: 4;
        position: absolute;
        right: 0;
        top: 105px;
    }
    .perchick_mobile {
        display: block;
        position: absolute;
        z-index: 4;
        right: 40px;
        top: 350px
    }
    .luchock_mobile {
        display: block; 
        position: absolute;
        z-index: 4;
        top: 165px
    }
    .loyalty__ellipse-mobile {
        display: block;
        position: absolute;
        width: 100%;
        top: -900px;
        transform: scaleY(0.5);
    }
    .contacts {
        overflow: hidden;
    }
    .ellipse_contacts-mobile {
        display: none;
        position: absolute;
        width: 100%;
        top: -1300px;
        transform: scaleY(0.5);
        opacity: 0.4;
    }
    .leaf-l1-mob {
        display: block;
        transform: rotate(201deg);
        width: 97px;
        left: -34px;
        top: 140px;
    }

    .leaf-l2-mob {
        display: block;
        transform: rotate(126deg);
        left: -60px;
        top: 425px;
        width: 170px;
    }
    .leaf-r1-mob {
        display: block;
        transform: rotate(352deg);
        right: -50px;
        width: 170px;
        top: 125px;
    }
    .leaf-r2-mob {
        display: block;
        transform: rotate(39deg);
        width: 380px;
        right: -120px;
        top: 400px;
    }
    .leaf-l1 {
        display: none;
    }
    
    .leaf-l2 {
        display: none;
    }
    
    .leaf-r1 {
        display: none;
    }
    
    .leaf-r2 {
        display: none;
    }
    .contact__button {
        width: clamp(20.3125rem, 12.4242rem + 33.657vw, 52.8125rem)
    }
  }
    
    @media (1026px < width <= 1510px) {
        .delivery__container {
            width: 1026px;
        }
        .loyalty__program {
            width: 1026px;
        }
        .stocks__list {
            width: 1026px;
        }
    }

    @media (1026px < width <= 1610px) {

        .loyalty__program {
            width: 1026px;
    }
}