/* SORTISPELLS - FAQ (maquette « Foire aux questions mystique ») 15/10/2026 */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url(/modules/sortihoroscope/views/fonts/PlayfairDisplay-normal-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url(/modules/sortihoroscope/views/fonts/PlayfairDisplay-normal-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@keyframes fqshow{to{visibility:visible}}
body#module-faqs-display:not(.fq-ready) .main-content,body#module-faqs-display:not(.fq-ready) .breadcrumb-wrapper{visibility:hidden;animation:fqshow 0s 2.5s forwards}
body#module-faqs-display #wrapper{padding-top:0!important}
body#module-faqs-display #content.page-content{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
/* bandeau */
.fq-band svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body#module-faqs-display .center-wrapper,body#module-faqs-display #main,body#module-faqs-display .gomakoil_faq_page,body#module-faqs-display #content-wrapper{border:0!important;background:none!important;box-shadow:none!important}
.fq-band{position:relative;padding:0 16px 30px;background:#1a0b2a url(/img/horoscope/faq-hero.webp) center top/cover no-repeat;border-bottom:1px solid rgba(227,176,75,.35)}
.fq-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 70% at 50% 45%,rgba(22,9,36,.72),rgba(22,9,36,0) 100%),linear-gradient(180deg,rgba(18,7,22,.2),rgba(18,7,22,.1) 60%,rgba(18,7,22,.75));pointer-events:none}
.fq-band>*{position:relative}
.fq-band .breadcrumb-wrapper{background:none!important;border:0!important;margin:0!important;padding:12px 0 0!important}
.fq-band .breadcrumb-wrapper .container{max-width:1340px}
.fq-band .breadcrumb{background:none!important;margin:0!important;padding:0!important}
.fq-band .breadcrumb,.fq-band .breadcrumb a,.fq-band .breadcrumb span{color:#e6dcf3!important;font-size:13.5px}
.fq-band-in{max-width:900px;margin:0 auto}
.fq-band .sfq-hero{padding:18px 0 26px!important;max-width:none!important}
.fq-band .sfq-eyebrow{display:inline-flex!important;align-items:center;gap:14px;padding:0!important;border:0!important;background:none!important;font-weight:700;font-size:14px!important;letter-spacing:.2em!important;color:#f2c45f!important}
.fq-band .sfq-eyebrow:before,.fq-band .sfq-eyebrow:after{content:"";width:110px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 14'><path d='M0 7h96' stroke='%23e3b04b' stroke-width='1' opacity='.75'/><path d='M103 0l1.4 5.6L110 7l-5.6 1.4L103 14l-1.4-5.6L96 7l5.6-1.4z' fill='%23f2c45f'/></svg>") center/contain no-repeat}
.fq-band .sfq-eyebrow:before{transform:scaleX(-1)}
.fq-band .sfq-h1{margin:10px 0 10px!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;line-height:1.08!important;color:#f2c45f!important;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.fq-band .sfq-h1 span{display:block;font-size:clamp(38px,5.4vw,70px)}
.fq-band .sfq-h1 small{display:block;margin-top:10px;font-family:inherit;font-size:clamp(18px,1.9vw,24px);font-weight:500;line-height:1.35;color:#fff7ea}
.fq-band .sfq-sub{margin:0 auto 22px!important;font-size:16.5px!important;color:#e6dcf3!important}
.fq-band .sfq-search{display:flex;max-width:660px!important;height:56px;border:1.5px solid #d9a441;border-radius:10px;background:rgba(18,7,30,.92);overflow:hidden;box-shadow:0 0 22px rgba(227,176,75,.18)}
.fq-band .sfq-search svg{left:18px!important;width:22px!important;height:22px!important;color:#f2c45f!important}
.fq-band .sfq-search input{flex:1;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding-left:52px!important}
.fq-sbtn{flex:none;padding:0 34px;border:0;background:linear-gradient(180deg,#f6cf74,#dca03a);font-weight:700;font-size:16px;color:#2a1604;cursor:pointer}
.fq-sbtn:hover{filter:brightness(1.07)}
.fq-trust{display:grid!important;grid-template-columns:repeat(4,1fr);max-width:1340px;margin:4px auto 0!important;padding:0!important;list-style:none;border:1px solid rgba(227,176,75,.55);border-radius:12px;background:rgba(14,5,24,.88)}
.fq-trust li{display:flex!important;align-items:center;gap:14px;margin:0!important;padding:14px 22px!important;border:0!important;border-radius:0!important;background:none!important;text-align:left}
.fq-trust li+li{border-left:1px solid rgba(227,176,75,.25)!important}
.fq-trust svg{flex:none;width:32px!important;height:32px!important;color:#f2c45f;stroke-width:1.5!important}
.fq-trust b{display:block;font-size:15.5px;font-weight:700;line-height:1.3;color:#f2c45f}
.fq-trust small{display:block;font-size:13.5px;line-height:1.35;color:#e6dcf3}
/* zone principale */
body#module-faqs-display.fq-ready .main-content{background:#120716}
body#module-faqs-display .main-content>.container{max-width:1372px}
.sfq .fq-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:26px}
.fq-nav,.fq-pan{border:1px solid rgba(227,176,75,.5);border-radius:14px;background:rgba(18,7,30,.9);box-shadow:0 0 20px rgba(227,176,75,.1)}
.fq-nav{position:sticky;top:20px;padding:20px 14px 12px}
.fq-ct{display:flex;align-items:center;gap:12px;margin:0 8px 14px!important;padding:0!important;border:0!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(21px,1.8vw,25px)!important;font-weight:600!important;color:#f2c45f!important}
.fq-ct svg{width:26px!important;height:26px!important;fill:#f2c45f;stroke:none!important}
.fq-list{margin:0;padding:0;list-style:none}
.fq-list li+li{border-top:1px solid rgba(227,176,75,.18)}
.fq-it{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:9px;color:#fff7ea!important;text-decoration:none!important;transition:background .2s}
.fq-it:hover{background:rgba(227,176,75,.08)}
.fq-ii{display:inline-flex;flex:none;width:30px;justify-content:center;color:#f2c45f}
.fq-ii svg{width:24px!important;height:24px!important}
.fq-in{flex:1;font-size:15.5px;font-weight:500;line-height:1.35}
.fq-n{flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(227,176,75,.14);font-size:12.5px;font-weight:700;line-height:24px;text-align:center;color:#f2c45f}
.fq-it>svg{width:18px!important;height:18px!important;color:#f2c45f}
.fq-it.on{background:linear-gradient(180deg,#f6cf74,#dca03a);color:#2a1604!important;font-weight:700;box-shadow:0 4px 16px rgba(227,176,75,.25)}
.fq-it.on .fq-in{font-weight:700}
.fq-it.on .fq-ii,.fq-it.on>svg{color:#2a1604}
.fq-it.on .fq-n{background:rgba(42,22,4,.15);color:#2a1604}
.fq-list li:has(.on)+li{border-top-color:transparent}
.fq-pan{padding:18px 18px 20px}
.sfq .fq-pan .sfq-sec{margin:0!important;padding:0!important;border:0!important;background:none!important}
.sfq .fq-pan .sfq-sec.fq-off{display:none}
.sfq.fq-search .fq-pan .sfq-sec.fq-off{display:block}
.sfq.fq-search .fq-pan .sfq-sec+.sfq-sec{margin-top:22px!important}
.sfq .fq-pan .sfq-sh{display:flex;align-items:center;gap:12px;margin:2px 4px 6px!important}
.sfq .fq-pan .sfq-sh .sfq-ti{display:inline-flex;width:auto!important;height:auto!important;border:0!important;background:none!important;color:#f2c45f!important}
.sfq .fq-pan .sfq-sh .sfq-ti svg{width:30px!important;height:30px!important}
.sfq .fq-pan .sfq-sh h2{flex:1;margin:0!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(21px,1.8vw,26px)!important;font-weight:600!important;line-height:1.25!important;color:#f2c45f!important}
.sfq .fq-pan .sfq-sh small{font-size:13px;color:#cbbfd6}
.sfq .fq-pan .sfq-sd{margin:0 4px 16px!important;padding:0!important;font-size:15px!important;color:#cbbfd6!important}
.sfq .fq-pan .sfq-list{display:grid;gap:10px}
.sfq .fq-pan details{margin:0!important;border:1px solid rgba(227,176,75,.4)!important;border-radius:10px!important;background:rgba(14,5,24,.7)!important;overflow:hidden;transition:border-color .2s}
.sfq .fq-pan details[open]{border-color:#e3b04b!important;box-shadow:0 0 16px rgba(227,176,75,.16)}
.sfq .fq-pan summary{position:relative;display:block;padding:15px 62px 15px 22px!important;list-style:none;font-family:'Playfair Display',Georgia,serif!important;font-size:17px!important;font-weight:600!important;line-height:1.4!important;color:#fff7ea!important;cursor:pointer;background:none!important}
.sfq .fq-pan summary::-webkit-details-marker{display:none}
.sfq .fq-pan summary:before{display:none!important}
.sfq .fq-pan summary:after{content:"+"!important;position:absolute;right:18px;top:50%;width:28px;height:28px;margin-top:-14px;border:1.5px solid #e3b04b;border-radius:50%;font:400 20px/25px Arial,sans-serif;text-align:center;color:#f2c45f;transform:none!important;background:none!important}
.sfq .fq-pan details[open] summary{border-bottom:1px solid rgba(227,176,75,.3)}
.sfq .fq-pan details[open] summary:after{content:"\2212"!important}
.sfq .fq-pan .sfq-a{padding:14px 22px 16px!important;font-size:15.5px!important;line-height:1.7!important;color:#ece3f3!important}
.sfq .fq-pan .sfq-a p{margin:0 0 8px}
.sfq .fq-pan .sfq-a strong{color:#f6e3b4}
.sfq .fq-pan .sfq-a a{color:#f2c45f!important}
.sfq .fq-pan .sfq-no{margin-top:12px}
/* appel final */
.sfq .sfq-cta{display:flex!important;align-items:center;gap:28px;margin:26px 0 40px!important;padding:22px 30px 22px 0!important;border:1px solid rgba(227,176,75,.55)!important;border-radius:14px!important;background:rgba(14,5,24,.92)!important;text-align:left!important;overflow:hidden}
.fq-moon{flex:none;align-self:stretch;width:220px;margin:-22px 0;background:url(/img/horoscope/faq-moon.webp) 30% center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}
.fq-cta-t{flex:1}
.sfq .sfq-cta h2{margin:0 0 6px!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(22px,2vw,28px)!important;font-weight:600!important;color:#f2c45f!important}
.sfq .sfq-cta p{margin:0!important;max-width:none!important;font-size:15.5px!important;color:#ece3f3!important}
.sfq .sfq-btns{flex:none;flex-wrap:nowrap!important;gap:14px!important}
.sfq .sfq-btn{gap:10px;min-height:52px!important;padding:0 26px!important;border-radius:9px!important;font-size:16px!important}
.sfq .sfq-btn svg{width:20px!important;height:20px!important}
.sfq .sfq-btn.sfq-b1{background:linear-gradient(180deg,#f6cf74,#dca03a)!important;border:0!important;color:#2a1604!important}
.sfq .sfq-btn:not(.sfq-b1){background:transparent!important;border:1.5px solid rgba(255,247,234,.8)!important;color:#fff7ea!important}
@media(max-width:1100px){
 .fq-trust{grid-template-columns:1fr 1fr}
 .fq-trust li:nth-child(3){border-left:0!important}
 .fq-trust li:nth-child(n+3){border-top:1px solid rgba(227,176,75,.25)!important}
 .sfq .sfq-cta{flex-wrap:wrap;padding:22px!important}
 .fq-moon{display:none}
}
@media(max-width:991px){
 .sfq .fq-grid{grid-template-columns:1fr}
 .fq-nav{position:static}
}
@media(max-width:767px){
 .fq-band{background-image:url(/img/horoscope/faq-hero-m.webp);padding-bottom:22px}
 .fq-band:before{background:rgba(18,7,22,.62)}
 .fq-band .sfq-eyebrow:before,.fq-band .sfq-eyebrow:after{width:44px}
 .fq-band .sfq-search{height:50px}
 .fq-sbtn{padding:0 16px;font-size:14.5px}
 .fq-trust{grid-template-columns:1fr}
 .fq-trust li{padding:11px 16px!important;border-left:0!important}
 .fq-trust li+li{border-top:1px solid rgba(227,176,75,.25)!important}
 .fq-pan{padding:14px 10px}
 .sfq .fq-pan summary{padding:14px 52px 14px 14px!important;font-size:16px!important}
 .sfq .fq-pan summary:after{right:12px}
 .sfq .fq-pan .sfq-a{padding:12px 14px 14px!important}
 .sfq .sfq-cta{text-align:center!important}
 .sfq .sfq-btns{flex-direction:column;width:100%}
}