/* ریست خیلی سبک */
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0}

/* تم */
:root{
  --bg:#0f172a;           /* slate-900 */
  --card:#1f2937;         /* slate-800 */
  --border:#334155;       /* slate-700 */
  --txt:#e5e7eb;          /* gray-200 */
  --muted:#9ca3af;        /* gray-400 */
  --accent:#34d399;       /* emerald-400 */
  --accent-strong:#059669;/* emerald-700 */
  --red:#f87171;
  --green:#34d399;
}

.app-body{background:var(--bg); color:var(--txt); font:15px/1.9 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Naskh Arabic", "Vazirmatn", "IRANSans", Arial}
.container{max-width:980px;margin:0 auto;padding:32px 16px}

.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card>.header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 8px}
.cover-wrap{display:flex;gap:16px}
.cover{width:64px;height:80px;border-radius:10px;background:linear-gradient(135deg,#10b981,#0ea5e9);display:flex;align-items:center;justify-content:center}
.cover__txt{color:#fff;font-weight:800}

.meta .title{margin:0;font-weight:800;font-size:22px}
.meta__list{list-style:none;margin:6px 0 0;padding:0;color:var(--muted)}
.meta__list b{color:#e5e7eb}
.accent{color:var(--accent)}
.back{color:#cbd5e1;text-decoration:none;font-size:20px;line-height:1}
.back:hover{color:#fff}

.rating{display:flex;align-items:center;gap:10px;margin:8px 24px 16px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(51,65,85,.35)}
.rating__stars{display:flex;gap:4px}
.rating__text{color:#cbd5e1;font-size:14px}

.section{padding:0 24px 8px;margin-bottom:8px}
.section__title{font-size:16px;margin:8px 0;color:#fff}
.section__text{color:#d1d5db;font-size:14px}

.reviews{display:grid;gap:8px}
.review{background:rgba(51,65,85,.35);padding:10px;border-radius:10px;color:#d1d5db;font-size:14px}

.grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0 24px 16px}
@media (min-width:768px){.grid{grid-template-columns:1fr 1fr}}

.pill{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;margin:0 0 8px}
.pill--green{color:var(--green)}
.pill--red{color:var(--red)}
.list{margin:0;padding:0 18px;color:#d1d5db;font-size:14px}
.list li{margin:4px 0}

.actions{display:flex;gap:10px;padding:0 24px 24px}
.btn{display:inline-flex;justify-content:center;align-items:center;height:44px;padding:0 16px;border-radius:10px;border:1px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn--primary{background:var(--accent-strong);color:#fff}
.btn--primary:hover{filter:brightness(1.05)}
.btn--ghost{background:rgba(51,65,85,.5);color:#fff;border-color:var(--border)}
.btn--ghost:hover{background:rgba(51,65,85,.7)}

/* آیکون ستاره‌ها */
.star{width:20px;height:20px;display:inline-block}
.star--full{color:#fbbf24}
.star--empty{color:#64748b}

/* اعداد فارسی */
.num-fa{font-variant-numeric:tabular-nums}