/* Sosyal Medya Sayfası – Proda tema uyumlu */
.sm-wrap{ margin: 0 0 3rem; }

.sm-hero{
    background: radial-gradient(1100px 520px at 12% -10%, rgba(0, 82, 255, 0.16), transparent 55%),
                radial-gradient(900px 420px at 92% 0%, rgba(255, 122, 0, 0.14), transparent 55%),
                #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}
.sm-hero-inner{ padding: 1.4rem 1.4rem; }
.sm-kicker{
    display:inline-flex; align-items:center; gap:.55rem;
    padding:.35rem .75rem; border-radius:999px;
    background: rgba(0, 82, 255, 0.08);
    border: 1px solid rgba(0, 82, 255, 0.16);
    color: #0f172a; font-weight: 900;
    letter-spacing: .12em; text-transform: uppercase; font-size: .75rem;
}
.sm-title{
    margin:.85rem 0 .35rem;
    font-weight: 950; letter-spacing: -0.02em;
    color:#0f172a; font-size: 1.75rem;
}
.sm-lead{
    margin:0;
    color:#64748b;
    font-size: 1rem;
    max-width: 980px;
    line-height: 1.7;
}
.sm-badges{
    margin-top: .95rem;
    display:flex; flex-wrap: wrap; gap:.55rem;
}
.sm-badge{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.35rem .7rem; border-radius:999px;
    background:#f1f5f9; border:1px solid #e2e8f0;
    color:#0f172a; font-weight:800; font-size:.82rem;
}
.sm-badge i{ color: var(--proda-primary); }

.sm-grid{ margin-top: 1.35rem; }
.sm-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius: 18px;
    padding: 1.1rem 1.1rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.05);
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sm-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12);
    border-color: rgba(0, 82, 255, 0.28);
}
.sm-ico{
    width: 44px; height: 44px; border-radius: 14px;
    display:inline-flex; align-items:center; justify-content:center;
    color:#fff;
    background: linear-gradient(135deg, var(--proda-primary), var(--proda-secondary));
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.22);
    font-size: 1.05rem;
    margin-bottom: .8rem;
}
.sm-h{
    font-weight: 950;
    color:#0f172a;
    margin-bottom: .35rem;
    letter-spacing: -0.01em;
}
.sm-p{ color:#64748b; margin:0; line-height:1.7; font-size:.95rem; }

.sm-list{
    margin: .8rem 0 0;
    padding: 0;
    list-style: none;
    display:flex;
    flex-direction: column;
    gap: .5rem;
}
.sm-list li{
    display:flex;
    gap:.6rem;
    align-items:flex-start;
    padding: .55rem .65rem;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    color:#0f172a;
    font-weight: 700;
    font-size: .92rem;
}
.sm-list i{
    margin-top: .15rem;
    color: var(--proda-primary);
    width: 18px;
    text-align:center;
}
.sm-note{
    margin-top: 1.1rem;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0, 82, 255, 0.18);
    background: rgba(0, 82, 255, 0.04);
    color:#0f172a;
    display:flex;
    gap:.8rem;
    align-items:flex-start;
}
.sm-note i{ color: var(--proda-primary); font-size: 1.1rem; margin-top: .1rem; }
.sm-note b{ font-weight: 950; }

.sm-steps{
    margin-top: 1.35rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    overflow: hidden;
    background:#fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.sm-steps-head{
    padding: 1.05rem 1.1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: linear-gradient(180deg, rgba(248,250,252,.8), #fff);
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
}
.sm-steps-title{
    margin:0;
    font-weight: 950;
    color:#0f172a;
    letter-spacing: -0.01em;
    display:flex;
    align-items:center;
    gap:.6rem;
}
.sm-steps-title i{
    width: 36px; height: 36px; border-radius: 14px;
    display:inline-flex; align-items:center; justify-content:center;
    color:#fff;
    background: linear-gradient(135deg, var(--proda-primary), var(--proda-secondary));
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.22);
    font-size: .95rem;
}
.sm-steps-sub{ margin:0; color:#64748b; font-weight: 700; font-size:.92rem; }

.sm-step{
    padding: 1rem 1.1rem;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.12);
    display:flex;
    gap: 1rem;
    align-items:flex-start;
}
.sm-step:last-child{ border-bottom: 0; }
.sm-step-no{
    width: 44px; height: 44px; border-radius: 14px;
    background: rgba(0, 82, 255, 0.08);
    border: 1px solid rgba(0, 82, 255, 0.18);
    display:flex; align-items:center; justify-content:center;
    font-weight: 950;
    color: var(--proda-primary);
    flex: 0 0 44px;
}
.sm-step h4{
    margin: 0 0 .2rem;
    font-size: 1.02rem;
    font-weight: 950;
    color:#0f172a;
}
.sm-step p{
    margin:0;
    color:#64748b;
    line-height: 1.7;
    font-size: .94rem;
}

.sm-faq{
    margin-top: 1.35rem;
}
.sm-faq .accordion-item{
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    overflow:hidden;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    margin-bottom: .9rem;
    background:#fff;
}
.sm-faq .accordion-button{
    font-weight: 950;
    color:#0f172a;
    padding: 1rem 1.05rem;
    background:#fff;
}
.sm-faq .accordion-button:not(.collapsed){
    background: rgba(0, 82, 255, 0.04);
    box-shadow:none;
}
.sm-faq .accordion-button:focus{
    box-shadow: 0 0 0 0.2rem rgba(0, 82, 255, 0.18);
    border-color: rgba(0, 82, 255, 0.35);
}
.sm-faq .accordion-body{
    padding: .95rem 1.05rem 1.05rem;
    color:#334155;
    line-height: 1.75;
}

.sm-cta{
    margin-top: 1.6rem;
    background: #0f172a;
    border-radius: 22px;
    padding: 1.25rem 1.25rem;
    color:#e5e7eb;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.sm-cta h3{ margin:0; font-weight: 950; font-size: 1.15rem; }
.sm-cta p{ margin:.2rem 0 0; opacity:.9; }
.sm-cta-actions{ display:flex; gap:.55rem; flex-wrap: wrap; }
.sm-btn{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    padding: .8rem 1.05rem;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.22);
}
.sm-btn.primary{
    background: linear-gradient(135deg, var(--proda-primary-soft), var(--proda-secondary));
    border-color: transparent;
    color:#fff;
    box-shadow: 0 14px 34px rgba(0,82,255,.28);
}
.sm-btn.ghost{
    background: rgba(255,255,255,.08);
    color:#e5e7eb;
}
.sm-btn:hover{ filter: brightness(1.03); color: inherit; }
.sm-btn i.fa-arrow-right{ transition: transform .18s ease; }
.sm-btn:hover i.fa-arrow-right{ transform: translateX(3px); }

@media (max-width: 576px){
    .sm-title{ font-size: 1.45rem; }
    .sm-hero-inner{ padding: 1.1rem; }
    .sm-step{ padding: .9rem 1rem; }
    .sm-step-no{ width: 40px; height: 40px; flex-basis: 40px; }
}