#faqButton{
width:min(220px,calc(100% - 48px));
margin:8px auto 0;
padding:15px 20px;
border-radius:999px;
background:linear-gradient(135deg,#6c2d91,#4d1f67);
color:#fff;
font-weight:700;
font-size:17px;
text-align:center;
cursor:pointer;
box-shadow:0 10px 25px rgba(108,45,145,.22);
transition:all .25s ease;
user-select:none;
}


#faqButton:hover{
transform:translateY(-3px);
box-shadow:0 16px 34px rgba(108,45,145,.28);
}

#faqPage{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#f6f7fb;
z-index:99999;
overflow-y:auto;
transform:translateX(100%);
transition:transform .35s ease;
font-family:'Plus Jakarta Sans',sans-serif;
}

#faqPage.show{
transform:translateX(0);
}

.faqHeader{
position:sticky;
top:0;
display:flex;
align-items:center;
gap:16px;
padding:18px;
background:#6c2d91;
color:#fff;
box-shadow:0 2px 12px rgba(0,0,0,.15);
}

#faqBack{
border:none;
background:none;
color:#fff;
font-size:17px;
font-weight:700;
cursor:pointer;
padding:0;
}

.faqHeader h2{
margin:0;
font-size:22px;
font-weight:800;
}

.faqBody{
padding:18px;
}

.faqBody details{
background:#fff;
border-radius:16px;
margin-bottom:16px;
overflow:hidden;
border:1px solid #ececec;
box-shadow:0 5px 18px rgba(0,0,0,.05);
}

.faqBody summary{
list-style:none;
cursor:pointer;
padding:18px;
font-size:17px;
font-weight:700;
line-height:1.5;
}

.faqBody summary::-webkit-details-marker{
display:none;
}

.faqBody p{
margin:0;
padding:0 18px 18px;
font-size:15px;
line-height:1.8;
color:#555;
}

/* =========================
   FAQ Dark Mode
========================= */

[data-theme="dark"] #faqPage{
    background:#11131a;
    color:#f5f5f5;
}

[data-theme="dark"] .faqHeader{
    background:#1b1f2a;
    color:#fff;
    border-bottom:1px solid #333;
}

[data-theme="dark"] .faqBody details{
    background:#1d2230;
    border:1px solid #333;
}

[data-theme="dark"] .faqBody summary{
    color:#ffffff;
}

[data-theme="dark"] .faqBody p{
    color:#d7d7d7;
}

[data-theme="dark"] #faqButton{
    background:#8e44ad;
    color:#ffffff;
}


.site-footer + #faqButton{
margin-top:12px!important;
margin-bottom:0!important;
}