/* =================================
   CLINICS PAGINA — huisstijl, banden (HOME/OVER)
================================= */
.band { padding: 5rem 0; }
.band--hero { background: radial-gradient(circle at top, #1d2d5a 0%, #0a1428 80%); }
.band--dark { background-color: var(--bg-dark); }
.band--darker { background-color: var(--bg-darker); }
.band--center { text-align: center; }

.band .container { max-width: 1000px; margin: 0 auto; padding: 0 2rem; }

.band .section-subtitle {
    display: inline-block; font-size: 0.8rem; text-transform: uppercase;
    letter-spacing: 0.2em; color: var(--primary); margin-bottom: 0.6rem;
}
.band--hero .section-subtitle {
    font-size: 1.6rem;
    letter-spacing: 0.15em;
    margin-bottom: 1rem;
}
.band .section-title {
    font-family: 'Cinzel', serif; color: var(--text);
    font-size: 1.6rem; letter-spacing: 0.04em; margin-bottom: 1.5rem; line-height: 1.3;
}
.band--hero .section-title { font-size: 2.1rem; }

.clinics-subhead {
    font-family: 'Cinzel', serif; color: var(--primary);
    font-size: 1.1rem; letter-spacing: 0.03em; margin: 2.5rem 0 1rem;
}

/* prozablokken */
.clinics-body { max-width: 760px; margin: 0 auto; text-align: left; }
.clinics-body p { color: var(--text-muted); font-size: 0.98rem; line-height: 1.85; margin-bottom: 1rem; }
.clinics-body p:last-child { margin-bottom: 0; }
.clinics-body strong { color: var(--text); }
.band--hero .lead { font-size: 1.08rem; }

/* lijsten — gouden vinkjes, links uitgelijnd, label + tekst lopen door */
.clinics-list {
    list-style: none; padding: 0; margin: 0 auto; max-width: 760px; text-align: left;
}
.clinics-list li {
    position: relative;
    padding-left: 1.7rem;
    margin-bottom: 0.5rem;
    color: var(--text-muted);
    line-height: 1.65;
    font-size: 0.96rem;
}
.clinics-list li:last-child { margin-bottom: 0; }
.clinics-list li::before {
    content: '\2714';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
    font-size: 0.85rem;
    line-height: 1.65;
}
.clinics-list li strong { color: var(--text); }
.clinics-list + .clinics-body { margin-top: 1.5rem; }

/* knop */
.band .btn {
    display: inline-block; background: var(--primary); color: #0a1428;
    padding: 0.85rem 2rem; border-radius: 4px; font-size: 0.9rem; font-weight: 600;
    border: 1px solid var(--primary); text-decoration: none; margin-top: 1.5rem;
    transition: all 0.2s ease;
}
.band .btn:hover { background: #e5bd3b; border-color: #e5bd3b; color: #0a1428; }

@media (max-width: 768px) {
    .band { padding: 3.5rem 0; }
    .band--hero .section-subtitle { font-size: 1.25rem; }
    .band--hero .section-title { font-size: 1.7rem; }
    .band .section-title { font-size: 1.4rem; }
    .band .container { padding: 0 1.25rem; }
}