:root {
    --secondary-color: #ffffff;
    --select-color: #D4D4D4;
}
body {
    font-family: 'Noto Sans', sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #000000;
    background-image: url('images/backround.webp');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

html {
    scroll-behavior: smooth;  /* ← плавный скролл */
}

#about-project {
    scroll-margin-top: 100px;
}

.header {
    /*background-color: #afb8c2;*/
    padding: 70px 0px 0px 0px;
}
.header__logo {
     max-width: 1306px;
    margin-inline: auto;
}
.header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-links {
    display: flex;
    gap: 50px;
}
ul {
    list-style: none;
}
.nav-links-link {
    font-weight: SemiBold;
    Font-size: 24px;
    letter-spacing: 0em;
    color: var(--secondary-color);
    transition: color 0.3s ease;

}
.nav-links-link.active {
    font-weight: 800;
}
.nav-links-link:hover {
    color: var(--select-color);
}
a{
    text-decoration: none;
}

.hero {
    padding-block: 0;
    padding-top: 26px;
}

.hero__container {
    display: flex;
    align-items: stretch;
    gap: 26px;
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
    margin-bottom: 60px;
    min-height: 633px;
    
}

.hero__image {
    width: 628px;
    height: 633px;
    flex-shrink: 0;
    border-radius: 10px;  /* ← скругление углов */
    order: -1;  /* ← перемещаем изображение в начало */
}

.hero__images-background {
    display: flex;
    align-items: center;
    gap: 26px;
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
}
.hero__image2 {
    width: 628px;
    height: 633px;
    flex-shrink: 0;
    border-radius: 10px;  /* ← скругление углов */
    order: 1;  /* ← перемещаем изображение в начало */
}

.hero__image3 {
    width: 628px;
    height: 633px;
    flex-shrink: 0;
    border-radius: 10px;  /* ← скругление углов */
    order: 1;  /* ← перемещаем изображение в начало */
}



.hero__content {
    flex: 1;
    display: flex;
    flex-direction: column;  /* вертикальное расположение */
    justify-content: space-between;  /* распределяем пространство */
    min-height: 100%; 
}

.hero__text {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    font-size: clamp(16px, 2.2vw, 28px);  /* адаптивный размер текста */
    line-height: 1.5;
    flex: 1;
    width: 628px;  /* ← фиксированная ширина как у картинки */
    height: 693px;  /* ← фиксированная высота как у картинки */
    flex-shrink: 0;  /* не сжимается */
    overflow-y: auto; 
    color: white;
}

.hero__text p {
    margin: 0 0 clamp(10px, 1.5vw, 20px) 0;
}

.hero__text p:last-child {
    margin-bottom: 0;  /* убираем отступ у последнего абзаца */
}

.hero__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;  
    padding-top: 20px;
    
}

.hero__button {
    background-color: rgba(2, 2, 2, 0.8);  /* #020202 с прозрачностью 80% */
    border: none;  /* убираем обводку */
    border-radius: 10px;
    color: white;
    padding: 14px 0px;
    cursor: pointer;
    font-family: 'Noto Sans', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 652px;  
    height: 136px;  
    padding-left: 24px;  /* отступ слева */
    transition: opacity 0.3s ease;
}

.hero__button:hover {
    opacity: 0.8;  /* эффект при наведении */
}

.hero__button-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    font-weight: 400; 
    line-height: 1.2;
    color: white;
}

.hero__button-price {
    font-family: 'Noto Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;  
    line-height: 1.2;
}



.hero__description-wrapper {
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
    margin-top: 60px;
}

.hero__text-description {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    font-size: clamp(16px, 2.2vw, 28px);
    line-height: 1.5;
    width: 1281px;  /* ← ширина 1281px */
    height: auto;  /* ← меняем с 459px на auto */
    flex-shrink: 0;
    margin: 0;
    color: white;
}

.hero__text-description h1 {
    font-size: 64px;
    margin-bottom: 5px;
    
}
.hero__text-description p {
    margin: 0 0 30px 0;  /* стандартный отступ снизу */
    font-size: 28px;
}

.hero__text-description p.no-margin {
    margin: 0;  /* убираем отступы */
}

.hero__text-description p:last-child {
    margin-top: 50px;  /* добавляем отступ сверху */
    margin-bottom: 100;  /* убираем отступ снизу */
}
.hero__text-bold {
    font-weight: 700;  /* делаем текст жирным */
}
.hero__image-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 0;
    overflow: hidden;  /* ← отступ сверху (расстояние от текста) */
}

