/* separated_numbered_text_cards.css — adds columns_count support via CSS var
   Default columns = 4 (differs from v2 where default = 3) */

.separated_numbered_text_cards {}

.separated_numbered_text_cards .title_columns {
   margin-bottom: clamp(28px, 84 * (100vw / 1920), 84px);
}

/* Use CSS custom property with default of 4 columns */
.separated_numbered_text_cards__items {
   display: grid;
   gap: clamp(16px, 28 * (100vw / 1920), 28px);
   margin-bottom: 0;
   grid-template-columns: repeat(var(--separated_numbered_text_cards_cols, 4), minmax(200px, 1fr));
}

.separated_numbered_text_cards__items__card {
   border: 2px solid #D1D1D1;
   padding: clamp(16px, 28 * (100vw / 1920), 28px) clamp(12px, 19 * (100vw / 1920), 19px);
   height: 100%;
   display: flex;
   flex-direction: column;
}

.separated_numbered_text_cards__items__card__main {
   display: flex;
   flex-direction: column;
   gap: clamp(8px, 12 * (100vw / 1920), 12px);
   margin-bottom: clamp(16px, 28 * (100vw / 1920), 29px);
   text-transform: none;
   text-decoration: none;
   font-weight: 500;
}

.separated_numbered_text_cards__items__card__main * {
   text-transform: inherit !important;
   text-decoration: inherit !important;
   font-weight: inherit !important;
}

/* Responsive fallbacks (mirror v2 approach) */
@media screen and (max-width: 1024px) {
   .separated_numbered_text_cards__items { --separated_numbered_text_cards_cols: 2 !important; }
}

@media screen and (max-width: 600px) {
   .separated_numbered_text_cards__items { --separated_numbered_text_cards_cols: 1 !important; }
}
