.support-page{
padding:10px 6px 30px;
}

/* header */

.support-header{
display:flex;
align-items:center;
gap:12px;
margin-bottom:18px;
}

.support-header i{
font-size:20px;
color:var(--primary);
background:#eef5ff;
width:42px;
height:42px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
}

.support-header h2{
font-size:15px;
margin:0;
}

.support-header p{
font-size:12px;
color:var(--muted);
margin-top:2px;
}

/* cards */

.contact-cards{
display:flex;
flex-direction:column;
gap:10px;
margin-bottom:20px;
}

.contact-card{
display:flex;
align-items:center;
gap:14px;
background:#fff;
border-radius:16px;
padding:14px;
border:1px solid var(--border-soft);
box-shadow:0 8px 20px rgba(0,0,0,0.04);
}

.contact-card .icon{
width:42px;
height:42px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.phone .icon{
background:#eef4ff;
color:#3b82f6;
}

.telegram .icon{
background:#e8f3ff;
color:#229ED9;
}

.whatsapp .icon{
background:#eafbf1;
color:#25D366;
}

.contact-card .info{
flex:1;
}

.contact-card strong{
display:block;
font-size:13px;
}

.contact-card span{
font-size:11px;
color:var(--muted);
}

.call-btn,
.open-btn{
background:var(--primary);
color:#fff;
font-size:11px;
padding:6px 12px;
border-radius:8px;
text-decoration:none;
}

.open-btn{
background:#f1f5f9;
color:#444;
}

/* faq */

.faq-card{
background:#fff;
border-radius:16px;
border:1px solid var(--border-soft);
padding:14px;
}

.faq-title{
font-size:14px;
font-weight:700;
margin-bottom:10px;
}

.faq-item{
border-top:1px solid var(--border-soft);
}

.faq-item:first-child{
border:none;
}

.faq-q{
display:flex;
justify-content:space-between;
padding:12px 0;
font-size:13px;
cursor:pointer;
}

.faq-a{
display:none;
font-size:12px;
color:var(--muted);
padding-bottom:10px;
line-height:1.7;
}