.hero__image5 {
    display: block;
    width: 100%;
    height: auto;
    
    object-fit: contain; 
}

  /* Qr коды&*/

.hero__links {
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
    margin-bottom: 48px;
}

.hero__links-tg {
    display: flex;
    align-items: flex-start;
    gap: 27px;
    width: 1282px;
    max-width: 100%;
    margin-inline: auto;
    margin-top: 45px;
    border-radius: 10px;  /* добавляем скругление */
    
}

.hero__links-tg-left {
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
    flex-shrink: 0;
}

.hero__links-tg-qr {
    display: flex;
}

.hero__img-tg {
    display: block;
    width: 200px;  /* ← задайте нужный размер */
    height: auto;
}

.hero__links-tg-liltext {
    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;  /* ← размер 17px */
    font-weight: 300;
    margin-top: 8px;
    color: lch(99.31% 0.01 296.81);
    text-align: center;  /* ← центрируем под QR */
}

.hero__links-tg-liltext p {
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.7);  /* ← полупрозрачная темная подложка */
    padding: 6px 12px;  /* ← внутренние отступы */
    border-radius: 10px;  /* ← скругление углов */
    display: inline-block;
}

.hero__links-tg-text .hero__text-bold {
    font-weight: 700;
    
}
.hero__links-tg-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    flex: 1;  /* ← добавляем */
    margin: 0;
    line-height: 1.3; 
    color: white;
   
}

.hero__links-tg-text p {
    margin: 0;  /* ← добавляем */
}

/* ===== Ссылки для QR-кодов с увеличением при наведении ===== */

/* Telegram */
.hero__links-tg-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.hero__links-tg-link:hover {
    transform: scale(1.02);
}

/* Rules (Правила) */
.hero__links-rules-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.hero__links-rules-link:hover {
    transform: scale(1.02);
}
/* ===== Блок rules (копия tg) ===== */

.hero__links-rules {
    display: flex;
    align-items: flex-start;
    gap: 27px;
    width: 1282px;
    max-width: 100%;
    margin-inline: auto;
    margin-top: 26px;  /* ← расстояние между tg и rules 26px */
    border-radius: 10px;
    
}

.hero__links-rules-left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.hero__links-rules-qr {
    display: flex;
}

.hero__img-rules {
    display: block;
    width: 200px;
    height: auto;
}

.hero__links-rules-liltext {
    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
    font-weight: 300;
    margin-top: 8px;
    
}

.hero__links-rules-liltext p {
    margin: 0;
    color: lch(99.31% 0.01 296.81);
    text-align: center; 
    background-color: rgba(0, 0, 0, 0.7);  /* ← полупрозрачная темная подложка */
    padding: 6px 12px;  /* ← внутренние отступы */
    border-radius: 10px;  /* ← скругление углов */
    display: inline-block;  /* ← подложка только под текстом */
}

.hero__links-rules-text {
    flex: 1;
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    color: white;
}

.hero__links-rules-text p {
    margin: 0;
}

.hero__links-rules-text .hero__text-bold {
    font-weight: 700;
}

/*футер*/
/* ===== Футер ===== */

.footer {
    background-color: #000000;
    width: 100%;
    height: 136px;
   
   
}

.footer__container { 
    max-width: 1306px;
    height: 100%;
    margin-inline: auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;  /* ← меняем на колонку */
    justify-content: center;  /* центрируем по вертикали */
    align-items: flex-start;  /* текст слева */
}

.footer__text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;  /* ← размер 16px */
    font-weight: 300;  /* ← Regular */
    line-height: 28px;  /* ← межстрочный интервал 28px */
    letter-spacing: 0px;  /* ← без интервала между буквами */
    color: #ffffff;
    margin: 0;
    padding-left: 21px;  /* 81px - 20px (padding контейнера) = 61px */
}

/* черная хрень под тестом */

.hero__black-bg {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    /*background: rgba(0, 0, 0, 0.8);*/
    padding: 1px 0;
    margin-top: 0px;
}

.hero__black-bgg {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: rgba(0, 0, 0, 0.8);
    padding: 1px 0;
    height: 100%;
    margin-top: 0px;
}

.hero__description-wrapper {
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
}

.hero__links {
    max-width: 1307px;
    height: 100%;
    margin-inline: auto;
    padding: 0 20px; 
}

