/* Olimo 1 — supplied branded page design, normalized to the central palette. */
/* ==========================================

OLIMO - FAQ

========================================== */

.olimo-faq{

--of-purple:var(--olimo-primary);

--of-purple-dark:#7118da;

--of-blue:var(--olimo-blue);

--of-green:var(--olimo-success);

--of-text:var(--olimo-heading);

--of-muted:var(--olimo-text);

--of-border:var(--olimo-border);

--of-bg:var(--olimo-bg-secondary);

--of-white:var(--olimo-bg);

direction:rtl;
width:100%;
font-family:inherit;
color:var(--of-text);

}

.olimo-faq *,

.olimo-faq *::before,

.olimo-faq *::after{

box-sizing:border-box;

}

.olimo-faq a{

text-decoration:none;

}

.olimo-faq-container{

width:min(1120px,calc(100% - 32px));

margin:0 auto;

}

/* HERO */

.olimo-faq-hero{

position:relative;

overflow:hidden;

margin:28px 0 24px;

padding:60px 62px;

border-radius:28px;

color:var(--olimo-bg);

background:

radial-gradient(circle at 10% 20%,rgba(255,255,255,.16),transparent 25%),

radial-gradient(circle at 88% 82%,rgba(255,255,255,.13),transparent 23%),

var(--olimo-gradient);

box-shadow:0 18px 50px rgba(67,44,120,.12);

}

.olimo-faq-hero::before{

content:"";

position:absolute;

width:250px;

height:250px;

border:1px solid rgba(255,255,255,.14);

border-radius:50%;

right:-90px;

top:-115px;

}

.olimo-faq-hero::after{

content:"";

position:absolute;

width:170px;

height:170px;

border:38px solid rgba(255,255,255,.045);

border-radius:50%;

left:-55px;

bottom:-85px;

}

.olimo-faq-hero-content{

position:relative;

z-index:2;

max-width:780px;

}

.olimo-faq-badge{

display:inline-flex;

align-items:center;

gap:8px;

margin-bottom:18px;

padding:8px 15px;

border-radius:40px;

background:rgba(255,255,255,.1);

border:1px solid rgba(255,255,255,.28);

font-size:13px;

font-weight:800;

}

.olimo-faq-badge svg{

width:18px;

height:18px;

}

.olimo-faq-hero h1{

margin:0 0 14px;

color:var(--olimo-bg);

font-size:clamp(31px,4vw,48px);

line-height:1.45;

font-weight:900;

}

.olimo-faq-hero p{

margin:0;

color:rgba(255,255,255,.89);

font-size:15px;

line-height:2.15;

}

/* QUICK LINKS */

.olimo-faq-quick{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:12px;

margin:24px 0 30px;

}

.olimo-faq-quick a{

min-height:76px;

display:flex;

align-items:center;

gap:13px;

padding:16px 18px;

border-radius:17px;

color:#33343b;

background:var(--olimo-bg);

border:1px solid var(--of-border);

transition:.23s ease;

}

.olimo-faq-quick a:hover{

transform:translateY(-3px);

border-color:rgba(141,43,244,.2);

box-shadow:0 10px 26px rgba(35,31,65,.06);

}

.olimo-faq-quick-icon{

flex:0 0 42px;

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border-radius:12px;

color:var(--olimo-bg);

background:linear-gradient(145deg,var(--of-purple),var(--of-blue));

}

.olimo-faq-quick-icon svg{

width:20px;

height:20px;

}

.olimo-faq-quick strong{

display:block;

margin-bottom:2px;

font-size:13px;

font-weight:900;

}

.olimo-faq-quick span{

display:block;

color:#858791;

font-size:11px;

}

/* CATEGORY */

.olimo-faq-section{

margin:30px 0;

}

.olimo-faq-section-head{

display:flex;

align-items:center;

gap:13px;

margin-bottom:15px;

}

.olimo-faq-section-icon{

flex:0 0 47px;

width:47px;

height:47px;

display:flex;

align-items:center;

justify-content:center;

border-radius:14px;

color:var(--olimo-bg);

background:linear-gradient(145deg,var(--of-purple),var(--of-blue));

box-shadow:0 7px 18px rgba(110,52,194,.14);

}

.olimo-faq-section-icon svg{

width:22px;

height:22px;

}

.olimo-faq-section-head h2{

margin:0 0 2px;

color:#2b2b32;

font-size:22px;

font-weight:900;

}

.olimo-faq-section-head p{

margin:0;

color:#898b94;

font-size:12px;

}

/* ACCORDION */

.olimo-faq-list{

display:grid;

gap:10px;

}

.olimo-faq-item{

overflow:hidden;

border-radius:17px;

background:var(--olimo-bg);

border:1px solid var(--of-border);

transition:.2s ease;

}

.olimo-faq-item[open]{

border-color:rgba(141,43,244,.2);

box-shadow:0 10px 28px rgba(38,32,72,.05);

}

.olimo-faq-item summary{

position:relative;

min-height:66px;

display:flex;

align-items:center;

padding:17px 56px 17px 20px;

cursor:pointer;

list-style:none;

color:#34343c;

font-size:14px;

line-height:1.9;

font-weight:900;

user-select:none;

}

