/* ============================================================
   BLOCK: Leistungs-Cards — colocated CSS
   Datei: page-builder/components/organisms/services/block.css
   Geladen von WP automatisch via block.json ("style": "file:./block.css")
   ============================================================ */

/* DESIGN TOKENS (self-contained, gegen Cache-Inlining-Reihenfolge) */
@import "../../../assets/tokens.css" layer(sdc-tokens);

.as-services {
    padding: var(--as-space-section) 0;
    background: var(--as-color-white);
}
.as-services__grid {
    display: grid;
    gap: 1.5rem;
}
.as-services__grid--2 { grid-template-columns: repeat(2, 1fr); }
.as-services__grid--3 { grid-template-columns: repeat(3, 1fr); }
.as-services__grid--4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 991.98px) {
    .as-services__grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767.98px) {
    .as-services__grid--2,
    .as-services__grid--3,
    .as-services__grid--4 { grid-template-columns: 1fr; }
}