.herbie-faq-section { padding: 90px 0; background: #ffffff; }
.herbie-faq-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; align-items: flex-start; }
.herbie-faq-left { position: sticky; top: 100px; }
.herbie-faq-wa-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #059669; border-bottom: 2px solid #059669; padding-bottom: 2px; }
.herbie-accordion-item { border-bottom: 1px solid var(--herbie-border); }
.herbie-accordion-btn { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 22px 0; background: none; border: none; font-size: 1.0625rem; font-weight: 600; color: #0f172a; cursor: pointer; text-align: left; }
.herbie-accordion-icon { font-size: 1.25rem; color: var(--herbie-primary); transition: transform 0.2s ease; }
.herbie-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.herbie-accordion-content p { padding-bottom: 20px; font-size: 0.9375rem; color: #64748b; line-height: 1.6; }
.herbie-accordion-item.active .herbie-accordion-content { max-height: 250px; }
.herbie-accordion-item.active .herbie-accordion-icon { transform: rotate(45deg); }
@media (max-width: 860px) { .herbie-faq-grid { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 860px) { .herbie-faq-left { position: static; } }