/* Envana designsystem: Bagoss Standard (rubrik, accordion-rubriker) +
   Hanken Grotesk (svarstext). Tokens i envana-custom.css (--env-*).
   Accordion-mönstret är kopierat från hero-sektionen (envana-pdp-main). */
/* Sektionsbakgrund kräm #FEFAF8 — ingen token finns för kortkräm, hex enligt byggspec */
.epdp-faq { background: #FEFAF8; padding: 48px 0 64px; }
/* Dubbelklass slår .epdp-regeln i envana-pdp-base.css, som laddas om av
   varje ännu inte ombyggd epdp-sektion längre ner på sidan och annars
   vinner källordningen. Tas ned till .epdp-faq när alla sektioner bytt. */
.epdp.epdp-faq { font-family: var(--env-font-body); color: var(--env-text-body); }
.epdp-faq__inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.epdp-faq__title { font-family: var(--env-font-heading); font-weight: 400; font-size: 40px; line-height: 45px; letter-spacing: -0.03em; color: var(--env-text-heading); text-align: center; margin: 0 0 28px; }
/* Innehållslistan centrerad, smalare än sektionsbredden för läsbarhet */
.epdp-faq__list { max-width: 800px; margin: 0 auto; border-top: 1px solid var(--env-border-subtle); }

/* Accordions — Bagoss versaler +3%, hairlines border/subtle, plus i ink
   (samma mönster som .epdp-main__acc i hero-sektionen) */
.epdp-faq__acc { border-bottom: 1px solid var(--env-border-subtle); }
.epdp-faq__acc summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; cursor: pointer; font-family: var(--env-font-heading); font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0.04em; /* pytt mer an +3%: versala fragor blir mer lasbara (Rasmus 2026-08-11) */ text-transform: uppercase; color: var(--env-text-heading); padding: 16px 0; }
.epdp-faq__acc summary::-webkit-details-marker { display: none; }
.epdp-faq__acc-icon { position: relative; width: 14px; height: 14px; flex-shrink: 0; }
.epdp-faq__acc-icon::before, .epdp-faq__acc-icon::after { content: ""; position: absolute; background: var(--env-text-heading); }
.epdp-faq__acc-icon::before { top: 6px; left: 0; width: 14px; height: 2px; }
.epdp-faq__acc-icon::after { top: 0; left: 6px; width: 2px; height: 14px; transition: transform 0.2s; }
.epdp-faq__acc[open] .epdp-faq__acc-icon::after { transform: scaleY(0); }
.epdp-faq__acc-body { overflow: hidden; will-change: height; padding: 0 0 18px; font-size: 16px; line-height: 24px; letter-spacing: -0.01em; color: var(--env-text-body); }
.epdp-faq__acc-body p { margin: 0 0 12px; }
.epdp-faq__acc-body p:last-child { margin-bottom: 0; }
.epdp-faq__acc-body a { color: var(--env-text-link); text-decoration: underline; }
.epdp-faq__acc-body strong { font-weight: 700; }
.epdp-faq__acc-body u { text-decoration: underline; }

@media screen and (max-width: 989px) {
  .epdp-faq { padding: 40px 0 48px; }
  .epdp-faq__title { font-size: 32px; line-height: 36px; margin-bottom: 20px; }
}