.hero__imges-backgraund-red {
    /*background-image: url('images/Mask group.png');*/
    background-size: cover;  /* ← покрывает всю ширину */
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;  /* ← на всю ширину окна */
    height: 104px;  /* ← фиксированная высота */
    margin-left: calc(-50vw + 50%);  /* ← центрируем на всю ширину */
    padding: 20px 0;  /* ← внутренние отступы */
    display: flex;
    align-items: center;  /* ← вертикальное выравнивание */
    padding-top: 0px; 
}

.hero__imges-backgraund-red p {
    max-width: 1281px;
    margin-inline: auto;
    padding: 0 20px;
    color: white;
    margin-top: -10px;
}

/* ===== Страница отзывов ===== */

/* ===== Страница отзывов ===== */

.reviews {
    padding-top: 0px;
}



/* Градиент сверху (плавный переход) */

.reviews__black-bg {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    /*background: rgba(0, 0, 0, 0.8);*/
    padding: 0px 0 40px 0;
      /* ← убираем margin-top */
    position: relative;
}



.reviews__container {
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 0px;
}

.reviews__container h1 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: white;
    margin-bottom: 0px;
    margin-top: 10px;      
}

.reviews__share-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: White;
    margin-bottom: 20px;
    line-height: 1.6;
    text-shadow: 0px 4px 20px rgba(0, 0, 0, 1);
    margin-top: 0; 
}

.reviews__email {
    color: #afb8c2;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.3s ease;
}

.reviews__email:hover {
    color: #ffffff;
    text-decoration: underline;
}

.reviews__telegram {
    color: #afb8c2;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.3s ease;
}

.reviews__telegram:hover {
    color: #ffffff;
    text-decoration: underline;
}

.reviews__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 30px;
}

.reviews__card {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 60px;
}

.reviews__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.reviews__name {
    font-family: 'Noto Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin: 0 0 5px 0;
    letter-spacing: 0.5px;
}

.reviews__role {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 15px 0;
}

.reviews__text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin: 0 0 12px 0;
}

.reviews__text:last-child {
    margin-bottom: 0;
}

/* Адаптация для планшетов */
@media (max-width: 1024px) {
    .reviews__grid {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 25px;
    }
    
    .reviews__container h1 {
        font-size: 48px;
    }
}

/* Адаптация для телефонов */
@media (max-width: 768px) {
    .reviews__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .reviews__container h1 {
        font-size: 36px;
    }
    
    .reviews__card {
        padding: 20px;
    }
    
    .reviews__share-text {
        font-size: 16px;
    }
}


/* ===== Страница Контакты ===== */

.contacts {
    padding-top: 10px;
}

.contacts__container {
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
}

.contacts__container > p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: white;
    margin: 0 0 10px 0;
}

/* Основная сетка: изображение слева, контент справа */
.contacts__info {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

/* Левая колонка с изображением */
.contacts__info-image {
    flex-shrink: 0;
}

.contacts__image {
    display: block;
    width: 628px;
    height: 515px;  /* ← ФИКСИРОВАННАЯ ВЫСОТА КАК У ПРАВОЙ КОЛОНКИ */
    object-fit: cover;  /* ← чтобы изображение не искажалось */
    border-radius: 10px;
}

/* Правая колонка */
.contacts__info-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 26px;  /* расстояние между блоками 26px */
    height: 488px;  /* ← ФИКСИРОВАННАЯ ВЫСОТА */
    justify-content: flex-start;  /* выравнивание по верхнему краю */
}

/* ===== Блок Telegram ===== */
.contacts__info-qr-tg {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 0;
}

/* ===== Блок Email ===== */
.contacts__info-email {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

/* Левая часть QR-кода (общая для tg и email) */
.contacts__info-qrt {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.contacts__info-email-qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.contacts__qrt {
    display: block;
    width: 200px;
    height: auto;
    border-radius: 10px;
}

.contacts__email-qr {
    display: block;
    width: 200px;
    height: auto;
    border-radius: 10px;
}

/* Текст под QR-кодом (общий для всех) */
.contacts__qr-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    margin: 10px 0 0 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 6px 8px;
    border-radius: 10px;
    display: inline-block;
}

/* Текст Telegram */
.contacts__info-tg {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: white;
    line-height: 1.4;
    padding-top: 0;
}

.contacts__info-tg p {
    margin: 0 0 40px 0;  /* ← уменьшенный отступ между абзацами */
}

.contacts__info-tg p:last-child {
    margin-bottom: 0;
}

.contacts__tg-link {
    font-weight: 700;
    font-size: 28px;
}

.contacts__tg-link:hover {
    color: #ffffff;
}

/* Текст Email */
.contacts__info-email-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: white;
    line-height: 1.4;
    padding-top: 0;
}

