/* ==========================================================================
   Component: FAQ accordion (plain <details> and <summary>, no JavaScript).
   Used by: private label, how it works.
   ========================================================================== */

.lh-faq{display:grid;gap:12px;max-width:900px}
.lh-faq details{background:#fff;border:1px solid var(--lh-line);border-radius:var(--lh-r-lg);box-shadow:var(--lh-sh-xs);transition:box-shadow .3s var(--lh-ease)}
.lh-faq details[open]{box-shadow:var(--lh-sh-md)}
.lh-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-weight:600;font-size:17.5px;line-height:1.4}
.lh-faq summary::-webkit-details-marker{display:none}
.lh-faq summary::after{content:"";flex:none;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C93D14' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--lh-ease)}
.lh-faq details[open] summary::after{transform:rotate(45deg)}
.lh-faq__body{padding:0 24px 22px;color:var(--lh-stone)}
.lh-faq__body p{margin:0}
.lh-faq details[open] .lh-faq__body{animation:lhFaq .35s var(--lh-ease)}
@keyframes lhFaq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lh-faq details[open] .lh-faq__body{animation:none}}