.olimo-faq-item summary::-webkit-details-marker{

display:none;

}

.olimo-faq-item summary::before{

content:"+";

position:absolute;

right:18px;

top:50%;

width:27px;

height:27px;

display:flex;

align-items:center;

justify-content:center;

transform:translateY(-50%);

border-radius:9px;

color:var(--of-purple);

background:rgba(141,43,244,.08);

font-size:20px;

font-weight:500;

transition:.2s ease;

}

.olimo-faq-item[open] summary::before{

content:"−";

color:var(--olimo-bg);

background:linear-gradient(145deg,var(--of-purple),var(--of-blue));

}

.olimo-faq-answer{

padding:0 56px 22px 22px;

color:#6e707a;

font-size:13.5px;

line-height:2.2;

}

.olimo-faq-answer p{

margin:0 0 10px;

}

.olimo-faq-answer p:last-child{

margin-bottom:0;

}

.olimo-faq-answer ul{

margin:10px 0 0;

padding:0 20px 0 0;

}

.olimo-faq-answer li{

margin:5px 0;

}

.olimo-faq-answer strong{

color:#3a3a42;

}

.olimo-faq-answer a{

color:var(--of-purple);

font-weight:800;

}

/* INLINE BUTTONS */

.olimo-faq-buttons{

display:flex;

flex-wrap:wrap;

gap:9px;

margin-top:14px;

}

.olimo-faq-btn{

min-height:42px;

display:inline-flex;

align-items:center;

justify-content:center;

gap:7px;

padding:0 16px;

border-radius:11px;

font-size:12px;

font-weight:900;

transition:.22s ease;

}

.olimo-faq-btn svg{

width:17px;

height:17px;

}

.olimo-faq-btn.primary{

color:var(--olimo-bg) !important;

background:linear-gradient(120deg,var(--of-purple),var(--of-blue));

}

.olimo-faq-btn.whatsapp{

color:var(--olimo-bg) !important;

background:var(--olimo-success);

}

.olimo-faq-btn.light{

color:var(--of-purple) !important;

background:#f5efff;

}

.olimo-faq-btn:hover{

transform:translateY(-2px);

}

/* IMPORTANT */

.olimo-faq-note{

margin-top:13px;

padding:13px 15px;

border-radius:12px;

color:#685b37;

background:var(--olimo-bg)9ed;

border:1px solid rgba(240,171,58,.18);

font-size:12px;

line-height:2;

}

/* CONTACT CTA */

.olimo-faq-contact{

position:relative;

overflow:hidden;

margin:35px 0 50px;

padding:38px 36px;

border-radius:23px;

color:var(--olimo-bg);

background:var(--olimo-gradient);

}

.olimo-faq-contact::before{

content:"";

position:absolute;

width:170px;

height:170px;

border:1px solid rgba(255,255,255,.14);

border-radius:50%;

left:-55px;

top:-85px;

}

.olimo-faq-contact-content{

position:relative;

z-index:2;

}

.olimo-faq-contact h2{

margin:0 0 8px;

color:var(--olimo-bg);

font-size:22px;

font-weight:900;

}

.olimo-faq-contact p{

max-width:750px;

margin:0;

color:rgba(255,255,255,.87);

font-size:14px;

line-height:2.05;

}

.olimo-faq-contact-actions{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-top:18px;

}

.olimo-faq-contact-btn{

min-height:48px;

display:inline-flex;

align-items:center;

justify-content:center;

gap:8px;

padding:0 20px;

border-radius:13px;

font-size:13px;

font-weight:900;

transition:.22s ease;

}

.olimo-faq-contact-btn svg{

width:19px;

height:19px;

}

.olimo-faq-contact-btn.whatsapp{

color:var(--olimo-bg) !important;

background:var(--olimo-success);

}

.olimo-faq-contact-btn.white{

color:#7119d5 !important;

background:var(--olimo-bg);

}

.olimo-faq-contact-btn:hover{

transform:translateY(-2px);

}

/* RESPONSIVE */

@media(max-width:900px){

.olimo-faq-quick{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:650px){

.olimo-faq-container{
    width:min(100% - 22px,1120px);
}

.olimo-faq-hero{
    margin-top:15px;
    padding:39px 22px;
    border-radius:20px;
}

.olimo-faq-hero h1{
    font-size:30px;
}

.olimo-faq-hero p{
    font-size:14px;
}

.olimo-faq-quick{
    grid-template-columns:1fr;
}

.olimo-faq-section-head h2{
    font-size:19px;
}

.olimo-faq-item summary{
    padding:16px 52px 16px 15px;
    font-size:13px;
}

.olimo-faq-answer{
    padding:0 20px 20px;
    font-size:13px;
}

.olimo-faq-buttons,
.olimo-faq-contact-actions{
    flex-direction:column;
}

.olimo-faq-btn,
.olimo-faq-contact-btn{
    width:100%;
}

.olimo-faq-contact{
    padding:30px 21px;
    border-radius:19px;
}

}