.faq-page{
background:#faf7ff;
padding-bottom:80px;
}

.faq-container{
max-width:900px;
margin:0 auto;
padding:0 24px;
}

.faq-hero{
padding:80px 0 40px;
}

.faq-hero h1{
font-size:48px;
font-weight:800;
margin-bottom:10px;
}

.faq-hero p{
color:#555;
}

.faq-item{
background:#fff;
border:1px solid #eee;
border-radius:12px;
padding:18px 20px;
margin-bottom:14px;
cursor:pointer;
}

.faq-item summary{
font-weight:600;
font-size:16px;
list-style:none;
}

.faq-item summary::-webkit-details-marker{
display:none;
}

.faq-item p{
margin-top:10px;
font-size:15px;
color:#444;
}

/* FAQ pijltje */

.faq-item summary{
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
font-weight:600;
font-size:16px;
}

/* pijltje */
.faq-item summary::after{
content:"▼";
font-size:12px;
color:#8e2aa8;
transition:transform 0.25s ease;
}

/* draai pijltje als open */
.faq-item[open] summary::after{
transform:rotate(180deg);
}