/**
 * Compact duration/price cards for Bookly services form (mobile-friendly).
 */
.bookly-services-form-container [class*='bookly-service-card-mark'] {
    margin: 0.25rem !important;
    font-size: 0.9375rem !important;
}

.bookly-services-form-container [class*='bookly-service-card-mark'] > [class*='bookly:p-4'] {
    padding: 0.5rem 0.625rem !important;
}

.bookly-services-form-container [class*='bookly-card-body-mark'] [class*='bookly:-mb-4'] {
    margin-bottom: 0 !important;
}

.bookly-services-form-container [class*='bookly-service-duration-mark'],
.bookly-services-form-container [class*='bookly-service-price-mark'] {
    margin-bottom: 0 !important;
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
}

.bookly-services-form-container [class*='bookly-service-duration-mark'] i,
.bookly-services-form-container [class*='bookly-service-price-mark'] i {
    font-size: 1rem !important;
    line-height: 1 !important;
    margin-inline-end: 0.375rem !important;
}

.bookly-services-form-container [class*='bookly-card-body-mark'] [slot='body-content'] > [class*='bookly:flex-col'] {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 0.75rem !important;
    row-gap: 0.125rem !important;
}

.bookly-services-form-container [class*='bookly-service-duration-mark'] span,
.bookly-services-form-container [class*='bookly-service-price-mark'] span {
    font-size: 0.875rem !important;
    line-height: 1.25 !important;
}

.bookly-services-form-container [class*='bookly-service-price-mark'] span {
    font-weight: 600;
}

@media (max-width: 768px) {
    .bookly-services-form-container [class*='bookly-service-card-mark'] {
        margin: 0.15rem !important;
        font-size: 0.875rem !important;
    }

    .bookly-services-form-container [class*='bookly-service-card-mark'] > [class*='bookly:p-4'] {
        padding: 0.375rem 0.5rem !important;
    }

    .bookly-services-form-container [class*='bookly-service-duration-mark'] span,
    .bookly-services-form-container [class*='bookly-service-price-mark'] span {
        font-size: 0.8125rem !important;
    }

    .bookly-services-form-container [class*='bookly-service-duration-mark'] i,
    .bookly-services-form-container [class*='bookly-service-price-mark'] i {
        font-size: 0.875rem !important;
        margin-inline-end: 0.25rem !important;
    }

    .bookly-services-form-container [class*='bookly-card-body-mark'] [slot='body-content'] > [class*='bookly:flex-col'] {
        column-gap: 0.5rem !important;
    }
}