.kaams-faq{--faq-ink:#f2ecdf;--faq-paper:#121310;--faq-gold:#edbe32;display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);background:var(--faq-paper);color:var(--faq-ink);border-top:1px solid #34352f;min-height:600px}
.faq-intro{position:relative;padding:62px clamp(34px,5vw,82px) 50px;border-right:1px solid #34352f}
.faq-kicker,.faq-list-label{margin:0;font-size:10px;font-weight:700;letter-spacing:.15em}
.faq-intro h2{margin:26px 0 22px;font-size:clamp(45px,5.2vw,76px);font-weight:600;line-height:.86;letter-spacing:-.075em}
.faq-intro h2 em{color:var(--faq-gold);font-style:normal}
.faq-lead{max-width:390px;margin:0;color:#aaa79f;font-size:12px;line-height:1.6}
.faq-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.faq-index button{padding:10px 14px;border:1px solid #45463f;background:transparent;color:#bbb8b0;font:600 10px Poppins,Arial;cursor:pointer;transition:.18s}
.faq-index button:hover,.faq-index button.active{border-color:var(--faq-gold);background:var(--faq-gold);color:#121310}
.faq-help{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:44px;padding-top:19px;border-top:1px solid #34352f}
.faq-help svg{width:42px;height:42px;fill:none;stroke:var(--faq-ink);stroke-width:1.7}
.faq-help b,.faq-help span{display:block}.faq-help b{font-size:13px}.faq-help span{margin-top:4px;color:#9d9a92;font-size:10px;line-height:1.5}
.faq-help button{grid-column:2;width:max-content;margin-top:3px;padding:0;border:0;background:none;color:var(--faq-gold);font:700 10px Poppins;cursor:pointer}.faq-help button i{margin-left:10px;color:var(--faq-gold);font-size:16px;font-style:normal}
.faq-list{padding:62px clamp(30px,5vw,76px)}
.faq-list-label{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid var(--faq-ink)}.faq-list-label b{color:#77776f;font-weight:500}
.faq-list details{border-bottom:1px solid #373832}.faq-list details[hidden]{display:none}
.faq-list summary{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:13px;padding:27px 0;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--faq-gold);font-size:10px;font-weight:700}.faq-list summary strong{font-size:clamp(15px,1.35vw,20px);font-weight:550;line-height:1.25;letter-spacing:-.025em}
.faq-list summary i{position:relative;width:24px;height:24px}.faq-list summary i::before,.faq-list summary i::after{content:"";position:absolute;top:11px;left:4px;width:16px;height:1px;background:var(--faq-ink);transition:.2s}.faq-list summary i::after{transform:rotate(90deg)}.faq-list details[open] summary i::after{transform:rotate(0);opacity:0}
.faq-answer{overflow:hidden}.faq-answer p{max-width:620px;margin:0;padding:0 38px 24px 47px;color:#aaa79f;font-size:11px;line-height:1.65}
.faq-list details:hover summary strong{color:var(--faq-gold)}
@media(max-width:850px){.kaams-faq{grid-template-columns:1fr}.faq-intro{padding:50px 24px 35px;border-right:0;border-bottom:1px solid #34352f}.faq-intro h2{font-size:clamp(45px,13vw,68px)}.faq-help{margin-top:38px}.faq-list{padding:38px 24px 52px}.faq-list summary{grid-template-columns:28px minmax(0,1fr) 24px;gap:10px;padding:21px 0}.faq-answer p{padding:0 5px 22px 38px}}
@media(max-width:480px){.faq-intro{padding-inline:18px}.faq-list{padding-inline:18px}.faq-index{display:grid;grid-template-columns:1fr 1fr}.faq-index button{width:100%}.faq-help{grid-template-columns:38px minmax(0,1fr)}.faq-help svg{width:34px;height:34px}.faq-list-label b{display:none}.faq-list summary strong{font-size:14px}.faq-answer p{font-size:11px}}

/* Direction artistique alignée sur le manifeste « Achète. Reçois. Joue. » */
.kaams-faq{display:block!important;background:#141513!important;color:#fff!important;min-height:0!important;padding:76px 0 82px!important}
.faq-intro{max-width:920px;margin:0 auto;padding:0 28px 48px!important;border:0!important;text-align:center}
.faq-kicker{color:#aaa9a3!important}
.faq-intro h2{margin:20px 0 18px!important;color:#fff!important;font-size:clamp(48px,7vw,92px)!important;line-height:.88!important}
.faq-intro h2 em{color:#fff!important}
.faq-lead{max-width:570px!important;margin-inline:auto!important;color:#b5b4ae!important}
.faq-help{grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center;max-width:680px;margin:34px auto 0!important;padding:18px 0 0!important;border-top:1px solid #353630!important;text-align:left}
.faq-help svg{width:34px!important;height:34px!important;stroke:#fff!important}
.faq-help button{grid-column:3!important;margin:0!important;color:#fff!important;white-space:nowrap}.faq-help button i{color:#fff!important}
.faq-list{max-width:920px;margin:0 auto;padding:0 28px!important}
.faq-list-label{border-color:#fff!important}.faq-list-label span{color:#fff!important}
.faq-list details{border-color:#383934!important}
.faq-list summary strong{color:#fff!important}.faq-list summary i::before,.faq-list summary i::after{background:#fff!important}
.faq-list details:hover summary strong,.faq-list summary span{color:#fff!important}
.faq-answer p{color:#b7b6b0!important}
@media(max-width:700px){.kaams-faq{padding:55px 0 62px!important}.faq-intro{padding-inline:20px!important;padding-bottom:38px!important}.faq-intro h2{font-size:clamp(43px,14vw,66px)!important}.faq-help{grid-template-columns:34px minmax(0,1fr)!important;text-align:left}.faq-help button{grid-column:2!important;margin-top:6px!important}.faq-list{padding-inline:20px!important}}

/* Composition éditoriale distincte du manifeste précédent. */
@media(min-width:851px){.kaams-faq{padding:86px max(34px,6vw)!important}.faq-intro{display:grid!important;grid-template-columns:minmax(250px,.55fr) minmax(500px,1.45fr)!important;grid-template-areas:"kicker title" "lead title" "help title";column-gap:7vw;align-items:start;max-width:1180px!important;padding:0 0 62px!important;text-align:left!important}.faq-kicker{grid-area:kicker;padding-top:8px}.faq-intro h2{grid-area:title;margin:0!important;font-size:clamp(54px,6.2vw,92px)!important;line-height:.84!important}.faq-lead{grid-area:lead;margin:22px 0 0!important;font-size:13px!important}.faq-help{grid-area:help;grid-template-columns:36px minmax(0,1fr)!important;margin:34px 0 0!important;padding-top:18px!important}.faq-help button{grid-column:2!important;margin-top:7px!important}.faq-list{max-width:1180px!important;padding:0!important}.faq-list-label{margin-left:38%;padding-left:0}.faq-list details{margin-left:38%}}
.faq-intro h2,.faq-intro h2 em{color:#fff!important}.faq-intro h2 em{font-style:normal!important}

/* Pictogrammes KAAMS dessinés au trait, volontairement organiques. */
.faq-list summary{grid-template-columns:68px minmax(0,1fr) 26px!important;gap:18px!important}
.faq-sketch{position:relative!important;display:grid!important;place-items:center;width:58px;height:58px;color:#fff!important}
.faq-sketch::before{content:"";position:absolute;inset:3px 1px 1px 4px;border:1px solid #ffffff3d;border-radius:48% 42% 52% 39%/43% 55% 40% 52%;transform:rotate(-4deg)}
.faq-sketch svg{position:relative;z-index:1;width:37px;height:37px;overflow:visible;fill:none;stroke:#fff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.faq-sketch svg .scribble{stroke:#edc331;stroke-width:2.15}
.faq-sketch small{position:absolute;z-index:2;right:-3px;bottom:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:45% 52% 42% 55%;background:#edc331;color:#151513;font-size:6px;font-weight:800;transform:rotate(5deg)}
.faq-list details:nth-of-type(even) .faq-sketch::before{transform:rotate(5deg);border-radius:42% 53% 45% 51%/54% 42% 56% 43%}.faq-list details:nth-of-type(even) .faq-sketch small{transform:rotate(-6deg)}
.faq-list details[open] .faq-sketch::before{border-color:#edc331}.faq-list details[open] .faq-sketch svg{stroke:#edc331}.faq-list details[open] .faq-sketch svg .scribble{stroke:#fff}
.faq-list-label{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:55px!important;margin:0 0 18px!important;padding:0 0 20px!important;border:0!important}
.faq-list-label::before,.faq-list-label::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:#f2efe7;transform:rotate(-.18deg);transform-origin:left}
.faq-list-label::after{right:7%;bottom:1px;background:#ffffff34;transform:rotate(.12deg)}
.faq-list-label span{position:relative;display:block!important;white-space:nowrap}.faq-list-label span::after{content:"";position:absolute;left:0;bottom:-22px;width:72px;height:3px;background:#edc331;clip-path:polygon(0 40%,22% 0,47% 45%,72% 15%,100% 55%,76% 100%,45% 60%,18% 90%)}
.faq-list-label b{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap;color:#a5a49d!important;font-size:8px!important;letter-spacing:.13em}.faq-list-label b i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #55564f;border-radius:47% 53% 44% 56%;color:#fff;font-size:8px;font-style:normal;letter-spacing:0;transform:rotate(4deg)}
@media(max-width:700px){.faq-list summary{grid-template-columns:50px minmax(0,1fr) 22px!important;gap:12px!important}.faq-sketch{width:46px;height:46px}.faq-sketch svg{width:29px;height:29px}.faq-sketch small{right:-1px;width:16px;height:16px}.faq-answer p{padding-left:62px!important}}
@media(max-width:480px){.faq-list-label{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding-bottom:24px!important}.faq-list-label b{display:flex!important}.faq-list-label span::after{bottom:-47px}}

/* Trait réellement dessiné et bloc d'aide compact — correction v8. */
.faq-list-label{margin-bottom:10px!important;padding-bottom:25px!important}
.faq-list-label::before,.faq-list-label::after,.faq-list-label span::after{display:none!important}
.faq-handline{position:absolute;left:0;right:0;bottom:0;display:block;width:100%;height:18px;overflow:visible;fill:none;stroke:#f2efe7;stroke-width:1.15;stroke-linecap:round}
.faq-handline .accent{stroke:#edc331;stroke-width:3.1}
.faq-help{position:relative!important;grid-template-columns:52px minmax(0,1fr)!important;gap:15px!important;padding-top:20px!important}
.faq-help>svg{display:none!important}
.faq-help-mark{position:relative;display:grid;place-items:center;width:50px;height:50px}.faq-help-mark::after{content:"";position:absolute;inset:5px 2px 1px 6px;border:1px solid #ffffff24;border-radius:45% 55% 48% 52%;transform:rotate(8deg)}
.faq-help-mark svg{position:relative;z-index:1;width:45px!important;height:45px!important;fill:none;stroke:#fff!important;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.faq-help-mark .accent{stroke:#edc331!important;stroke-width:2!important}
.faq-help button{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;grid-column:2!important;min-width:190px!important;margin-top:12px!important;padding:11px 13px!important;border:1px solid #4a4b44!important;background:#1d1e1a!important;color:#fff!important;font-size:9px!important;letter-spacing:.02em!important;transition:.18s!important}.faq-help button:hover{border-color:#edc331!important;background:#edc331!important;color:#151513!important;transform:translateX(3px)}.faq-help button i{margin-left:22px!important;color:inherit!important}
@media(min-width:851px){.kaams-faq{padding-top:68px!important;padding-bottom:76px!important}.faq-intro{grid-template-columns:minmax(250px,.62fr) minmax(500px,1.38fr)!important;column-gap:6vw!important;padding-bottom:46px!important}.faq-intro h2{font-size:clamp(50px,5.5vw,78px)!important;line-height:.87!important}.faq-lead{margin-top:18px!important;font-size:12px!important}.faq-help{margin-top:26px!important}.faq-list-label,.faq-list details{margin-left:34%!important}}
@media(max-width:700px){.faq-help{grid-template-columns:46px minmax(0,1fr)!important}.faq-help-mark{width:44px;height:44px}.faq-help-mark svg{width:39px!important;height:39px!important}.faq-help button{min-width:0!important;width:100%!important}.faq-handline{height:15px}}
