/* ===== Returns page (pages/returns.css) ========================= */
/* فونت سنس روی تمام متون (بدون استثنا) — آیکن‌ها مستثنا می‌شوند */
:root{
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Noto Sans", "Vazirmatn", "IRANSans", Tahoma, Arial,
               "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --sky-300:#7dd3fc; --sky-400:#38bdf8;
  --emerald-300:#6ee7b7; --emerald-400:#34d399;
  --slate-50:#f8fafc; --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-600:#475569; --slate-700:#334155; --slate-900:#0f172a;
}
html, body, main, section, article, header, footer,
h1,h2,h3,h4,h5,h6, p, a, li, ul, ol, small, strong, span,
button, input, select, textarea, summary, details, label, table {
  font-family: var(--font-sans) !important;
}
/* اجازه بده فونت آیکن‌ها، فونت خودشان بماند */
[class^="fa-"], .fa, .fas, .far, .fal, .fab { font-family: "Font Awesome 6 Free","Font Awesome 6 Brands" !important; }

/* افکت ورود نرم */
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reveal{animation:fadeUp .45s ease both}

/* بنر */
.banner{position:relative;border-radius:1.5rem;overflow:hidden;border:1px solid var(--slate-200);
        box-shadow:0 14px 44px rgba(15,23,42,.10);background:var(--slate-50)}
.banner img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}
.banner .grad{position:absolute;inset:0;background:linear-gradient(180deg, rgba(2,6,23,0), rgba(2,6,23,.45))}
.banner .ring{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none}

/* کارت عمومی */
.card{background:#fff;border:1px solid var(--slate-200);border-radius:1.25rem;transition:.25s}
.card:hover{border-color:var(--sky-300);box-shadow:0 20px 46px rgba(15,23,42,.12);transform:translateY(-2px)}

/* چیپ‌ها */
.badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--slate-200);
       border-radius:999px;padding:.5rem .9rem;background:#fff;font-weight:800;color:var(--slate-900)}

/* دکمه‌ها مینیمال */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.15rem;border-radius:14px;
     border:2px solid var(--slate-200);background:#fff;color:var(--slate-900);font-weight:800;transition:.2s}
.btn:hover{background:var(--slate-50);border-color:var(--slate-300);box-shadow:0 12px 26px rgba(15,23,42,.08);transform:translateY(-1px)}
.btn.sky{border-color:color-mix(in oklab, var(--sky-300) 55%, transparent)}
.btn.em {border-color:color-mix(in oklab, var(--emerald-300) 55%, transparent)}

/* تایم‌لاین */
.timeline{position:relative;border-left:2px dashed var(--slate-300);margin-right:.5rem}
.step{position:relative;margin:0 0 1rem 0;padding-right:1.25rem}
.step::before{content:"";position:absolute;right:-10px;top:.3rem;width:.9rem;height:.9rem;border:2px solid var(--slate-300);
              border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.12)}
.step .head{display:flex;align-items:center;gap:.5rem;font-weight:900;color:var(--slate-900)}
.step .body{color:var(--slate-700);line-height:2.05;margin-top:.3rem}

/* آکاردئون FAQ */
faq-item{display:block}
details.faq{border:1px solid var(--slate-200);border-radius:14px;background:#fff;overflow:hidden}
details.faq+details.faq{margin-top:.8rem}
details.faq>summary{cursor:pointer;list-style:none;padding:1rem 1.1rem;display:flex;align-items:center;gap:.7rem;font-weight:900}
details.faq>summary:hover{background:var(--slate-50)}
details.faq[open]{border-color:var(--emerald-300);box-shadow:0 16px 30px rgba(15,23,42,.08)}
details.faq>div{padding:0 1.1rem 1rem 1.1rem;color:var(--slate-700);line-height:2.05}

/* بلوک‌های هشدار/نکته */
.note{border:1px dashed var(--slate-300);background:var(--slate-50);border-radius:14px;padding:1rem}