/* ===== FAQ ===== */
#wwz { padding:4rem 0; }
#wwz h2 { font-size:2rem; font-weight:900; text-align:center; margin-bottom:2rem; }
.wwz-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.faq-item {
    background:var(--red);
    color:#fff;
    border-radius:14px;
    padding:1.5rem;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
    display:flex; flex-direction:column; justify-content:flex-start;
}
.faq-item h3 { font-size:1.1rem; font-weight:800; margin:0 0 .75rem; }
.faq-item p { font-size:.95rem; line-height:1.5; margin:0; }

.hero {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, .65) 100%),
    url("../media/Senne indy-4 (1).jpg"); /* let op: css/ -> ../media/ */
}

@media (max-width: 900px) {
    .wwz-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 600px) {
    #wwz {
        padding: 3rem 0;
    }

    #wwz h2 {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
        padding: 0 1rem;
    }

    .wwz-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 0 1rem;
    }

    .faq-item {
        padding: 1.35rem 1.25rem;
        border-radius: 12px;
    }

    .faq-item h3 {
        font-size: 1rem;
        margin-bottom: 0.6rem;
    }

    .faq-item p {
        font-size: 0.9rem;
        line-height: 1.55;
    }
}