/* Pricing FAQ: typography, dashed dividers and amber hover match existing offer FAQs. */
#faq.price-faq { padding: 50px 20px; color: #fff; }
.price-faq .titleH2 { text-align: center; margin: 0 0 64px; }
.price-faq__item { border-bottom: 1px dashed rgba(255,255,255,.2); padding: 20px 0; }
.price-faq__question { display: flex; align-items: center; justify-content: space-between; gap: 24px; list-style: none; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 1.6; }
.price-faq__question::-webkit-details-marker { display: none; }
.price-faq__question::marker { content: ''; }
.price-faq__question:hover, .price-faq__item[open] > summary { color: #f8a10a; }
.price-faq__question:focus-visible { outline: 2px solid #ffb800; outline-offset: 6px; border-radius: 2px; }
.price-faq__arrow { flex: 0 0 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); margin-right: 5px; }
.price-faq__item[open] .price-faq__arrow { transform: rotate(45deg); }
.price-faq__answer { padding: 10px 34px 0 0; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.price-faq__answer p { font-size: 16px; line-height: inherit; margin: 0 0 12px; }
.price-faq__answer > :last-child { margin-bottom: 0; }
@media (max-width: 767px) {
    #faq.price-faq { padding: 40px 20px; }
    .price-faq .titleH2 { font-size: 28px; line-height: 1.3; margin-bottom: 32px; }
    .price-faq__question { gap: 16px; }
    .price-faq__answer { padding-right: 0; }
}