.contacts__info-email-text p {
    margin: 0 0 40px 0;  /* ← уменьшенный отступ между абзацами */
}

.contacts__info-email-text p:last-child {
    margin-bottom: 0;
}

.contacts__email-link {
    font-weight: 700;
    font-size: 28px;
}

.contacts__email-link:hover {
    color: #ffffff;
}
/* ===== Страница Контакты - ссылки для QR-кодов ===== */

.contacts__info-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.contacts__info-link:hover {
    transform: scale(1.05);
}

/* Остальные стили для контактов остаются без изменений */

/* ===== Адаптация для планшетов ===== */
@media (max-width: 1024px) {
    .contacts__info {
        flex-direction: column;
        align-items: center;
    }

    .contacts__image {
        width: 100%;
        max-width: 600px;
        height: auto;  /* ← на планшетах высота автоматическая */
    }

    .contacts__info-right {
        width: 100%;
        height: auto;  /* ← на планшетах высота автоматическая */
        gap: 26px;
    }

    .contacts__info-qr-tg {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contacts__info-email {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contacts__info-tg {
        font-size: 24px;
        text-align: center;
    }

    .contacts__info-email-text {
        font-size: 24px;
        text-align: center;
    }

    .contacts__tg-link {
        font-size: 28px;
    }

    .contacts__email-link {
        font-size: 28px;
    }
}

/* ===== Адаптация для телефонов ===== */
@media (max-width: 768px) {
    .contacts__container > p {
        font-size: 36px;
        margin-bottom: 30px;
        text-align: center;
    }

    .contacts__info-right {
        height: auto;
        gap: 26px;
    }

    .contacts__qrt {
        width: 150px;
    }

    .contacts__email-qr {
        width: 150px;
    }

    .contacts__info-tg {
        font-size: 20px;
    }

    .contacts__info-email-text {
        font-size: 20px;
    }

    .contacts__tg-link {
        font-size: 24px;
    }

    .contacts__email-link {
        font-size: 24px;
    }

    .contacts__info-qr-tg {
        gap: 20px;
    }

    .contacts__info-email {
        gap: 20px;
    }
}

/* ===== Блок Question ===== */
.contacts__question {
    display: flex;
    align-items: center;
    margin-bottom: 47px;  
    gap: 30px;
    margin-top: 67px;
    max-width: 1256px;
    margin-inline: auto;
    padding: 0px 25px;  /* ← 16px сверху-снизу, 25px слева-справа */
    background-color: rgba(0, 0, 0, 0.8);  /* ← полупрозрачная темная подложка */
    border-radius: 10px;  /* ← скругление углов */
}

.contacts__question-image {
    flex-shrink: 0;
}

.contacts__question-image img {
    display: block; /* ← такой же размер как у QR-кодов */
    width: auto;
    height: auto;
    border-radius: 10px;
}

.contacts__question-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: white;
    line-height: 1.4;

}

/* ===== Страница Купить ===== */

.buy {
    padding-top: 10px;
}

.buy__container {
    max-width: 1306px;
    margin-inline: auto;
    padding: 0 20px;
}

.buy__container h1 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: white;
    margin: 0 0 40px 0;
}

/* Основной блок: изображение слева, контент справа */
.buy__main-info {
    display: flex;
    gap: 28px;
    align-items: flex-start;
    margin-bottom: 20px;
}

/* Левая колонка с изображением */
.buy__main-info-image {
    flex-shrink: 0;
}

.buy__image {
    display: block;
    width: 655px;
    height: 491px;
    border-radius: 10px;
}

/* Правая колонка */
.buy__main-info-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 23px;
    padding-top: 0;
}

/* Текст */
.buy__main-info-right-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: white;
    line-height: 1.4;
    margin: -7px 0 0px 0;
}

.buy__main-info-right-text .hero__text-bold {
    font-weight: 700;
}

/* ===== НОВЫЙ БЛОК: QR + ЗВЕЗДОЧКА В ОДНОЙ СТРОКЕ ===== */
.buy__qr-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0px;
}

.buy__qr-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.buy__main-info-right-qr {
    display: flex;
    flex-shrink: 0;
}

.buy__qr-code {
    display: block;
    width: 200px;
    height: auto;
    border-radius: 10px;
}

.buy__main-info-right-liltext {
    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: 8px;
}

.buy__main-info-right-liltext p {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 6px 12px;
    border-radius: 10px;
    display: inline-block;
}

.buy__qr-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-top: 0px;
    margin-top: -22px;  /* ← ПОДНИМАЕТ ЗВЕЗДОЧКУ НА 10px ВВЕРХ */
}

