/* Spacious FAQ cards instead of a connected heavy grid. */
html[data-template='pro'] main .ph-faq{padding:80px 0!important}
html[data-template='pro'] main .ph-faq-grid{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:64px!important;align-items:start!important}
html[data-template='pro'] main .ph-faq-grid>.ph-heading{padding-top:12px!important}
html[data-template='pro'] main .ph-faq .ph-heading h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.4!important;max-width:460px}
html[data-template='pro'] main .ph-faq-grid>div{display:grid!important;gap:16px!important;min-width:0}
html[data-template='pro'] main .ph-faq details{border:1.5px solid #e42127!important;border-radius:16px!important;padding:0!important;margin:0!important;overflow:hidden;background:#fff!important;box-shadow:0 4px 16px rgba(90,20,25,.04)!important}
html[data-template='pro'] main .ph-faq details summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:22px 26px!important;min-height:82px!important;box-sizing:border-box!important;font-size:18px!important;line-height:1.5!important;list-style:none!important;cursor:pointer;border:0!important}
html[data-template='pro'] main .ph-faq details summary::-webkit-details-marker{display:none}
html[data-template='pro'] main .ph-faq details summary::marker{content:""}
html[data-template='pro'] main .ph-faq details summary svg{width:26px!important;height:26px!important;flex-shrink:0!important;color:#e42127!important;transition:transform .18s ease}
html[data-template='pro'] main .ph-faq details[open]{border-color:#c91820!important;box-shadow:inset 4px 0 #e42127,0 5px 18px rgba(150,20,30,.07)!important}
html[data-template='pro'] main .ph-faq details[open] summary svg{transform:rotate(45deg)!important}
html[data-template='pro'] main .ph-faq details p{padding:0 26px 24px!important;margin:0!important;font-size:16px!important;line-height:1.85!important;max-width:none!important}
html[data-template='pro'] main .ph-faq details summary:focus-visible{outline:3px solid #c91820!important;outline-offset:-5px;border-radius:14px}
@media(max-width:800px){html[data-template='pro'] main .ph-faq-grid{grid-template-columns:1fr!important;gap:26px!important}html[data-template='pro'] main .ph-faq{padding:48px 0!important}html[data-template='pro'] main .ph-faq-grid>.ph-heading{padding-top:0!important}html[data-template='pro'] main .ph-faq details summary{padding:18px 20px!important;min-height:76px!important;font-size:17px!important}html[data-template='pro'] main .ph-faq details p{padding:0 20px 20px!important}}
@media(prefers-reduced-motion:reduce){html[data-template='pro'] main .ph-faq details summary svg{transition:none}}
