/* ============================================================
   Pay page — Lumara Space
   Отдельные стили страницы «Отправить благодарность»
   Фирменный стиль: Geologica, чёрный фон, свечение rays,
   карточки со скруглением, кнопки uppercase.
   Все размеры во vw — как в base_v16.css / ny_v7.css.
   ============================================================ */

.pay {
    padding-bottom: 18.18182vw;
}

/* ---------- Заголовок страницы ---------- */
.pay .head {
    text-align: center;
    margin-bottom: 9.09091vw;
}

.pay .head h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 8.18182vw;
    line-height: 110%;
    color: #fafafa;
}

.pay .head h1 strong {
    font-weight: 500;
}

.pay .head p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.63636vw;
    line-height: 130%;
    color: #bababa;
    margin-top: 3.40909vw;
    max-width: 79.54545vw;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- Список карточек ---------- */
.pay .list {
    display: flex;
    flex-direction: column;
    grid-gap: 4.54545vw;
}

.pay-card {
    position: relative;
    border-radius: 3.40909vw;
    background: #161616;
    padding: 5.68182vw 4.54545vw;
}

.pay-card__head {
    display: flex;
    align-items: center;
    grid-gap: 3.18182vw;
}

.pay-card__icon {
    flex: 0 0 auto;
    width: 11.36364vw;
    height: 11.36364vw;
    border-radius: 50%;
    background: rgba(215, 255, 183, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pay-card__icon svg {
    width: 5.68182vw;
    height: 5.68182vw;
}

.pay-card__head h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 5vw;
    line-height: 105%;
    color: #fafafa;
}

.pay-card__desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.40909vw;
    line-height: 125%;
    color: #bababa;
    margin-top: 3.40909vw;
}

/* ---------- Поле реквизита с копированием ---------- */
.pay-field {
    margin-top: 4.54545vw;
}

.pay-field__label {
    display: block;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3vw;
    line-height: 100%;
    color: #9e9e9e;
    margin-bottom: 2.04545vw;
    text-transform: uppercase;
    letter-spacing: 0.09091vw;
}

.pay-field__row {
    display: flex;
    align-items: center;
    grid-gap: 2.72727vw;
}

.pay-field__value {
    flex: 1 1 auto;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 4.09091vw;
    line-height: 120%;
    color: #fafafa;
    word-break: break-word;
}

/* ---------- Кнопка копирования ---------- */
.pay-copy {
    flex: 0 0 auto;
    position: relative;
    width: 7vw;
    height: 7vw;
    border-radius: 1.81818vw;
    background: rgba(255, 255, 255, 0.03);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    -webkit-tap-highlight-color: transparent;
}

.pay-copy:active {
    transform: scale(0.94);
}

.pay-copy svg {
    width: 3.63636vw;
    height: 3.63636vw;
}

.pay-copy svg rect,
.pay-copy svg path{
    stroke: #fff
}

.pay-copy .ico-check {
    display: none;
}

.pay-copy.copied .ico-copy {
    display: none;
}

.pay-copy.copied .ico-check {
    display: block;
}

/* Всплывающая подсказка «Скопировано» */
.pay-copy__tip {
    position: absolute;
    bottom: 110%;
    right: 0;
    background: #d7ffb7;
    color: #000;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 2.95455vw;
    line-height: 100%;
    padding: 1.81818vw 2.72727vw;
    border-radius: 1.59091vw;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0.9vw);
    transition: 0.2s;
}

.pay-copy.copied .pay-copy__tip {
    opacity: 1;
    transform: translateY(0);
}

/* ---------- Кнопка действия (оплатить / бот / paypal) ---------- */
.pay-btn {
    margin-top: 4.54545vw;
    width: 100%;
    height: 11.59091vw;
    border-radius: 3.40909vw;
    background: #d7ffb7;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.40909vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 2.27273vw;
}

.pay-btn svg {
    width: 4.54545vw;
    height: 4.54545vw;
}

/* Вторичная кнопка (контурная) — при необходимости */
.pay-btn.outline {
    background: transparent;
    border: 0.22727vw solid #d7ffb7;
    color: #d7ffb7;
}