/* The approved industry FAQ typography and spacing, shared by existing FAQs. */
:is(body,#salon-page,#pricing-main) .ay-faq-section{background:transparent;padding-block:80px 85px}
:is(body,#salon-page,#pricing-main) .ay-faq-section>:is(.salon-wrap,.wrap,.ay-container,.editorial-wrap){width:min(1040px,calc(100% - 48px));max-width:none;padding-inline:0;margin-inline:auto}
:is(body,#salon-page,#pricing-main) .ay-faq-section h2{max-width:1040px;margin:0 auto 28px;text-align:left;font:700 26px/1.3 'Manrope','DM Sans',sans-serif;letter-spacing:-.03em;color:#2d0717}
:is(body,#salon-page,#pricing-main) .ay-faq-section .sec-head{text-align:left;width:100%;max-width:none;margin:0}
:is(body,#salon-page,#pricing-main) .ay-faq-list{display:block;width:100%;max-width:1040px;margin-inline:auto;gap:0;text-align:left}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-item{padding:0;margin:0;border:0;border-top:1px solid #e9dfe3;border-radius:0;background:transparent;box-shadow:none}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-item:first-child{border-top:0}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-item:last-child{border-bottom:1px solid #e9dfe3}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-question{position:relative;display:block;list-style:none;min-height:64px;margin:0;padding:20px 44px 20px 0;color:#2d0717;font:500 15px/1.6 'DM Sans',sans-serif;letter-spacing:0;cursor:pointer;background:none;border:0;transition:color .16s}
:is(body,#salon-page,#pricing-main) .ay-faq-question::-webkit-details-marker{display:none}
:is(body,#salon-page,#pricing-main) .ay-faq-question::marker{content:''}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-question::after{content:'';position:absolute;right:7px;top:27px;width:8px;height:8px;border:0;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);background:none;font-size:0;transition:transform .18s}
:is(body,#salon-page,#pricing-main) .ay-faq-item[open]>.ay-faq-question{color:#a41455}
:is(body,#salon-page,#pricing-main) .ay-faq-item[open]>.ay-faq-question::after{transform:rotate(225deg)}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-answer{display:block;height:auto;max-height:none;padding:0 44px 22px 0;opacity:1;overflow:visible}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-answer p{max-width:75ch;margin:0 0 16px;padding:0;color:#49373f;font:400 14px/1.8 'DM Sans',sans-serif;letter-spacing:0}
:is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-answer p:last-child{margin-bottom:0}
:is(body,#salon-page,#pricing-main) .ay-faq-answer a{color:#a41455;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-weight:500}
:is(body,#salon-page,#pricing-main) .ay-faq-answer a:hover{color:#671032;text-decoration-thickness:2px}
:is(body,#salon-page,#pricing-main) .ay-faq-question:focus-visible,
:is(body,#salon-page,#pricing-main) .ay-faq-answer a:focus-visible{outline:2px solid #a41455;outline-offset:5px;border-radius:3px}
body #salon-page .bk-faq.ay-faq-section{width:min(1040px,calc(100% - 48px));max-width:none;margin-inline:auto}
:is(body,#salon-page,#pricing-main) .ay-faq-section .faq-layout{display:block}
:is(body,#salon-page,#pricing-main) .ay-faq-section .ay-faq-followup{margin:24px 0 0;color:#49373f;font:400 14px/1.8 'DM Sans',sans-serif}
:is(body,#salon-page,#pricing-main) .ay-faq-followup a{margin-left:8px}
@media(hover:hover){:is(body,#salon-page,#pricing-main) .ay-faq-question:hover{color:#a41455}}
@media(max-width:700px){
 :is(body,#salon-page,#pricing-main) .ay-faq-section{padding-block:55px}
 :is(body,#salon-page,#pricing-main) .ay-faq-section>:is(.salon-wrap,.wrap,.ay-container,.editorial-wrap),body #salon-page .bk-faq.ay-faq-section{width:calc(100% - 40px)}
 :is(body,#salon-page,#pricing-main) .ay-faq-section h2{font-size:24px}
 :is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-question{padding-inline-end:33px;font-size:14px}
 :is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-answer{padding-inline-end:12px}
 :is(body,#salon-page,#pricing-main) .ay-faq-list .ay-faq-question::after{right:5px}
}
@media(prefers-reduced-motion:reduce){:is(body,#salon-page,#pricing-main) .ay-faq-question,:is(body,#salon-page,#pricing-main) .ay-faq-question::after{transition:none}}