/* ============================================================
   Мобільний прайс-лист — картки з пігулкою (варіант 1)
   Desktop: таблиця | Mobile: назва зверху, ціна знизу
   ============================================================ */

.service-pricing-mobile {
    display: none;
}

@media (max-width: 767.98px) {
    .service-pricing-table-wrap--desktop {
        display: none;
    }

    .service-pricing-mobile {
        display: block;
    }

    .service-pricing-stack {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .service-pricing-stack__item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .service-pricing-stack__name {
        display: block;
        width: 100%;
        font-size: 15px;
        line-height: 1.5;
        color: var(--text--color);
        font-weight: 500;
    }

    .service-pricing-stack__price {
        display: block;
        font-weight: 700;
        color: var(--primary--color);
        white-space: normal;
        word-break: break-word;
    }

    /* Картки з пігулкою */
    .service-pricing-stack--v1 .service-pricing-stack__item {
        padding: 14px 16px;
        margin-bottom: 10px;
        background: #fff;
        border: 1px solid rgba(58, 68, 152, 0.12);
        border-radius: 16px;
        box-shadow: 0 4px 16px rgba(58, 68, 152, 0.06);
    }

    .service-pricing-stack--v1 .service-pricing-stack__price {
        margin-top: 10px;
        padding: 7px 16px;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        background: linear-gradient(135deg, var(--primary--color) 0%, #5a66b8 100%);
        border-radius: 100px;
        box-shadow: 0 4px 12px rgba(58, 68, 152, 0.22);
    }

    .service-pricing-group + .service-pricing-group .service-pricing-mobile {
        margin-top: 16px;
    }
}