/**
 * Adaptive card grid: cards stretch to fill each row at any container width.
 * Opt-in via the adaptive_grid appearance setting (bookly-mod-adaptive-grid
 * class on the form container); card width setting acts as the minimum width.
 */
.bookly-mod-adaptive-grid .bookly-css-root .bookly-cards-grid-mark {
    /* !important: scoped utility classes (bookly:flex etc.) carry !important. */
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--bookly-card-width, 260px), 100%), 1fr)) !important;
    justify-content: stretch !important;
}

.bookly-mod-adaptive-grid .bookly-css-root .bookly-cards-grid-mark > * {
    width: 100%;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}