:root {
--zoon-teal:       #1e6b6b;
--zoon-teal-dark:  #175858;
--zoon-cream:      #f6ecd9;
--zoon-cream-soft: #faf5ea;
--zoon-text:       #24403f;
--zoon-muted:      #5c716f;
--zoon-line:       #e2ddd0;
}
.zoon-faq-section {background: var(--zon-cream-soft);padding: 70px 0 90px;}
.zoon-faq-wrap {max-width: 1440px;margin: 0 auto;padding: 0 32px;}
.zoon-faq-list {display: flex;flex-direction: column;gap: 14px;}
.zoon-faq-item {background: #fff;border: 1px solid var(--zoon-line);border-radius: 12px;overflow: hidden;transition: box-shadow .2s ease, border-color .2s ease;}
.zoon-faq-item[open] {border-color: var(--zoon-teal);box-shadow: 0 6px 22px rgba(30, 107, 107, 0.10);}
.zoon-faq-question {list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 22px 24px;color: var(--zoon-text);transition: color .2s ease;font-size: 2rem;}
.zoon-faq-question::-webkit-details-marker { display: none; }
.zoon-faq-item[open] .zoon-faq-question, .zoon-faq-question:hover { color: var(--zoon-teal);}
.zoon-faq-icon {flex: 0 0 auto;width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--zoon-cream);color: var(--zoon-teal-dark);transition: transform .25s ease, background .2s ease;}
.zoon-faq-item[open] .zoon-faq-icon {transform: rotate(45deg);background: var(--zoon-teal);color: #fff;}
.zoon-faq-answer {padding: 0 24px 24px;color: var(--zoon-muted);line-height: 1.65;animation: zoon-faq-fade .28s ease;font-size: 2rem;}
.zoon-faq-answer p { margin: 0 0 12px; }
.zoon-faq-answer p:last-child { margin-bottom: 0; }
.zoon-faq-answer a { color: var(--zoon-teal); }

@keyframes zoon-faq-fade {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: translateY(0); }
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 620px) {
.zoon-faq-hero { padding: 60px 0 50px; }
.zoon-faq-hero__title,
.zoon-faq-hero__intro { text-align: left; margin-left: 0; }
.zoon-faq-question { padding: 18px 18px; }
.zoon-faq-answer { padding: 0 18px 20px; }
}