.buy__image-star {
    display: block;
    width: 330px;
    height: 282px;
}

/* Кнопка как на главной */
.buy__main-info-right-button {
    background-color: rgba(2, 2, 2, 0.8);
    border: none;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    font-family: 'Noto Sans', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 600px;
    height: 136px;
    padding-left: 24px;
    transition: opacity 0.3s ease;
    margin-top: -22px;
}

.buy__main-info-right-button:hover {
    opacity: 0.8;
}

.buy__main-info-right-button p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: white;
    margin: 0;
}

/* ===== Адаптация для планшетов ===== */
@media (max-width: 1024px) {
    .buy__main-info {
        flex-direction: column;
        align-items: center;
    }

    .buy__image {
        width: 100%;
        max-width: 600px;
    }

    .buy__main-info-right {
        width: 100%;
        align-items: center;
        text-align: center;
        padding-top: 0;
        gap: 15px;
    }

    .buy__qr-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .buy__qr-right {
        padding-top: 0;
    }

    .buy__main-info-right-button {
        max-width: 100%;
        height: 120px;
        align-items: center;
        padding-left: 0;
    }

    .buy__main-info-right-button p {
        font-size: 48px;
    }

    .buy__main-info-right-text {
        font-size: 24px;
        text-align: center;
    }

    .buy__image-star {
        width: 50px;
    }
}

/* ===== Адаптация для телефонов ===== */
@media (max-width: 768px) {
    .buy__container h1 {
        font-size: 36px;
        text-align: center;
        margin-bottom: 30px;
    }

    .buy__main-info {
        gap: 20px;
        margin-bottom: 40px;
    }

    .buy__main-info-right {
        gap: 12px;
    }

    .buy__main-info-right-text {
        font-size: 20px;
    }

    .buy__qr-code {
        width: 150px;
    }

    .buy__qr-wrapper {
        gap: 15px;
    }

    .buy__main-info-right-button {
        height: 100px;
        padding-left: 0;
        align-items: center;
    }

    .buy__main-info-right-button p {
        font-size: 36px;
    }

    .buy__main-info-right-liltext {
        font-size: 15px;
    }

    .buy__main-info-right-liltext p {
        padding: 4px 10px;
    }

    .buy__image-star {
        width: 40px;
    }
}

@media (max-width: 480px) {
    .buy__main-info-right-button {
        height: 80px;
    }

    .buy__main-info-right-button p {
        font-size: 28px;
    }

    .buy__main-info-right-text {
        font-size: 18px;
    }

    .buy__qr-code {
        width: 120px;
    }

    .buy__image-star {
        width: 30px;
    }

    .buy__qr-wrapper {
        gap: 10px;
    }
}

/* ===== Блоки Оплата, Доставка, Оптовые заказы ===== */
.buy__text {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 0px;
    padding-top: 0px;
    /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
    text-shadow: 0px 4px 20px rgba(0, 0, 0, 1);
}

.buy__text-payment,
.buy__text-delivery {
    flex: 1;
    width: 100%;
}

.buy__text-payment h2,
.buy__text-delivery h2,
.buy__wholesale h2 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: white;
    margin: 0 0 15px 0;
}

.buy__text-payment p,
.buy__text-delivery p,
.buy__wholesale p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 1.6;
    margin: 0 0 20px 0;  /* ← РАССТОЯНИЕ МЕЖДУ СТРОКАМИ 36px */
}

.buy__text-payment p:last-child,
.buy__text-delivery p:last-child,
.buy__wholesale p:last-child {
    margin-bottom: 0;  /* ← У ПОСЛЕДНЕГО АБЗАЦА УБИРАЕМ ОТСТУП */
    margin-bottom: 64px;
}

.buy__wholesale {
    margin-top: 0px;
    padding-top: 0px;
    /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
    
}

/* Список с точками для доставки */
.buy__features-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 36px 0;  /* ← ОТСТУП СНИЗУ У СПИСКА ТОЖЕ 36px */
}

.buy__features-list li {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    padding-left: 25px;
    position: relative;
    margin-bottom: 8px;
    line-height: 1.5;
}

.buy__features-list li::before {
    content: "•";
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    left: 0;
    top: -2px;
}

.buy__features-list li strong {
    font-weight: 700;
    color: white;
}

.buy__features-list li:last-child {
    margin-bottom: 0;
}

/* ===== Страница Купить - ссылка для QR-кода ===== */

.buy__qr-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.buy__qr-link:hover {
    transform: scale(1.05);
}