/* === Loyalty program page === */
.pageStatis.lp {
    max-width: 915px;
    margin-top: 30px;
}

.pageStatis.lp h1 {
    font: normal 500 50px 'Manrope', sans-serif;
    text-align: left;
    padding: 0;
    margin: 0 0 30px;
}

.lp .lp__h2 {
    color: #141414;
    font: normal 500 30px 'Manrope', sans-serif;
    margin: 80px 0 30px;
}

/* --- Cards: преимущества --- */
.lp-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.lp-card {
    background: #F4F4F4;
    border-radius: 8px;
    padding: 28px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 170px;
}

.lp-card__ico {
    color: #782431;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
}

.lp-card__ico svg {
    width: 40px;
    height: 40px;
}

.lp-card__text {
    color: #141414;
    font: normal 500 16px / 1.45 'Manrope', sans-serif;
}

.lp-cardRegCta {
    margin: 28px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

/* Глобальные .flex + .feedbackPopupThanks__btn из _/dist/css/style.css */
.lp-cardRegCta .feedbackPopupThanks__btn {
    margin-top: 0;
    box-sizing: border-box;
    border: none;
    align-self: flex-start;
    cursor: pointer;
    width: 190px;
}

.lp-cardRegCta .feedbackPopupThanks__btn:hover {
    background-color: #000;
}

.lp-cardRegCta .feedbackPopupThanks__btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(20, 20, 20, 0.35);
}

/* --- Tiers: BASE / SILVER / GOLD --- */
.lp-tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.lp-tier {
    border-radius: 8px;
    padding: 24px 22px;
    color: #fff;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lp-tier__name {
    font: normal 500 30px 'Manrope', sans-serif;
    margin-bottom: 12px;
}

.lp-tier__desc {
    font: normal 500 16px / 1.5 'Manrope', sans-serif;
    flex: 1;
}

.lp-tier__note {
    font: normal 400 14px 'Manrope', sans-serif;
    opacity: 0.75;
    margin-top: 18px;
}

.lp-tier--base   { background: linear-gradient(115.2deg,  #772330 0%,    #9F4150 100%); }
.lp-tier--silver { background: linear-gradient(114.42deg, #575B64 0%,    #8C919D 98.91%); }
.lp-tier--gold   { background: linear-gradient(114.97deg, #7F6A50 1.17%, #CBB793 99.13%); }

/* --- Note под уровнями --- */
.lp .lp-note {
    color: #6B6B6B;
    font: normal 400 13px / 1.5 'Manrope', sans-serif;
    margin: 18px 0 0;
}

/* --- Stats: «Как копятся баллы?» --- */
.lp-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.lp-stat {
    background: #F4F4F4;
    border-radius: 8px;
    padding: 28px 18px;
    text-align: center;
    height: 170px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.lp-stat__value {
    color: #782431;
    font: normal 600 30px 'Manrope', sans-serif;
    margin-bottom: 10px;
}

.lp-stat__desc {
    color: #141414;
    font: normal 500 16px / 1.45 'Manrope', sans-serif;
}

/* --- FAQ: аккордеон --- */
.lp-faq details {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
}

.lp-faq details summary {
    color: #141414;
    font: normal 500 16px 'Manrope', sans-serif;
    padding: 16px 30px 16px 4px;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: color 0.2s ease;
}

.lp-faq details summary::-webkit-details-marker { display: none; }

.lp-faq details summary::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #6B6B6B;
    border-bottom: 1.5px solid #6B6B6B;
    transform: translateY(-65%) rotate(-45deg);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.lp-faq details[open] summary::after {
    transform: translateY(-25%) rotate(45deg);
    border-color: #141414;
}

.lp-faq details p {
    color: #4d4d4d;
    font: normal 400 16px / 1.6 'Manrope', sans-serif;
    margin: 0 0 16px;
    padding: 0 4px;
}

/* === Tablet === */
@media (max-width: 915px) {
    .pageStatis.lp { max-width: 95%; }
    .pageStatis.lp h1 { font-size: 40px; }

    .lp .lp__h2 {
        font-size: 18px;
        margin: 36px 0 16px;
    }

    .lp-cards,
    .lp-stats,
    .lp-tiers {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .lp-card {
        padding: 18px 10px;
        min-height: 120px;
    }

    .lp-tier {
        padding: 18px 14px;
        min-height: 170px;
    }

    .lp-tier__name { font-size: 18px; }
    .lp-tier__desc { font-size: 14px; }
    .lp-tier__note { font-size: 12px; }

    .lp-stat { padding: 18px 10px; }
    .lp-stat__value { font-size: 16px; }
    .lp-card__text,
    .lp-stat__desc { font-size: 14px; line-height: 1.4; }
}

/* === Mobile === */
@media (max-width: 520px) {
    .pageStatis.lp h1 { font-size: 30px; }

    .lp .lp__h2 { margin-top: 30px; }

    .lp .lp-note br { display: none; }

    /* Преимущества */
    .lp-cards { grid-template-columns: 1fr; }

    .lp-card {
        justify-content: center;
        gap: 14px;
        padding: 20px 18px;
        min-height: 170px;
    }

    .lp-card__ico {
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .lp-card__text { font-size: 16px; }

    /* Уровни: заголовок сверху, описание по центру, подпись снизу */
    .lp-tiers {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .lp-tier {
        display: grid;
        grid-template-rows: auto 1fr auto;
        text-align: left;
        min-height: 208px;
        padding: 22px 20px;
        border-radius: 12px;
    }

    .lp-tier__name {
        font-size: 26px;
        margin-bottom: 0;
    }

    .lp-tier__desc {
        align-self: center;
        justify-self: start;
        font-size: 15px;
        line-height: 1.45;
        margin: 12px 0;
    }

    .lp-tier__note {
        align-self: end;
        margin-top: 0;
        font-size: 13px;
        opacity: 0.85;
    }

    /* Баллы */
    .lp-stats { grid-template-columns: 1fr; gap: 12px; }

    .lp-stat { padding: 16px 20px; }

    .lp-stat__value {
        font: normal 600 25px 'Manrope', sans-serif;
        margin-bottom: 0;
    }

    .lp-stat__desc {
        font-weight: 400;
        margin-top: 10px;
    }
}