/*
Theme Name: مجله باستان‌شناس
Theme URI: https://aiobit.ir
Author: Aiobit
Author URI: https://aiobit.ir
Description: قالب اختصاصی مجله اینترنتی باستان‌شناس — پورتال علمی تخصصی باستان‌شناسی ایران با باستان‌نگار (میکروبلاگ)، آزمایشگاه AI، احراز هویت موبایلی، پروفایل کامل، تیک‌های سه‌گانه، استوری و درگاه زیبال
Version: 8.29.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: bastanshenas
*/

.bs-ait-grid>a.bs-ait-card{text-decoration:none!important}

/* ═══════════════════════════════════════════════════════════
   ⓪ Reset پایه
═══════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { line-height: 1.7; }
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: transparent; border: 0; cursor: pointer; }
ul, ol { list-style: none; }

/* ═══════════════════════════════════════════════════════════
   ① متغیرهای CSS
═══════════════════════════════════════════════════════════ */
:root {
    /* رنگ‌ها — لایت‌مود */
    --bs-primary:        #dc2626;
    --bs-primary-dark:   #b91c1c;
    --bs-primary-light:  #fef2f2;
    --bs-accent:         #f59e0b;
    --bs-success:        #10b981;
    --bs-info:           #3b82f6;
    --bs-danger:         #ef4444;

    --bs-bg:             #f8fafc;
    --bs-bg-secondary:   #f1f5f9;
    --bs-card:           #ffffff;
    --bs-card-hover:     #fafafa;
    --bs-text:           #0f172a;
    --bs-text-muted:     #64748b;
    --bs-text-light:     #94a3b8;
    --bs-border:         #e2e8f0;
    --bs-border-light:   #f1f5f9;

    /* تیک‌ها */
    --bs-badge-gold:     #f59e0b;
    --bs-badge-blue:     #3b82f6;
    --bs-badge-black:    #0f172a;

    /* فونت */
    --bs-font:           'Vazirmatn', 'IRANSans', 'Tahoma', sans-serif;
    --bs-font-mono:      'Fira Mono', 'Courier New', monospace;

    /* فاصله */
    --bs-radius-sm:      6px;
    --bs-radius:         10px;
    --bs-radius-lg:      14px;
    --bs-radius-xl:      20px;
    --bs-shadow-sm:      0 1px 2px rgba(0,0,0,0.04);
    --bs-shadow:         0 2px 8px rgba(0,0,0,0.06);
    --bs-shadow-lg:      0 8px 24px rgba(0,0,0,0.08);
    --bs-shadow-xl:      0 16px 40px rgba(0,0,0,0.12);

    --bs-container:      1280px;
    --bs-transition:     all 0.2s ease;
}

/* ══════════════════════════════════════════════════════════════
   آزمایشگاه بینایی باستان‌یار — تحلیل چندنما 8.12.8
══════════════════════════════════════════════════════════════ */
.bs-ait-vision-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:14px;border:1px solid rgba(56,189,248,.2);border-radius:16px;background:linear-gradient(135deg,rgba(8,47,73,.32),rgba(30,41,59,.42));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.bs-ait-vision-guide>strong{grid-column:1/-1;color:#e0f2fe;font-size:11px}.bs-ait-vision-guide>div{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:9px}.bs-ait-vision-guide>div span{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;color:#08111f;background:#7dd3fc;font-weight:900}.bs-ait-vision-guide>small{grid-column:1/-1;color:#94a3b8;font-size:8.5px;line-height:1.8;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}
.bs-ait-image-tray{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.bs-ait-image-chip{position:relative;display:flex;align-items:center;gap:7px;min-width:112px;padding:5px 28px 5px 6px;border:1px solid rgba(125,211,252,.22);border-radius:12px;background:rgba(15,23,42,.72)}.bs-ait-image-chip img{width:42px;height:42px;object-fit:cover;border-radius:8px}.bs-ait-image-chip>span{display:flex;flex-direction:column;color:#e2e8f0;font-size:9px}.bs-ait-image-chip small{color:#67e8f9;font-size:7.5px}.bs-ait-image-chip button{position:absolute;top:4px;right:5px;width:20px;height:20px;border:0;border-radius:7px;color:#fecaca;background:rgba(239,68,68,.14);font-size:15px;line-height:20px;cursor:pointer}.bs-ait-uploading{color:#7dd3fc;font-size:9px}
.bs-ait-msg-images{display:grid;grid-template-columns:repeat(2,56px);gap:4px;direction:ltr;align-self:flex-end}.bs-ait-msg-images .bs-ait-msg-img{width:56px;height:56px;margin:0;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}
.bs-ait-classification{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(167,139,250,.25);border-radius:12px;background:rgba(124,58,237,.07)}.bs-ait-classification span{color:#a5b4fc;font-size:9px}.bs-ait-classification strong{color:#f5f3ff;font-size:11px}
.bs-ait-quality{margin:12px 0;padding:12px;border:1px solid rgba(34,211,238,.2);border-radius:14px;background:rgba(8,145,178,.055)}.bs-ait-quality-head{display:flex;justify-content:space-between;color:#cffafe;font-size:10px}.bs-ait-quality-bar{height:6px;margin:8px 0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.bs-ait-quality-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#818cf8);box-shadow:0 0 12px rgba(34,211,238,.35)}.bs-ait-quality p{margin:5px 0 0;color:#94a3b8;font-size:8.5px;line-height:1.7}.bs-ait-quality p.is-issue{color:#fbbf24}
.bs-ait-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.bs-ait-confidence-grid>div{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(2,6,23,.25)}.bs-ait-confidence-grid span{color:#94a3b8;font-size:8px}.bs-ait-confidence-grid strong{color:#e2e8f0;font-size:12px}.bs-ait-confidence-grid i{height:3px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}.bs-ait-confidence-grid b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#a78bfa)}
.bs-ait-analysis-block.is-observation{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.05)}.bs-ait-analysis-block.is-interpretation{border-color:rgba(99,102,241,.28);background:rgba(99,102,241,.055)}.bs-ait-analysis-block.is-alternative{border-color:rgba(244,114,182,.23);background:rgba(244,114,182,.045)}.bs-ait-analysis-block.is-views{border-color:rgba(34,211,238,.25);background:rgba(34,211,238,.045)}
.bs-ait-heritage-action{margin-top:12px;padding:13px 14px;border:1px solid rgba(245,158,11,.28);border-radius:14px;background:linear-gradient(135deg,rgba(120,53,15,.14),rgba(15,23,42,.2))}.bs-ait-heritage-action strong{display:block;margin-bottom:5px;color:#fde68a;font-size:10px}.bs-ait-heritage-action p{margin:0;color:#dbeafe;font-size:9.5px;line-height:1.8}
@media(max-width:620px){.bs-ait-vision-guide{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.bs-ait-confidence-grid{grid-template-columns:1fr}.bs-ait-image-chip{min-width:calc(50% - 4px)}.bs-ait-msg-images{grid-template-columns:repeat(3,46px)}.bs-ait-msg-images .bs-ait-msg-img{width:46px;height:46px}}

/* ═══════════════════════════════════════════════════════════
   Quiz Topics Grid 3.0.1 — شبکه حرفه‌ای موضوعات کوییز
═══════════════════════════════════════════════════════════ */
.bs-qh-topic-section {
    position:relative; margin:24px 0; padding:20px; overflow:hidden;
    border:1px solid color-mix(in srgb,var(--bs-primary) 12%,var(--bs-border)); border-radius:24px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--bs-primary) 4%,var(--bs-card)),var(--bs-card));
    box-shadow:0 16px 45px rgba(15,23,42,.06);
}
.bs-qh-topic-section::before {
    content:""; position:absolute; top:-80px; left:-60px; width:210px; height:210px; border-radius:50%;
    background:color-mix(in srgb,var(--bs-primary) 7%,transparent); filter:blur(2px); pointer-events:none;
}
.bs-qh-topic-head { position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:16px; }
.bs-qh-topic-head h2 { margin:3px 0 0; color:var(--bs-text); font-size:19px; }
.bs-qh-topic-eyebrow { color:var(--bs-primary); font-size:8px; font-weight:950; letter-spacing:.04em; }
.bs-qh-topic-head > small { padding:6px 9px; border:1px solid var(--bs-border); border-radius:999px; color:var(--bs-text-light); background:var(--bs-bg-secondary); font-size:8px; font-weight:800; }
.bs-qh-topic-section .bs-qh-topics {
    position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
    margin:0; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none;
}
.bs-qh-topic-section .bs-qh-topics button {
    position:relative; display:flex; min-width:0; min-height:86px; padding:13px; align-items:center; gap:10px; overflow:hidden;
    text-align:right; border:1px solid color-mix(in srgb,var(--topic,var(--bs-primary)) 13%,var(--bs-border)); border-radius:17px;
    color:var(--bs-text); background:color-mix(in srgb,var(--topic,var(--bs-primary)) 3%,var(--bs-bg-secondary));
    font-family:inherit; cursor:pointer; box-shadow:0 7px 20px rgba(15,23,42,.035);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.bs-qh-topic-section .bs-qh-topics button::after {
    content:""; position:absolute; right:0; bottom:0; width:55%; height:3px; border-radius:4px 0 0 0;
    background:var(--topic,var(--bs-primary)); opacity:.62; transform:scaleX(.3); transform-origin:right; transition:.22s;
}
.bs-qh-topic-icon {
    display:grid; flex:0 0 48px; width:48px; height:48px; place-items:center;
    border:1px solid color-mix(in srgb,var(--topic,var(--bs-primary)) 20%,transparent); border-radius:15px;
    color:var(--topic,var(--bs-primary)); background:color-mix(in srgb,var(--topic,var(--bs-primary)) 12%,var(--bs-card));
    box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 18px color-mix(in srgb,var(--topic,var(--bs-primary)) 10%,transparent);
    font-size:24px!important; line-height:1;
}
.bs-qh-topic-icon svg { width:23px; height:23px; }
.bs-qh-topic-copy { display:flex; min-width:0; flex:1; flex-direction:column; gap:3px; }
.bs-qh-topic-copy strong { overflow:hidden; color:var(--bs-text); font-size:10px; font-weight:950; line-height:1.65; text-overflow:ellipsis; }
.bs-qh-topic-copy small { color:var(--bs-text-light); font-size:8px; font-weight:700; }
.bs-qh-topic-check {
    position:absolute; top:7px; left:7px; display:grid; width:19px; height:19px; place-items:center; border-radius:50%;
    color:#fff; background:var(--topic,var(--bs-primary)); box-shadow:0 5px 12px color-mix(in srgb,var(--topic,var(--bs-primary)) 30%,transparent);
    font-size:9px; font-style:normal; opacity:0; transform:scale(.5); transition:.2s;
}
.bs-qh-topic-section .bs-qh-topics button:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--topic,var(--bs-primary)) 34%,var(--bs-border)); box-shadow:0 13px 28px color-mix(in srgb,var(--topic,var(--bs-primary)) 11%,rgba(15,23,42,.05)); }
.bs-qh-topic-section .bs-qh-topics button.is-active {
    color:var(--bs-text); border-color:color-mix(in srgb,var(--topic,var(--bs-primary)) 48%,var(--bs-border));
    background:linear-gradient(145deg,color-mix(in srgb,var(--topic,var(--bs-primary)) 12%,var(--bs-card)),color-mix(in srgb,var(--topic,var(--bs-primary)) 5%,var(--bs-card)));
    box-shadow:0 13px 30px color-mix(in srgb,var(--topic,var(--bs-primary)) 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--topic,var(--bs-primary)) 8%,transparent);
}
.bs-qh-topic-section .bs-qh-topics button.is-active::after { opacity:1; transform:scaleX(1); }
.bs-qh-topic-section .bs-qh-topics button.is-active .bs-qh-topic-check { opacity:1; transform:scale(1); }
html[data-theme="dark"] .bs-qh-topic-section { box-shadow:0 18px 48px rgba(0,0,0,.24); }

@media(max-width:920px) {
    .bs-qh-topic-section .bs-qh-topics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:720px) {
    .bs-qh-topic-section { margin:14px 0; padding:13px; border-radius:19px; }
    .bs-qh-topic-head { margin-bottom:11px; }
    .bs-qh-topic-head h2 { font-size:15px; }
    .bs-qh-topic-head > small { padding:5px 7px; font-size:7px; }
    .bs-qh-topic-section .bs-qh-topics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .bs-qh-topic-section .bs-qh-topics button { min-height:74px; padding:9px 8px; gap:7px; border-radius:14px; }
    .bs-qh-topic-icon { flex-basis:40px; width:40px; height:40px; border-radius:12px; font-size:20px!important; }
    .bs-qh-topic-icon svg { width:20px; height:20px; }
    .bs-qh-topic-copy strong { font-size:9px; }
    .bs-qh-topic-copy small { font-size:7px; }
    .bs-qh-topic-check { top:5px; left:5px; width:16px; height:16px; font-size:8px; }
}
@media(max-width:380px) {
    .bs-qh-topic-section .bs-qh-topics { grid-template-columns:1fr; }
    .bs-qh-topic-section .bs-qh-topics button { min-height:66px; }
    .bs-qh-topic-icon { flex-basis:38px; width:38px; height:38px; }
}

/* لینک‌های موضوع → آوردگاه دانش (به‌جای دکمه‌های فیلتر قدیمی) */
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link {
    position:relative; display:flex; min-width:0; min-height:86px; padding:13px; align-items:center; gap:10px; overflow:hidden;
    text-align:right; border:1px solid color-mix(in srgb,var(--topic,var(--bs-primary)) 13%,var(--bs-border)); border-radius:17px;
    color:var(--bs-text); background:color-mix(in srgb,var(--topic,var(--bs-primary)) 3%,var(--bs-bg-secondary));
    font-family:inherit; cursor:pointer; box-shadow:0 7px 20px rgba(15,23,42,.035); text-decoration:none;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link::after {
    content:""; position:absolute; right:0; bottom:0; width:55%; height:3px; border-radius:4px 0 0 0;
    background:var(--topic,var(--bs-primary)); opacity:.62; transform:scaleX(.3); transform-origin:right; transition:.22s;
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link:hover {
    transform:translateY(-3px); border-color:color-mix(in srgb,var(--topic,var(--bs-primary)) 34%,var(--bs-border));
    box-shadow:0 13px 28px color-mix(in srgb,var(--topic,var(--bs-primary)) 11%,rgba(15,23,42,.05));
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link:hover::after { opacity:1; transform:scaleX(1); }
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-check {
    position:static; margin-inline-start:auto; flex:0 0 auto; opacity:.5; transform:none; background:transparent;
    color:var(--topic,var(--bs-primary)); box-shadow:none; font-size:13px;
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-check svg { width:13px; height:13px; }
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link:hover .bs-qh-topic-check { opacity:1; transform:translateX(-2px); }
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.is-soon { cursor:default; opacity:.55; }
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.is-soon:hover { transform:none; box-shadow:0 7px 20px rgba(15,23,42,.035); }
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.is-soon:hover::after { opacity:.62; transform:scaleX(.3); }

/* دارک‌مود */
html[data-theme="dark"] {
    --bs-bg:             #0a0e1a;
    --bs-bg-secondary:   #131929;
    --bs-card:           #131929;
    --bs-card-hover:     #1a2236;
    --bs-text:           #e2e8f0;
    --bs-text-muted:     #94a3b8;
    --bs-text-light:     #64748b;
    --bs-border:         #1e293b;
    --bs-border-light:   #1a2236;
    --bs-primary-light:  rgba(220,38,38,0.1);
}

/* ═══════════════════════════════════════════════════════════
   ② بدنه و فونت
═══════════════════════════════════════════════════════════ */
body {
    font-family: var(--bs-font);
    background-color: var(--bs-bg);
    color: var(--bs-text);
    direction: rtl;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

/* اسکرول‌بار */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bs-bg-secondary); }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: var(--bs-primary); }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #0f172a; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #334155; }

::selection { background: rgba(220,38,38,0.25); color: inherit; }

/* ═══════════════════════════════════════════════════════════
   ③ Container کلی
═══════════════════════════════════════════════════════════ */
.bs-container {
    max-width: var(--bs-container);
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .bs-container { padding: 0 14px; }
}

/* ═══════════════════════════════════════════════════════════
   ④ تبلیغ بالای هدر
═══════════════════════════════════════════════════════════ */
.bs-top-ad {
    background: var(--bs-bg-secondary);
    border-bottom: 1px solid var(--bs-border);
    padding: 6px 0;
    text-align: center;
}
.bs-top-ad img { display: inline-block; max-height: 90px; }
.bs-top-ad-placeholder {
    display: inline-block;
    background: linear-gradient(90deg, #e0e7ff, #fef3c7, #fee2e2);
    border-radius: 8px;
    padding: 6px 30px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}

/* ═══════════════════════════════════════════════════════════
   ⑤ نوار بالای هدر (تیکر + ساعت + شبکه‌اجتماعی)
═══════════════════════════════════════════════════════════ */
.bs-utility-bar {
    background: #020617;
    color: #cbd5e1;
    font-size: 11px;
    padding: 8px 0;
    overflow: hidden;
}
.bs-utility-bar .bs-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: nowrap;
}

.bs-social-mini { display: flex; align-items: center; gap: 10px; }
.bs-social-mini a {
    color: #94a3b8;
    transition: var(--bs-transition);
    font-size: 11px;
}
.bs-social-mini a:hover { color: var(--bs-accent); }
.bs-social-mini .sep { color: #334155; }

.bs-ticker-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    min-width: 0;
}
.bs-ticker-label {
    background: var(--bs-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    padding: 3px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.bs-ticker-label::before {
    content: '';
    width: 6px; height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: bs-blink 1.5s infinite;
}
@keyframes bs-blink { 50% { opacity: 0.3; } }

.bs-ticker {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 18px;
}
.bs-ticker-track {
    display: inline-flex;
    gap: 32px;
    animation: bs-ticker 80s linear infinite;
    color: #cbd5e1;
}
.bs-ticker-track:hover { animation-play-state: paused; }
.bs-ticker-track a {
    transition: var(--bs-transition);
    font-size: 11px;
}
.bs-ticker-track a:hover { color: var(--bs-accent); }
@keyframes bs-ticker {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

.bs-datetime {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    color: #94a3b8;
    font-size: 11px;
}
.bs-datetime > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.bs-datetime svg { width: 13px; height: 13px; color: var(--bs-accent); }
.bs-datetime .bs-clock-time { font-variant-numeric: tabular-nums; }

@media (max-width: 900px) {
    .bs-social-mini, .bs-datetime { display: none; }
}

/* ═══════════════════════════════════════════════════════════
   ⑥ هدر اصلی (لوگو + ابزارها)
═══════════════════════════════════════════════════════════ */
.bs-header {
    background: var(--bs-card);
    border-bottom: 1px solid var(--bs-border);
    position: relative;
    z-index: 100;
}
.bs-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    flex-wrap: nowrap;
}

.bs-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    color: var(--bs-text);
}
.bs-brand-logo {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-primary-dark));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(220,38,38,0.3);
}
.bs-brand-text {
    padding-right: 10px;
    border-right: 3px solid var(--bs-primary);
}
.bs-brand-title {
    font-size: 18px;
    font-weight: 900;
    color: var(--bs-text);
    line-height: 1;
    margin-bottom: 4px;
}
.bs-brand-title .accent { color: var(--bs-primary); }
.bs-brand-subtitle {
    font-size: 10px;
    color: var(--bs-text-muted);
    font-weight: 600;
}

/* ابزارها */
.bs-header-tools {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* دکمه‌های آیکونی هدر */
.bs-icon-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
    cursor: pointer;
    position: relative;
}
.bs-icon-btn:hover {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    background: var(--bs-primary-light);
}
.bs-icon-btn svg { width: 18px; height: 18px; }

/* badge اعداد روی آیکون */
.bs-icon-btn .bs-notif-count {
    position: absolute;
    top: -4px;
    left: -4px;
    background: var(--bs-primary);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    min-width: 16px;
    height: 16px;
    border-radius: 9999px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--bs-card);
    animation: bs-notif-pulse 2.2s ease-in-out infinite;
}
@keyframes bs-notif-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

/* دکمه آزمایشگاه AI */
.bs-btn-ai {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: linear-gradient(135deg, #2563eb, #06b6d4, #4f46e5);
    color: #fff;
    border-radius: var(--bs-radius);
    font-size: 12px;
    font-weight: 900;
    transition: var(--bs-transition);
    box-shadow: 0 4px 14px rgba(37,99,235,0.3);
    position: relative;
    overflow: hidden;
}
.bs-btn-ai:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(37,99,235,0.4); }
.bs-btn-ai::before {
    content: '';
    width: 8px; height: 8px;
    background: #67e8f9;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(103,232,249,0.7);
    animation: bs-pulse 2s infinite;
}
@keyframes bs-pulse {
    0% { box-shadow: 0 0 0 0 rgba(103,232,249,0.7); }
    70% { box-shadow: 0 0 0 8px rgba(103,232,249,0); }
    100% { box-shadow: 0 0 0 0 rgba(103,232,249,0); }
}

/* دکمه ورود/ثبت‌نام */
.bs-btn-auth {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: var(--bs-radius);
    font-size: 12px;
    font-weight: 900;
    transition: var(--bs-transition);
}
.bs-btn-auth:hover { background: var(--bs-primary-dark); transform: translateY(-1px); }
.bs-btn-auth svg { width: 14px; height: 14px; }

/* پروفایل dropdown */
.bs-profile-wrap { position: relative; }
.bs-profile-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px 5px 5px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    cursor: pointer;
    transition: var(--bs-transition);
    color: var(--bs-text);
}
.bs-profile-btn:hover { border-color: var(--bs-primary); }
.bs-profile-btn img,
.bs-profile-btn .bs-avatar-letter {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
    color: #fff;
    font-weight: 900;
    font-size: 13px;
}
.bs-profile-btn-name {
    font-size: 12px;
    font-weight: 700;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bs-profile-btn .bs-caret { color: var(--bs-text-light); width: 12px; height: 12px; }

.bs-profile-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 240px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    box-shadow: var(--bs-shadow-xl);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: var(--bs-transition);
    z-index: 110;
}
.bs-profile-wrap:hover .bs-profile-dropdown,
.bs-profile-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.bs-profile-dd-head {
    padding: 14px;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-profile-dd-name {
    font-size: 13px;
    font-weight: 900;
    color: var(--bs-text);
    display: flex;
    align-items: center;
    gap: 6px;
}
.bs-profile-dd-username {
    font-size: 11px;
    color: var(--bs-text-light);
    margin-top: 2px;
    direction: ltr;
    text-align: right;
}
.bs-profile-dd-items { padding: 6px; }
.bs-profile-dd-items a, .bs-profile-dd-items button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border-radius: var(--bs-radius-sm);
    font-size: 12px;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
    text-align: right;
}
.bs-profile-dd-items a:hover, .bs-profile-dd-items button:hover {
    background: var(--bs-primary-light);
    color: var(--bs-primary);
}
.bs-profile-dd-items svg { width: 15px; height: 15px; flex-shrink: 0; }
.bs-profile-dd-items .logout { color: var(--bs-danger); border-top: 1px solid var(--bs-border-light); margin-top: 6px; padding-top: 12px; }

/* ═══════════════════════════════════════════════════════════
   ⑦ منوی ناوبری (دسته‌بندی‌ها)
═══════════════════════════════════════════════════════════ */
.bs-nav {
    background: #0f172a;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 89;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.bs-nav-inner {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
}
.bs-nav-inner::-webkit-scrollbar { display: none; }

.bs-nav a {
    display: inline-block;
    padding: 14px 18px;
    font-size: 12px;
    font-weight: 700;
    color: #cbd5e1;
    transition: var(--bs-transition);
    white-space: nowrap;
    flex-shrink: 0;
    border-bottom: 2px solid transparent;
}
.bs-nav a:hover { background: #1e293b; color: #fff; }
.bs-nav a.active {
    background: var(--bs-primary);
    color: #fff;
    border-bottom-color: var(--bs-accent);
}
.bs-nav .ai-link {
    color: #22d3ee;
    font-weight: 900;
}
.bs-nav .ai-link::before {
    content: '';
    display: inline-block;
    width: 6px; height: 6px;
    background: #22d3ee;
    border-radius: 50%;
    margin-left: 6px;
    animation: bs-blink 1.2s infinite;
}

/* ═══════════════════════════════════════════════════════════
   ⑧ صفحه اصلی — Layout
═══════════════════════════════════════════════════════════ */
.bs-page { padding: 24px 0 60px; }

/* Hero دوبخشی */
.bs-hero-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 20px;
    margin-bottom: 28px;
}
@media (max-width: 900px) {
    .bs-hero-grid { grid-template-columns: 1fr; }
}

/* باکس آخرین مطلب (راست، بزرگ) */
.bs-hero-main {
    position: relative;
    height: 420px;
    border-radius: var(--bs-radius-lg);
    overflow: hidden;
    background: #0f172a;
    box-shadow: var(--bs-shadow-lg);
}
.bs-hero-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}
.bs-hero-main:hover img { transform: scale(1.05); }
.bs-hero-main-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
}
.bs-hero-main-content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 28px;
    color: #fff;
}
.bs-hero-main .cat-tag {
    display: inline-block;
    background: var(--bs-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    padding: 5px 12px;
    border-radius: 6px;
    margin-bottom: 12px;
}
.bs-hero-main h2 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 12px;
    color: #fff;
}
.bs-hero-main h2 a { color: #fff; transition: var(--bs-transition); }
.bs-hero-main h2 a:hover { color: var(--bs-accent); }
.bs-hero-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 11px;
    color: #cbd5e1;
    flex-wrap: wrap;
}
.bs-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.bs-hero-meta svg { width: 13px; height: 13px; }

/* اسلایدر هیرو */
.bs-hero-slides { position: relative; width: 100%; height: 100%; }
.bs-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease;
}
.bs-hero-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.bs-hero-slide img { width: 100%; height: 100%; object-fit: cover; transition: transform 7s ease; }
.bs-hero-slide.is-active img { transform: scale(1.08); }
.bs-hero-slider-nav { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.bs-hero-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.55);
    color: #fff;
    border: 0;
    display: grid;
    place-items: center;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    transition: var(--bs-transition);
}
.bs-hero-slider-arrow:hover { background: var(--bs-primary); }
.bs-hero-slider-arrow.next { right: 14px; }
.bs-hero-slider-arrow.prev { left: 14px; }
.bs-hero-slider-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 6px;
}
.bs-hero-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-hero-slider-dot.is-active { background: #fff; width: 22px; border-radius: 4px; }
@media (max-width: 600px) {
    .bs-hero-slider-arrow { width: 28px; height: 28px; font-size: 16px; }
}

/* باکس جدیدترین (چپ) */
.bs-hero-side {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 18px;
    height: 420px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.bs-section-title {
    font-size: 14px;
    font-weight: 900;
    color: var(--bs-text);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--bs-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
.bs-section-title::before {
    content: '';
    width: 4px;
    height: 14px;
    background: var(--bs-primary);
    border-radius: 2px;
}
.bs-section-title .more-link {
    margin-right: auto;
    font-size: 11px;
    color: var(--bs-primary);
    font-weight: 700;
    border-bottom: 0;
}
.bs-section-title .more-link:hover { text-decoration: underline; }

.bs-mini-news-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    flex: 1;
}
.bs-mini-news-item {
    display: flex;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-mini-news-item:last-child { border-bottom: 0; padding-bottom: 0; }
.bs-mini-news-item img {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}
.bs-mini-news-thumb-placeholder {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    background: var(--bs-primary-light);
    flex-shrink: 0;
}
.bs-mini-news-content { flex: 1; min-width: 0; }
.bs-mini-news-content h4 {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-mini-news-content h4 a { color: var(--bs-text); transition: var(--bs-transition); }
.bs-mini-news-content h4 a:hover { color: var(--bs-primary); }
.bs-mini-news-content .meta {
    font-size: 10px;
    color: var(--bs-text-light);
}

/* ۵ پست رندوم زیر هیرو */
.bs-random-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}
@media (max-width: 640px) { .bs-random-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }
.bs-random-card {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    overflow: hidden;
    transition: var(--bs-transition);
}
.bs-random-card:hover { transform: translateY(-2px); box-shadow: var(--bs-shadow-lg); }
.bs-random-card-thumb {
    width: 100%;
    aspect-ratio: 16 / 10;
    background: var(--bs-bg-secondary);
    overflow: hidden;
}
.bs-random-card-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.bs-random-card:hover .bs-random-card-thumb img { transform: scale(1.05); }
.bs-random-card-body { padding: 10px; }
.bs-random-card-cat {
    display: inline-block;
    font-size: 9px;
    font-weight: 900;
    color: var(--bs-primary);
    background: var(--bs-primary-light);
    padding: 2px 6px;
    border-radius: 4px;
    margin-bottom: 6px;
}
.bs-random-card h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-random-card h4 a { color: var(--bs-text); }

/* Layout اصلی صفحه (محتوا + سایدبار) */
.bs-main-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 28px;
}
@media (max-width: 1024px) {
    .bs-main-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════
   ⑨ کارت خبر اصلی (لیست عمودی)
═══════════════════════════════════════════════════════════ */
.bs-news-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 28px;
}

.bs-news-card {
    display: flex;
    gap: 16px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 14px;
    transition: var(--bs-transition);
}
.bs-news-card:hover {
    border-color: var(--bs-primary);
    box-shadow: var(--bs-shadow);
    transform: translateY(-1px);
}
.bs-news-card-thumb {
    width: 200px;
    height: 140px;
    border-radius: var(--bs-radius);
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    background: var(--bs-bg-secondary);
}
.bs-news-card-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.bs-news-card:hover .bs-news-card-thumb img { transform: scale(1.05); }
.bs-news-card-cat {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--bs-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    padding: 3px 9px;
    border-radius: 6px;
}
.bs-news-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}
.bs-news-card-pre {
    font-size: 10px;
    font-weight: 900;
    color: var(--bs-accent);
    margin-bottom: 4px;
}
.bs-news-card-body h3 {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-news-card-body h3 a { color: var(--bs-text); transition: var(--bs-transition); }
.bs-news-card-body h3 a:hover { color: var(--bs-primary); }
.bs-news-card-lead {
    font-size: 12px;
    color: var(--bs-text-muted);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.bs-news-card-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 11px;
    color: var(--bs-text-light);
    padding-top: 8px;
    border-top: 1px solid var(--bs-border-light);
    flex-wrap: wrap;
}
.bs-news-card-meta > span,
.bs-news-card-meta > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.bs-news-card-meta svg { width: 13px; height: 13px; }
.bs-news-card-meta a { color: var(--bs-text-muted); transition: var(--bs-transition); }
.bs-news-card-meta a:hover { color: var(--bs-primary); }

@media (max-width: 640px) {
    .bs-news-card { flex-direction: column; }
    .bs-news-card-thumb { width: 100%; height: 180px; }
}

/* ═══════════════════════════════════════════════════════════
   ⑩ سایدبار (راست) — ویجت‌ها
═══════════════════════════════════════════════════════════ */
.bs-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bs-widget {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    overflow: hidden;
}
.bs-widget-head {
    padding: 12px 16px;
    border-bottom: 1px solid var(--bs-border-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bs-widget-title {
    font-size: 13px;
    font-weight: 900;
    color: var(--bs-text);
    display: flex;
    align-items: center;
    gap: 8px;
}
.bs-widget-title::before {
    content: '';
    width: 4px;
    height: 14px;
    background: var(--bs-primary);
    border-radius: 2px;
}
.bs-widget-title.amber::before { background: var(--bs-accent); }
.bs-widget-title.blue::before { background: var(--bs-info); }
.bs-widget-title.green::before { background: var(--bs-success); }
.bs-widget-head .more-link {
    font-size: 11px;
    color: var(--bs-primary);
    font-weight: 700;
}
.bs-widget-head .more-link:hover { text-decoration: underline; }
.bs-widget-body { padding: 14px 16px; }

/* تب در ویجت‌ها */
.bs-widget-tabs {
    display: flex;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-widget-tab {
    flex: 1;
    padding: 10px;
    font-size: 11px;
    font-weight: 700;
    color: var(--bs-text-muted);
    background: transparent;
    cursor: pointer;
    transition: var(--bs-transition);
    border-bottom: 2px solid transparent;
}
.bs-widget-tab:hover { color: var(--bs-text); }
.bs-widget-tab.active {
    color: var(--bs-primary);
    border-bottom-color: var(--bs-primary);
    background: var(--bs-primary-light);
}

/* ویجت نویسندگان */
.bs-author-mini {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-author-mini:last-child { border-bottom: 0; }
.bs-author-mini img,
.bs-author-mini .bs-avatar-letter {
    width: 36px; height: 36px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: var(--bs-primary); color: #fff; font-weight: 900;
}
.bs-author-mini-info { flex: 1; min-width: 0; }
.bs-author-mini-name {
    font-size: 12px;
    font-weight: 900;
    color: var(--bs-text);
    display: flex;
    align-items: center;
    gap: 4px;
}
.bs-author-mini-name a { color: var(--bs-text); transition: var(--bs-transition); }
.bs-author-mini-name a:hover { color: var(--bs-primary); }
.bs-author-mini-meta {
    font-size: 10px;
    color: var(--bs-text-light);
    margin-top: 2px;
}

/* تیک‌ها */
.bs-badge-tick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: help;
    flex-shrink: 0;
}
.bs-badge-tick svg { width: 15px; height: 15px; display: block; }
.bs-badge-tick .bs-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 50%;
    transform: translateX(50%);
    background: #0f172a;
    color: #fff;
    font-size: 10px;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-transition);
    pointer-events: none;
    z-index: 100;
    font-weight: 700;
}
.bs-badge-tick:hover .bs-tooltip { opacity: 1; visibility: visible; }

/* ویجت تب دسته‌بندی */
.bs-cat-news-list { display: flex; flex-direction: column; gap: 10px; }
.bs-cat-news-item {
    display: flex;
    gap: 10px;
    padding: 8px;
    border-radius: var(--bs-radius-sm);
    transition: var(--bs-transition);
}
.bs-cat-news-item:hover { background: var(--bs-bg-secondary); }
.bs-cat-news-item img {
    width: 48px; height: 48px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}
.bs-cat-news-info { flex: 1; min-width: 0; }
.bs-cat-news-info h5 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-cat-news-info h5 a { color: var(--bs-text); }
.bs-cat-news-info .meta {
    font-size: 10px;
    color: var(--bs-text-light);
    margin-top: 4px;
}

/* ویجت آخرین کامنت‌ها */
.bs-comment-mini {
    padding: 10px;
    background: var(--bs-bg-secondary);
    border-radius: var(--bs-radius);
    margin-bottom: 8px;
}
.bs-comment-mini-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.bs-comment-mini-head img {
    width: 28px; height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
}
.bs-comment-mini-name {
    font-size: 11px;
    font-weight: 700;
    color: var(--bs-text);
}
.bs-comment-mini-text {
    font-size: 11px;
    color: var(--bs-text-muted);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-comment-mini-on {
    font-size: 10px;
    color: var(--bs-text-light);
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid var(--bs-border-light);
}
.bs-comment-mini-on a { color: var(--bs-primary); }

/* نظرسنجی */
.bs-poll-q { font-size: 13px; font-weight: 700; margin-bottom: 14px; line-height: 1.7; }
.bs-poll-option {
    display: block;
    padding: 10px 12px;
    background: var(--bs-bg-secondary);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    margin-bottom: 8px;
    cursor: pointer;
    transition: var(--bs-transition);
    font-size: 12px;
    font-weight: 600;
}
.bs-poll-option:hover {
    border-color: var(--bs-primary);
    background: var(--bs-primary-light);
}
.bs-poll-option input[type="radio"] { margin-left: 8px; accent-color: var(--bs-primary); }
.bs-poll-result {
    margin-bottom: 12px;
}
.bs-poll-result-head {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    margin-bottom: 4px;
}
.bs-poll-bar-bg {
    height: 6px;
    background: var(--bs-bg-secondary);
    border-radius: 9999px;
    overflow: hidden;
}
.bs-poll-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--bs-primary), var(--bs-accent));
    border-radius: 9999px;
    transition: width 0.8s ease;
}
.bs-poll-total {
    font-size: 11px;
    color: var(--bs-text-light);
    padding-top: 8px;
    border-top: 1px solid var(--bs-border-light);
    text-align: center;
}
.bs-poll-vote-btn {
    width: 100%;
    padding: 10px;
    background: var(--bs-primary);
    color: #fff;
    font-weight: 900;
    font-size: 12px;
    border-radius: var(--bs-radius);
    transition: var(--bs-transition);
    margin-top: 8px;
}
.bs-poll-vote-btn:hover { background: var(--bs-primary-dark); }

/* جایگاه تبلیغ */
.bs-ad-slot {
    background: linear-gradient(135deg, #eef2ff, #fff7ed, #fef2f2);
    border: 1px dashed #cbd5e1;
    border-radius: var(--bs-radius-lg);
    padding: 30px 14px;
    text-align: center;
    color: var(--bs-text-light);
    font-size: 11px;
    font-weight: 700;
}
.bs-ad-slot.with-image { padding: 0; overflow: hidden; }
.bs-ad-slot.with-image img { width: 100%; display: block; }

/* پربازدید (لیست با شماره) */
.bs-popular-list { display: flex; flex-direction: column; gap: 10px; }
.bs-popular-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.bs-popular-rank {
    width: 24px; height: 24px;
    border-radius: 6px;
    background: var(--bs-bg-secondary);
    color: var(--bs-text-light);
    display: flex; align-items: center; justify-content: center;
    font-size: 11px;
    font-weight: 900;
    flex-shrink: 0;
}
.bs-popular-item:nth-child(-n+3) .bs-popular-rank {
    background: var(--bs-primary);
    color: #fff;
}
.bs-popular-info { flex: 1; min-width: 0; }
.bs-popular-info h5 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-popular-info h5 a { color: var(--bs-text); transition: var(--bs-transition); }
.bs-popular-info h5 a:hover { color: var(--bs-primary); }
.bs-popular-info .meta {
    font-size: 10px;
    color: var(--bs-text-light);
    margin-top: 3px;
}

/* ═══════════════════════════════════════════════════════════
   ⑪ استودیو ویدیو (بخش پایین صفحه اصلی)
═══════════════════════════════════════════════════════════ */
.bs-video-shelf {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    border-radius: var(--bs-radius-lg);
    padding: 24px;
    margin: 28px 0;
}
.bs-video-shelf .bs-section-title {
    color: #fff;
    border-bottom-color: var(--bs-accent);
}
.bs-video-shelf .bs-section-title::before { background: var(--bs-accent); }
.bs-video-shelf .bs-section-title .more-link { color: var(--bs-accent); }
.bs-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
@media (max-width: 768px) { .bs-video-grid { grid-template-columns: 1fr; } }
.bs-video-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--bs-radius);
    overflow: hidden;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-video-card:hover { transform: translateY(-2px); }
.bs-video-thumb {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}
.bs-video-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; transition: var(--bs-transition); }
.bs-video-card:hover .bs-video-thumb img { opacity: 0.9; transform: scale(1.05); }
.bs-video-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-video-play .play-circle {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: rgba(220,38,38,0.9);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--bs-transition);
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}
.bs-video-card:hover .play-circle { transform: scale(1.1); background: var(--bs-primary); }
.bs-video-play svg { width: 24px; height: 24px; margin-right: -4px; }
.bs-video-duration {
    position: absolute;
    bottom: 8px; left: 8px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.bs-video-body { padding: 12px; }
.bs-video-body h4 {
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-video-body .meta {
    font-size: 10px;
    color: #94a3b8;
}

/* مودال ویدیو */
.bs-video-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.9);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.bs-video-modal.show { display: flex; }
.bs-video-modal-inner {
    width: 100%;
    max-width: 900px;
    position: relative;
}
.bs-video-modal-close {
    position: absolute;
    top: -40px;
    left: 0;
    color: #fff;
    background: var(--bs-primary);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 900;
    font-size: 12px;
}
.bs-video-modal-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--bs-radius);
    overflow: hidden;
    background: #000;
}
.bs-video-modal-frame iframe { width: 100%; height: 100%; border: 0; }

/* ═══════════════════════════════════════════════════════════
   ⑫ صفحه تکی نوشته (single)
═══════════════════════════════════════════════════════════ */
.bs-article-wrap {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-xl);
    padding: 24px;
    margin: 24px 0;
    box-shadow: var(--bs-shadow);
}
.bs-article-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.bs-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--bs-text-light);
    flex-wrap: wrap;
}
.bs-breadcrumb a {
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
}
.bs-breadcrumb a:hover { color: var(--bs-primary); }
.bs-breadcrumb .sep { color: var(--bs-text-light); }
.bs-breadcrumb .current { color: var(--bs-text); font-weight: 700; }

.bs-article-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.bs-btn-print {
    height: 36px; padding: 0 12px;
    margin: 0 5px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    color: var(--bs-text-muted);
    display: inline-flex; align-items: center; gap: 6px;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-btn-print:hover { border-color: var(--bs-primary); color: var(--bs-primary); }
.bs-btn-share {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: var(--bs-radius);
    font-size: 12px;
    font-weight: 900;
    transition: var(--bs-transition);
}
.bs-btn-share:hover { background: var(--bs-primary-dark); }

/* عنوان مقاله */
.bs-article-pre {
    font-size: 12px;
    font-weight: 900;
    color: var(--bs-accent);
    margin-bottom: 8px;
}
.bs-article-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.5;
    color: var(--bs-text);
    margin-bottom: 16px;
}
.bs-article-hr {
    height: 1px;
    background: linear-gradient(to left, transparent, var(--bs-border), transparent);
    margin: 20px 0;
}
.bs-article-meta {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 11px;
    color: var(--bs-text-muted);
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.bs-article-meta > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bs-article-meta svg { width: 14px; height: 14px; color: var(--bs-primary); }
.bs-meta-ico {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
    flex: 0 0 auto;
}
.bs-meta-ico svg { width: 12px; height: 12px; }

/* بدنه مقاله */
.bs-article-grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 28px;
    max-width: 100%;
}
@media (max-width: 900px) { .bs-article-grid { grid-template-columns: minmax(0, 1fr); } }

/* نمایش فقط در موبایل/دسکتاپ (بر اساس همان breakpoint گرید مقاله) */
@media (min-width: 901px) { .bs-mobile-only { display: none !important; } }
@media (max-width: 900px) { .bs-desktop-only { display: none !important; } }

.bs-article-content { min-width: 0; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; }
.bs-article-thumb {
    width: 100%;
    border-radius: var(--bs-radius-lg);
    overflow: hidden;
    margin-bottom: 20px;
}
.bs-article-thumb img { width: 100%; }

/* ═══════════════════════════════════════════════════════════
   سامانه تبلیغات — استایل مشترک همه جایگاه‌ها
═══════════════════════════════════════════════════════════ */
.bs-ad-wrapper { position: relative; font-family: var(--bs-font); color: var(--bs-text); }
.bs-ad-wrapper *:not(img):not(svg) { font-family: var(--bs-font) !important; }

/* باکس تبلیغ «حمایت از ما» در پنل کاربری — کارت مستقل و چشم‌نواز
   نکته: !important روی ابعاد لازم است چون بسیاری از کدهای تبلیغاتی
   (یکتانت، ادکسو و مشابه) ابعاد iframe/ins را با استایل inline خودشان
   تزریق می‌کنند که در غیر این صورت روی CSS خارجی اولویت پیدا می‌کند. */
.bs-profile-panel-ad { margin-top: 16px; }
.bs-profile-panel-ad + .bs-profile-panel-ad { margin-top: 12px; }
.bs-ppa-card {
    background: linear-gradient(180deg, rgba(184,134,11,0.08), rgba(184,134,11,0.02));
    border: 1px solid rgba(184,134,11,0.25);
    border-radius: var(--bs-radius-lg);
    padding: 14px;
    text-align: center;
}
.bs-ppa-head { display: flex; align-items: center; gap: 10px; text-align: right; margin-bottom: 12px; }
.bs-ppa-icon {
    width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px;
    background: linear-gradient(135deg, #b8860b, #a97142);
    display: flex; align-items: center; justify-content: center; color: #fff;
}
.bs-ppa-icon svg { width: 18px; height: 18px; }
.bs-ppa-head-text { display: flex; flex-direction: column; gap: 2px; }
.bs-ppa-head-text strong { font-size: 12.5px; font-weight: 800; color: var(--bs-text); }
.bs-ppa-head-text span { font-size: 10.5px; color: var(--bs-text-light); line-height: 1.7; }
.bs-ppa-adbox {
    width: 100%; max-width: var(--bs-ppa-w, 300px); aspect-ratio: var(--bs-ppa-ratio, 300 / 250);
    margin: 0 auto; border-radius: 12px; overflow: hidden;
    background: var(--bs-bg-secondary); border: 1px solid var(--bs-border);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 18px rgba(184,134,11,0.18);
}
.bs-ppa-foot {
    display: flex; align-items: center; justify-content: center; gap: 5px;
    font-size: 10.5px; color: #b8860b; font-weight: 700; margin-top: 10px;
}
.bs-ppa-foot svg { width: 12px; height: 12px; }

.bs-ppa-adbox .bs-ad-wrapper {
    width: 100% !important; max-width: 100% !important; height: 100% !important;
    display: flex !important; align-items: center; justify-content: center;
    overflow: hidden !important; margin: 0 auto !important;
}
.bs-ppa-adbox .bs-ad-wrapper > *:not(.bs-ad-tag) {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
}
.bs-ppa-adbox .bs-ad-wrapper img,
.bs-ppa-adbox .bs-ad-wrapper iframe,
.bs-ppa-adbox .bs-ad-wrapper ins,
.bs-ppa-adbox .bs-ad-wrapper a {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
    object-fit: cover;
}
.bs-ad-tag {
    display: inline-block;
    font-size: 10px; font-weight: 700; color: var(--bs-text-light);
    background: var(--bs-bg-secondary);
    border: 1px solid var(--bs-border);
    border-radius: 5px;
    padding: 1px 8px;
    margin-bottom: 6px;
}
/* جایگاه‌های داخل محتوای مقاله (بالا / میان / پایین / بعد از مرتبط) */
.bs-content-ad { margin: 20px 0; text-align: center; }
.bs-content-ad img { max-width: 100%; border-radius: var(--bs-radius); }
.bs-content-ad-top { margin-top: 0; margin-bottom: 20px; }
.bs-article-below-title-ad{width:100%;margin:14px 0 20px;text-align:center;overflow:hidden}.bs-article-below-title-ad .bs-ad-wrapper{width:100%;max-width:100%;margin:0 auto}.bs-article-below-title-ad .bs-ad-slot,.bs-article-below-title-ad iframe,.bs-article-below-title-ad ins,.bs-article-below-title-ad img{max-width:100%!important}.bs-article-below-title-ad img{height:auto!important;border-radius:12px}
.bs-content-ad-mid { margin: 24px 0; }
.bs-content-ad-after-related { margin-top: 24px; }

/* جایگاه سایدبار مقاله (article_sidebar) — طبق درخواست، دیگر هنگام
   اسکرول همراه محتوا حرکت نمی‌کند (چسبان نیست) و در جای خودش ثابت
   می‌ماند؛ هم در دسکتاپ و هم موبایل. */
.bs-ad-sticky-wrap { position: static; }

/* کارت نیتیو درون‌فهرست (home_infeed و search_results) */
.bs-news-card-ad { position: relative; padding: 14px; background: var(--bs-card); }
.bs-news-card-ad .bs-ad-wrapper { width: 100%; }
.bs-news-card-ad .bs-ad-tag { position: absolute; top: 10px; left: 10px; margin: 0; z-index: 2; background: var(--bs-card); }
.bs-news-card-ad .bs-ad-slot.with-image img { border-radius: var(--bs-radius); }

/* نوار چسبان تبلیغ پایین موبایل (sticky_mobile / Anchor Ad) */
.bs-sticky-ad {
    position: fixed;
    left: 10px; right: 10px;
    bottom: calc(9px + env(safe-area-inset-bottom));
    z-index: 85;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
    padding: 8px 34px 8px 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: var(--bs-transition);
    display: none;
}
.bs-sticky-ad.show { opacity: 1; visibility: visible; transform: translateY(0); }
.bs-sticky-ad-body { max-height: 64px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.bs-sticky-ad-body img { max-height: 56px; width: auto; max-width: 100%; border-radius: 8px; }
.bs-sticky-ad-close {
    position: absolute; top: 6px; left: 6px;
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--bs-bg-secondary); color: var(--bs-text-light);
    display: flex; align-items: center; justify-content: center;
    border: 0; cursor: pointer;
}
.bs-sticky-ad-close svg { width: 12px; height: 12px; }
@media (max-width: 900px) { .bs-sticky-ad { display: block; bottom: calc(100px + env(safe-area-inset-bottom)); } }
body.bs-has-sticky-ad .bs-back-top { bottom: calc(176px + env(safe-area-inset-bottom)); }
/* در صفحاتی که منوی چسبان موبایل مخفی می‌شود (اکسپلور/کوییز)، نوار تبلیغ چسبان هم پنهان بماند */
body.bs-explore-page .bs-sticky-ad,
body.bs-quiz-page .bs-sticky-ad { display: none !important; }

/* ═══════════════════════════════════════════════════════════
   تبلیغات هوشمند — مودال «برای حمایت از ما روی تبلیغ کلیک کنید»
   (اعتبار رایگان کوییز و ابزارهای هوش مصنوعی)
═══════════════════════════════════════════════════════════ */
.bs-sa-gate {
    position: fixed; inset: 0; z-index: 9999;
    display: none;
    align-items: center; justify-content: center;
    padding: 16px;
}
.bs-sa-gate.show { display: flex; }
.bs-sa-gate-backdrop {
    position: absolute; inset: 0;
    background: rgba(15,23,42,.66);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity .3s ease;
}
.bs-sa-gate.show .bs-sa-gate-backdrop { opacity: 1; }
.bs-sa-gate-box {
    position: relative; z-index: 1;
    width: 100%; max-width: 420px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    box-shadow: 0 24px 60px rgba(0,0,0,.35);
    padding: 26px 22px 22px;
    text-align: center;
    transform: translateY(18px) scale(.97);
    opacity: 0;
    transition: transform .35s cubic-bezier(.32,1.2,.5,1), opacity .3s ease;
}
.bs-sa-gate.show .bs-sa-gate-box { transform: translateY(0) scale(1); opacity: 1; }
.bs-sa-gate.is-done .bs-sa-gate-box { transform: scale(.96); opacity: 0; }
.bs-sa-gate-badge {
    width: 46px; height: 46px; border-radius: 50%;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-accent, #f59e0b));
    color: #fff; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 12px;
}
.bs-sa-gate-badge svg { width: 22px; height: 22px; }
.bs-sa-gate-title { font-size: 16.5px; font-weight: 900; color: var(--bs-text); margin-bottom: 6px; }
.bs-sa-gate-sub { font-size: 12.5px; color: var(--bs-text-light); line-height: 1.9; margin-bottom: 16px; }
.bs-sa-gate-adwrap {
    width: 100%; max-width: 100%;
    min-height: 90px;
    background: var(--bs-bg-secondary);
    border: 1px dashed var(--bs-border);
    border-radius: var(--bs-radius);
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 16px;
    cursor: pointer;
}
.bs-sa-gate-adwrap img,
.bs-sa-gate-adwrap iframe,
.bs-sa-gate-adwrap ins {
    display: block; width: 100% !important; max-width: 100%; height: auto;
    border: 0;
}
.bs-sa-gate-empty { padding: 24px; font-size: 12px; color: var(--bs-text-light); }
.bs-sa-gate-claim {
    width: 100%;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    background: var(--bs-primary);
    color: #fff;
    border: 0; border-radius: var(--bs-radius);
    padding: 13px 16px;
    font-size: 14px; font-weight: 800;
    font-family: var(--bs-font);
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-sa-gate-claim svg { width: 16px; height: 16px; }
.bs-sa-gate-claim.is-locked { background: var(--bs-border); color: var(--bs-text-light); cursor: not-allowed; }
.bs-sa-gate-claim.is-locked svg { display: inline-block; }
.bs-sa-gate-claim:not(.is-locked) svg { display: none; }
.bs-sa-gate-claim.is-busy { opacity: .7; cursor: wait; }
.bs-sa-gate-claim:not(.is-locked):not(.is-busy):hover { background: var(--bs-primary-dark); }
.bs-sa-gate-claim.shake { animation: bs-sa-shake .45s ease; }
@keyframes bs-sa-shake {
    10%, 90% { transform: translateX(-1px); }
    20%, 80% { transform: translateX(2px); }
    30%, 50%, 70% { transform: translateX(-4px); }
    40%, 60% { transform: translateX(4px); }
}
.bs-sa-gate-timer { font-variant-numeric: tabular-nums; }
.bs-sa-gate-note { font-size: 10.5px; color: var(--bs-text-light); margin: 10px 0 0; transition: color .2s ease; }
.bs-sa-gate-note.is-warning { color: var(--bs-danger); font-weight: 700; }
.bs-sa-gate-note.is-ready { color: #16a34a; font-weight: 700; }
@media (max-width: 480px) {
    .bs-sa-gate-box { padding: 22px 16px 18px; }
    .bs-sa-gate-adwrap { min-height: 70px; }
}

.bs-article-lead {
    font-size: 15px;
    font-weight: 700;
    color: var(--bs-text);
    line-height: 1.9;
    padding: 14px 18px;
    background: var(--bs-bg-secondary);
    border-right: 4px solid var(--bs-primary);
    border-radius: var(--bs-radius);
    margin-bottom: 18px;
}
.bs-article-body {
    font-size: 14px;
    line-height: 2;
    color: var(--bs-text);
}
.bs-article-body p { margin-bottom: 16px; text-align: justify; }
.bs-article-body h2 {
    font-size: 18px;
    font-weight: 900;
    margin: 24px 0 12px;
    padding-right: 12px;
    border-right: 4px solid var(--bs-primary);
}
.bs-article-body h3 { font-size: 16px; font-weight: 900; margin: 20px 0 10px; }
.bs-article-body img { border-radius: var(--bs-radius); margin: 16px 0; }
.bs-article-body blockquote {
    border-right: 4px solid var(--bs-accent);
    background: #fffbeb;
    padding: 14px 18px;
    border-radius: var(--bs-radius);
    margin: 16px 0;
    font-style: italic;
}
html[data-theme="dark"] .bs-article-body blockquote { background: rgba(245,158,11,0.05); }
.bs-article-body a { color: var(--bs-primary); text-decoration: underline; }
.bs-article-body ul, .bs-article-body ol { padding-right: 24px; margin-bottom: 16px; }
.bs-article-body li { margin-bottom: 6px; }

/* تگ‌ها */
.bs-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 0;
    border-top: 1px solid var(--bs-border-light);
    border-bottom: 1px solid var(--bs-border-light);
    margin: 20px 0;
}
.bs-tags-label {
    font-size: 11px;
    font-weight: 900;
    color: var(--bs-text-muted);
    margin-left: 6px;
    display: inline-flex;
    align-items: center;
}
.bs-tag {
    display: inline-block;
    padding: 4px 10px;
    background: var(--bs-bg-secondary);
    color: var(--bs-text-muted);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    transition: var(--bs-transition);
}
.bs-tag:hover { background: var(--bs-primary); color: #fff; }

/* باکس دیدگاه AI */
.bs-ai-comment {
    background: linear-gradient(135deg, rgba(37,99,235,0.05), rgba(6,182,212,0.05));
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: var(--bs-radius-lg);
    padding: 16px;
    margin: 20px 0;
}
.bs-ai-comment-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.bs-ai-comment-avatar {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
}
.bs-ai-comment-avatar svg { width: 18px; height: 18px; }
.bs-ai-comment-name {
    font-size: 13px;
    font-weight: 900;
    color: var(--bs-text);
}
.bs-ai-comment-name small {
    display: block;
    font-size: 10px;
    color: var(--bs-info);
    font-weight: 600;
    margin-top: 2px;
}
.bs-ai-comment-body {
    font-size: 13px;
    line-height: 1.9;
    color: var(--bs-text-muted);
    margin-bottom: 12px;
}
.bs-ai-comment-actions {
    display: flex;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(37,99,235,0.1);
}
.bs-ai-vote-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    background: rgba(255,255,255,0.5);
    border: 1px solid var(--bs-border);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--bs-text-muted);
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-ai-vote-btn:hover { color: var(--bs-success); border-color: var(--bs-success); }
.bs-ai-vote-btn.dislike:hover { color: var(--bs-danger); border-color: var(--bs-danger); }
.bs-ai-vote-btn svg { width: 13px; height: 13px; }

/* ─── باکس نکات فرهنگ‌سازی میراث فرهنگی (زیر باستان‌یار) ───────────── */
.bs-heritage-box {
    position: relative; overflow: hidden; margin: 18px 0; padding: 20px 22px 22px; border-radius: 20px;
    background: linear-gradient(155deg, #0b1220 0%, #131c33 55%, #0b1220 100%);
    border: 1px solid rgba(148,163,184,.14);
    box-shadow: 0 18px 42px rgba(15,23,42,.16);
}
.bs-heritage-aurora { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.bs-heritage-aurora i { position: absolute; width: 220px; height: 220px; border-radius: 50%; filter: blur(60px); opacity: .35; animation: bsHeritageDrift 16s ease-in-out infinite; }
.bs-heritage-aurora i:nth-child(1) { background: #059669; top: -60px; right: -40px; }
.bs-heritage-aurora i:nth-child(2) { background: #7c3aed; bottom: -70px; left: -30px; animation-duration: 20s; animation-delay: -4s; }
.bs-heritage-aurora i:nth-child(3) { background: #0ea5e9; top: 40%; left: 30%; width: 160px; height: 160px; animation-duration: 24s; animation-delay: -9s; }
@keyframes bsHeritageDrift { 0%, 100% { transform: translate(0,0) scale(1); } 50% { transform: translate(20px,-16px) scale(1.12); } }

.bs-heritage-head { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.bs-heritage-head-icon { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#059669,#0ea5e9); color: #fff; box-shadow: 0 8px 18px rgba(5,150,105,.3); }
.bs-heritage-head-icon svg { width: 19px; height: 19px; }
.bs-heritage-head-text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bs-heritage-head-text strong { color: #f8fafc; font-size: 14.5px; font-weight: 900; }
.bs-heritage-head-text small { color: #94a3b8; font-size: 11px; margin-top: 2px; }
.bs-heritage-next {
    flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #cbd5e1; cursor: pointer;
    transition: background .2s, transform .2s, color .2s;
}
.bs-heritage-next:hover { background: rgba(255,255,255,.12); color: #fff; }
.bs-heritage-next svg { width: 16px; height: 16px; transition: transform .5s cubic-bezier(.4,0,.2,1); }
.bs-heritage-next.is-spinning svg { transform: rotate(220deg); }

.bs-heritage-body { position: relative; z-index: 1; min-height: 150px; }
.bs-heritage-skeleton { height: 130px; border-radius: 14px; background: linear-gradient(90deg, rgba(255,255,255,.04) 25%, rgba(255,255,255,.09) 37%, rgba(255,255,255,.04) 63%); background-size: 400% 100%; animation: bsHeritageShimmer 1.4s ease infinite; }
@keyframes bsHeritageShimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
.bs-heritage-body > * { opacity: 0; transform: translateY(8px); }
.bs-heritage-body.is-in > * { opacity: 1; transform: translateY(0); transition: opacity .5s ease, transform .5s cubic-bezier(.2,.8,.2,1); }
.bs-heritage-body.is-in > *:nth-child(1) { transition-delay: .02s; }
.bs-heritage-body.is-in > *:nth-child(2) { transition-delay: .08s; }
.bs-heritage-body.is-in > *:nth-child(3) { transition-delay: .14s; }

.bs-heritage-cat { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 5px 14px; border-radius: 999px; font-size: 11px; font-weight: 800; color: var(--cat-color); background: color-mix(in srgb, var(--cat-color) 16%, transparent); border: 1px solid color-mix(in srgb, var(--cat-color) 30%, transparent); margin-bottom: 12px; }
.bs-heritage-cat-icon { font-size: 13px; line-height: 1; }
.bs-heritage-text { color: #f1f5f9; font-size: 15.5px; font-weight: 700; line-height: 1.85; margin: 0 0 18px; }

.bs-heritage-stat { display: flex; align-items: center; gap: 16px; padding-top: 14px; border-top: 1px dashed rgba(255,255,255,.12); }
.bs-heritage-ring {
    flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%; position: relative; display: grid; place-items: center;
    background: conic-gradient(var(--cat-color) calc(var(--p) * 1%), rgba(255,255,255,.09) 0);
    transition: background .05s linear;
}
.bs-heritage-ring::before { content: ''; position: absolute; inset: 6px; border-radius: 50%; background: #0d1526; }
.bs-heritage-ring span { position: relative; font-size: 12.5px; font-weight: 900; color: #fff; font-variant-numeric: tabular-nums; }
.bs-heritage-stat-bar { flex: 1; min-width: 0; height: 8px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden; display: none; }
.bs-heritage-stat-bar i { display: block; height: 100%; border-radius: 6px; transition: width .05s linear; }
.bs-heritage-stat-label { flex-basis: 100%; font-size: 11px; color: #94a3b8; line-height: 1.7; }
@media (min-width: 480px) {
    .bs-heritage-stat { flex-wrap: wrap; }
    .bs-heritage-stat-bar { display: block; flex-basis: auto; }
    .bs-heritage-stat-label { flex-basis: auto; flex: 1; min-width: 140px; }
}

/* نمودار مقایسه‌ای دو‌میله‌ای (تنوع دوم نمایش گرافیکی) */
.bs-heritage-compare { padding-top: 14px; border-top: 1px dashed rgba(255,255,255,.12); }
.bs-heritage-compare-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.bs-heritage-compare-row:last-of-type { margin-bottom: 6px; }
.bs-heritage-compare-label { flex: 0 0 auto; width: 118px; font-size: 11px; color: #cbd5e1; font-weight: 700; line-height: 1.5; }
.bs-heritage-compare-track { position: relative; flex: 1; min-width: 0; height: 10px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: visible; }
.bs-heritage-compare-track i { display: block; height: 100%; border-radius: 6px; transition: width .05s linear; }
.bs-heritage-compare-track i.is-a { background: linear-gradient(90deg, var(--cat-color), color-mix(in srgb, var(--cat-color) 60%, #fff)); }
.bs-heritage-compare-track i.is-b { background: rgba(255,255,255,.22); }
.bs-heritage-compare-val { position: absolute; top: 50%; right: 0; transform: translate(0,-50%); font-size: 10.5px; font-weight: 900; color: #fff; background: #0d1526; padding: 1px 6px; border-radius: 999px; font-variant-numeric: tabular-nums; }

/* سایدبار single */
.bs-article-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; max-width: 100%; }
.bs-article-side > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.bs-article-side .bs-widget { width: 100%; box-sizing: border-box; }
.bs-author-box {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 16px;
    text-align: center;
}
.bs-author-box-avatar {
    width: 72px; height: 72px;
    border-radius: 50%;
    margin: 0 auto 10px;
    overflow: hidden;
    border: 3px solid var(--bs-primary);
}
.bs-author-box-avatar img { width: 100%; height: 100%; object-fit: cover; }
.bs-author-box-name {
    font-size: 14px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}
.bs-author-box-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin: 14px 0;
    padding: 10px;
    background: var(--bs-bg-secondary);
    border-radius: var(--bs-radius);
}
.bs-author-box-stats > div { text-align: center; }
.bs-author-box-stats strong {
    display: block;
    font-size: 14px;
    color: var(--bs-text);
    font-weight: 900;
}
.bs-author-box-stats small {
    font-size: 10px;
    color: var(--bs-text-light);
}
.bs-author-box-btn {
    display: block;
    width: 100%;
    padding: 9px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: var(--bs-radius);
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    transition: var(--bs-transition);
}
.bs-author-box-btn:hover { background: var(--bs-primary-dark); }

/* لایک/دیسلایک پست */
.bs-vote-box {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 16px;
}
.bs-vote-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}
.bs-vote-btn {
    padding: 14px 8px;
    background: var(--bs-bg-secondary);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    text-align: center;
    cursor: pointer;
    transition: var(--bs-transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.bs-vote-btn:hover { border-color: var(--bs-primary); }
.bs-vote-btn.active.like { border-color: var(--bs-success); background: rgba(16,185,129,0.05); color: var(--bs-success); }
.bs-vote-btn.active.dislike { border-color: var(--bs-danger); background: rgba(239,68,68,0.05); color: var(--bs-danger); }
.bs-vote-btn svg { width: 18px; height: 18px; }
.bs-vote-btn-count { font-size: 14px; font-weight: 900; }
.bs-vote-btn-label { font-size: 10px; color: var(--bs-text-light); }

/* ═══════════════════════════════════════════════════════════
   ⑬ نظرات
═══════════════════════════════════════════════════════════ */
.bs-comments {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-xl);
    padding: 24px;
    margin: 24px 0;
}
.bs-comment-form {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-comment-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}
@media (max-width: 640px) { .bs-comment-form-grid { grid-template-columns: 1fr; } }
.bs-input, .bs-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    background: var(--bs-bg-secondary);
    font-size: 13px;
    font-family: var(--bs-font);
    color: var(--bs-text);
    direction: rtl;
    transition: var(--bs-transition);
}
.bs-input:focus, .bs-textarea:focus {
    border-color: var(--bs-primary);
    outline: none;
    background: var(--bs-card);
}
.bs-textarea { resize: vertical; min-height: 90px; line-height: 1.8; }
.bs-btn-primary {
    padding: 10px 24px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: var(--bs-radius);
    font-size: 13px;
    font-weight: 900;
    transition: var(--bs-transition);
    cursor: pointer;
}
.bs-btn-primary:hover { background: var(--bs-primary-dark); }

.bs-comment-list { display: flex; flex-direction: column; gap: 16px; }
.bs-comment-list .children { display:flex; flex-direction:column; align-items:stretch; gap:12px; width:100%; max-width:100%; margin:12px 0 0; padding-right:52px; box-sizing:border-box; }
.bs-comment > .children { flex:0 0 100%; width:100%; max-width:100%; }
.bs-comment-list .children .bs-comment.reply { margin-right:0; }
@media (max-width:640px) { .bs-comment-list .children { margin-right:0; padding-right:0; } }
.bs-comment {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px;
    background: var(--bs-bg-secondary);
    border-radius: var(--bs-radius-lg);
}
.bs-comment.reply { margin-right: 40px; }
.bs-comment-avatar {
    flex-shrink: 0;
}
.bs-comment-avatar img {
    width: 40px; height: 40px;
    border-radius: 10px;
    object-fit: cover;
}
.bs-comment-body { flex: 1; min-width: 0; }
.bs-comment-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}
.bs-comment-name {
    font-size: 13px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.bs-comment-name a { color: var(--bs-text); transition: var(--bs-transition); }
.bs-comment-name a:hover { color: var(--bs-primary); }
.bs-comment-date {
    font-size: 10px;
    color: var(--bs-text-light);
}
.bs-comment-text {
    font-size: 13px;
    color: var(--bs-text-muted);
    line-height: 1.8;
}
.bs-comment-actions {
    display: flex;
    gap: 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--bs-border);
    font-size: 11px;
    color: var(--bs-text-light);
}
.bs-comment-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    color: var(--bs-text-light);
    transition: var(--bs-transition);
}
.bs-comment-action-btn:hover { color: var(--bs-primary); }
.bs-comment-action-btn svg { width: 13px; height: 13px; }
.bs-comment-action-btn.like:hover { color: var(--bs-success); }
.bs-comment-action-btn.dislike:hover { color: var(--bs-danger); }
.bs-comment-action-btn.reply-link { margin-right: auto; }

/* پاسخ کوتاه و تأییدشدهٔ باستان‌یار */
.bs-ai-thread-reply {
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    align-items:start;
    gap:12px;
    width:100%;
    max-width:100%;
    margin:0 !important;
    padding:14px;
    border:1px solid color-mix(in srgb,#2563eb 25%,var(--bs-border));
    border-radius:16px;
    background:linear-gradient(135deg,color-mix(in srgb,#2563eb 6%,var(--bs-card)),color-mix(in srgb,#06b6d4 3%,var(--bs-card)));
    box-shadow:0 8px 24px rgba(37,99,235,.07);
    box-sizing:border-box;
}
.bs-ai-thread-reply > .bs-comment-avatar { grid-column:1; grid-row:1; }
.bs-ai-thread-reply > .bs-comment-body { grid-column:2; grid-row:1; min-width:0; padding:0 !important; border:0 !important; background:transparent !important; }
.bs-ai-reply-label { display:inline-flex; align-items:center; min-height:24px; margin:0 0 8px; padding:3px 10px; border-radius:99px; color:#fff; background:linear-gradient(135deg,#2563eb,#3b82f6); font-size:9px; font-weight:900; box-shadow:0 5px 13px rgba(37,99,235,.18); }
.bs-ai-thread-reply .bs-comment-text { color:var(--bs-text); font-size:12px; line-height:1.85; }
.bs-ai-thread-reply .bs-comment-text p { margin:0; }
@media (max-width:640px) {
    .bs-ai-thread-reply { grid-template-columns:34px minmax(0,1fr); gap:9px; padding:11px; border-radius:13px; }
    .bs-ai-thread-reply .bs-comment-avatar img { width:34px; height:34px; }
    .bs-ai-reply-label { min-height:21px; padding:2px 8px; font-size:8px; }
    .bs-ai-thread-reply .bs-comment-text { font-size:11px; line-height:1.75; }
}

/* ═══════════════════════════════════════════════════════════
   ⑭ فوتر
═══════════════════════════════════════════════════════════ */
.bs-footer {
    background: #020617;
    color: #cbd5e1;
    padding: 48px 0 0;
    margin-top: 48px;
    position: relative;
}
.bs-footer-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    padding-bottom: 36px;
}
@media (max-width: 900px) { .bs-footer-cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .bs-footer-cols { grid-template-columns: 1fr; } }
.bs-footer h4 {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 16px;
    padding-right: 10px;
    border-right: 3px solid var(--bs-primary);
}
.bs-footer p { font-size: 11px; color: #94a3b8; line-height: 1.9; text-align: justify; }
.bs-footer-links { display: flex; flex-direction: column; gap: 8px; }
.bs-footer-links a {
    font-size: 11px;
    color: #94a3b8;
    transition: var(--bs-transition);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bs-footer-links a:hover { color: var(--bs-accent); transform: translateX(-3px); }
.bs-footer-links a::before {
    content: '';
    width: 4px; height: 4px;
    background: #475569;
    border-radius: 50%;
}

.bs-footer-social {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.bs-footer-social a {
    width: 32px; height: 32px;
    background: #1e293b;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    transition: var(--bs-transition);
}
.bs-footer-social a:hover { background: var(--bs-primary); color: #fff; }
.bs-footer-social svg { width: 16px; height: 16px; }

.bs-newsletter {
    display: flex;
    gap: 6px;
}
.bs-newsletter input {
    flex: 1;
    padding: 10px 12px;
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: var(--bs-radius);
    color: #fff;
    font-size: 12px;
}
.bs-newsletter input::placeholder { color: #475569; }
.bs-newsletter input:focus { border-color: var(--bs-primary); outline: 0; }
.bs-newsletter button {
    padding: 10px 16px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: var(--bs-radius);
    font-size: 11px;
    font-weight: 900;
    transition: var(--bs-transition);
}
.bs-newsletter button:hover { background: var(--bs-primary-dark); }

.bs-footer-bottom {
    border-top: 1px solid #1e293b;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.bs-footer-copyright { font-size: 11px; color: #64748b; }
.bs-footer-copyright a { color: #94a3b8; }
.bs-footer-copyright a:hover { color: var(--bs-accent); }
.bs-footer-developer { font-size: 10px; color: #475569; }
.bs-footer-developer a { color: var(--bs-primary); font-weight: 700; }
.bs-footer-developer a:hover { color: var(--bs-accent); }

/* ═══════════════════════════════════════════════════════════
   ⑮ دکمه بازگشت به بالا + منوی موبایل
═══════════════════════════════════════════════════════════ */
.bs-back-top {
    position: fixed;
    bottom: 80px;
    left: 20px;
    width: 44px; height: 44px;
    background: color-mix(in srgb, var(--bs-card) 55%, transparent);
    color: var(--bs-primary);
    border: 1px solid color-mix(in srgb, var(--bs-border) 65%, transparent);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    backdrop-filter: blur(18px) saturate(180%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18), inset 0 1px rgba(255,255,255,.35);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: var(--bs-transition), background .3s ease;
    z-index: 80;
}
.bs-back-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.bs-back-top svg { width: 20px; height: 20px; }
.bs-back-top:hover { background: color-mix(in srgb, var(--bs-card) 78%, transparent); }
html[data-theme="dark"] .bs-back-top {
    background: color-mix(in srgb, #0f172a 55%, transparent);
    border-color: rgba(148,163,184,.22);
    box-shadow: 0 8px 24px rgba(0,0,0,.4), inset 0 1px rgba(255,255,255,.06);
}
html[data-theme="dark"] .bs-back-top:hover { background: color-mix(in srgb, #0f172a 75%, transparent); }
@media (max-width: 768px) { .bs-back-top { bottom: calc(112px + env(safe-area-inset-bottom)); left: 16px; } }

/* منوی چسبان پایین موبایل (پیش‌فرض) */
.bs-mobile-nav {
    display: none;
    position: fixed;
    right: 10px; left: 10px; bottom: calc(9px + env(safe-area-inset-bottom));
    top: auto; transform: none;
    z-index: 90;
    border: 1px solid color-mix(in srgb, var(--bs-border) 72%, transparent);
    border-radius: 23px;
    background: color-mix(in srgb, var(--bs-card) 84%, transparent);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    backdrop-filter: blur(24px) saturate(180%);
    box-shadow: 0 16px 45px rgba(2,6,23,.23), inset 0 1px rgba(255,255,255,.55);
    transition: right .45s cubic-bezier(.4,0,.2,1), left .45s cubic-bezier(.4,0,.2,1),
                top .45s cubic-bezier(.4,0,.2,1), bottom .45s cubic-bezier(.4,0,.2,1),
                border-radius .45s cubic-bezier(.4,0,.2,1), background .35s ease, box-shadow .35s ease;
}
html[data-theme="dark"] .bs-mobile-nav { background: color-mix(in srgb, #0f172a 88%, transparent); border-color: #28364b; box-shadow: 0 18px 48px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.06); }

.bs-mobile-nav-inner {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: 64px;
    padding: 5px;
    align-items: center;
    transition: opacity .25s ease;
}
.bs-mobile-nav a {
    position: relative;
    min-width: 0;
    padding: 7px 3px 6px;
    text-align: center;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
    font-size: 8.5px;
    font-weight: 850;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    border-radius: 15px;
}
.bs-mobile-nav a::after { content:""; position:absolute; right:50%; bottom:2px; width:0; height:3px; border-radius:99px; background:linear-gradient(90deg,var(--bs-primary),var(--bs-accent)); transform:translateX(50%); transition:.22s ease; }
.bs-mobile-nav a.active:not(.bs-mobile-nav-main) { color: var(--bs-primary); background: color-mix(in srgb,var(--bs-primary) 8%,transparent); }
.bs-mobile-nav a.active:not(.bs-mobile-nav-main)::after { width: 18px; }
.bs-mobile-nav a svg { width: 33px; height: 33px; padding: 7px; border-radius: 11px; transition:.22s ease; }
.bs-mobile-nav-main { transform: translateY(-13px); color: var(--bs-primary) !important; }
.bs-mobile-nav-main svg { width: 48px !important; height: 48px !important; padding: 13px !important; border-radius: 17px !important; color: #fff; background: linear-gradient(145deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 35%,#4f46e5)); border: 2px solid color-mix(in srgb,var(--bs-card) 80%,transparent); box-shadow: 0 12px 25px color-mix(in srgb,var(--bs-primary) 32%,transparent); }
.bs-mobile-nav-main span { margin-top: -1px; color: var(--bs-text); }
.bs-mobile-nav-main.active svg { box-shadow: 0 0 0 5px color-mix(in srgb,var(--bs-primary) 15%,transparent),0 13px 28px color-mix(in srgb,var(--bs-primary) 42%,transparent); }

@media (max-width: 768px) {
    .bs-mobile-nav { display: block; }
    body { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
}
@media (max-width: 430px) {
    .bs-mobile-nav-inner { min-height:62px; padding:4px 2px; }
    .bs-mobile-nav a { padding-inline:1px; gap:2px; font-size:7.4px; }
    .bs-mobile-nav a svg { width:29px; height:29px; padding:6px; border-radius:10px; }
    .bs-mobile-nav-main { transform:translateY(-10px); }
    .bs-mobile-nav-main svg { width:43px !important; height:43px !important; padding:11px !important; border-radius:15px !important; }
}

/* ═══════════════════════════════════════════════════════════
   ⑯ Skeleton loading
═══════════════════════════════════════════════════════════ */
@keyframes bs-skeleton {
    0% { background-position: -200px 0; }
    100% { background-position: calc(200px + 100%) 0; }
}
.bs-skeleton {
    display: block;
    background: linear-gradient(90deg, var(--bs-border-light) 0%, var(--bs-bg-secondary) 50%, var(--bs-border-light) 100%);
    background-size: 200px 100%;
    animation: bs-skeleton 1.4s ease-in-out infinite;
    border-radius: var(--bs-radius);
}

/* ═══════════════════════════════════════════════════════════
   ⑰ اعلانات (notifications dropdown)
═══════════════════════════════════════════════════════════ */
.bs-notifications-dd {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 360px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: 16px;
    box-shadow: var(--bs-shadow-xl);
    max-height: 460px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(.98);
    transition: var(--bs-transition);
    z-index: 110;
}
.bs-notifications-dd.show { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.bs-notif-head {
    padding: 16px 18px;
    border-bottom: 1px solid var(--bs-border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background: var(--bs-card);
    z-index: 2;
}
.bs-notif-head h3 { font-size: 14px; font-weight: 900; display: flex; align-items: center; gap: 8px; }
.bs-notif-head h3 svg { width: 16px; height: 16px; color: var(--bs-primary); }
.mark-read {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 800;
    color: var(--bs-primary);
    background: var(--bs-primary-light);
    padding: 6px 12px;
    border-radius: 999px;
    cursor: pointer;
    transition: var(--bs-transition);
}
.mark-read svg { width: 12px; height: 12px; }
.mark-read:hover { background: var(--bs-primary); color: #fff; }

.bs-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--bs-border-light);
    transition: var(--bs-transition);
    cursor: pointer;
    position: relative;
}
.bs-notif-item:last-child { border-bottom: none; }
.bs-notif-item:hover { background: var(--bs-bg-secondary); }
.bs-notif-item.unread { background: color-mix(in srgb, var(--bs-primary) 4%, transparent); }
.bs-notif-item.unread:hover { background: color-mix(in srgb, var(--bs-primary) 7%, transparent); }

.bs-notif-icon {
    flex-shrink: 0;
    width: 38px; height: 38px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--bs-nc, var(--bs-primary-light));
    color: var(--bs-ncf, var(--bs-primary));
}
.bs-notif-icon svg { width: 17px; height: 17px; }

.bs-notif-item-body { flex: 1; min-width: 0; }
.bs-notif-item-title {
    font-size: 12.5px; font-weight: 800; color: var(--bs-text);
    display: flex; align-items: center; gap: 6px;
}
.bs-notif-item.unread .bs-notif-item-title::after {
    content: '';
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--bs-primary);
    flex-shrink: 0;
}
.bs-notif-item-msg {
    font-size: 11.5px; color: var(--bs-text-muted); line-height: 1.75;
    margin-top: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-notif-item-time {
    font-size: 10px; color: var(--bs-text-light); margin-top: 6px;
    display: flex; align-items: center; gap: 4px;
}
.bs-notif-item-time svg { width: 10px; height: 10px; }

.bs-notif-empty {
    padding: 46px 20px;
    text-align: center;
    color: var(--bs-text-light);
    font-size: 12.5px;
    font-weight: 600;
}
.bs-notif-empty svg {
    width: 40px; height: 40px;
    margin: 0 auto 12px;
    color: var(--bs-border);
    display: block;
}

/* ═══════════════════════════════════════════════════════════
   ⑱ جستجوی Overlay (با blur)
═══════════════════════════════════════════════════════════ */
.bs-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(10,14,26,0.55);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    z-index: 999;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 80px 20px 20px;
    overflow-y: auto;
}
.bs-search-overlay.show { display: flex; }
.bs-search-overlay-inner {
    width: 100%;
    max-width: 700px;
}
.bs-search-overlay-form {
    display: flex;
    gap: 10px;
    background: color-mix(in srgb, var(--bs-card) 75%, transparent);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid color-mix(in srgb, var(--bs-border) 60%, transparent);
    padding: 14px;
    border-radius: var(--bs-radius-lg);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
    margin-bottom: 16px;
}
.bs-search-overlay-input {
    flex: 1;
    padding: 14px;
    border: 0;
    background: transparent;
    font-size: 16px;
    color: var(--bs-text);
    direction: rtl;
}
.bs-search-overlay-input:focus { outline: 0; }
.bs-search-overlay-btn {
    padding: 14px 24px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: var(--bs-radius);
    font-weight: 900;
    cursor: pointer;
}
.bs-search-overlay-close {
    background: rgba(255,255,255,0.1);
    color: #fff;
    padding: 8px 16px;
    border-radius: var(--bs-radius);
    font-weight: 700;
    margin-right: auto;
}
.bs-search-results {
    background: var(--bs-card);
    border-radius: var(--bs-radius-lg);
    box-shadow: var(--bs-shadow-xl);
    overflow: hidden;
    max-height: 70vh;
    overflow-y: auto;
}
.bs-search-result-item {
    display: flex;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid var(--bs-border-light);
    transition: var(--bs-transition);
    color: var(--bs-text);
}
.bs-search-result-item:hover { background: var(--bs-bg-secondary); }
.bs-search-result-item img { width: 50px; height: 50px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.bs-search-result-info { flex: 1; }
.bs-search-result-info h4 { font-size: 13px; font-weight: 900; line-height: 1.5; }
.bs-search-result-info .meta { font-size: 11px; color: var(--bs-text-light); margin-top: 4px; }
.bs-search-view-all {
    display: block;
    text-align: center;
    padding: 14px;
    color: var(--bs-primary);
    font-weight: 900;
    font-size: 12px;
    background: var(--bs-bg-secondary);
}

/* ═══════════════════════════════════════════════════════════
   ⑲ صفحه ۴۰۴
═══════════════════════════════════════════════════════════ */
.bs-404 {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
    padding: 60px 20px;
}
.bs-404-inner { max-width: 500px; }
.bs-404-num, .bs-404-number {
    font-size: 90px;
    font-weight: 900;
    color: var(--bs-primary);
    line-height: 1;
    margin-bottom: 16px;
}
.bs-404-img { max-width: 240px; margin: 0 auto 20px; }
.bs-404-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    color: var(--bs-accent);
}
.bs-404 h1 { font-size: 22px; font-weight: 900; margin-bottom: 12px; }
.bs-404 p { font-size: 13px; color: var(--bs-text-muted); line-height: 1.9; margin-bottom: 24px; }
.bs-404 .bs-btn-primary { text-decoration: none; display: inline-block; }
.bs-404-search { margin-top: 30px; width: 100%; }
.bs-404-search form { display: flex; gap: 8px; max-width: 360px; margin: 0 auto; }
.bs-404-search input { flex: 1; }

/* ═══════════════════════════════════════════════════════════
   ⑳ صفحه‌بندی
═══════════════════════════════════════════════════════════ */
.bs-pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 24px 0;
}
.bs-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    font-size: 12px;
    font-weight: 700;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
}
.bs-pagination a.page-numbers:hover {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
.bs-pagination .page-numbers.current {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

/* بنر تبلیغ کوییزها (جایگزین شماره صفحات در صفحه اصلی) — موبایل-اول */
.bs-home-quiz-banner {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; overflow: hidden;
    padding: 18px 20px; border-radius: 20px; text-decoration: none;
    background: linear-gradient(120deg, #7c3aed, #4f46e5);
    box-shadow: 0 18px 40px rgba(124,58,237,.22); transition: var(--bs-transition);
}
.bs-home-quiz-banner:hover { transform: translateY(-2px); box-shadow: 0 22px 48px rgba(124,58,237,.3); }
.bs-home-quiz-banner::before {
    content: ""; position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.16) 1.5px, transparent 1.5px);
    background-size: 20px 20px; opacity: .5; pointer-events: none;
}
.bs-home-quiz-banner-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgba(255,255,255,.16); color: #fff; }
.bs-home-quiz-banner-icon svg { width: 20px; height: 20px; }
.bs-home-quiz-banner-body { position: relative; z-index: 1; width: 100%; min-width: 0; }
.bs-home-quiz-banner-body strong { display: block; margin-bottom: 3px; font-size: 15px; font-weight: 900; color: #fff; }
.bs-home-quiz-banner-body small { display: block; font-size: 11.5px; color: rgba(255,255,255,.85); line-height: 1.7; }
.bs-home-quiz-banner-btn { position: relative; z-index: 1; display: flex; width: 100%; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px; border-radius: 12px; background: #fff; color: #1f2937; font-size: 11.5px; font-weight: 800; white-space: nowrap; }
.bs-home-quiz-banner-btn svg { width: 12px; height: 12px; }
@media (min-width: 560px) {
    .bs-home-quiz-banner { flex-direction: row; align-items: center; gap: 16px; }
    .bs-home-quiz-banner-icon { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 15px; }
    .bs-home-quiz-banner-icon svg { width: 24px; height: 24px; }
    .bs-home-quiz-banner-body { flex: 1; width: auto; }
    .bs-home-quiz-banner-btn { width: auto; flex: 0 0 auto; }
}

/* Utility helpers */
.bs-text-center { text-align: center; }
.bs-mt-0 { margin-top: 0; }
.bs-mt-2 { margin-top: 8px; }
.bs-mt-3 { margin-top: 12px; }
.bs-mt-4 { margin-top: 16px; }
.bs-mb-2 { margin-bottom: 8px; }
.bs-mb-3 { margin-bottom: 12px; }
.bs-mb-4 { margin-bottom: 16px; }
.bs-hidden { display: none !important; }
.bs-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.bs-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bs-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ═══════════════════════════════════════════════════════════
   ㉑ باستان‌نگار (میکروبلاگ)
═══════════════════════════════════════════════════════════ */
.bs-mp-layout {
    display: grid;
    grid-template-columns: 240px 1fr 300px;
    gap: 20px;
    align-items: flex-start;
}
@media (max-width: 1100px) { .bs-mp-layout { grid-template-columns: 1fr; } .bs-mp-side-left { display: none; } .bs-mp-side-right { display: none; } }
@media (max-width: 768px) { .bs-mp-layout { grid-template-columns: 1fr; } }

.bs-mp-nav-btn { display: flex; align-items: center; justify-content: center; gap: 8px; }
.bs-mp-nav-btn svg { width: 16px; height: 16px; }

.bs-mp-tabs { display: flex; }
.bs-mp-tab {
    flex: 1;
    padding: 13px 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--bs-text-muted);
    border-bottom: 2px solid transparent;
    transition: var(--bs-transition);
}
.bs-mp-tab:hover { color: var(--bs-text); background: var(--bs-bg-secondary); }
.bs-mp-tab.active { color: var(--bs-primary); border-bottom-color: var(--bs-primary); }

.bs-mp-post {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 16px;
    margin-bottom: 12px;
}
.bs-mp-post-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.bs-mp-avatar { width: 44px; height: 44px; border-radius: 12px; object-fit: cover; flex-shrink: 0; }
.bs-mp-post-user { flex: 1; min-width: 0; }
.bs-mp-post-name { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 13px; font-weight: 900; }
.bs-mp-post-name a { color: var(--bs-text); }
.bs-mp-post-name a:hover { color: var(--bs-primary); }
.bs-mp-username { font-size: 12px; color: var(--bs-text-light); font-weight: 400; direction: ltr; }
.bs-mp-time { font-size: 11px; color: var(--bs-text-light); font-weight: 400; }
.bs-mp-post-content { font-size: 14px; line-height: 1.9; color: var(--bs-text); word-wrap: break-word; }
.bs-mp-tag, .bs-mp-mention { color: var(--bs-primary); font-weight: 700; }
.bs-mp-media { margin-top: 12px; display: grid; gap: 8px; }
.bs-mp-media img, .bs-mp-media video { max-height: 400px; object-fit: cover; }
.bs-mp-repost {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-mp-repost:hover { background: var(--bs-bg-secondary); }

.bs-mp-actions {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--bs-border-light);
}
.bs-mp-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 9999px;
    font-size: 11px;
    color: var(--bs-text-light);
    transition: var(--bs-transition);
    flex: 1;
    justify-content: center;
}
.bs-mp-action:hover { background: var(--bs-bg-secondary); color: var(--bs-primary); }
.bs-mp-action.liked { color: var(--bs-danger); }
.bs-mp-action.saved { color: var(--bs-accent); }

.bs-mp-menu-wrap { position: relative; }
.bs-mp-menu-btn { color: var(--bs-text-light); padding: 4px; border-radius: 6px; }
.bs-mp-menu-btn:hover { background: var(--bs-bg-secondary); }
.bs-mp-menu {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    box-shadow: var(--bs-shadow-lg);
    min-width: 120px;
    z-index: 50;
    overflow: hidden;
    display: none;
}
.bs-mp-menu.show { display: block; }
.bs-mp-menu button {
    display: block;
    width: 100%;
    text-align: right;
    padding: 9px 14px;
    font-size: 12px;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
}
.bs-mp-menu button:hover { background: var(--bs-bg-secondary); }

/* استوری */
.bs-stories-bar {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    margin-bottom: 14px;
    overflow-x: auto;
}
.bs-story-add, .bs-story-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.bs-story-add span {
    width: 56px; height: 56px;
    border-radius: 50%;
    border: 2px dashed var(--bs-border);
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; color: var(--bs-text-light);
}
.bs-story-item img {
    width: 56px; height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--bs-primary);
    padding: 2px;
}
.bs-story-add small, .bs-story-item small { font-size: 10px; color: var(--bs-text-muted); max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ═══════════════════════════════════════════════════════════
   ㉒ مودال‌ها
═══════════════════════════════════════════════════════════ */
.bs-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.bs-modal {
    background: var(--bs-card);
    border-radius: var(--bs-radius-xl);
    width: 100%;
    max-width: 480px;
    box-shadow: var(--bs-shadow-xl);
    overflow: hidden;
}
.bs-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-modal-head h3 { font-size: 14px; font-weight: 900; }
.bs-modal-close {
    width: 30px; height: 30px;
    border-radius: 8px;
    color: var(--bs-text-muted);
    font-size: 16px;
}
.bs-modal-close:hover { background: var(--bs-bg-secondary); }
.bs-modal-body { padding: 20px; }

/* ═══════════════════════════════════════════════════════════
   ㉓ ابزارهای AI
═══════════════════════════════════════════════════════════ */
.bs-ai-page { background: #0a0e1a; min-height: 100vh; color: #e2e8f0; }
.bs-ai-tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}
.bs-ai-tool-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--bs-radius-lg);
    padding: 20px;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-ai-tool-card:hover { border-color: #2563eb; transform: translateY(-2px); background: rgba(37,99,235,0.05); }
.bs-ai-tool-icon {
    width: 48px; height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    display: flex; align-items: center; justify-content: center;
    color: #fff; margin-bottom: 14px;
}
.bs-ai-tool-icon svg { width: 24px; height: 24px; }
.bs-ai-tool-card h3 { font-size: 14px; font-weight: 900; color: #fff; margin-bottom: 6px; }
.bs-ai-tool-card p { font-size: 12px; color: #94a3b8; line-height: 1.7; }

.bs-ai-chat {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--bs-radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 600px;
}
.bs-ai-chat-messages { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.bs-ai-msg { display: flex; gap: 10px; }
.bs-ai-msg.user { flex-direction: row-reverse; }
.bs-ai-msg-bubble {
    max-width: 75%;
    padding: 12px 16px;
    border-radius: 16px;
    font-size: 13px;
    line-height: 1.8;
}
.bs-ai-msg.ai .bs-ai-msg-bubble { background: rgba(255,255,255,0.06); color: #e2e8f0; border-top-right-radius: 4px; }
.bs-ai-msg.user .bs-ai-msg-bubble { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; border-top-left-radius: 4px; }
.bs-ai-chat-input {
    padding: 14px;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    gap: 8px;
}
.bs-ai-chat-input input {
    flex: 1;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--bs-radius);
    padding: 12px 16px;
    color: #fff;
    font-size: 13px;
}
.bs-ai-loading { display: inline-flex; gap: 4px; }
.bs-ai-loading span { width: 7px; height: 7px; border-radius: 50%; background: #64748b; animation: bs-bounce 1.2s infinite; }
.bs-ai-loading span:nth-child(2) { animation-delay: 0.2s; }
.bs-ai-loading span:nth-child(3) { animation-delay: 0.4s; }
@keyframes bs-bounce { 0%,60%,100% { transform: translateY(0); } 30% { transform: translateY(-6px); } }

/* صفحه نوشته جدید */
.bs-editor-wrap { background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: var(--bs-radius-xl); padding: 24px; }
.bs-editor-field { margin-bottom: 18px; }
.bs-editor-field label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 8px; }

/* ═══════════════════════════════════════════════════════════
   ㉔ منوی کشویی موبایل (Drawer)
═══════════════════════════════════════════════════════════ */
.bs-hamburger { display: none; }

.bs-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(2px);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-transition);
}
.bs-drawer-overlay.show { opacity: 1; visibility: visible; }

.bs-drawer {
    position: fixed;
    top: 0;
    left: -340px;
    width: 300px;
    max-width: 85vw;
    height: 100%;
    background: var(--bs-card);
    z-index: 999;
    box-shadow: var(--bs-shadow-xl);
    transition: left 0.3s ease, right 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.bs-drawer.show { left: 0; }
#bs-notif-mobile.show { right: 0 !important; }

.bs-drawer-head {
    padding: 18px 16px;
    border-bottom: 1px solid var(--bs-border-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
}
.bs-drawer-user { display: flex; align-items: center; gap: 10px; }
.bs-drawer-user img { width: 44px; height: 44px; border-radius: 12px; object-fit: cover; }
.bs-drawer-user-name { font-size: 13px; font-weight: 900; display: flex; align-items: center; gap: 4px; }
.bs-drawer-user-handle { font-size: 11px; color: var(--bs-text-light); direction: ltr; text-align: right; }
.bs-drawer-close {
    width: 32px; height: 32px;
    border-radius: 8px;
    color: var(--bs-text-muted);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.bs-drawer-close:hover { background: var(--bs-bg-secondary); }
.bs-drawer-close svg { width: 18px; height: 18px; }

.bs-drawer-nav { padding: 10px; display: flex; flex-direction: column; gap: 2px; }
.bs-drawer-nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--bs-radius);
    font-size: 13px;
    font-weight: 700;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
}
.bs-drawer-nav a:hover { background: var(--bs-primary-light); color: var(--bs-primary); }
.bs-drawer-nav a svg { width: 18px; height: 18px; flex-shrink: 0; }
.bs-drawer-nav a.bs-drawer-search-link {
    margin:2px 0 7px;
    border:1px solid color-mix(in srgb,var(--bs-primary) 20%,var(--bs-border));
    color:var(--bs-primary);
    background:linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 9%,var(--bs-card)),color-mix(in srgb,var(--bs-accent) 5%,var(--bs-card)));
    box-shadow:inset 0 1px rgba(255,255,255,.35);
}
.bs-drawer-nav a.bs-drawer-search-link small { margin-right:auto; color:var(--bs-text-light); font-size:9px; font-weight:650; }
.bs-drawer-nav a.bs-drawer-search-link:hover { border-color:color-mix(in srgb,var(--bs-primary) 42%,var(--bs-border)); background:var(--bs-primary-light); }
.bs-drawer-nav a.bs-drawer-translate-link{display:grid;grid-template-columns:20px 1fr auto;align-items:center;column-gap:10px;margin-top:4px;border:1px solid color-mix(in srgb,#4285f4 34%,var(--bs-border));background:linear-gradient(135deg,color-mix(in srgb,#4285f4 10%,var(--bs-card)),var(--bs-card))}.bs-drawer-nav a.bs-drawer-translate-link small{margin-right:auto;color:var(--bs-text-light);font-size:9px}.bs-translate-btn{color:#4285f4!important}.bs-translate-btn:hover{border-color:#4285f4!important;box-shadow:0 8px 24px rgba(66,133,244,.18)}
.bs-drawer-badge {
    margin-right: auto;
    background: var(--bs-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    padding: 1px 7px;
    border-radius: 9999px;
}
.bs-drawer-divider { height: 1px; background: var(--bs-border-light); margin: 8px 0; }

/* اعلانات موبایل */
#bs-notif-mobile-list .bs-notif-item { border-radius: 14px; margin-bottom: 8px; border-bottom: none; background: var(--bs-bg-secondary); }
#bs-notif-mobile-list .bs-notif-item.unread { background: color-mix(in srgb, var(--bs-primary) 6%, var(--bs-bg-secondary)); }

/* ═══════════════════════════════════════════════════════════
   ㉕ ریسپانسیو موبایل (بازطراحی)
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* مخفی‌سازی عناصر دسکتاپ */
    .bs-hide-mobile { display: none !important; }

    /* نمایش همبرگری */
    .bs-hamburger { display: inline-flex !important; }

    /* مخفی‌سازی نوار ناوبری زیر هدر (جایگزین: منوی کشویی) */
    .bs-nav { display: none; }
}

/* ═══════════════════════════════════════════════════════════
   ㉖ اصلاحات UI — اندازه آیکون‌ها و سایدبار پروفایل
═══════════════════════════════════════════════════════════ */
/* پیش‌فرض همه SVG های آیکونی محدود شود */
.bs-icon-btn svg,
.bs-btn-print svg,
.bs-btn-share svg,
.bs-btn-auth svg,
.bs-vote-btn svg,
.bs-ai-vote-btn svg,
.bs-comment-action-btn svg,
.bs-mp-action svg { width: 18px; height: 18px; flex-shrink: 0; }

.bs-btn-print svg { width: 16px; height: 16px; }
.bs-comment-action-btn svg { width: 14px; height: 14px; }
.bs-mp-action svg { width: 16px; height: 16px; }
.bs-tags-label svg { width: 14px; height: 14px; }

/* آیکون‌های سایدبار شبکه‌اجتماعی پروفایل عمومی */
.bs-profile-social-links { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.bs-profile-social-links a {
    width: 34px; height: 34px;
    border-radius: 9px;
    background: var(--bs-bg-secondary);
    display: flex; align-items: center; justify-content: center;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
}
.bs-profile-social-links a:hover { background: var(--bs-primary); color: #fff; }
.bs-profile-social-links svg { width: 16px; height: 16px; }

/* محدودسازی اندازه تصاویر/لوگو در ویجت‌های سایدبار */
.bs-sidebar img,
.bs-article-side img { max-width: 100%; height: auto; }

/* اطمینان از اینکه آیکون‌های داخل widget بزرگ نشوند */
.bs-widget svg { max-width: 24px; max-height: 24px; }
.bs-widget-title svg { width: 16px; height: 16px; }

/* باکس دیدگاه باستان‌یار - بهبود UI */
.bs-ai-comment {
    background: linear-gradient(135deg, rgba(37,99,235,0.06), rgba(6,182,212,0.04));
    border: 1px solid rgba(37,99,235,0.18);
    border-radius: var(--bs-radius-lg);
    padding: 18px;
    margin: 20px 0;
    position: relative;
    overflow: hidden;
}
.bs-ai-comment::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 80px; height: 80px;
    background: radial-gradient(circle, rgba(37,99,235,0.1), transparent 70%);
    pointer-events: none;
}
.bs-ai-comment-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.bs-ai-comment-avatar {
    width: 42px; height: 42px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(37,99,235,0.3);
    flex-shrink: 0;
    overflow: hidden;
    padding: 3px;
}
.bs-ai-comment-avatar img {
    display: block;
    width: 100%; height: 100%;
    border-radius: 9px;
    object-fit: contain;
}
.bs-ai-comment-name { font-size: 14px; font-weight: 900; }
.bs-ai-comment-name small { color: #2563eb; font-weight: 600; }
.bs-ai-comment-body {
    font-size: 13px;
    line-height: 2;
    color: var(--bs-text);
    background: var(--bs-card);
    padding: 14px 16px;
    border-radius: var(--bs-radius);
    border: 1px solid var(--bs-border-light);
}
html[data-theme="dark"] .bs-ai-comment-body { background: rgba(255,255,255,0.02); }
.bs-ai-comment-actions { display: flex; gap: 10px; margin-top: 12px; }
.bs-ai-comment-sponsor {
    display: flex; align-items: center; gap: 7px;
    margin-top: 14px; padding-top: 12px;
    border-top: 1px dashed color-mix(in srgb, var(--ai-box-color, #2563eb) 30%, transparent);
    font-size: 11.5px; color: var(--bs-text-light);
}
.bs-ai-comment-sponsor svg {
    width: 14px; height: 14px; flex-shrink: 0;
    color: var(--ai-box-color, #2563eb);
}
.bs-ai-comment-sponsor a {
    color: var(--ai-box-color, #2563eb);
    font-weight: 800;
    text-decoration: none;
    border-bottom: 1px dotted color-mix(in srgb, var(--ai-box-color, #2563eb) 50%, transparent);
    transition: var(--bs-transition);
}
.bs-ai-comment-sponsor a:hover { border-bottom-style: solid; opacity: 0.85; }

/* متن کنار تیک */
.bs-badge-label {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: var(--bs-text-light);
    background: var(--bs-bg-secondary);
    padding: 1px 7px;
    border-radius: 5px;
    margin-right: 4px;
}

/* ═══════════════════════════════════════════════════════════
   ㉗ صفحه AI پیشرفته
═══════════════════════════════════════════════════════════ */
.bs-ai-fullpage {
    background: #0a0e1a;
    min-height: 85vh;
    padding: 30px 0 60px;
}
.bs-ai-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(37,99,235,0.1);
    border: 1px solid rgba(37,99,235,0.3);
    color: #22d3ee;
    font-size: 12px;
    font-weight: 900;
    padding: 8px 20px;
    border-radius: 9999px;
    margin-bottom: 14px;
}
.bs-ai-notice {
    background: rgba(245,158,11,0.1);
    border: 1px solid rgba(245,158,11,0.3);
    border-radius: 12px;
    padding: 14px 20px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.bs-ai-notice span { color: #fcd34d; font-size: 12px; }
.bs-ai-notice a { background: #f59e0b; color: #000; padding: 6px 16px; border-radius: 8px; font-size: 11px; font-weight: 900; }

/* layout چت با سایدبار تاریخچه */
.bs-ai-chat-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 16px;
    height: 620px;
}
@media (max-width: 768px) { .bs-ai-chat-layout { grid-template-columns: 1fr; height: auto; } .bs-ai-history { display: none; } }

.bs-ai-history {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--bs-radius-lg);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.bs-ai-new-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #fff;
    padding: 11px;
    border-radius: var(--bs-radius);
    font-size: 12px;
    font-weight: 900;
}
.bs-ai-new-chat svg { width: 16px; height: 16px; }
.bs-ai-history-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; }
.bs-ai-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-radius: var(--bs-radius-sm);
    font-size: 12px;
    color: #94a3b8;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-ai-history-item:hover { background: rgba(255,255,255,0.05); color: #e2e8f0; }
.bs-ai-history-item.active { background: rgba(37,99,235,0.15); color: #fff; }
.bs-ai-history-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bs-ai-history-item button { color: #64748b; font-size: 12px; opacity: 0; transition: var(--bs-transition); }
.bs-ai-history-item:hover button { opacity: 1; }
.bs-ai-back { color: #64748b; font-size: 12px; padding: 8px; text-align: center; }
.bs-ai-back:hover { color: #e2e8f0; }

.bs-ai-attach {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--bs-radius);
    color: #94a3b8;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-ai-attach:hover { color: #22d3ee; border-color: #22d3ee; }
.bs-ai-attach svg { width: 18px; height: 18px; }

.bs-ai-tool-panel {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 24px;
}
.bs-ai-label { display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; margin-bottom: 8px; }
.bs-ai-textarea, .bs-ai-input-dark {
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--bs-radius);
    padding: 12px 14px;
    color: #fff;
    font-family: var(--bs-font);
    font-size: 13px;
    direction: rtl;
}
.bs-ai-textarea { min-height: 100px; resize: vertical; line-height: 1.8; }
.bs-ai-textarea:focus, .bs-ai-input-dark:focus { outline: none; border-color: #2563eb; }
.bs-ai-upload-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border: 1px dashed rgba(255,255,255,0.2);
    border-radius: var(--bs-radius);
    color: #94a3b8;
    font-size: 12px;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-ai-upload-box:hover { border-color: #22d3ee; color: #22d3ee; }
.bs-ai-upload-box svg { width: 18px; height: 18px; }
.bs-ai-result {
    padding: 18px;
    background: rgba(255,255,255,0.04);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
}
.bs-ai-result h4 { font-size: 13px; font-weight: 900; color: #22d3ee; margin-bottom: 10px; }
.bs-ai-result #bs-tool-output { font-size: 13px; line-height: 1.9; color: #e2e8f0; white-space: pre-wrap; }

/* ═══════════════════════════════════════════════════════════
   ㉘ مودال استوری
═══════════════════════════════════════════════════════════ */
.bs-story-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.92);
    z-index: 1100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.bs-story-modal.show { display: flex; }
.bs-story-modal-close {
    position: absolute;
    top: 20px; left: 20px;
    width: 40px; height: 40px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    z-index: 2;
}
.bs-story-modal-content { position: relative; cursor: pointer; text-align: center; }
.bs-story-header {
    position: absolute;
    top: 14px; right: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 2;
    background: rgba(0,0,0,0.4);
    padding: 6px 12px;
    border-radius: 9999px;
}
.bs-story-header img { width: 32px; height: 32px; border-radius: 50%; border: 2px solid #fff; }
.bs-story-header span { color: #fff; font-size: 12px; font-weight: 700; }

/* ═══════════════════════════════════════════════════════════
   ㉙ دکمه گرد افزودن پست موبایل (FAB)
═══════════════════════════════════════════════════════════ */
.bs-fab {
    display: none;
    position: fixed;
    bottom: 70px;
    left: 16px;
    width: 44px; height: 44px;
    border-radius: 50%;
    background: var(--bs-primary);
    color: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(220,38,38,0.4);
    z-index: 85;
}
.bs-fab svg { width: 20px; height: 20px; }
.bs-fab:active { transform: scale(0.92); }
@media (max-width: 768px) {
    .bs-fab { display: flex; }
}

/* ═══════════════════════════════════════════════════════════
   ㉚ صفحه ورود شیشه‌ای + جستجوی ریسپانسیو
═══════════════════════════════════════════════════════════ */
.bs-auth-glass-bg {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #581c1c 100%);
    position: relative;
    overflow: hidden;
}
.bs-auth-glass-bg::before,
.bs-auth-glass-bg::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
}
.bs-auth-glass-bg::before { width: 300px; height: 300px; background: var(--bs-primary); top: -80px; right: -80px; }
.bs-auth-glass-bg::after { width: 280px; height: 280px; background: var(--bs-accent); bottom: -80px; left: -80px; }

.bs-auth-glass {
    width: 100%;
    max-width: 420px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.bs-auth-glass-head { padding: 32px 28px 20px; text-align: center; }
.bs-auth-glass-logo {
    width: 64px; height: 64px;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-primary-dark));
    border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 28px; font-weight: 900;
    margin: 0 auto 16px;
    box-shadow: 0 8px 24px rgba(220,38,38,0.4);
}
.bs-auth-glass-head h1 { font-size: 20px; font-weight: 900; color: #fff; margin-bottom: 6px; }
.bs-auth-glass-head p { font-size: 13px; color: rgba(255,255,255,0.7); }
.bs-auth-glass-body { padding: 8px 28px 32px; }
.bs-auth-glass-label { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.85); display: block; margin-bottom: 8px; }
.bs-auth-glass-input {
    width: 100%;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 12px;
    padding: 14px;
    color: #fff;
    font-size: 16px;
    font-family: var(--bs-font);
    transition: var(--bs-transition);
}
.bs-auth-glass-input::placeholder { color: rgba(255,255,255,0.4); }
.bs-auth-glass-input:focus { outline: none; border-color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.15); }
.bs-auth-glass-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-primary-dark));
    color: #fff;
    border-radius: 12px;
    font-weight: 900;
    font-size: 14px;
    transition: var(--bs-transition);
    box-shadow: 0 6px 20px rgba(220,38,38,0.3);
}
.bs-auth-glass-btn:hover { transform: translateY(-1px); }
.bs-auth-glass-btn:disabled { opacity: 0.6; }
.bs-auth-code-box {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
}

/* جستجوی ریسپانسیو موبایل */
@media (max-width: 600px) {
    .bs-search-overlay { padding: 20px 12px; }
    .bs-search-overlay-form { flex-direction: column; gap: 8px; }
    .bs-search-overlay-input { width: 100%; font-size: 15px; padding: 12px; }
    .bs-search-overlay-btn, .bs-search-overlay-close { width: 100%; padding: 12px; margin: 0; }
}

/* ═══════════════════════════════════════════════════════════
   ㉛ مودال عمومی (alert/confirm/prompt اختصاصی)
═══════════════════════════════════════════════════════════ */
.bs-dialog-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    z-index: 1200;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.bs-dialog-overlay.show { display: flex; }
.bs-dialog {
    background: var(--bs-card);
    border-radius: var(--bs-radius-xl);
    width: 100%;
    max-width: 400px;
    box-shadow: var(--bs-shadow-xl);
    overflow: hidden;
    animation: bs-dialog-in 0.2s ease;
}
@keyframes bs-dialog-in { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.bs-dialog-body { padding: 24px; text-align: center; }
.bs-dialog-icon {
    width: 52px; height: 52px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 14px;
}
.bs-dialog-icon.success { background: rgba(16,185,129,0.12); color: var(--bs-success); }
.bs-dialog-icon.error { background: rgba(239,68,68,0.12); color: var(--bs-danger); }
.bs-dialog-icon.info { background: rgba(59,130,246,0.12); color: var(--bs-info); }
.bs-dialog-icon svg { width: 26px; height: 26px; }
.bs-dialog-title { font-size: 15px; font-weight: 900; margin-bottom: 8px; }
.bs-dialog-msg { font-size: 13px; color: var(--bs-text-muted); line-height: 1.8; margin-bottom: 18px; }
.bs-dialog-input {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    background: var(--bs-bg-secondary);
    font-family: var(--bs-font);
    font-size: 13px;
    color: var(--bs-text);
    margin-bottom: 16px;
    direction: rtl;
}
.bs-dialog-actions { display: flex; gap: 10px; }
.bs-dialog-actions button { flex: 1; padding: 11px; border-radius: var(--bs-radius); font-size: 13px; font-weight: 900; transition: var(--bs-transition); }
.bs-dialog-confirm { background: var(--bs-primary); color: #fff; }
.bs-dialog-confirm:hover { background: var(--bs-primary-dark); }
.bs-dialog-cancel { background: var(--bs-bg-secondary); color: var(--bs-text-muted); }
.bs-dialog-cancel:hover { background: var(--bs-border); }

/* ═══════════════════════════════════════════════════════════
   ㉜ کارت رندوم بازطراحی‌شده (عنوان روی تصویر)
═══════════════════════════════════════════════════════════ */
.bs-random-card {
    display: block;
    position: relative;
    border-radius: var(--bs-radius-lg);
    overflow: hidden;
    transition: var(--bs-transition);
    background: #0f172a;
}
.bs-random-card:hover { transform: translateY(-3px); box-shadow: var(--bs-shadow-lg); }
.bs-random-card .bs-random-card-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}
.bs-random-card .bs-random-card-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.bs-random-card:hover .bs-random-card-thumb img { transform: scale(1.08); }
.bs-random-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.3) 55%, transparent 100%);
}
.bs-random-card-cat-float {
    position: absolute;
    top: 10px; right: 10px;
    background: var(--bs-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 10px;
    border-radius: 6px;
    z-index: 2;
}
.bs-random-card-content {
    position: absolute;
    bottom: 0; right: 0; left: 0;
    padding: 14px 12px;
    z-index: 2;
}
.bs-random-card-content h4 {
    font-size: 13px;
    font-weight: 900;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-random-card-content .bs-random-card-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 10px;
    color: rgba(255,255,255,0.8);
}
.bs-random-card-content .bs-random-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.bs-random-card-content .bs-random-card-meta svg { width: 12px; height: 12px; }

/* ═══════════════════════════════════════════════════════════
   ㉝ کارت پلن اشتراک
═══════════════════════════════════════════════════════════ */
.bs-plan-card {
    position: relative;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 22px 18px;
    text-align: center;
    cursor: pointer;
    transition: var(--bs-transition);
}
.bs-plan-card:hover { transform: translateY(-3px); box-shadow: var(--bs-shadow-lg); border-color: var(--bs-primary); }
.bs-plan-card.featured { border-color: var(--bs-primary); border-width: 2px; }
.bs-plan-card.current { border-color: var(--bs-success); }
.bs-plan-badge {
    position: absolute;
    top: -10px; right: 50%;
    transform: translateX(50%);
    background: var(--bs-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    padding: 3px 12px;
    border-radius: 9999px;
    white-space: nowrap;
}
.bs-plan-title { font-size: 15px; font-weight: 900; margin-bottom: 10px; }
.bs-plan-price { font-size: 24px; font-weight: 900; color: var(--bs-primary); }
.bs-plan-price span { font-size: 11px; color: var(--bs-text-light); font-weight: 600; margin-right: 4px; }
.bs-plan-desc { font-size: 11px; color: var(--bs-text-muted); margin: 10px 0 14px; line-height: 1.7; }
.bs-plan-cta { font-size: 12px; font-weight: 700; color: var(--bs-primary); }

/* دکمه کپی پیام AI */
.bs-ai-msg-bubble { position: relative; }
.bs-ai-copy {
    display: inline-block;
    margin-right: 8px;
    font-size: 13px;
    opacity: 0.5;
    transition: var(--bs-transition);
    vertical-align: middle;
}
.bs-ai-copy:hover { opacity: 1; }

/* دکمه اشتراک در باستان‌نگار */
.bs-share-mb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.bs-share-mb-btn svg { width: 16px; height: 16px; flex-shrink: 0; }

/* ═══════════════════════════════════════════════════════════
   ㉞ باکس مقاله به‌اشتراک‌گذاشته در میکروبلاگ
═══════════════════════════════════════════════════════════ */
.bs-mp-article-card {
    display: flex;
    gap: 12px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    transition: var(--bs-transition);
    background: var(--bs-bg-secondary);
}
.bs-mp-article-card:hover { border-color: var(--bs-primary); background: var(--bs-primary-light); }
.bs-mp-article-thumb {
    width: 90px;
    height: 90px;
    border-radius: var(--bs-radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}
.bs-mp-article-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-mp-article-info { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.bs-mp-article-cat {
    display: inline-block;
    align-self: flex-start;
    font-size: 9px;
    font-weight: 900;
    color: var(--bs-primary);
    background: var(--bs-card);
    padding: 2px 7px;
    border-radius: 4px;
    margin-bottom: 6px;
}
.bs-mp-article-info h4 {
    font-size: 13px;
    font-weight: 900;
    color: var(--bs-text);
    line-height: 1.5;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-mp-article-info p {
    font-size: 11px;
    color: var(--bs-text-muted);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* رنگ برند آیکون‌های شبکه‌اجتماعی پروفایل */
.bs-profile-social-links a.social-telegram:hover { background: #2CA5E0; color: #fff; }
.bs-profile-social-links a.social-instagram:hover { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; }
.bs-profile-social-links a.social-twitter:hover { background: #000; color: #fff; }
.bs-profile-social-links a.social-youtube:hover { background: #FF0000; color: #fff; }

/* ═══════════════════════════════════════════════════════════
   ㉟ نتایج گرافیکی ابزارهای AI
═══════════════════════════════════════════════════════════ */
.bs-result-title { font-size: 16px; font-weight: 900; color: #fff; margin-bottom: 8px; }
.bs-result-summary { font-size: 13px; color: #cbd5e1; line-height: 1.8; margin-bottom: 16px; }
.bs-result-gauge { display: flex; justify-content: center; margin: 16px 0; }
.bs-result-period { display: flex; gap: 12px; margin: 16px 0; flex-wrap: wrap; }
.bs-result-period-box {
    flex: 1;
    min-width: 130px;
    background: rgba(37,99,235,0.1);
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 12px;
    padding: 14px;
    text-align: center;
}
.bs-result-period-box span { display: block; font-size: 11px; color: #94a3b8; margin-bottom: 6px; }
.bs-result-period-box strong { font-size: 15px; color: #22d3ee; font-weight: 900; }
.bs-result-fields { display: flex; flex-direction: column; gap: 8px; margin: 16px 0; }
.bs-result-field {
    display: flex;
    justify-content: space-between;
    padding: 11px 14px;
    background: rgba(255,255,255,0.04);
    border-radius: 10px;
    font-size: 13px;
}
.bs-result-field-label { color: #94a3b8; }
.bs-result-field-value { color: #fff; font-weight: 700; text-align: left; }
.bs-result-indicators { display: flex; flex-direction: column; gap: 10px; margin: 16px 0; }
.bs-result-indicator {
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    align-items: flex-start;
}
.bs-result-indicator.positive { background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.25); }
.bs-result-indicator.negative { background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.25); }
.bs-result-indicator .ind-icon {
    width: 24px; height: 24px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    font-weight: 900;
    font-size: 13px;
}
.bs-result-indicator.positive .ind-icon { background: #10b981; color: #fff; }
.bs-result-indicator.negative .ind-icon { background: #ef4444; color: #fff; }
.bs-result-indicator strong { font-size: 13px; color: #fff; display: block; margin-bottom: 3px; }
.bs-result-indicator p { font-size: 12px; color: #94a3b8; line-height: 1.7; }
.bs-result-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.bs-result-tag {
    background: rgba(37,99,235,0.15);
    color: #60a5fa;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 9999px;
}
.bs-result-text {
    font-size: 13px;
    line-height: 1.9;
    color: #cbd5e1;
    white-space: pre-wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* دکمه‌های ویرایش/حذف نوشته در پروفایل */
.bs-article-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-sm);
    font-size: 11px;
    font-weight: 700;
    color: var(--bs-text-muted);
    transition: var(--bs-transition);
    cursor: pointer;
}
.bs-article-action-btn svg { width: 13px; height: 13px; }
.bs-article-action-btn.edit:hover { border-color: var(--bs-info); color: var(--bs-info); }
.bs-article-action-btn.delete:hover { border-color: var(--bs-danger); color: var(--bs-danger); }

/* ورودی تگ chip */
.bs-tags-input {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    background: var(--bs-bg-secondary);
    cursor: text;
    min-height: 44px;
}
.bs-tags-input:focus-within { border-color: var(--bs-primary); }
.bs-tags-input input {
    flex: 1;
    min-width: 120px;
    border: 0;
    background: transparent;
    font-size: 13px;
    color: var(--bs-text);
    font-family: var(--bs-font);
    outline: none;
    padding: 4px;
}
.bs-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--bs-primary-light);
    color: var(--bs-primary);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
}
.bs-tag-chip button { color: var(--bs-primary); font-size: 11px; opacity: 0.7; line-height: 1; }
.bs-tag-chip button:hover { opacity: 1; }

/* ابزار غیرفعال (به‌زودی) */
.bs-ai-tool-card.disabled {
    cursor: not-allowed;
    position: relative;
    overflow: hidden;
}
.bs-ai-tool-card.disabled .bs-ai-tool-icon,
.bs-ai-tool-card.disabled h3,
.bs-ai-tool-card.disabled p {
    filter: blur(4px);
    opacity: 0.5;
    user-select: none;
}
.bs-ai-tool-card.disabled:hover { transform: none; border-color: rgba(255,255,255,0.08); background: rgba(255,255,255,0.03); }
.bs-ai-soon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    background: var(--bs-accent);
    color: #000;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 16px;
    border-radius: 9999px;
    z-index: 3;
    white-space: nowrap;
}

/* ابزارهای موبایل باستان‌نگار (جستجو + تبلیغ اختصاصی) */
.bs-mp-mobile-tools { display: none; margin-bottom: 14px; }
.bs-mp-mobile-widgets { display: none; margin-top: 18px; }
.bs-bn-mobile-search-ad {
    width: min(100%, var(--bs-bn-search-ad-w, 320px));
    aspect-ratio: var(--bs-bn-search-ad-ratio, 320 / 50);
    max-height: 250px;
    margin: 10px auto 0;
    border: 1px solid var(--bs-border-light);
    border-radius: 13px;
    background: var(--bs-card);
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15,23,42,.055);
    text-align: center;
}
.bs-bn-mobile-search-ad .bs-ad-wrapper { width: 100%; max-width: 100%; margin: 0 auto; }
.bs-bn-mobile-search-ad img,.bs-bn-mobile-search-ad iframe,.bs-bn-mobile-search-ad ins { max-width: 100% !important; height: auto; }
@media (max-width: 1100px) {
    .bs-mp-mobile-tools { display: block; }
    .bs-mp-mobile-widgets { display: block; }
}

/* ═══════════════════════════════════════════════════════════
   ㊱ ناوبری مطلب قبلی/بعدی + مطالب مرتبط
═══════════════════════════════════════════════════════════ */
.bs-post-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 24px 0;
}
.bs-post-nav-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    transition: var(--bs-transition);
}
.bs-post-nav-item:hover { border-color: var(--bs-primary); background: var(--bs-primary-light); }
.bs-post-nav-item.prev { text-align: left; }
.bs-post-nav-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--bs-primary);
    font-weight: 700;
}
.bs-post-nav-item.prev .bs-post-nav-label { justify-content: flex-end; }
.bs-post-nav-label svg { width: 14px; height: 14px; }
.bs-post-nav-title { font-size: 13px; font-weight: 700; color: var(--bs-text); line-height: 1.6; }

.bs-related { margin-top: 30px; }
.bs-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 16px;
}
.bs-related-card {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    overflow: hidden;
    transition: var(--bs-transition);
}
.bs-related-card:hover { transform: translateY(-3px); box-shadow: var(--bs-shadow-lg); }
.bs-related-thumb { aspect-ratio: 16/10; overflow: hidden; }
.bs-related-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-related-body { padding: 12px; }
.bs-related-body h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-related-meta { font-size: 10px; color: var(--bs-text-light); }
@media (max-width: 900px) { .bs-related-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
    .bs-post-nav { grid-template-columns: 1fr; }
    .bs-related-grid { grid-template-columns: repeat(2, 1fr); }
}

/* لوگوی موبایل/دسکتاپ */
.bs-logo-mobile { display: none; }
.bs-logo-desktop { display: block; }
@media (max-width: 768px) {
    .bs-logo-desktop { display: none; }
    .bs-logo-mobile { display: block; }
}

/* دکمه‌های اشتراک با آیکون */
.bs-share-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: var(--bs-transition);
}
.bs-share-icon:hover { transform: translateY(-3px) scale(1.05); }
.bs-share-icon svg { width: 22px; height: 22px; fill: #fff; }

/* باکس دیدگاه AI - رنگ سفارشی */
.bs-ai-comment[style*="--ai-box-color"] {
    border-color: color-mix(in srgb, var(--ai-box-color) 25%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ai-box-color) 8%, transparent), transparent);
}
.bs-ai-comment[style*="--ai-box-color"]::before {
    background: radial-gradient(circle, color-mix(in srgb, var(--ai-box-color) 12%, transparent), transparent 70%);
}
.bs-ai-comment-name small { color: var(--ai-box-color, #2563eb); }

/* نمایش دکمه‌های مخصوص موبایل */
.bs-show-mobile { display: none !important; }
@media (max-width: 768px) {
    .bs-show-mobile { display: inline-flex !important; }
    /* هدر چسبان موبایل */
    .bs-header { position: sticky; top: 0; z-index: 90; }
    /* منوی دسته‌بندی‌ها باید دقیقاً زیر هدر چسبان بچسبد، نه هم‌زمان با آن روی top:0
       (علت باگ «منو با اسکرول جابه‌جا می‌شود»، مخصوصاً در فایرفاکس) */
    .bs-nav { top: var(--bs-header-h, 64px); }
}

/* دکمه بستن سرچ در لایت‌مود (متن دیده شود) */
.bs-search-overlay-close {
    color: var(--bs-text) !important;
}
.bs-search-overlay-close:hover { color: var(--bs-primary) !important; }

/* ═══════════════════════════════════════════════════════════
   اشیای باستانی متحرک پس‌زمینه صفحه ورود
═══════════════════════════════════════════════════════════ */
.bs-auth-artifacts {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
.bs-artifact {
    position: absolute;
    color: rgba(255,255,255,0.06);
    width: 120px;
    height: 120px;
    animation: bs-float 18s ease-in-out infinite;
}
.bs-artifact.a1 { top: 8%; right: 10%; width: 90px; animation-delay: 0s; }
.bs-artifact.a2 { top: 60%; right: 6%; width: 110px; animation-delay: -3s; }
.bs-artifact.a3 { top: 20%; left: 8%; width: 130px; animation-delay: -6s; }
.bs-artifact.a4 { bottom: 12%; left: 12%; width: 80px; animation-delay: -9s; }
.bs-artifact.a5 { top: 45%; left: 45%; width: 70px; animation-delay: -12s; color: rgba(255,255,255,0.04); }
.bs-artifact.a6 { bottom: 30%; right: 40%; width: 100px; animation-delay: -15s; }
@keyframes bs-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-25px) rotate(8deg); }
    50% { transform: translateY(10px) rotate(-6deg); }
    75% { transform: translateY(-15px) rotate(4deg); }
}
.bs-auth-glass { position: relative; z-index: 1; }
.bs-auth-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    transition: var(--bs-transition);
}
.bs-auth-back:hover { color: #fff; }
.bs-auth-back svg { width: 16px; height: 16px; }
.bs-auth-glass-bg { flex-direction: column; }

/* کامنت‌های پست با منوی سه‌نقطه */
.bs-comment-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-comment-item.ai {
    background: linear-gradient(135deg, rgba(37,99,235,0.06), transparent);
    border-radius: var(--bs-radius);
    padding: 12px;
    border: 1px solid rgba(37,99,235,0.15);
    margin: 6px 0;
}
.bs-comment-ai-avatar {
    width: 36px; height: 36px;
    border-radius: 9px;
    background: linear-gradient(135deg,#2563eb,#06b6d4);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.bs-comment-menu { position: relative; }
.bs-comment-menu-btn {
    width: 26px; height: 26px;
    border-radius: 6px;
    color: var(--bs-text-light);
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}
.bs-comment-menu-btn:hover { background: var(--bs-bg-secondary); }
.bs-comment-menu-dd {
    position: absolute;
    top: 100%; left: 0;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius);
    box-shadow: var(--bs-shadow-lg);
    min-width: 110px;
    z-index: 20;
    display: none;
    overflow: hidden;
}
.bs-comment-menu-dd.show { display: block; }
.bs-comment-menu-dd button {
    display: block;
    width: 100%;
    text-align: right;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 700;
    color: var(--bs-text-muted);
}
.bs-comment-menu-dd button:hover { background: var(--bs-bg-secondary); }

/* باکس متادیتای نوشته در موبایل */
@media (max-width: 768px) {
    .bs-meta-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2px;
        background: var(--bs-card);
        border: 1px solid var(--bs-border);
        border-radius: 16px;
        padding: 6px;
        box-shadow: 0 8px 22px rgba(15,23,42,.04);
    }
    .bs-meta-box span {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 8px;
        font-size: 11.5px;
        font-weight: 700;
        color: var(--bs-text);
        border-radius: 11px;
        background: var(--bs-bg-secondary);
    }
    .bs-meta-box .bs-meta-source { grid-column: 1 / -1; }
    .bs-meta-ico { background: color-mix(in srgb, var(--bs-primary) 12%, var(--bs-card)); }
}
@media (max-width: 380px) {
    .bs-meta-box { grid-template-columns: 1fr; }
}

/* باکس آخرین مطالب سایدبار */
.bs-sidebar-post {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--bs-border-light);
}
.bs-sidebar-post:last-child { border-bottom: 0; }
.bs-sidebar-post-thumb {
    width: 56px; height: 56px;
    border-radius: var(--bs-radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}
.bs-sidebar-post-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-sidebar-post-body { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.bs-sidebar-post-body h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--bs-text);
    margin-bottom: 4px;
}
.bs-sidebar-post:hover h4 { color: var(--bs-primary); }
.bs-sidebar-post-date { font-size: 10px; color: var(--bs-text-light); }

/* ویجت‌های صفحه‌ساز */
.bs-widget-block { margin-bottom: 30px; }
.bs-text-widget-body { font-size: 14px; line-height: 1.9; color: var(--bs-text); }
.bs-text-widget-body img { max-width: 100%; height: auto; border-radius: var(--bs-radius); }

/* رنگ متن باکس AI از inline */
.bs-ai-comment[style*="color"] .bs-ai-comment-body { color: inherit; }

/* باکس سلام پروفایل */
.bs-greeting-box {
    border-radius: var(--bs-radius-lg);
    padding: 18px 20px;
    margin-bottom: 16px;
    position: relative; overflow: hidden;
    border: 1px solid var(--bs-border);
    background: linear-gradient(135deg, color-mix(in srgb, var(--cal-accent, var(--bs-primary)) 8%, var(--bs-card)), var(--bs-card));
}
.bs-greeting-top {
    display: flex; align-items: center; gap: 14px;
}
.bs-greeting-icon {
    width: 44px; height: 44px;
    border-radius: 12px;
    background: var(--cal-accent, var(--bs-primary));
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.bs-greeting-icon svg { width: 22px; height: 22px; }
.bs-greeting-hello { font-size: 15px; font-weight: 900; color: var(--bs-text); }
.bs-greeting-date { font-size: 12px; color: var(--bs-text-muted); margin-top: 3px; }
/* مناسبت روز داخل باکس سلام */
.bs-greeting-occ { margin-top: 14px; position: relative; z-index: 1; }
.bs-greeting-occ-label { font-size: 10px; font-weight: 900; color: var(--cal-accent, var(--bs-primary)); display: block; margin-bottom: 6px; }
.bs-greeting-occ-item { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border-radius: 10px; background: var(--bs-bg-secondary); border: 1px solid var(--bs-border); }
.bs-greeting-occ-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cal-accent, var(--bs-primary)); margin-top: 6px; flex-shrink: 0; }
.bs-greeting-occ-item p { font-size: 12px; font-weight: 700; line-height: 1.7; color: var(--bs-text); margin: 0; }
/* نقل‌قول فصلی */
.bs-greeting-quote { margin-top: 12px; padding: 11px 12px; border-radius: 10px; background: var(--bs-bg-secondary); border: 1px solid var(--bs-border); position: relative; z-index: 1; }
.bs-greeting-quote p { font-size: 11px; line-height: 1.9; color: var(--bs-text-muted); margin: 0; }

/* ═══════════════════════════════════════════════════════════
   صفحه AI standalone — ذرات + marquee
═══════════════════════════════════════════════════════════ */
body.bs-ai-standalone {
    margin: 0;
    background: #03060d;
    min-height: 100vh;
    overflow-x: hidden;
}
/* لایه گرادیان پس‌زمینه (پشت ذرات) */
body.bs-ai-standalone::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse at top, #0d1b2e 0%, #060a14 60%, #03060d 100%);
    pointer-events: none;
}
#bs-particles {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
}
.bs-ai-bg-icons { position: fixed; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.bs-ai-bgicon {
    position: absolute;
    color: rgba(255,255,255,0.04);
    animation: bs-ai-float 20s ease-in-out infinite;
}
.bs-ai-bgicon svg { width: 100%; height: 100%; }
.bs-ai-bgicon.i1 { width: 100px; height: 100px; top: 12%; right: 8%; animation-delay: 0s; }
.bs-ai-bgicon.i2 { width: 80px; height: 80px; bottom: 18%; left: 10%; animation-delay: -5s; }
.bs-ai-bgicon.i3 { width: 120px; height: 120px; top: 50%; right: 40%; animation-delay: -10s; }
.bs-ai-bgicon.i4 { width: 70px; height: 70px; top: 25%; left: 25%; animation-delay: -15s; }
@keyframes bs-ai-float {
    0%,100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-30px) rotate(15deg); }
}
.bs-ai-fullpage { position: relative; z-index: 2; padding: 70px 16px 60px; min-height: 100vh; }
.bs-ai-back {
    position: fixed; top: 16px; right: 16px; z-index: 10;
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
    color: #fff; padding: 9px 16px; border-radius: 9999px;
    font-size: 13px; font-weight: 700;
}
.bs-ai-back:hover { background: rgba(255,255,255,0.2); }
.bs-ai-back svg { width: 16px; height: 16px; }
.bs-ai-pill {
    display: inline-block;
    background: rgba(220,38,38,0.15);
    color: var(--bs-primary, #dc2626);
    border: 1px solid rgba(220,38,38,0.3);
    padding: 6px 16px; border-radius: 9999px;
    font-size: 12px; font-weight: 700; margin-bottom: 14px;
}

/* حالت مهمان */
.bs-ai-guest {
    text-align: center; margin: 36px auto 30px; max-width: 420px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(0,191,255,0.2);
    border-radius: 20px;
    padding: 28px 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.bs-ai-guest-note { color: #fbbf24; font-size: 14px; font-weight: 700; margin-bottom: 18px; }
.bs-ai-login-btn {
    display: inline-block; background: #00bfff;
    color: #03263b; padding: 13px 36px; border-radius: 12px;
    font-size: 14px; font-weight: 900;
    box-shadow: 0 6px 20px rgba(0,191,255,0.35);
}
.bs-ai-login-btn:hover { background: #33ccff; transform: translateY(-2px); }

/* اسلایدر لوپ (marquee) — حرکت از راست به چپ */
.bs-ai-marquee {
    overflow: hidden; margin: 20px -16px 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    direction: ltr;
}
.bs-ai-marquee-track {
    display: flex; gap: 16px; width: max-content;
    animation: bs-marquee 30s linear infinite;
    will-change: transform;
}
@keyframes bs-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.bs-ai-marquee-card {
    width: 200px; flex-shrink: 0;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(0,191,255,0.2);
    border-radius: 16px; padding: 20px; text-align: center;
    backdrop-filter: blur(8px);
    display: flex; flex-direction: column; align-items: center;
}
.bs-ai-marquee-icon {
    width: 56px; height: 56px; margin: 0 auto 12px;
    background: rgba(0,191,255,0.15);
    border: 1px solid rgba(0,191,255,0.4);
    border-radius: 14px; display: flex; align-items: center; justify-content: center;
    color: #00bfff;
}
.bs-ai-marquee-icon svg { width: 28px; height: 28px; }
.bs-ai-marquee-card h4 { color: #fff; font-size: 14px; font-weight: 900; margin-bottom: 6px; }
.bs-ai-marquee-card p { color: #94a3b8; font-size: 11px; line-height: 1.6; }

/* ═══════════════════════════════════════════════════════════
   باکس کوییز
═══════════════════════════════════════════════════════════ */
.bs-quiz {
    position: relative;
    background: var(--q-bg, var(--bs-card));
    color: var(--q-text, var(--bs-text));
    border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 24px;
    margin: 24px 0;
    overflow: hidden;
}
.bs-quiz-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.bs-quiz-badge {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--q-accent, #dc2626);
    background: color-mix(in srgb, var(--q-accent, #dc2626) 10%, transparent);
    font-size: 11.5px; font-weight: 800; padding: 6px 13px; border-radius: 9999px;
}
.bs-quiz-badge svg { width: 12px; height: 12px; }
.bs-quiz-progress { font-size: 12.5px; font-weight: 800; color: var(--bs-text-light); letter-spacing: 0.02em; }
.bs-quiz-question { font-size: 16px; font-weight: 800; margin-bottom: 18px; line-height: 1.75; color: var(--q-text, var(--bs-text)); }
.bs-quiz-options { display: flex; flex-direction: column; gap: 9px; }
.bs-quiz-option {
    display: flex; align-items: center; gap: 12px;
    width: 100%; text-align: right;
    padding: 13px 15px;
    background: transparent;
    border: 1px solid var(--bs-border);
    border-radius: 12px;
    font-size: 13.5px; font-weight: 700; color: var(--q-text, var(--bs-text));
    cursor: pointer; transition: all 0.15s ease;
}
.bs-quiz-option:hover { border-color: var(--q-accent); background: color-mix(in srgb, var(--q-accent) 5%, transparent); }
.bs-quiz-letter {
    width: 26px; height: 26px; flex-shrink: 0;
    background: var(--bs-bg-secondary); color: var(--bs-text-muted);
    border-radius: 8px; display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 800;
    transition: all 0.15s ease;
}
.bs-quiz-option:hover .bs-quiz-letter { background: var(--q-accent, #dc2626); color: #fff; }
.bs-quiz-option.correct { border-color: var(--q-correct, #10b981); background: color-mix(in srgb, var(--q-correct) 8%, transparent); }
.bs-quiz-option.correct .bs-quiz-letter { background: var(--q-correct, #10b981); color: #fff; }
.bs-quiz-option.wrong { border-color: var(--q-wrong, #ef4444); background: color-mix(in srgb, var(--q-wrong) 8%, transparent); }
.bs-quiz-option.wrong .bs-quiz-letter { background: var(--q-wrong, #ef4444); color: #fff; }
.bs-quiz-stage { transition: all 0.4s ease; }

/* حالت قفل (مهمان) */
.bs-quiz-locked { min-height: 260px; }
.bs-quiz-locked .bs-quiz-inner { filter: blur(6px); pointer-events: none; user-select: none; opacity: 0.5; min-height: 220px; }
.bs-quiz-blur-overlay {
    position: absolute; inset: 0; z-index: 5;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
    background: color-mix(in srgb, var(--q-bg, var(--bs-card)) 60%, transparent);
    backdrop-filter: blur(2px);
    padding: 24px;
    border-radius: var(--bs-radius-lg);
}
.bs-quiz-lock-icon {
    width: 52px; height: 52px; border-radius: 50%;
    background: var(--q-accent, #dc2626); color: #fff;
    display: flex; align-items: center; justify-content: center;
}
.bs-quiz-lock-icon svg { width: 26px; height: 26px; }
.bs-quiz-blur-overlay p { font-size: 14px; font-weight: 900; color: var(--q-text, var(--bs-text)); }
.bs-quiz-login-btn {
    background: var(--q-accent, #dc2626); color: #fff;
    padding: 10px 24px; border-radius: 10px; font-size: 13px; font-weight: 900; text-decoration: none;
}

/* نتیجه نهایی */
.bs-quiz-final { text-align: center; padding: 6px 0; }
.bs-quiz-chart { position: relative; width: 132px; height: 132px; margin: 0 auto 22px; }
.bs-quiz-donut { width: 100%; height: 100%; transform: rotate(-90deg); }
.bs-quiz-donut-track { fill: none; stroke: var(--bs-border); stroke-width: 8; }
.bs-quiz-donut-fill {
    fill: none; stroke: var(--q-accent, #dc2626); stroke-width: 8; stroke-linecap: round;
    transition: stroke-dashoffset 1s cubic-bezier(.25,.8,.25,1);
}
.bs-quiz-chart-inner {
    position: absolute; inset: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.bs-quiz-score-num { font-size: 28px; font-weight: 900; color: var(--q-text, var(--bs-text)); line-height: 1.2; }
.bs-quiz-score-label { font-size: 10.5px; color: var(--bs-text-light); font-weight: 700; margin-top: 2px; }

.bs-quiz-breakdown { max-width: 320px; margin: 0 auto 22px; }
.bs-quiz-breakdown-bar {
    display: flex; height: 8px; border-radius: 999px; overflow: hidden;
    background: color-mix(in srgb, var(--q-wrong, #ef4444) 20%, transparent);
    margin-bottom: 12px;
}
.bs-quiz-bd-correct { display: block; height: 100%; background: var(--q-correct, #10b981); border-radius: 999px; transition: width 0.8s ease; }
.bs-quiz-breakdown-legend { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; }
.bs-quiz-bd-item { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--bs-text-muted); }
.bs-quiz-bd-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.bs-quiz-bd-dot.correct { background: var(--q-correct, #10b981); }
.bs-quiz-bd-dot.wrong { background: var(--q-wrong, #ef4444); }

.bs-quiz-final-stats { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; }
.bs-quiz-stat-box {
    min-width: 110px;
    background: var(--bs-bg-secondary); border: 1px solid var(--bs-border);
    padding: 12px 20px; border-radius: 14px;
    display: flex; flex-direction: column; gap: 3px;
}
.bs-quiz-stat-num { font-size: 18px; font-weight: 900; color: var(--q-text, var(--bs-text)); }
.bs-quiz-stat-num small { font-size: 12px; font-weight: 700; color: var(--bs-text-light); }
.bs-quiz-stat-label { font-size: 10.5px; font-weight: 700; color: var(--bs-text-light); }
.bs-quiz-stat-box.iq { border-color: color-mix(in srgb, var(--q-accent) 30%, var(--bs-border)); }
.bs-quiz-stat-box.iq .bs-quiz-stat-num { color: var(--q-accent, #dc2626); }
.bs-quiz-leaders { margin-top: 16px; text-align: right; border-top: 1px solid var(--bs-border); padding-top: 16px; }
.bs-quiz-leaders h5 { font-size: 13px; font-weight: 900; margin-bottom: 10px; color: var(--q-text, var(--bs-text)); }
.bs-quiz-leader { display: flex; align-items: center; gap: 10px; padding: 7px 0; }
.bs-quiz-medal { font-size: 20px; width: 26px; text-align: center; }
.bs-quiz-leader img { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; }
.bs-quiz-leader-name { flex: 1; font-size: 13px; font-weight: 700; color: var(--q-text, var(--bs-text)); }
.bs-quiz-leader-score { font-size: 12px; font-weight: 900; color: var(--q-accent, #dc2626); }
.bs-quiz-already { font-size: 12px; color: var(--bs-text-muted); margin-bottom: 14px; background: var(--bs-bg-secondary); padding: 8px 14px; border-radius: 9999px; display: inline-block; }

/* ═══════════════════════════════════════════════════════════
   تب‌های اشتراک + تاریخچه تراکنش
═══════════════════════════════════════════════════════════ */
.bs-sub-tabs {
    display: flex; gap: 8px; margin-bottom: 20px;
    border-bottom: 2px solid var(--bs-border);
}
.bs-sub-tab {
    padding: 10px 18px; font-size: 13px; font-weight: 700;
    color: var(--bs-text-muted); background: none; border: none;
    border-bottom: 2px solid transparent; margin-bottom: -2px; cursor: pointer;
    transition: var(--bs-transition);
}
.bs-sub-tab.active { color: var(--bs-primary); border-bottom-color: var(--bs-primary); }

/* لیست تراکنش‌ها */
.bs-tx-list { display: flex; flex-direction: column; gap: 10px; }
.bs-tx-item {
    display: flex; align-items: center; gap: 14px;
    background: var(--bs-card); border: 1px solid var(--bs-border);
    border-radius: var(--bs-radius-lg); padding: 14px 16px;
}
.bs-tx-status {
    width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.bs-tx-status svg { width: 20px; height: 20px; }
.bs-tx-status.ok { background: rgba(16,185,129,0.12); color: #10b981; }
.bs-tx-status.fail { background: rgba(239,68,68,0.12); color: #ef4444; }
.bs-tx-info { flex: 1; min-width: 0; }
.bs-tx-plan { font-size: 13px; font-weight: 900; color: var(--bs-text); }
.bs-tx-date { font-size: 11px; color: var(--bs-text-light); margin-top: 3px; }
.bs-tx-track { font-size: 10px; color: var(--bs-text-light); margin-top: 2px; }
.bs-tx-amount { text-align: left; flex-shrink: 0; }
.bs-tx-price { font-size: 13px; font-weight: 900; color: var(--bs-text); }
.bs-tx-price span { font-size: 10px; color: var(--bs-text-light); font-weight: 400; }
.bs-tx-badge { font-size: 10px; font-weight: 700; padding: 2px 10px; border-radius: 9999px; margin-top: 5px; display: inline-block; }
.bs-tx-badge.ok { background: rgba(16,185,129,0.12); color: #047857; }
.bs-tx-badge.fail { background: rgba(239,68,68,0.12); color: #b91c1c; }

/* کارت پلن حرفه‌ای با آیکون */
.bs-plan-card {
    position: relative;
    background: var(--bs-card);
    border: 1.5px solid var(--bs-border);
    border-radius: var(--bs-radius-lg);
    padding: 22px 18px; text-align: center;
    cursor: pointer; transition: var(--bs-transition);
    display: flex; flex-direction: column; align-items: center;
}
.bs-plan-card:hover { transform: translateY(-5px); box-shadow: var(--bs-shadow-lg); border-color: var(--bs-primary); }
.bs-plan-card.featured { border-color: var(--bs-primary); box-shadow: 0 8px 30px rgba(220,38,38,0.12); }
.bs-plan-card.current { border-color: var(--bs-success); }
.bs-plan-badge {
    position: absolute; top: -10px; right: 50%; transform: translateX(50%);
    background: var(--bs-primary); color: #fff;
    font-size: 10px; font-weight: 900; padding: 3px 14px; border-radius: 9999px; white-space: nowrap;
}
.bs-plan-title { font-size: 14px; font-weight: 900; margin-bottom: 12px; color: var(--bs-text); }
.bs-plan-icon {
    width: 56px; height: 56px; margin: 0 auto 12px;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-accent, #f59e0b));
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    color: #fff;
}
.bs-plan-icon svg { width: 28px; height: 28px; }
.bs-plan-price { font-size: 22px; font-weight: 900; color: var(--bs-primary); margin-bottom: 8px; }
.bs-plan-price span { font-size: 11px; font-weight: 400; color: var(--bs-text-light); margin-right: 3px; }
.bs-plan-desc { font-size: 11px; color: var(--bs-text-muted); line-height: 1.7; margin-bottom: 14px; flex: 1; }
.bs-plan-cta { font-size: 12px; font-weight: 700; color: var(--bs-primary); }

/* ═══════════════════════════════════════════════════════════
   پنل ابزار/چت AI
═══════════════════════════════════════════════════════════ */
.bs-ai-tool-panel {
    position: fixed; inset: 0; z-index: 9999;
    display: none; align-items: center; justify-content: center;
    background: rgba(3,6,13,0.85); backdrop-filter: blur(6px);
    padding: 20px;
}
.bs-ai-tool-panel-inner {
    position: relative;
    width: 100%; max-width: 900px; max-height: 88vh;
    background: #0f1b2d; border: 1px solid rgba(0,191,255,0.25);
    border-radius: 18px; overflow: hidden;
    display: flex; flex-direction: column;
}
.bs-ai-panel-close {
    position: absolute; top: 12px; left: 12px; z-index: 5;
    width: 34px; height: 34px; border-radius: 50%;
    background: rgba(255,255,255,0.1); color: #fff;
    display: flex; align-items: center; justify-content: center; cursor: pointer; border: none;
}
.bs-ai-panel-close svg { width: 18px; height: 18px; }

/* چت */
.bs-ai-chat-layout { display: flex; height: 70vh; }
.bs-ai-chat-sidebar {
    width: 200px; flex-shrink: 0; border-left: 1px solid rgba(255,255,255,0.08);
    padding: 16px 12px; overflow-y: auto;
}
.bs-ai-newchat-btn {
    width: 100%; background: #00bfff; color: #03263b; border: none;
    padding: 9px; border-radius: 9px; font-weight: 900; font-size: 12px; cursor: pointer; margin-bottom: 12px;
}
.bs-ai-history-list { display: flex; flex-direction: column; gap: 6px; }
.bs-ai-history-item {
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(255,255,255,0.05); border-radius: 8px; padding: 8px 10px;
    font-size: 12px; color: #cbd5e1; cursor: pointer;
}
.bs-ai-history-item.active { background: rgba(0,191,255,0.15); color: #fff; }
.bs-ai-history-item button { background: none; border: none; color: #64748b; cursor: pointer; }
.bs-ai-chat-main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.bs-ai-messages { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 12px; }
.bs-ai-msg { display: flex; }
.bs-ai-msg.user { justify-content: flex-start; }
.bs-ai-msg.ai { justify-content: flex-end; }
.bs-ai-msg-bubble {
    max-width: 78%; padding: 12px 14px; border-radius: 14px; font-size: 13px; line-height: 1.8; position: relative;
}
.bs-ai-msg.user .bs-ai-msg-bubble { background: #00bfff; color: #03263b; }
.bs-ai-msg.ai .bs-ai-msg-bubble { background: rgba(255,255,255,0.08); color: #e2e8f0; }
.bs-ai-copy { position: absolute; bottom: 4px; left: 4px; background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 11px; }
.bs-ai-chat-input { padding: 14px; border-top: 1px solid rgba(255,255,255,0.08); }
.bs-ai-chat-input-row { display: flex; gap: 8px; align-items: flex-end; }
.bs-ai-chat-attach {
    width: 42px; height: 42px; flex-shrink: 0; cursor: pointer;
    background: rgba(255,255,255,0.08); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; color: #cbd5e1;
}
.bs-ai-chat-attach svg { width: 20px; height: 20px; }
.bs-ai-chat-input-row textarea {
    flex: 1; resize: none; border-radius: 12px; padding: 10px 14px; max-height: 120px;
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #fff; font-family: inherit; font-size: 13px;
}
.bs-ai-send-btn {
    width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0;
    background: #00bfff; color: #03263b; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.bs-ai-send-btn svg { width: 20px; height: 20px; }

/* ابزار */
#bs-ai-tool-view { padding: 50px 24px 24px; overflow-y: auto; }
.bs-ai-tool-vtitle { color: #fff; font-size: 18px; font-weight: 900; margin-bottom: 16px; }
.bs-ai-tool-textarea {
    width: 100%; resize: vertical; border-radius: 12px; padding: 14px;
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #fff; font-family: inherit; font-size: 13px;
}
.bs-ai-run-btn {
    background: #00bfff; color: #03263b; border: none; padding: 11px 28px;
    border-radius: 10px; font-weight: 900; cursor: pointer;
}
.bs-ai-attach-btn {
    display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
    background: rgba(255,255,255,0.08); color: #cbd5e1; padding: 11px 18px; border-radius: 10px; font-size: 13px;
}
.bs-ai-attach-btn svg { width: 18px; height: 18px; }
.bs-ai-tool-result { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 18px; color: #e2e8f0; }
.bs-ai-loading { display: inline-flex; gap: 4px; }
.bs-ai-loading span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: bs-ai-bounce 1s infinite; }
.bs-ai-loading span:nth-child(2) { animation-delay: 0.15s; }
.bs-ai-loading span:nth-child(3) { animation-delay: 0.3s; }
@keyframes bs-ai-bounce { 0%,60%,100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-6px); opacity: 1; } }

@media (max-width: 640px) {
    .bs-ai-tool-panel { padding: 0; }
    .bs-ai-tool-panel-inner { max-width: 100%; max-height: 100vh; height: 100vh; border-radius: 0; }
    .bs-ai-chat-layout { flex-direction: column; height: 100vh; }
    .bs-ai-chat-sidebar {
        width: 100%; max-height: none; border-left: none; border-bottom: 1px solid rgba(255,255,255,0.08);
        padding: 12px; flex-shrink: 0;
    }
    .bs-ai-history-list { flex-direction: row; overflow-x: auto; gap: 8px; }
    .bs-ai-history-item { flex-shrink: 0; min-width: 120px; }
    .bs-ai-newchat-btn { margin-bottom: 8px; }
    .bs-ai-messages { padding: 14px; }
    .bs-ai-msg-bubble { max-width: 85%; }
    #bs-ai-tool-view { padding: 50px 16px 20px; }
}

/* باکس معرفی باستان‌نگار */
.bs-bn-hero {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px;
    background-color: #1a1f2e;
    background-image: linear-gradient(135deg, var(--bs-bn-h1, #4285f48c), var(--bs-bn-h2, #1aa64a80), var(--bs-bn-h3, #fcbd0080), var(--bs-bn-h4, #db372d80));
    background-size: 300% 300%;
    animation: bs-bn-hero-flow 12s ease infinite;
    border-radius: var(--bs-radius-lg);
    padding: 22px 24px; margin-bottom: 18px; color: #fff;
}
@keyframes bs-bn-hero-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.bs-bn-hero-content { display: flex; align-items: center; gap: 16px; }
.bs-bn-hero-icon {
    width: 54px; height: 54px; border-radius: 14px; flex-shrink: 0;
    background: rgba(255,255,255,0.18);
    display: flex; align-items: center; justify-content: center;
}
.bs-bn-hero-icon svg { width: 28px; height: 28px; }
.bs-bn-hero-title { font-size: 22px; font-weight: 900; margin: 0; }
.bs-bn-hero-sub { font-size: 13px; opacity: 0.9; margin: 2px 0 0; }
.bs-bn-guide-btn {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(255,255,255,0.2); color: #fff; border: 1px solid rgba(255,255,255,0.35);
    padding: 10px 18px; border-radius: 10px; font-size: 13px; font-weight: 700; cursor: pointer;
    transition: var(--bs-transition);
}
.bs-bn-guide-btn:hover { background: rgba(255,255,255,0.3); }
.bs-bn-guide-btn svg { width: 16px; height: 16px; }
.bs-bn-hero-persepolis {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    animation: none;
    border: 1px solid rgba(232,196,99,.34);
    background:
        linear-gradient(180deg,rgba(5,18,20,.25),rgba(5,17,18,.73)),
        linear-gradient(125deg,rgba(18,91,72,.48),rgba(74,69,26,.25) 48%,rgba(150,101,20,.42)),
        var(--bs-bn-hero-image) center 54% / cover no-repeat;
    box-shadow: 0 18px 42px rgba(22,43,37,.18), inset 0 1px rgba(255,255,255,.18);
}
.bs-bn-hero-persepolis::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 40%,transparent 0 16%,rgba(4,13,15,.12) 68%,rgba(3,10,12,.34));
}
.bs-bn-hero-persepolis .bs-bn-hero-icon {
    border: 1px solid rgba(255,229,155,.28);
    background: rgba(22,48,41,.48);
    box-shadow: inset 0 0 22px rgba(238,195,79,.08),0 10px 26px rgba(0,0,0,.18);
    backdrop-filter: blur(7px);
}
.bs-bn-hero-persepolis .bs-bn-hero-title { color:#fffaf0; text-shadow:0 3px 16px rgba(0,0,0,.55); }
.bs-bn-hero-persepolis .bs-bn-hero-sub { color:#f3ead7; text-shadow:0 2px 10px rgba(0,0,0,.55); }
.bs-bn-hero-persepolis .bs-bn-guide-btn {
    border-color: rgba(255,229,159,.37);
    background: rgba(18,42,37,.54);
    box-shadow: inset 0 1px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.16);
    backdrop-filter: blur(8px);
}
@media (max-width: 600px) {
    .bs-bn-hero { flex-direction: column; align-items: stretch; text-align: center; }
    .bs-bn-hero-content { flex-direction: column; }
    .bs-bn-guide-btn { justify-content: center; }
    .bs-bn-hero-persepolis { background-position:center 52%; }
}

/* تصویر سؤال کوییز */
.bs-quiz-q-image { margin-bottom: 14px; border-radius: 12px; overflow: hidden; }
.bs-quiz-q-image img { width: 100%; height: auto; display: block; max-height: 240px; object-fit: cover; }

/* ═══════════════════════════════════════════════════════════
   پاپ‌آپ فرانت
═══════════════════════════════════════════════════════════ */
.bs-popup-overlay {
    position: fixed; inset: 0; z-index: 99990;
    display: none; align-items: center; justify-content: center;
    padding: 20px;
    background: color-mix(in srgb, var(--pop-overlay, #000) 70%, transparent);
    animation: bs-popup-fade 0.3s ease;
}
html[data-theme="dark"] .bs-popup-overlay { background: color-mix(in srgb, var(--pop-overlay-d, #000) 80%, transparent); }
@keyframes bs-popup-fade { from { opacity: 0; } to { opacity: 1; } }
.bs-popup-box {
    position: relative;
    width: 100%; max-width: 420px;
    background: var(--pop-bg, #fff);
    border-radius: 18px; overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    animation: bs-popup-pop 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
html[data-theme="dark"] .bs-popup-box { background: var(--pop-bg-d, #1e293b); }
@keyframes bs-popup-pop { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.bs-popup-close {
    position: absolute; top: 10px; left: 10px; z-index: 3;
    width: 32px; height: 32px; border-radius: 50%;
    background: rgba(0,0,0,0.5); color: #fff; border: none; cursor: pointer; font-size: 14px;
    display: flex; align-items: center; justify-content: center;
}
.bs-popup-image img { width: 100%; height: auto; display: block; max-height: 220px; object-fit: cover; }
.bs-popup-content { padding: 22px; }
.bs-popup-title { font-size: 18px; font-weight: 900; color: var(--pop-title, #0f172a); margin-bottom: 10px; }
html[data-theme="dark"] .bs-popup-title { color: var(--pop-title-d, #f1f5f9); }
.bs-popup-text { font-size: 14px; line-height: 1.9; color: var(--pop-text, #475569); margin-bottom: 18px; }
html[data-theme="dark"] .bs-popup-text { color: var(--pop-text-d, #cbd5e1); }
.bs-popup-actions { display: flex; gap: 10px; justify-content: flex-end; }
.bs-popup-btn-close {
    background: transparent; border: 1px solid var(--bs-border, #e2e8f0);
    color: var(--pop-text, #475569); padding: 10px 20px; border-radius: 10px;
    font-size: 13px; font-weight: 700; cursor: pointer;
}
html[data-theme="dark"] .bs-popup-btn-close { color: var(--pop-text-d, #cbd5e1); }
.bs-popup-btn-action {
    background: var(--pop-btn-bg, #dc2626); color: var(--pop-btn-text, #fff);
    padding: 10px 22px; border-radius: 10px; font-size: 13px; font-weight: 900;
    text-decoration: none; display: inline-block;
}
html[data-theme="dark"] .bs-popup-btn-action { background: var(--pop-btn-bg-d, #dc2626); color: var(--pop-btn-text-d, #fff); }
.bs-popup-btn-action:hover { opacity: 0.9; }

/* ═══════════════════════════════════════════════════════════
   باکس تقویم دو بخشی (تم فصلی) — bs-cal2
═══════════════════════════════════════════════════════════ */
.bs-cal2 {
    display: flex; flex-direction: row-reverse;
    border-radius: var(--bs-radius-lg);
    margin-bottom: 18px;
    border: 1px solid var(--bs-border);
    position: relative; overflow: hidden;
    box-shadow: var(--bs-shadow);
    max-width: 560px;
}
.bs-cal2-deco { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--cal-accent, #d97706), #fbbf24, var(--cal-accent, #d97706)); z-index: 3; }
.bs-cal2-main { flex: 1 1 58%; padding: 14px; min-width: 0; }
.bs-cal2-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.bs-cal2-title { font-size: 14px; font-weight: 900; color: var(--cal-text, #fff); margin: 0; }
.bs-cal2-season { font-size: 9px; font-weight: 700; padding: 2px 9px; border-radius: 9999px; background: var(--cal-badge-bg, rgba(217,119,6,0.12)); color: var(--cal-accent, #d97706); border: 1px solid var(--cal-accent-border, rgba(217,119,6,0.3)); }
.bs-cal2-weekdays { display: grid; grid-template-columns: repeat(7,1fr); gap: 3px; text-align: center; font-size: 9px; font-weight: 800; color: var(--cal-accent, #d97706); opacity: 0.6; margin-bottom: 6px; padding-bottom: 5px; border-bottom: 1px solid var(--cal-border, rgba(255,255,255,0.08)); }
.bs-cal2-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 3px; }
.bs-cal2-empty { aspect-ratio: 1; }
.bs-cal2-day {
    aspect-ratio: 1; position: relative;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; border-radius: 8px; cursor: pointer;
    background: transparent; border: none; color: var(--cal-day, #d6d3d1);
    transition: all 0.2s; padding: 0;
}
.bs-cal2-day:hover { background: var(--cal-hover, rgba(255,255,255,0.06)); }
.bs-cal2-day.today { border: 1px solid var(--cal-accent, #f59e0b); color: var(--cal-accent, #f59e0b); background: var(--cal-today-bg, rgba(245,158,11,0.12)); }
.bs-cal2-day.selected { background: var(--cal-accent, #f59e0b); color: #1c1917; box-shadow: 0 3px 10px var(--cal-accent-glow, rgba(245,158,11,0.35)); }
.bs-cal2-dot { position: absolute; bottom: 3px; width: 4px; height: 4px; border-radius: 50%; background: var(--cal-accent, #f59e0b); }
.bs-cal2-day.selected .bs-cal2-dot { background: #1c1917; }
/* بخش جزئیات */
.bs-cal2-side {
    flex: 1 1 42%; padding: 16px; position: relative; overflow: hidden;
    border-right: 1px solid var(--cal-border, rgba(255,255,255,0.08));
    display: flex; flex-direction: column; gap: 12px;
    background: var(--cal-side-bg, rgba(0,0,0,0.18));
}
.bs-cal2-side-art { position: absolute; left: -10px; bottom: -10px; opacity: 0.06; pointer-events: none; }
.bs-cal2-side-art svg { width: 100px; height: 100px; color: var(--cal-accent, #f59e0b); }
.bs-cal2-side-top { position: relative; z-index: 1; }
.bs-cal2-dayname { font-size: 10px; font-weight: 700; letter-spacing: 0.5px; color: var(--cal-accent, #f59e0b); margin: 0; }
.bs-cal2-daynum { font-size: 36px; font-weight: 900; color: var(--cal-text, #fff); margin: 2px 0; line-height: 1; }
.bs-cal2-daymonth { font-size: 11px; color: var(--cal-day, #d6d3d1); margin: 0; }
.bs-cal2-events { position: relative; z-index: 1; }
.bs-cal2-events-title { font-size: 10px; font-weight: 900; color: var(--cal-accent, #f59e0b); margin-bottom: 8px; }
.bs-cal2-event { display: flex; align-items: flex-start; gap: 7px; padding: 10px; border-radius: 10px; background: var(--cal-event-bg, rgba(0,0,0,0.25)); border: 1px solid var(--cal-border, rgba(255,255,255,0.08)); }
.bs-cal2-event-ic { width: 7px; height: 7px; border-radius: 50%; background: var(--cal-accent, #f59e0b); margin-top: 5px; flex-shrink: 0; }
.bs-cal2-event p { font-size: 11px; font-weight: 700; line-height: 1.7; color: var(--cal-text, #f5f5f4); margin: 0; }
.bs-cal2-noevent { font-size: 11px; color: var(--cal-day, #a8a29e); text-align: center; padding: 14px; border: 1px dashed var(--cal-border, rgba(255,255,255,0.1)); border-radius: 10px; }
.bs-cal2-quote { position: relative; z-index: 1; margin-top: auto; padding: 11px; border-radius: 10px; background: var(--cal-event-bg, rgba(0,0,0,0.3)); border: 1px solid var(--cal-border, rgba(255,255,255,0.08)); }
.bs-cal2-quote p { font-size: 10px; line-height: 1.8; color: var(--cal-text, #f5f5f4); opacity: 0.85; margin: 0; }

@media (max-width: 600px) {
    .bs-cal2 { flex-direction: column; max-width: 100%; }
    .bs-cal2-side { border-right: none; border-top: 1px solid var(--cal-border, rgba(255,255,255,0.08)); }
    .bs-cal2-daynum { font-size: 32px; }
}

/* تم فصلی تقویم (متغیرها) */
.bs-cal2.bs-season-spring { background: linear-gradient(135deg, #042f2e, #0f3a2e); --cal-accent:#2dd4bf; --cal-accent-border:rgba(45,212,191,0.3); --cal-accent-glow:rgba(45,212,191,0.35); --cal-badge-bg:rgba(45,212,191,0.12); }
.bs-cal2.bs-season-summer { background: linear-gradient(135deg, #422006, #451a03); --cal-accent:#f59e0b; --cal-accent-border:rgba(245,158,11,0.3); --cal-accent-glow:rgba(245,158,11,0.35); --cal-badge-bg:rgba(245,158,11,0.12); }
.bs-cal2.bs-season-autumn { background: linear-gradient(135deg, #431407, #450a0a); --cal-accent:#fb923c; --cal-accent-border:rgba(251,146,60,0.3); --cal-accent-glow:rgba(251,146,60,0.35); --cal-badge-bg:rgba(251,146,60,0.12); }
.bs-cal2.bs-season-winter { background: linear-gradient(135deg, #1e1b4b, #1e293b); --cal-accent:#818cf8; --cal-accent-border:rgba(129,140,248,0.3); --cal-accent-glow:rgba(129,140,248,0.35); --cal-badge-bg:rgba(129,140,248,0.12); }
.bs-cal2 { --cal-text:#fafaf9; --cal-day:#d6d3d1; --cal-border:rgba(255,255,255,0.1); --cal-hover:rgba(255,255,255,0.07); --cal-side-bg:rgba(0,0,0,0.2); --cal-event-bg:rgba(0,0,0,0.28); --cal-today-bg:rgba(255,255,255,0.08); }

/* تم‌های فصلی باکس مناسبت ساده */
.bs-season-spring { background: linear-gradient(135deg, #fce7f3, #d1fae5); }
.bs-season-summer { background: linear-gradient(135deg, #fef3c7, #fde68a); }
.bs-season-autumn { background: linear-gradient(135deg, #fed7aa, #fecaca); }
.bs-season-winter { background: linear-gradient(135deg, #dbeafe, #e0e7ff); }
html[data-theme="dark"] .bs-occ-widget.bs-season-spring { background: linear-gradient(135deg, #312e3a, #1e3a2f); }
html[data-theme="dark"] .bs-occ-widget.bs-season-summer { background: linear-gradient(135deg, #3a3320, #3a3520); }
html[data-theme="dark"] .bs-occ-widget.bs-season-autumn { background: linear-gradient(135deg, #3a2a1f, #3a2020); }
html[data-theme="dark"] .bs-occ-widget.bs-season-winter { background: linear-gradient(135deg, #1e293b, #232943); }

/* باکس مناسبت سایدبار (پس‌زمینه پیش‌فرض قالب، رنگ تأکید فصلی) */
.bs-occ2 {
    position: relative; overflow: hidden;
    border-radius: var(--bs-radius-lg); padding: 16px;
    margin-bottom: 18px; border: 1px solid var(--bs-border);
    box-shadow: var(--bs-shadow);
    background: var(--bs-card) !important;
}
.bs-occ2.bs-season-spring { --cal-accent:#0d9488; }
.bs-occ2.bs-season-summer { --cal-accent:#d97706; }
.bs-occ2.bs-season-autumn { --cal-accent:#ea580c; }
.bs-occ2.bs-season-winter { --cal-accent:#4f46e5; }
.bs-occ2-deco { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--cal-accent); }
.bs-occ2-art { position: absolute; left: -8px; bottom: -8px; opacity: 0.06; pointer-events: none; }
.bs-occ2-art svg { width: 90px; height: 90px; color: var(--cal-accent); }
.bs-occ2-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; position: relative; z-index: 1; }
.bs-occ2-date { font-size: 13px; font-weight: 900; color: var(--bs-text); }
.bs-occ2-label { font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 9999px; background: color-mix(in srgb, var(--cal-accent) 12%, transparent); color: var(--cal-accent); }
.bs-occ2-event { display: flex; align-items: flex-start; gap: 8px; position: relative; z-index: 1; }
.bs-occ2-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cal-accent); margin-top: 6px; flex-shrink: 0; }
.bs-occ2-event p { font-size: 13px; font-weight: 700; line-height: 1.8; color: var(--bs-text); margin: 0; }

/* باکس مناسبت ساده (سایدبار) */
.bs-occ-widget { padding: 16px !important; }
.bs-occ-widget-head { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 900; color: var(--bs-text); margin-bottom: 8px; }
.bs-occ-widget-head svg { width: 15px; height: 15px; color: var(--bs-primary); }
.bs-occ-widget-text { font-size: 13px; font-weight: 700; color: var(--bs-primary); line-height: 1.8; position: relative; z-index: 1; }
html[data-theme="dark"] .bs-occ-widget-head { color: #f1f5f9; }

/* نظرسنجی جدید (چندتایی) */
.bs-poll-widget .bs-poll-q { font-size: 13px; font-weight: 700; margin-bottom: 14px; line-height: 1.8; color: var(--bs-text); }
.bs-poll-widget { margin: 18px 0; }
.bs-poll-form { display: flex; flex-direction: column; gap: 8px; }
.bs-poll-opt {
    display: flex; align-items: center; gap: 10px;
    width: 100%; text-align: right; padding: 11px 14px; margin-bottom: 8px;
    background: var(--bs-bg-secondary); border: 1px solid var(--bs-border);
    border-radius: 10px; font-size: 13px; font-weight: 700; color: var(--bs-text);
    cursor: pointer; transition: var(--bs-transition);
}
.bs-poll-opt:hover { border-color: var(--bs-primary); background: color-mix(in srgb, var(--bs-primary) 8%, transparent); }
.bs-poll-opt input[type="radio"] { accent-color: var(--bs-primary); margin: 0; flex-shrink: 0; }
.bs-poll-submit {
    width: 100%; margin-top: 6px; padding: 11px;
    background: var(--bs-primary); color: #fff; border: none;
    border-radius: 10px; font-size: 13px; font-weight: 900; cursor: pointer;
    transition: var(--bs-transition);
}
.bs-poll-submit:hover { opacity: 0.9; }
.bs-poll-result { margin-bottom: 12px; }
.bs-poll-result-label { display: flex; justify-content: space-between; font-size: 12px; font-weight: 700; margin-bottom: 5px; color: var(--bs-text); }
.bs-poll-bar { height: 10px; background: var(--bs-bg-secondary); border-radius: 5px; overflow: hidden; }
.bs-poll-bar-fill { height: 100%; background: var(--bs-primary); border-radius: 5px; transition: width 0.6s ease; }
.bs-poll-total { font-size: 11px; color: var(--bs-text-light); margin-top: 10px; text-align: center; }

/* رفع دارک‌مود باکس دیدگاه AI (override رنگ‌های inline) */
html[data-theme="dark"] .bs-ai-comment {
    background: var(--bs-card) !important;
    color: var(--bs-text) !important;
    border-color: color-mix(in srgb, var(--ai-box-color, #2563eb) 40%, transparent) !important;
}
html[data-theme="dark"] .bs-ai-comment .bs-ai-comment-body,
html[data-theme="dark"] .bs-ai-comment .bs-ai-comment-name { color: var(--bs-text) !important; }
html[data-theme="dark"] .bs-ai-comment .bs-ai-comment-name small { color: var(--bs-text-light) !important; }

/* رفع دارک‌مود دکمه‌های لایک/دیسلایک دیدگاه باستان‌یار */
html[data-theme="dark"] .bs-ai-vote-btn {
    background: var(--bs-bg-secondary) !important;
    border-color: var(--bs-border) !important;
    color: var(--bs-text-muted) !important;
}
html[data-theme="dark"] .bs-ai-vote-btn:hover {
    color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    background: rgba(16,185,129,0.1) !important;
}
html[data-theme="dark"] .bs-ai-vote-btn.dislike:hover {
    color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    background: rgba(239,68,68,0.1) !important;
}
html[data-theme="dark"] .bs-ai-comment-actions { border-top-color: var(--bs-border) !important; }

/* دکمه outline (مثلاً مشاهده قوانین) */
.bs-btn-outline {
    background: transparent;
    border: 1px solid var(--bs-border);
    color: var(--bs-text-muted);
    padding: 11px 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--bs-transition);
    text-align: center;
}
.bs-btn-outline:hover { border-color: var(--bs-primary); color: var(--bs-primary); }

/* انیمیشن ظاهر شدن محتوای جدید (زنده) در باستان‌نگار */
@keyframes bs-mp-flash {
    0% { opacity: 0; transform: translateY(-12px); background: color-mix(in srgb, var(--bs-primary) 8%, transparent); }
    100% { opacity: 1; transform: translateY(0); background: transparent; }
}
.bs-mp-new-flash { animation: bs-mp-flash 0.7s ease; }

/* ═══════════════════════════════════════════════════════════
   باکس توضیحات تصویر (caption) — مثل نقل‌قول
═══════════════════════════════════════════════════════════ */
.bs-article-body figure.wp-block-image figcaption,
.bs-article-content figure.wp-block-image figcaption,
.bs-article-content .wp-caption .wp-caption-text,
.bs-article-body figcaption,
.bs-article-content figcaption {
    margin-top: 0;
    background: var(--bs-bg-secondary);
    border-right: 4px solid var(--bs-primary);
    border-radius: 0 10px 10px 0;
    padding: 12px 16px;
    font-size: 13px;
    line-height: 1.9;
    color: var(--bs-text-muted);
    font-weight: 500;
    position: relative;
}
.bs-article-body figure.wp-block-image,
.bs-article-content figure.wp-block-image,
.bs-article-content .wp-caption {
    margin: 22px 0;
}
.bs-article-body figure.wp-block-image img,
.bs-article-content figure.wp-block-image img,
.bs-article-content .wp-caption img {
    border-radius: 12px;
    display: block;
}
.bs-article-body figcaption::before,
.bs-article-content figcaption::before {
    content: '◆';
    color: var(--bs-primary);
    margin-left: 7px;
    font-size: 10px;
    opacity: 0.7;
}

/* اندازه متن فوتر (قابل تنظیم) */
.bs-footer { font-size: var(--bs-fs-footer, 13px); }
.bs-footer p, .bs-footer a, .bs-footer li, .bs-footer-links a, .bs-footer-about p { font-size: var(--bs-fs-footer, 13px); }

/* انیمیشن پالس دایره مناسبت روز (مشابه خبر فوری) */
@keyframes bs-occ-pulse {
    0% { box-shadow: 0 0 0 0 var(--cal-accent, var(--bs-primary)); opacity: 1; }
    70% { box-shadow: 0 0 0 7px transparent; opacity: 0.85; }
    100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
}
.bs-occ2-dot, .bs-greeting-occ-dot {
    animation: bs-occ-pulse 1.6s infinite;
}

/* ═══════════════════════════════════════════════════════════
   تب‌ها و روش‌های صفحه احراز هویت
═══════════════════════════════════════════════════════════ */
.bs-auth-tabs {
    display: flex; gap: 6px; margin-bottom: 20px;
    background: rgba(255,255,255,0.08); border-radius: 12px; padding: 4px;
}
.bs-auth-tab {
    flex: 1; padding: 11px; border: none; background: transparent;
    color: rgba(255,255,255,0.6); font-weight: 800; font-size: 13px;
    border-radius: 9px; cursor: pointer; transition: all 0.2s; font-family: inherit;
}
.bs-auth-tab.active { background: rgba(255,255,255,0.15); color: #fff; }
.bs-auth-method {
    display: flex; gap: 6px; margin-bottom: 18px;
}
.bs-auth-method-btn {
    flex: 1; padding: 8px; border: 1px solid rgba(255,255,255,0.15);
    background: transparent; color: rgba(255,255,255,0.55); font-size: 12px; font-weight: 700;
    border-radius: 9px; cursor: pointer; transition: all 0.2s; font-family: inherit;
}
.bs-auth-method-btn.active { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.3); }

/* تصویر کوچک مناسبت روز */
.bs-occ2-img {
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
    max-height: 120px;
}
.bs-occ2-img img {
    width: 100%;
    height: auto;
    max-height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

/* ═══════════════════════════════════════════════════════════
   فهرست مطالب (Table of Contents)
═══════════════════════════════════════════════════════════ */
.bs-toc {
    position: relative;
    background: linear-gradient(180deg, var(--bs-bg-secondary), var(--bs-card));
    border: 1px solid var(--bs-border);
    border-radius: 14px;
    margin: 0 0 24px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.bs-toc::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--bs-primary), color-mix(in srgb, var(--bs-primary) 30%, transparent));
}
.bs-toc-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 18px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-weight: 800;
    font-size: 14px;
    color: var(--bs-text);
    transition: background .15s ease;
}
.bs-toc-toggle:hover { background: rgba(0,0,0,0.02); }
.bs-toc-toggle-label {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 1;
    min-width: 0;
}
.bs-toc-toggle-label svg {
    width: 17px; height: 17px;
    color: #fff;
    background: var(--bs-primary);
    padding: 5px;
    box-sizing: content-box;
    border-radius: 8px;
    flex-shrink: 0;
}
.bs-toc-count {
    flex-shrink: 0;
    background: var(--bs-bg-secondary);
    border: 1px solid var(--bs-border);
    color: var(--bs-text-muted);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
}
.bs-toc-arrow {
    flex-shrink: 0;
    display: flex;
    color: var(--bs-text-muted);
    transition: transform 0.3s ease;
    transform: rotate(-90deg);
}
.bs-toc-arrow svg { width: 13px; height: 13px; }
.bs-toc.open .bs-toc-arrow { transform: rotate(0deg); }
.bs-toc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(.2,.8,.2,1);
}
.bs-toc.open .bs-toc-body { max-height: 600px; overflow-y: auto; }
.bs-toc-list {
    list-style: none;
    margin: 0;
    padding: 2px 18px 18px;
    position: relative;
}
.bs-toc-list::before {
    content: '';
    position: absolute;
    top: 4px; bottom: 10px;
    right: 27px;
    width: 1px;
    background: var(--bs-border);
}
.bs-toc-list li { margin: 1px 0; position: relative; }
.bs-toc-list li.bs-toc-l3 { padding-right: 20px; }
.bs-toc-list a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: var(--bs-text-muted);
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    transition: var(--bs-transition);
    text-decoration: none;
    position: relative;
}
.bs-toc-list a::before {
    content: '';
    flex-shrink: 0;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--bs-border);
    transition: var(--bs-transition);
}
.bs-toc-list li.bs-toc-l3 a { font-size: 12px; }
.bs-toc-list li.bs-toc-l3 a::before { width: 4px; height: 4px; }
.bs-toc-list a:hover {
    color: var(--bs-primary);
    background: var(--bs-primary-light);
}
.bs-toc-list a:hover::before { background: var(--bs-primary); }
.bs-toc-list a.is-active {
    color: var(--bs-primary);
    background: var(--bs-primary-light);
    font-weight: 800;
}
.bs-toc-list a.is-active::before {
    background: var(--bs-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bs-primary) 20%, transparent);
}
/* offset برای اسکرول به سرفصل (به‌خاطر هدر چسبان) */
.bs-article-body h2, .bs-article-body h3 { scroll-margin-top: 90px; }

/* توجه: استایل بخش «سوالات متداول خودکار» به‌صورت inline (درون خودِ HTML
   تولیدشده در inc/auto-faq.php) تزریق می‌شود، نه از طریق کلاس CSS — دقیقاً
   طبق ساختار نمونه‌ای که کارفرما ارائه داد، تا مستقل از قالب هم درست کار کند. */

/* باکس جدیدترین نوشته‌ها */
.bs-latest-list { display: flex; flex-direction: column; gap: 12px; }
.bs-latest-item {
    display: flex; gap: 10px; align-items: center;
    text-decoration: none; color: inherit;
    transition: var(--bs-transition);
}
.bs-latest-item:hover .bs-latest-info h5 { color: var(--bs-primary); }
.bs-latest-thumb {
    width: 56px; height: 56px; flex-shrink: 0;
    border-radius: 10px; overflow: hidden; background: var(--bs-bg-secondary);
}
.bs-latest-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-latest-info h5 {
    font-size: 13px; font-weight: 700; margin: 0 0 4px;
    line-height: 1.6; transition: var(--bs-transition);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bs-latest-meta { font-size: 11px; color: var(--bs-text-light); }

/* جدیدترین مطالب سایت در داشبورد پروفایل */
.bs-dash-latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
}
.bs-dash-latest-card {
    text-decoration: none; color: inherit;
    border: 1px solid var(--bs-border);
    border-radius: 12px; overflow: hidden;
    transition: var(--bs-transition);
    display: flex; flex-direction: column;
}
.bs-dash-latest-card:hover {
    border-color: var(--bs-primary);
    transform: translateY(-2px);
    box-shadow: var(--bs-shadow);
}
.bs-dash-latest-thumb {
    aspect-ratio: 16/10; background: var(--bs-bg-secondary);
    overflow: hidden;
}
.bs-dash-latest-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-dash-latest-noimg {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    color: var(--bs-text-light);
}
.bs-dash-latest-noimg svg { width: 30px; height: 30px; }
.bs-dash-latest-body { padding: 10px 12px; }
.bs-dash-latest-body h5 {
    font-size: 12px; font-weight: 700; margin: 0 0 8px;
    line-height: 1.6;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bs-dash-latest-meta {
    display: flex; justify-content: space-between;
    font-size: 10px; color: var(--bs-text-light);
}
.bs-dash-latest-meta span { display: flex; align-items: center; gap: 3px; }
.bs-dash-latest-meta svg { width: 12px; height: 12px; }

/* ═══════════════════════════════════════════════════════════
   باکس سه‌تب برترین‌های کوییز
═══════════════════════════════════════════════════════════ */
.bs-quiz-leaders {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: 14px;
    margin-top: 14px;
    overflow: hidden;
}
.bs-quiz-leaders-tabs {
    display: flex;
    background: var(--bs-bg-secondary);
    padding: 4px;
    gap: 3px;
}
.bs-ql-tab {
    flex: 1; padding: 8px 4px; border: none; background: transparent;
    font-family: inherit; font-size: 11px; font-weight: 700;
    color: var(--bs-text-muted); cursor: pointer; border-radius: 8px;
    transition: var(--bs-transition);
}
.bs-ql-tab.active { background: var(--bs-card); color: var(--bs-primary); box-shadow: var(--bs-shadow-sm); }
.bs-ql-panel { padding: 10px 12px; }
.bs-ql-empty { text-align: center; color: var(--bs-text-light); font-size: 12px; padding: 16px 0; }
.bs-ql-row {
    display: flex; align-items: center; gap: 10px;
    padding: 7px 0; border-bottom: 1px solid var(--bs-border-light);
}
.bs-ql-row:last-child { border-bottom: none; }
.bs-ql-rank {
    width: 22px; height: 22px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: 7px; font-size: 11px; font-weight: 900;
    background: var(--bs-bg-secondary); color: var(--bs-text-muted);
}
.bs-ql-rank-1 { background: #fbbf2422; color: #d97706; }
.bs-ql-rank-2 { background: #94a3b822; color: #64748b; }
.bs-ql-rank-3 { background: #fb923c22; color: #ea580c; }
.bs-ql-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bs-ql-name {
    flex: 1; font-size: 12px; font-weight: 700; color: var(--bs-text);
    display: flex; align-items: center; gap: 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bs-ql-score { font-size: 11px; font-weight: 700; color: var(--bs-primary); }

/* کارت‌های جایزه دعوت */
.bs-reward-card {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px; border-radius: 12px;
    border: 1px solid var(--bs-border);
    transition: var(--bs-transition);
}
.bs-reward-active {
    background: var(--bs-card);
    border-color: var(--bs-success);
}
.bs-reward-locked {
    background: var(--bs-bg-secondary);
    opacity: 0.6;
    filter: grayscale(0.6);
}

/* ═══════════════════════════════════════════════════════════
   صفحه میراث‌یار
═══════════════════════════════════════════════════════════ */
.bs-mirasyar-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
    margin-top: 8px;
}
.bs-mirasyar-page .bs-bn-hero-title { font-size: var(--bs-myar-page-title-size, 22px); }
.bs-mirasyar-card {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: var(--bs-transition);
    display: flex;
    flex-direction: column;
}
.bs-mirasyar-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--bs-shadow-lg);
    border-color: var(--bs-primary);
}
.bs-mirasyar-thumb {
    position: relative;
    aspect-ratio: 16/9;
    background: var(--bs-bg-secondary);
    overflow: hidden;
}
.bs-mirasyar-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-mirasyar-noimg {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    color: var(--bs-text-light);
}
.bs-mirasyar-noimg svg { width: 40px; height: 40px; }
.bs-mirasyar-support-badge {
    position: absolute; bottom: 10px; right: 10px;
    background: rgba(0,0,0,0.6); color: #fff;
    padding: 4px 10px; border-radius: 20px;
    font-size: 11px; font-weight: 700;
    display: flex; align-items: center; gap: 4px;
    backdrop-filter: blur(4px);
}
.bs-mirasyar-support-badge svg { width: 12px; height: 12px; }
.bs-mirasyar-body { padding: 14px 16px; }
.bs-mirasyar-body h3 {
    font-size: 15px; font-weight: 800; margin: 0 0 8px;
    line-height: 1.6;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bs-mirasyar-body p {
    font-size: 12px; color: var(--bs-text-muted); line-height: 1.8; margin: 0 0 12px;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bs-mirasyar-meta {
    display: flex; justify-content: space-between;
    font-size: 11px; color: var(--bs-text-light);
    border-top: 1px solid var(--bs-border-light); padding-top: 10px;
}

/* باکس حمایت در صفحه تکی گزارش */
.bs-support-box {
    background: linear-gradient(135deg, var(--bs-primary-light), transparent);
    border: 1px solid var(--bs-primary);
    border-radius: 14px;
    padding: 20px;
    margin: 24px 0;
    text-align: center;
}
.bs-support-count {
    font-size: 32px; font-weight: 900; color: var(--bs-primary);
}
.bs-support-label { font-size: 12px; color: var(--bs-text-muted); margin-bottom: 14px; }

/* ═══════════════════════════════════════════════════════════
   دکمه‌های دونیت
═══════════════════════════════════════════════════════════ */
.bs-donate-header-btn {
    display: inline-flex; align-items: center; gap: 5px;
    background: var(--bs-primary); color: #fff !important;
    padding: 3px 12px; border-radius: 20px;
    font-size: 11px; font-weight: 700;
    transition: var(--bs-transition);
    margin-right: auto;
    margin-left: 12px;
}
.bs-donate-header-btn:hover { background: var(--bs-primary-dark); transform: scale(1.04); }
.bs-donate-header-btn svg { width: 13px; height: 13px; }

.bs-donate-footer-btn {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--bs-primary); color: #fff !important;
    padding: 10px 24px; border-radius: 30px;
    font-size: 13px; font-weight: 800;
    transition: var(--bs-transition);
}
.bs-donate-footer-btn:hover { background: var(--bs-primary-dark); transform: translateY(-2px); box-shadow: var(--bs-shadow); }
.bs-donate-footer-btn svg { width: 16px; height: 16px; }

.bs-donate-preset.active { background: var(--bs-primary); color: #fff; border-color: var(--bs-primary); }

/* ═══════════════════════════════════════════════════════════
   پاپ‌آپ تبلیغ کاربری (فرانت)
═══════════════════════════════════════════════════════════ */
.bs-uad-popup {
    position: fixed; bottom: 20px; left: 20px;
    z-index: 9990; max-width: 320px;
    opacity: 0; transform: translateY(20px);
    transition: opacity 0.4s, transform 0.4s;
    pointer-events: none;
}
.bs-uad-popup.show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.bs-uad-card {
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.25);
    position: relative;
}
.bs-uad-close {
    position: absolute; top: 8px; left: 8px; z-index: 2;
    width: 26px; height: 26px; border-radius: 50%;
    background: rgba(0,0,0,0.5); color: #fff; border: none;
    cursor: pointer; font-size: 13px;
}
.bs-uad-img { aspect-ratio: 16/9; overflow: hidden; background: var(--bs-bg-secondary); }
.bs-uad-img img { width: 100%; height: 100%; object-fit: cover; }
.bs-uad-body { padding: 14px 16px; }
.bs-uad-body h4 { font-size: 14px; font-weight: 800; margin: 0 0 6px; }
.bs-uad-body p {
    font-size: 12px; color: var(--bs-text-muted); line-height: 1.7; margin: 0 0 12px;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bs-uad-btn {
    display: block; text-align: center;
    background: var(--bs-primary); color: #fff !important;
    padding: 9px; border-radius: 9px; font-size: 13px; font-weight: 700;
    transition: var(--bs-transition);
}
.bs-uad-btn:hover { background: var(--bs-primary-dark); }
.bs-uad-label {
    position: absolute; top: 8px; right: 8px;
    background: rgba(0,0,0,0.5); color: #fff;
    font-size: 9px; padding: 2px 8px; border-radius: 10px;
}
@media (max-width: 480px) {
    .bs-uad-popup { left: 12px; right: 12px; max-width: none; }
}

/* ═══════════════════════════════════════════════════════════
   صفحه ابزارهای AI — بازطراحی حرفه‌ای
═══════════════════════════════════════════════════════════ */
.bs-ait-page {
    margin: 0; min-height: 100vh;
    background: #0a0e1a;
    color: #e2e8f0;
    font-family: var(--bs-font, sans-serif);
    overflow-x: hidden;
}
.bs-ait-aurora { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.bs-ait-aurora span {
    position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5;
    animation: bs-ait-float 16s ease-in-out infinite;
}
.bs-ait-aurora span:nth-child(1) { width: 420px; height: 420px; background: #6366f1; top: -120px; right: -80px; }
.bs-ait-aurora span:nth-child(2) { width: 360px; height: 360px; background: #db2777; bottom: -100px; left: -60px; animation-delay: -5s; }
.bs-ait-aurora span:nth-child(3) { width: 300px; height: 300px; background: #0891b2; top: 40%; left: 50%; animation-delay: -9s; }
@keyframes bs-ait-float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(40px, -30px) scale(1.1); }
    66% { transform: translate(-30px, 40px) scale(0.95); }
}
.bs-ait-wrap { position: relative; z-index: 1; max-width: 1080px; margin: 0 auto; padding: 0 18px 60px; }
/* اسکرول‌بار تیره برای این صفحه، مستقل از حالت روشن/تاریک کلی سایت
   (چون ظاهر این صفحه همیشه تیره است) */
.bs-ait-wrap ::-webkit-scrollbar,
#bs-ait-chat-ui ::-webkit-scrollbar { width: 7px; height: 7px; }
.bs-ait-wrap ::-webkit-scrollbar-track,
#bs-ait-chat-ui ::-webkit-scrollbar-track { background: transparent; }
.bs-ait-wrap ::-webkit-scrollbar-thumb,
#bs-ait-chat-ui ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 9999px; }
.bs-ait-wrap ::-webkit-scrollbar-thumb:hover,
#bs-ait-chat-ui ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.28); }
.bs-ait-wrap, #bs-ait-chat-ui { scrollbar-color: rgba(255,255,255,0.2) transparent; }

.bs-ait-topbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 0; margin-bottom: 10px;
}
.bs-ait-back, .bs-ait-profile-link {
    display: inline-flex; align-items: center; gap: 6px;
    color: #94a3b8; font-size: 13px; font-weight: 700;
    background: rgba(255,255,255,0.05); padding: 8px 14px; border-radius: 12px;
    transition: all 0.2s; text-decoration: none;
}
.bs-ait-back:hover, .bs-ait-profile-link:hover { background: rgba(255,255,255,0.1); color: #fff; }
.bs-ait-back svg, .bs-ait-profile-link svg { width: 16px; height: 16px; }
.bs-ait-brand { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 900; color: #fff; }
.bs-ait-brand-icon {
    display: inline-flex; width: 30px; height: 30px;
    background: linear-gradient(135deg, #6366f1, #db2777);
    border-radius: 9px; align-items: center; justify-content: center;
}
.bs-ait-brand-icon svg { width: 17px; height: 17px; color: #fff; }
.bs-ait-brand-icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.bs-ait-verification{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:11px 13px;border:1px solid rgba(32,199,181,.28);border-radius:14px;background:rgba(32,199,181,.08);color:#d7fff8}.bs-ait-verification span{font-size:11px;color:#7dd3c7}.bs-ait-verification strong{font-size:12px}.bs-ait-analysis-method{margin:-6px 0 14px;color:#94a3b8;font-size:11px}.bs-ait-evidence-dock[hidden]{display:none!important}
.bs-ait-tool--site_name .bs-ait-studios{max-width:780px;margin-inline:auto}.bs-ait-tool--site_name .bs-ait-studio{padding:clamp(20px,4vw,38px)}.bs-ait-tool--site_name .bs-ait-studio-question{margin:22px 0}.bs-ait-tool--site_name .bs-ait-studio-question .bs-ait-textarea{min-height:74px;font-size:17px;line-height:1.9}.bs-ait-tool--site_name .bs-ait-run{width:100%;min-height:56px;font-size:15px}

.bs-ait-hero { text-align: center; padding: 30px 0 36px; }
.bs-ait-hero-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(99,102,241,0.15); color: #a5b4fc;
    border: 1px solid rgba(99,102,241,0.3);
    padding: 6px 16px; border-radius: 20px; font-size: 12px; font-weight: 700;
    margin-bottom: 18px;
}
.bs-ait-hero-badge svg { width: 14px; height: 14px; }
.bs-ait-hero h1 {
    font-size: 32px; font-weight: 900; margin: 0 0 12px;
    background: linear-gradient(135deg, #fff, #a5b4fc);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.bs-ait-hero p { font-size: 14px; color: #94a3b8; max-width: 460px; margin: 0 auto; line-height: 1.9; }

.bs-ait-guest {
    text-align: center; background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 18px;
    padding: 30px; margin-top: 34px; margin-bottom: 30px;
}
.bs-ait-guest svg { width: 40px; height: 40px; color: #6366f1; margin-bottom: 12px; }
.bs-ait-guest p { font-size: 14px; color: #cbd5e1; margin-bottom: 18px; }
.bs-ait-login-btn {
    display: inline-block; background: linear-gradient(135deg, #6366f1, #db2777);
    color: #fff !important; padding: 11px 34px; border-radius: 12px;
    font-weight: 800; font-size: 14px; text-decoration: none; transition: transform 0.2s;
}
.bs-ait-login-btn:hover { transform: translateY(-2px); }

.bs-ait-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}
.bs-ait-card {
    position: relative; text-align: right;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px; padding: 24px 20px;
    cursor: pointer; overflow: hidden;
    transition: all 0.3s; font-family: inherit;
    display: flex; flex-direction: column; gap: 8px;
    animation: bs-ait-cardin 0.5s var(--d, 0s) both;
}
@keyframes bs-ait-cardin { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.bs-ait-card:not(.bs-ait-card-soon):hover {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.4);
    transform: translateY(-4px);
}
.bs-ait-card-glow {
    position: absolute; top: -40px; left: -40px; width: 120px; height: 120px;
    background: radial-gradient(circle, rgba(99,102,241,0.4), transparent 70%);
    opacity: 0; transition: opacity 0.3s;
}
.bs-ait-card:hover .bs-ait-card-glow { opacity: 1; }
.bs-ait-card-icon {
    display: inline-flex; width: 48px; height: 48px;
    background: linear-gradient(135deg, rgba(99,102,241,0.25), rgba(219,39,119,0.25));
    border-radius: 14px; align-items: center; justify-content: center;
    margin-bottom: 6px;
}
.bs-ait-card-icon svg { width: 24px; height: 24px; color: #a5b4fc; }
.bs-ait-card-title { font-size: 16px; font-weight: 800; color: #fff; }
.bs-ait-card-desc { font-size: 12px; color: #94a3b8; line-height: 1.7; }
.bs-ait-card-arrow {
    position: absolute; bottom: 18px; left: 18px;
    width: 26px; height: 26px; border-radius: 50%;
    background: rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center;
    transition: all 0.3s;
}
.bs-ait-card-arrow svg { width: 14px; height: 14px; color: #a5b4fc; }
.bs-ait-card:hover .bs-ait-card-arrow { background: #6366f1; }
.bs-ait-card:hover .bs-ait-card-arrow svg { color: #fff; }
.bs-ait-card-soon { opacity: 0.5; cursor: not-allowed; }
.bs-ait-card-badge {
    position: absolute; top: 16px; left: 16px;
    background: rgba(255,255,255,0.1); color: #cbd5e1;
    font-size: 10px; padding: 3px 10px; border-radius: 10px; font-weight: 700;
}

/* صفحه ابزار */
.bs-ait-tool-back {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.05); color: #94a3b8;
    border: none; padding: 9px 16px; border-radius: 12px;
    font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
    margin-bottom: 20px; transition: all 0.2s;
}
.bs-ait-tool-back:hover { background: rgba(255,255,255,0.1); color: #fff; }
.bs-ait-tool-back svg { width: 15px; height: 15px; }
.bs-ait-tool-header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.bs-ait-tool-icon {
    display: inline-flex; width: 56px; height: 56px; flex-shrink: 0;
    background: linear-gradient(135deg, #6366f1, #db2777);
    border-radius: 16px; align-items: center; justify-content: center;
}
.bs-ait-tool-icon svg { width: 28px; height: 28px; color: #fff; }
.bs-ait-tool-header h2 { font-size: 22px; font-weight: 900; color: #fff; margin: 0 0 4px; }
.bs-ait-tool-header p { font-size: 13px; color: #94a3b8; margin: 0; }

.bs-ait-tool-body { display: grid; grid-template-columns: 1fr; gap: 18px; }
@media (min-width: 860px) { .bs-ait-tool-body.has-result { grid-template-columns: 1fr 1fr; } }
.bs-ait-panel {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px; padding: 22px;
}
.bs-ait-label { display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; margin-bottom: 8px; }
.bs-ait-textarea {
    width: 100%; background: rgba(0,0,0,0.25);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 12px;
    padding: 12px 14px; color: #fff; font-family: inherit; font-size: 13px;
    resize: vertical; margin-bottom: 16px; box-sizing: border-box;
}
.bs-ait-textarea:focus { outline: none; border-color: #6366f1; }
.bs-ait-upload {
    border: 2px dashed rgba(255,255,255,0.15); border-radius: 12px;
    padding: 20px; text-align: center; cursor: pointer; margin-bottom: 18px;
    transition: all 0.2s;
}
.bs-ait-upload:hover { border-color: #6366f1; background: rgba(99,102,241,0.05); }
.bs-ait-upload svg { width: 28px; height: 28px; color: #64748b; margin-bottom: 6px; }
.bs-ait-upload span { display: block; font-size: 12px; color: #94a3b8; }
.bs-ait-run {
    width: 100%; background: linear-gradient(135deg, #6366f1, #db2777);
    color: #fff; border: none; border-radius: 12px; padding: 13px;
    font-family: inherit; font-size: 14px; font-weight: 800; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    transition: transform 0.2s;
}
.bs-ait-run svg { width: 17px; height: 17px; }
.bs-ait-run:hover:not(:disabled) { transform: translateY(-2px); }
.bs-ait-run:disabled { opacity: 0.6; cursor: wait; }

.bs-ait-result {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px; overflow: hidden;
}
.bs-ait-result-head {
    padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 13px; font-weight: 800; color: #fff;
    display: flex; align-items: center; gap: 8px;
}
.bs-ait-result-head svg { width: 16px; height: 16px; color: #a5b4fc; }
.bs-ait-result-body { padding: 20px; }
.bs-ait-loading, .bs-ait-error { text-align: center; padding: 24px; color: #94a3b8; font-size: 13px; }
.bs-ait-error { color: #fca5a5; }
.bs-ait-spinner {
    display: inline-block; width: 16px; height: 16px;
    border: 2px solid rgba(255,255,255,0.2); border-top-color: #6366f1;
    border-radius: 50%; animation: bs-ait-spin 0.7s linear infinite; vertical-align: middle;
}
@keyframes bs-ait-spin { to { transform: rotate(360deg); } }

.bs-ait-coin-loader { position:relative; display:flex; min-height:330px; padding:28px 18px; overflow:hidden; align-items:center; justify-content:center; flex-direction:column; text-align:center; isolation:isolate; }
.bs-ait-coin-loader::before { content:''; position:absolute; z-index:-1; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(245,158,11,.18),rgba(99,102,241,.08) 48%,transparent 72%); filter:blur(4px); animation:bs-ait-coin-aura 2.7s ease-in-out infinite; }
.bs-ait-coin-orbit { position:relative; width:126px; height:126px; margin-bottom:20px; display:grid; place-items:center; perspective:700px; }
.bs-ait-coin-orbit::before,.bs-ait-coin-orbit::after { content:''; position:absolute; inset:0; border:1px solid rgba(245,158,11,.3); border-radius:50%; animation:bs-ait-coin-orbit 3.2s linear infinite; }
.bs-ait-coin-orbit::after { inset:14px; border-color:rgba(129,140,248,.35); animation-direction:reverse; animation-duration:2.4s; }
.bs-ait-coin-orbit>b,.bs-ait-coin-orbit>em { position:absolute; z-index:2; width:7px; height:7px; border-radius:50%; background:#fbbf24; box-shadow:0 0 16px #f59e0b; animation:bs-ait-coin-dot 3.2s linear infinite; }
.bs-ait-coin-orbit>em { background:#818cf8; box-shadow:0 0 16px #6366f1; animation-delay:-1.6s; }
.bs-ait-coin-face { position:relative; z-index:3; display:grid; width:76px; height:76px; place-items:center; border:2px solid rgba(255,220,128,.8); border-radius:50%; background:radial-gradient(circle at 35% 28%,#ffe6a3,#d9941a 44%,#7b3f08 78%); box-shadow:inset -8px -9px 16px rgba(72,31,4,.42),inset 5px 5px 12px rgba(255,246,190,.45),0 14px 34px rgba(245,158,11,.28); animation:bs-ait-coin-flip 2.5s ease-in-out infinite; }
.bs-ait-coin-face::before { content:'𐭠'; color:rgba(68,30,5,.82); font-family:serif; font-size:34px; font-weight:900; text-shadow:0 1px rgba(255,235,160,.5); }
.bs-ait-coin-face i { position:absolute; inset:6px; border:1px dashed rgba(77,36,8,.48); border-radius:50%; }
.bs-ait-coin-loader>strong { color:#fff; font-size:17px; font-weight:950; }
.bs-ait-coin-loader>p { min-height:28px; margin:7px 0 18px; color:#fbbf24; font-size:11px; font-weight:850; transition:opacity .2s; }
.bs-ait-coin-steps { display:grid; width:min(100%,520px); grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.bs-ait-coin-steps span { display:flex; min-width:0; padding:8px 4px; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:1px solid rgba(148,163,184,.12); border-radius:11px; color:#64748b; background:rgba(15,23,42,.44); font-size:7.5px; line-height:1.65; transition:.28s ease; }
.bs-ait-coin-steps span i { width:7px; height:7px; border-radius:50%; background:#334155; transition:.28s; }
.bs-ait-coin-steps span.is-active { color:#fde68a; border-color:rgba(245,158,11,.38); background:rgba(245,158,11,.08); transform:translateY(-2px); }
.bs-ait-coin-steps span.is-active i { background:#fbbf24; box-shadow:0 0 13px #f59e0b; animation:bs-ait-coin-pulse .8s ease-in-out infinite alternate; }
.bs-ait-coin-steps span.is-done { color:#a7f3d0; border-color:rgba(16,185,129,.22); }
.bs-ait-coin-steps span.is-done i { background:#10b981; }
.bs-ait-coin-loader>small { margin-top:15px; color:#64748b; font-size:8px; }
@keyframes bs-ait-coin-flip { 0%,100%{transform:rotateY(-12deg) rotateZ(-2deg)} 50%{transform:rotateY(28deg) rotateZ(2deg)} }
@keyframes bs-ait-coin-orbit { to{transform:rotate(360deg)} }
@keyframes bs-ait-coin-dot { from{transform:rotate(0deg) translateX(63px) rotate(0deg)} to{transform:rotate(360deg) translateX(63px) rotate(-360deg)} }
@keyframes bs-ait-coin-aura { 50%{transform:scale(1.13);opacity:.65} }
@keyframes bs-ait-coin-pulse { to{transform:scale(1.45)} }
@media(max-width:520px){.bs-ait-coin-loader{min-height:300px;padding:22px 4px}.bs-ait-coin-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-ait-coin-steps span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.bs-ait-coin-loader *,.bs-ait-coin-loader::before{animation:none!important}}

.bs-ait-res-title { font-size: 18px; font-weight: 900; color: #fff; margin: 0 0 8px; }
.bs-ait-res-summary { font-size: 13px; color: #cbd5e1; line-height: 1.9; margin: 0 0 16px; }
.bs-ait-score { text-align: center; margin: 20px 0; }
.bs-ait-score-ring {
    width: 110px; height: 110px; border-radius: 50%; margin: 0 auto 10px;
    background: conic-gradient(#6366f1 calc(var(--p) * 1%), rgba(255,255,255,0.08) 0);
    display: flex; align-items: center; justify-content: center; position: relative;
}
.bs-ait-score-ring::before {
    content: ''; position: absolute; inset: 10px; background: #0f1320; border-radius: 50%;
}
.bs-ait-score-ring span { position: relative; font-size: 24px; font-weight: 900; color: #fff; }
.bs-ait-score-label { font-size: 12px; color: #94a3b8; }
.bs-ait-period { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.bs-ait-period-tag { background: #6366f1; color: #fff; padding: 5px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; }
.bs-ait-period-range { font-size: 13px; color: #cbd5e1; }

/* ─── خط زمان گرافیکی سفال‌شناسی ───────────────────── */
.bs-ait-timeline { margin: 18px 0 20px; padding: 16px 16px 14px; border-radius: 16px; background: rgba(2,6,23,.28); border: 1px solid rgba(255,255,255,.08); }
.bs-ait-timeline-head { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 12.5px; color: #f8fafc; }
.bs-ait-timeline-head span { font-size: 15px; }
.bs-ait-timeline-track { position: relative; display: flex; height: 12px; border-radius: 8px; overflow: visible; background: rgba(255,255,255,.06); }
.bs-ait-tl-seg { display: block; height: 100%; background: linear-gradient(90deg, rgba(148,163,184,.18), rgba(148,163,184,.28)); border-left: 1px solid rgba(2,6,23,.5); }
.bs-ait-tl-seg:first-child { border-radius: 8px 0 0 8px; }
.bs-ait-tl-seg:last-child { border-radius: 0 8px 8px 0; border-left: none; }
.bs-ait-tl-seg.is-match { background: linear-gradient(90deg,#7c3aed,#a78bfa); box-shadow: 0 0 14px rgba(124,58,237,.5); }
.bs-ait-tl-marker { position: absolute; top: -26px; transform: translateX(50%); background: linear-gradient(135deg,#7c3aed,#4f46e5); color: #fff; font-style: normal; font-size: 10.5px; font-weight: 900; padding: 3px 9px; border-radius: 999px; box-shadow: 0 6px 14px rgba(124,58,237,.4); white-space: nowrap; }
.bs-ait-tl-marker::after { content: ''; position: absolute; bottom: -9px; right: 50%; transform: translateX(50%); border: 5px solid transparent; border-top-color: #4f46e5; }
.bs-ait-timeline-labels { display: flex; margin-top: 20px; }
.bs-ait-tl-label { font-size: 8.5px; color: #64748b; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 2px; }
.bs-ait-tl-label.is-match { color: #c4b5fd; font-weight: 800; }
.bs-ait-timeline-note { margin: 12px 0 0; font-size: 10.5px; color: #94a3b8; line-height: 1.8; }
.bs-ait-fields { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.bs-ait-field {
    display: flex; justify-content: space-between; gap: 10px;
    padding: 10px 14px; background: rgba(0,0,0,0.2); border-radius: 10px;
}
.bs-ait-field-label { font-size: 12px; color: #94a3b8; font-weight: 700; }
.bs-ait-field-value { font-size: 13px; color: #fff; text-align: left; }
.bs-ait-indicators { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.bs-ait-ind { padding: 10px 14px; border-radius: 10px; border-right: 3px solid; }
.bs-ait-ind strong { display: block; font-size: 12px; margin-bottom: 3px; color: #fff; }
.bs-ait-ind span { font-size: 12px; color: #cbd5e1; }
.bs-ait-ind-pos { background: rgba(16,185,129,0.1); border-color: #10b981; }
.bs-ait-ind-neg { background: rgba(239,68,68,0.1); border-color: #ef4444; }
.bs-ait-ind-neu { background: rgba(255,255,255,0.05); border-color: #64748b; }
.bs-ait-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.bs-ait-tag { background: rgba(99,102,241,0.15); color: #a5b4fc; padding: 4px 12px; border-radius: 16px; font-size: 11px; font-weight: 700; }
.bs-ait-res-text { font-size: 13px; color: #cbd5e1; line-height: 2; }

/* چت */
.bs-ait-chat-subhead {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 10px; gap: 8px;
}
.bs-ait-chat-mback {
    display: none;
    align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0;
    background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1);
    color: #cbd5e1; cursor: pointer;
}
.bs-ait-chat-mback svg { width: 16px; height: 16px; }
.bs-ait-quota {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 11px; font-weight: 700; color: #a5b4fc;
    background: rgba(99,102,241,0.12); border: 1px solid rgba(99,102,241,0.25);
    padding: 5px 11px; border-radius: 999px;
}
.bs-ait-newchat {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11.5px; font-weight: 700; color: #cbd5e1;
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
    padding: 6px 12px; border-radius: 999px; cursor: pointer;
    transition: all 0.2s; margin-right: auto;
}
.bs-ait-newchat:hover { background: rgba(255,255,255,0.12); color: #fff; }
.bs-ait-newchat svg { width: 13px; height: 13px; }
.bs-ait-history-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11.5px; font-weight: 700; color: #cbd5e1;
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
    padding: 6px 12px; border-radius: 999px; cursor: pointer;
    transition: all 0.2s;
}
.bs-ait-history-toggle:hover { background: rgba(255,255,255,0.12); color: #fff; }
.bs-ait-history-toggle svg { width: 13px; height: 13px; }

/* ── سایدبار تاریخچه گفتگوها ── */
.bs-ait-chat-shell { display: flex; gap: 16px; align-items: stretch; position: relative; }
.bs-ait-chat-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bs-ait-chat-sidebar {
    width: 240px; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px;
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px; padding: 12px; max-height: 640px;
}
.bs-ait-sidebar-head {
    display: flex; align-items: center; justify-content: space-between;
    font-size: 12px; font-weight: 800; color: #cbd5e1; padding: 2px 2px 4px;
}
.bs-ait-sidebar-head span { display: inline-flex; align-items: center; gap: 6px; }
.bs-ait-sidebar-head svg { width: 14px; height: 14px; color: #a5b4fc; }
.bs-ait-sidebar-close {
    display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 8px; border: none; cursor: pointer;
    background: rgba(255,255,255,0.06); color: #94a3b8;
}
.bs-ait-sidebar-close svg { width: 13px; height: 13px; }
.bs-ait-sidebar-newchat {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    font-family: inherit; font-size: 12px; font-weight: 800; color: #fff;
    background: linear-gradient(135deg, #6366f1, #db2777); border: none;
    padding: 9px 12px; border-radius: 12px; cursor: pointer; transition: transform 0.2s;
}
.bs-ait-sidebar-newchat:hover { transform: translateY(-1px); }
.bs-ait-sidebar-newchat svg { width: 13px; height: 13px; }
.bs-ait-conv-list { display: flex; flex-direction: column; gap: 4px; overflow-y: auto; flex: 1; min-height: 0; }
.bs-ait-conv-empty { font-size: 11.5px; color: #64748b; text-align: center; padding: 20px 8px; line-height: 1.8; }
.bs-ait-conv-item {
    display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 10px;
    cursor: pointer; transition: all 0.15s; position: relative;
}
.bs-ait-conv-item:hover { background: rgba(255,255,255,0.06); }
.bs-ait-conv-item.is-active { background: rgba(99,102,241,0.16); border: 1px solid rgba(99,102,241,0.3); }
.bs-ait-conv-item.is-new { animation: bs-ait-cardin 0.4s both; }
.bs-ait-conv-item-icon {
    flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, rgba(99,102,241,0.3), rgba(219,39,119,0.3));
}
.bs-ait-conv-item-icon svg { width: 11px; height: 11px; color: #a5b4fc; }
.bs-ait-conv-item-main { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.bs-ait-conv-item-title {
    font-size: 12px; font-weight: 700; color: #e2e8f0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bs-ait-conv-item-time { font-size: 10px; color: #64748b; }
.bs-ait-conv-item-del {
    flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 7px; border: none; cursor: pointer;
    background: transparent; color: rgba(255,255,255,0.3); opacity: 0; transition: all 0.15s;
}
.bs-ait-conv-item:hover .bs-ait-conv-item-del { opacity: 1; }
.bs-ait-conv-item-del:hover { background: rgba(239,68,68,0.15); color: #f87171; }
.bs-ait-conv-item-del svg { width: 13px; height: 13px; }
.bs-ait-chat-backdrop { display: none; }

@media (min-width: 769px) { .bs-ait-sidebar-close { display: none; } }

.bs-ait-chat-window {
    min-height: 300px; max-height: 50vh; overflow-y: auto;
    display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; padding: 4px;
    scroll-behavior: smooth;
}
.bs-ait-chat-welcome { text-align: center; margin: auto; color: #94a3b8; padding: 10px; }
.bs-ait-chat-welcome svg { width: 36px; height: 36px; color: #6366f1; margin-bottom: 10px; }
.bs-ait-chat-welcome p { font-size: 13px; margin-bottom: 16px; }
.bs-ait-suggest-chips { display: flex; flex-direction: column; gap: 8px; max-width: 340px; margin: 0 auto; }
.bs-ait-suggest-chip {
    font-family: inherit; text-align: right; font-size: 12px; font-weight: 600;
    color: #cbd5e1; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    padding: 10px 14px; border-radius: 12px; cursor: pointer; transition: all 0.2s;
}
.bs-ait-suggest-chip:hover { background: rgba(99,102,241,0.14); border-color: rgba(99,102,241,0.35); color: #fff; }

.bs-ait-msg { display: flex; gap: 8px; max-width: 88%; align-items: flex-end; }
.bs-ait-msg-user { align-self: flex-start; flex-direction: column; align-items: flex-start; max-width: 82%; }
.bs-ait-msg-bot { align-self: flex-end; }
.bs-ait-avatar {
    flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #6366f1, #db2777);
    color: #fff;
}
.bs-ait-avatar svg { width: 14px; height: 14px; }
.bs-ait-msg-bubble {
    padding: 11px 15px; border-radius: 16px; font-size: 13.5px; line-height: 1.9;
    min-width: 0;
}
.bs-ait-msg-user .bs-ait-msg-bubble { background: linear-gradient(135deg, #6366f1, #4f46e5); color: #fff; border-bottom-right-radius: 4px; }
.bs-ait-msg-bot .bs-ait-msg-bubble { background: rgba(255,255,255,0.07); color: #e2e8f0; border-bottom-left-radius: 4px; }
.bs-ait-msg-text p { margin: 0 0 8px; }
.bs-ait-msg-text p:last-child { margin-bottom: 0; }
.bs-ait-msg-text b { color: #fff; font-weight: 800; }
.bs-ait-msg-text .bs-ait-h2, .bs-ait-msg-text .bs-ait-h3 { display: block; color: #fff; font-size: 14px; margin: 10px 0 4px; }
.bs-ait-msg-text .bs-ait-h3 { font-size: 13px; color: #cbd5e1; }
.bs-ait-msg-text a { color: #a5b4fc; text-decoration: underline; }
.bs-ait-msg-text code { background: rgba(0,0,0,0.3); color: #fbbf24; padding: 1px 6px; border-radius: 5px; font-size: 12px; direction: ltr; display: inline-block; }
.bs-ait-msg-text .bs-ait-code {
    background: rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px; padding: 10px 12px; margin: 8px 0; overflow-x: auto;
    direction: ltr; text-align: left;
}
.bs-ait-msg-text .bs-ait-code code { background: none; padding: 0; color: #d1d5db; }
.bs-ait-list { margin: 6px 0; padding-right: 18px; }
.bs-ait-list li { margin: 4px 0; }
.bs-ait-msg-img { max-width: 160px; border-radius: 10px; margin-bottom: 6px; }
.bs-ait-msg-foot { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.bs-ait-sponsor {
    display: flex; align-items: center; gap: 6px;
    margin-top: 10px; padding-top: 10px;
    border-top: 1px dashed rgba(255,255,255,0.1);
    font-size: 10.5px; color: rgba(255,255,255,0.4);
}
.bs-ait-sponsor svg { width: 11px; height: 11px; flex-shrink: 0; color: #fbbf24; }
.bs-ait-sponsor a { color: rgba(255,255,255,0.62); font-weight: 700; text-decoration: none; }
.bs-ait-sponsor a:hover { color: #fff; text-decoration: underline; }
.bs-ait-msg-time { font-size: 10px; color: rgba(255,255,255,0.35); }
.bs-ait-msg-user .bs-ait-msg-time { align-self: flex-end; margin-top: 4px; }
.bs-ait-copy {
    display: flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 6px; border: none;
    background: transparent; color: rgba(255,255,255,0.35); cursor: pointer;
    transition: all 0.15s;
}
.bs-ait-copy:hover { background: rgba(255,255,255,0.1); color: #fff; }
.bs-ait-copy svg { width: 13px; height: 13px; }

.bs-ait-typing { display: inline-flex; gap: 4px; padding: 2px 0; }
.bs-ait-typing i { width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; animation: bs-ait-typing 1.2s infinite; }
.bs-ait-typing i:nth-child(2) { animation-delay: 0.2s; }
.bs-ait-typing i:nth-child(3) { animation-delay: 0.4s; }
@keyframes bs-ait-typing { 0%, 60%, 100% { opacity: 0.3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-4px); } }
.bs-ait-chat-input {
    display: flex; align-items: flex-end; gap: 8px;
    background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px; padding: 8px;
}
.bs-ait-chat-input textarea {
    flex: 1; background: transparent; border: none; color: #fff;
    font-family: inherit; font-size: 13px; resize: none; max-height: 120px; padding: 6px;
}
.bs-ait-chat-input textarea:focus { outline: none; }
.bs-ait-attach, .bs-ait-send {
    width: 38px; height: 38px; border-radius: 10px; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s;
}
.bs-ait-attach { background: rgba(255,255,255,0.06); color: #94a3b8; }
.bs-ait-attach:hover { background: rgba(255,255,255,0.12); }
.bs-ait-attach svg { width: 18px; height: 18px; }
.bs-ait-send { background: linear-gradient(135deg, #6366f1, #db2777); color: #fff; }
.bs-ait-send svg { width: 17px; height: 17px; transform: rotate(-45deg) translate(1px, -1px); }
.bs-ait-send:hover { transform: scale(1.05); }
.bs-ait-send:active { transform: scale(.92); }

/* ── نمای موبایل: تجربه‌ی تمام‌صفحه‌ی چت مثل اپلیکیشن ── */
@media (max-width: 768px) {
    body.bs-ait-chat-open { overflow: hidden; height: 100dvh; }
    #bs-ait-chat-ui {
        position: fixed;
        inset: 0;
        z-index: 200;
        display: flex !important;
        flex-direction: column;
        background: #0b0d16;
        padding: calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 10px);
    }
    .bs-ait-chat-subhead { flex-shrink: 0; padding: 0 2px; }
    .bs-ait-chat-window {
        flex: 1;
        max-height: none;
        min-height: 0;
        padding: 6px 2px;
    }
    .bs-ait-msg { max-width: 92%; }
    .bs-ait-msg-user { max-width: 88%; }
    .bs-ait-chat-input { flex-shrink: 0; padding: 7px; }
    .bs-ait-chat-input textarea { font-size: 15px; }
    .bs-ait-attach, .bs-ait-send { width: 42px; height: 42px; }

    /* سایدبار تاریخچه به‌صورت کشوی شناور روی صفحه چت */
    .bs-ait-chat-shell { height: 100%; }
    .bs-ait-chat-sidebar {
        position: fixed; top: 0; bottom: 0; right: -100%; z-index: 260;
        width: min(82vw, 320px); max-height: none; border-radius: 0;
        border-left: 1px solid rgba(255,255,255,0.08);
        padding: calc(env(safe-area-inset-top) + 14px) 12px calc(env(safe-area-inset-bottom) + 14px);
        transition: right 0.28s ease; background: #0b0d16;
    }
    .bs-ait-sidebar-open .bs-ait-chat-sidebar { right: 0; }
    .bs-ait-chat-backdrop {
        display: block; position: fixed; inset: 0; z-index: 250;
        background: rgba(0,0,0,0.5); opacity: 0; pointer-events: none; transition: opacity 0.28s ease;
    }
    .bs-ait-sidebar-open .bs-ait-chat-backdrop { opacity: 1; pointer-events: auto; }
}


/* صفحه ارسال تبلیغ جدید */
.bs-newad-back {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; color: var(--bs-text-muted);
    text-decoration: none; transition: var(--bs-transition);
}
.bs-newad-back:hover { color: var(--bs-primary); }
.bs-newad-back svg { width: 16px; height: 16px; }
.bs-newad-stats { display: flex; gap: 14px; margin-bottom: 20px; flex-wrap: wrap; }
.bs-newad-stat {
    flex: 1; min-width: 200px;
    display: flex; align-items: center; gap: 14px;
    background: var(--bs-card); border: 1px solid var(--bs-border);
    border-radius: 14px; padding: 16px 18px;
}
.bs-newad-stat-icon {
    width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0;
    background: var(--bs-primary-light); color: var(--bs-primary);
    display: flex; align-items: center; justify-content: center;
}
.bs-newad-stat-icon svg { width: 24px; height: 24px; }
.bs-newad-stat-num { font-size: 22px; font-weight: 900; color: var(--bs-text); }
.bs-newad-stat-label { font-size: 11px; color: var(--bs-text-muted); }
.bs-ad-label { font-size: 12px; font-weight: 700; display: block; margin-bottom: 6px; }
.bs-ad-placement { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border: 1px solid var(--bs-border); border-radius: 8px; font-size: 12px; cursor: pointer; }

/* باکس سایدبار میراث‌یار — بازطراحی */
.bs-myar-widget .bs-widget-head { display: flex; align-items: center; justify-content: space-between; }
.bs-myar-all {
    font-size: 11px; font-weight: 700; color: var(--bs-primary);
    background: var(--bs-primary-light); padding: 3px 10px; border-radius: 14px;
    text-decoration: none; transition: var(--bs-transition);
}
.bs-myar-all:hover { background: var(--bs-primary); color: #fff; }
.bs-myar-list { display: flex; flex-direction: column; gap: 10px; }
.bs-myar-item {
    display: flex; align-items: center; gap: 12px;
    padding: 8px; border-radius: 12px;
    text-decoration: none; color: inherit;
    transition: var(--bs-transition);
    border: 1px solid transparent;
}
.bs-myar-item:hover { background: var(--bs-bg-secondary); border-color: var(--bs-border); }
.bs-myar-thumb {
    width: 52px; height: 52px; flex-shrink: 0;
    border-radius: 10px; overflow: hidden;
    background: linear-gradient(135deg, var(--bs-primary-light), var(--bs-bg-secondary));
    display: flex; align-items: center; justify-content: center;
}
.bs-myar-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bs-myar-noimg svg { width: 22px; height: 22px; color: var(--bs-primary); opacity: 0.5; }
.bs-myar-title {
    font-size: 12.5px; font-weight: 700; margin: 0; line-height: 1.7;
    color: var(--bs-text); transition: var(--bs-transition);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bs-myar-item:hover .bs-myar-title { color: var(--bs-primary); }

/* بنر صفحه میراث‌یار */
.bs-myar-banner {
    border-radius: 16px; overflow: hidden; margin-bottom: 18px;
    line-height: 0;
}
.bs-myar-banner img { width: 100%; height: auto; max-height: 260px; object-fit: cover; display: block; }

/* جایگاه تبلیغ اختصاصی میراث‌یار */
.bs-myar-page-ad {
    width: min(100%, var(--bs-myar-ad-width, 970px));
    margin: 18px auto;
    padding: 8px;
    border: 1px solid var(--bs-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--bs-card) 94%, var(--bs-primary) 6%);
    box-shadow: 0 10px 30px rgba(15,23,42,.06);
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
}
.bs-myar-page-ad-label {
    display: inline-flex; margin: 0 auto 7px; padding: 4px 10px;
    border-radius: 999px; background: var(--bs-bg-secondary); color: var(--bs-text-muted);
    font-size: 10px; font-weight: 800; line-height: 1.5;
}
.bs-myar-page-ad-content, .bs-myar-page-ad-content > * { max-width: 100%; }
.bs-myar-page-ad-content img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; border-radius: 10px; }
.bs-myar-page-ad-content iframe, .bs-myar-page-ad-content ins { max-width: 100% !important; }
.bs-myar-title-banner-ad {
    width: min(100%, var(--bs-myar-title-ad-w, 728px));
    aspect-ratio: var(--bs-myar-title-ad-ratio, 728 / 90);
    max-height: 280px;
    margin: 0 auto 18px;
    padding: 7px;
    border: 1px solid var(--bs-border-light);
    border-radius: 15px;
    background: var(--bs-card);
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 9px 28px rgba(15,23,42,.06);
    text-align: center;
}
.bs-myar-title-banner-ad .bs-ad-wrapper { width: 100%; max-width: 100%; margin: 0 auto; }
.bs-myar-title-banner-ad img,.bs-myar-title-banner-ad iframe,.bs-myar-title-banner-ad ins { max-width: 100% !important; height: auto; }

/* ═══════════════════════════════════════════════════════════
   صفحه تکی میراث‌یار — هدر و اکشن‌ها
═══════════════════════════════════════════════════════════ */
.bs-myar-single-header { margin-bottom: 20px; }
.bs-myar-single-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--bs-primary-light); color: var(--bs-primary);
    padding: 5px 14px; border-radius: 20px; font-size: 12px; font-weight: 700;
}
.bs-myar-single-badge svg { width: 14px; height: 14px; }
.bs-myar-single-title { font-size: var(--bs-myar-single-title-size, 27px); font-weight: 900; margin: 12px 0 16px; line-height: 1.5; }

/* نمای استاندارد و جمع‌وجور میراث‌یار در موبایل */
@media (max-width: 600px) {
    .bs-mirasyar-page, .bs-mirasyar-single-page { padding-top: 12px; padding-bottom: 42px; }
    .bs-mirasyar-page > .bs-container, .bs-mirasyar-single-page > .bs-container { padding-left: 12px; padding-right: 12px; }
    .bs-mirasyar-page .bs-myar-banner { margin-bottom: 12px; border-radius: 12px; }
    .bs-mirasyar-page .bs-myar-banner img { height: clamp(88px, 27vw, 124px); max-height: 124px; object-fit: cover; }
    .bs-mirasyar-page .bs-bn-hero { padding: 13px 14px; margin-bottom: 12px; gap: 10px; border-radius: 14px; text-align: right; }
    .bs-mirasyar-page .bs-bn-hero-content { flex-direction: row; gap: 11px; }
    .bs-mirasyar-page .bs-bn-hero-icon { width: 42px; height: 42px; border-radius: 11px; }
    .bs-mirasyar-page .bs-bn-hero-icon svg { width: 22px; height: 22px; }
    .bs-mirasyar-page .bs-bn-hero-title { font-size: var(--bs-myar-page-title-size-mobile, 20px); line-height: 1.35; }
    .bs-mirasyar-page .bs-bn-hero-sub { font-size: 11.5px; }
    .bs-mirasyar-page .bs-bn-guide-btn { width: 100%; padding: 8px 12px; font-size: 11.5px; border-radius: 9px; }
    .bs-mirasyar-grid { grid-template-columns: 1fr; gap: 11px; margin-top: 4px; }
    .bs-mirasyar-card { flex-direction: row; min-height: 112px; border-radius: 12px; }
    .bs-mirasyar-thumb { flex: 0 0 112px; width: 112px; min-height: 112px; aspect-ratio: auto; }
    .bs-mirasyar-noimg svg { width: 30px; height: 30px; }
    .bs-mirasyar-support-badge { right: 6px; bottom: 6px; padding: 3px 7px; font-size: 9.5px; }
    .bs-mirasyar-body { min-width: 0; flex: 1; padding: 10px 11px; }
    .bs-mirasyar-body h3 { font-size: 13.5px; line-height: 1.55; margin-bottom: 4px; }
    .bs-mirasyar-body p { font-size: 10.5px; line-height: 1.7; margin-bottom: 7px; -webkit-line-clamp: 2; }
    .bs-mirasyar-meta { padding-top: 6px; font-size: 9.5px; gap: 6px; }
    .bs-myar-page-ad { margin: 12px auto; padding: 6px; border-radius: 12px; }
    .bs-myar-page-ad-label { font-size: 9px; margin-bottom: 5px; }
    .bs-myar-title-banner-ad { margin-bottom: 12px; padding: 5px; border-radius: 12px; }
    .bs-myar-single-header { margin-bottom: 13px; }
    .bs-myar-single-badge { padding: 4px 10px; font-size: 10.5px; }
    .bs-myar-single-title { font-size: var(--bs-myar-single-title-size-mobile, 22px); margin: 9px 0 11px; line-height: 1.55; }
    .bs-myar-single-meta { gap: 10px; padding: 9px 0; }
    .bs-myar-single-author { font-size: 11.5px; }.bs-myar-single-author img { width: 28px; height: 28px; }
    .bs-myar-single-date { font-size: 10.5px; }
    .bs-mirasyar-single-page .bs-article-thumb { margin-bottom: 14px; border-radius: 12px; }
    .bs-mirasyar-single-page .bs-article-thumb img { max-height: 260px; object-fit: cover; }
    .bs-mirasyar-single-page .bs-article-body { font-size: 13.5px; line-height: 1.95; }
    .bs-mirasyar-single-page .bs-support-box { padding: 15px 11px; margin: 18px 0; border-radius: 12px; }
    .bs-mirasyar-single-page .bs-support-count { font-size: 28px; }
    .bs-mirasyar-single-page .bs-myar-actions { gap: 7px; margin-top: 12px; }
    .bs-mirasyar-single-page .bs-myar-action { padding: 8px 10px; font-size: 11px; border-radius: 9px; }
}
@media (max-width: 380px) {
    .bs-mirasyar-thumb { flex-basis: 96px; width: 96px; }
    .bs-mirasyar-body { padding: 9px; }
}
.bs-myar-single-meta {
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
    padding: 12px 0; border-top: 1px solid var(--bs-border-light); border-bottom: 1px solid var(--bs-border-light);
}
.bs-myar-single-author {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 700; color: var(--bs-text);
}
.bs-myar-single-author img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.bs-myar-single-date {
    display: flex; align-items: center; gap: 5px;
    font-size: 12px; color: var(--bs-text-muted);
}
.bs-myar-single-date svg { width: 15px; height: 15px; }

/* اکشن‌های افقی */
.bs-myar-actions {
    display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;
    margin-top: 16px;
}
.bs-myar-action {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 10px 20px; border-radius: 12px;
    font-family: inherit; font-size: 13px; font-weight: 700;
    cursor: pointer; border: 1px solid var(--bs-border);
    background: var(--bs-card); color: var(--bs-text);
    transition: var(--bs-transition); text-decoration: none;
}
.bs-myar-action svg { width: 17px; height: 17px; }
.bs-myar-action:hover { transform: translateY(-2px); box-shadow: var(--bs-shadow); }
.bs-myar-support-btn { background: var(--bs-primary); color: #fff; border-color: var(--bs-primary); }
.bs-myar-supported { background: var(--bs-success, #10b981); color: #fff; border-color: transparent; cursor: default; }
.bs-myar-supported svg { width: 16px; height: 16px; }
.bs-myar-like-btn.liked { background: var(--bs-primary-light); color: var(--bs-primary); border-color: var(--bs-primary); }
.bs-myar-share-btn:hover { color: var(--bs-primary); }

/* منوی اشتراک‌گذاری */
.bs-myar-share-menu {
    display: none; flex-wrap: wrap; gap: 8px; justify-content: center;
    margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--bs-border);
}
.bs-myar-share-menu.show { display: flex; }
.bs-myar-share-menu a, .bs-myar-share-menu button {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 14px; border-radius: 10px;
    background: var(--bs-bg-secondary); border: none; cursor: pointer;
    font-family: inherit; font-size: 12px; font-weight: 700; color: var(--bs-text);
    text-decoration: none; transition: var(--bs-transition);
}
.bs-myar-share-menu a:hover, .bs-myar-share-menu button:hover { background: var(--bs-primary); color: #fff; }
.bs-myar-share-menu svg { width: 15px; height: 15px; }

/* تبلیغ داخلی (پر کردن جایگاه‌های خالی) */
.bs-internal-promo {
    display: flex; align-items: center; gap: 14px;
    padding: 16px 18px; border-radius: 14px;
    text-decoration: none; color: #fff;
    transition: var(--bs-transition);
    overflow: hidden; position: relative;
}
.bs-internal-promo:hover { transform: translateY(-2px); box-shadow: var(--bs-shadow-lg); }
.bs-promo-mirasyar { background: linear-gradient(135deg, #0891b2, #0e7490); }
.bs-promo-bastannegar { background: linear-gradient(135deg, #6366f1, #4f46e5); }
.bs-promo-games { background: linear-gradient(135deg, #d4a960, #b8893c); }
.bs-internal-promo-icon {
    width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px;
    background: rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center;
}
.bs-internal-promo-icon svg { width: 24px; height: 24px; color: #fff; }
.bs-internal-promo-text { display: flex; flex-direction: column; gap: 3px; }
.bs-internal-promo-text strong { font-size: 15px; font-weight: 800; }
.bs-internal-promo-text span { font-size: 11.5px; opacity: 0.9; }

/* ═══════════════════════════════════════════════════════════
   بلوک آمار گرافیکی (گوتنبرگ)
═══════════════════════════════════════════════════════════ */
.bs-stat-block {
    background: var(--bs-card); border: 1px solid var(--bs-border);
    border-radius: 16px; padding: 24px; margin: 20px 0; text-align: center;
}
.bs-stat-label { font-size: 14px; font-weight: 800; color: var(--bs-text); }
.bs-stat-val { font-weight: 900; color: var(--c, var(--bs-primary)); }
.bs-stat-desc { font-size: 12px; color: var(--bs-text-muted); margin: 8px 0 0; line-height: 1.8; }

/* نوار */
.bs-stat-bar-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.bs-stat-bar .bs-stat-val { font-size: 20px; }
.bs-stat-bar-track { height: 12px; background: var(--bs-bg-secondary); border-radius: 8px; overflow: hidden; }
.bs-stat-bar-fill { height: 100%; background: var(--c, var(--bs-primary)); border-radius: 8px; transition: width 1s ease; }

/* دایره کامل */
.bs-stat-circle { display: flex; align-items: center; gap: 20px; text-align: right; }
.bs-stat-circle-ring {
    width: 110px; height: 110px; border-radius: 50%; flex-shrink: 0;
    background: conic-gradient(var(--c, var(--bs-primary)) calc(var(--p) * 1%), var(--bs-bg-secondary) 0);
    display: flex; align-items: center; justify-content: center; position: relative;
}
.bs-stat-circle-ring::before { content: ''; position: absolute; inset: 12px; background: var(--bs-card); border-radius: 50%; }
.bs-stat-circle-ring span { position: relative; font-size: 22px; font-weight: 900; color: var(--c, var(--bs-primary)); }

/* گیج (نیم‌دایره) */
.bs-stat-gauge-arc {
    width: 180px; height: 90px; margin: 0 auto 16px; position: relative;
    overflow: hidden;
}
.bs-stat-gauge-arc::before {
    content: ''; position: absolute; bottom: 0; left: 0; width: 180px; height: 180px;
    border-radius: 50%; border: 16px solid var(--bs-bg-secondary);
    box-sizing: border-box;
}
.bs-stat-gauge-fill {
    position: absolute; bottom: 0; left: 0; width: 180px; height: 180px;
    border-radius: 50%; border: 16px solid var(--c, var(--bs-primary));
    box-sizing: border-box;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
    transform-origin: center center;
    transition: transform 1s ease;
}
.bs-stat-gauge-center {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
    text-align: center;
}
.bs-stat-gauge-center .bs-stat-val { font-size: 24px; }

/* اسلات نفرات برتر داخل باکس کوییز */
.bs-quiz-leaders-slot { margin-top: 16px; }


/* تبلیغ وسط هدر (دسکتاپ) — شیشه‌ای */
.bs-header-promo {
    flex: 1; max-width: 360px; margin: 0 20px;
}
.bs-header-promo .bs-internal-promo {
    background: color-mix(in srgb, var(--bs-primary) 12%, transparent) !important;
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    backdrop-filter: blur(12px) saturate(160%);
    border: 1px solid color-mix(in srgb, var(--bs-primary) 30%, transparent);
    color: var(--bs-text) !important;
    padding: 10px 14px;
}
.bs-header-promo .bs-internal-promo-icon {
    background: var(--bs-primary); 
}
.bs-header-promo .bs-internal-promo-icon svg { color: #fff; }
.bs-header-promo .bs-internal-promo-text strong { color: var(--bs-text); font-size: 13px; }
.bs-header-promo .bs-internal-promo-text span { color: var(--bs-text-muted); font-size: 10.5px; }

/* تبلیغ بالای هدر (موبایل) — تمام‌عرض و قابل تنظیم */
.bs-header-promo-mobile { display: none; width: 100%; }
.bs-header-promo-mobile .bs-internal-promo {
    border-radius: 0; padding: 10px 16px; width: 100%;
    background: var(--mp-bg, #4f46e5) !important;
    color: var(--mp-color, #fff) !important;
    box-sizing: border-box;
}
.bs-header-promo-mobile .bs-internal-promo-icon {
    width: 38px; height: 38px;
    background: rgba(255,255,255,0.2);
}
.bs-header-promo-mobile .bs-internal-promo-icon svg { width: 19px; height: 19px; color: var(--mp-color, #fff); }
.bs-header-promo-mobile .bs-internal-promo-text strong { font-size: var(--mp-fs, 14px); color: var(--mp-color, #fff); }
.bs-header-promo-mobile .bs-internal-promo-text span { font-size: calc(var(--mp-fs, 14px) - 3px); color: var(--mp-color, #fff); opacity: 0.85; }

@media (max-width: 1024px) {
    .bs-header-promo { display: none !important; }
}
@media (max-width: 768px) {
    .bs-header-promo-mobile { display: block; }
}
.bs-show-mobile { display: none; }
@media (max-width: 768px) { .bs-show-mobile { display: block; } }


/* ═══════════════════════════════════════════════════════════
   باکس نویسندگان — طراحی کارتی
═══════════════════════════════════════════════════════════ */
.bs-authors-widget .bs-widget-title { display: flex; align-items: center; gap: 7px; }
.bs-authors-widget .bs-widget-title svg { width: 20px; height: 20px; color: var(--bs-primary); }
.bs-authors-list { display: flex; flex-direction: column; gap: 12px; }
.bs-author-card {
    display: block; text-decoration: none; color: inherit;
    border: 1.5px solid var(--bs-border);
    border-radius: 16px; padding: 14px 16px;
    transition: var(--bs-transition);
    background: var(--bs-card);
}
.bs-author-card:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}
.bs-author-card-main {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.bs-author-card-text { flex: 1; min-width: 0; text-align: right; }
.bs-author-name {
    display: flex; align-items: center; gap: 5px;
    font-size: 15px; font-weight: 800; color: var(--bs-text);
    margin-bottom: 5px;
}
.bs-author-name svg, .bs-author-name .bs-badge-icon { width: 16px; height: 16px; flex-shrink: 0; }
.bs-author-role {
    display: block; font-size: 12px; color: var(--bs-text-muted);
    line-height: 1.6;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bs-author-avatar {
    width: 48px; height: 48px; border-radius: 50%;
    object-fit: cover; flex-shrink: 0;
    border: 2px solid var(--bs-border-light);
}
.bs-author-card-foot {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 12px; padding-top: 11px;
    border-top: 1px solid var(--bs-border-light);
}
.bs-author-joined { font-size: 11px; color: var(--bs-text-light); }
.bs-author-articles {
    font-size: 11px; font-weight: 800;
    padding: 4px 12px; border-radius: 20px;
}

/* دکمه اشتراک در باستان‌نگار (صفحه تکی میراث‌یار) */
.bs-myar-mb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.bs-myar-mb-icon { display: inline-flex; }
.bs-myar-mb-icon svg { width: 18px; height: 18px; }

/* جلوگیری از سرریز افقی ویجت‌ها در موبایل (صفحه تکی) */
@media (max-width: 900px) {
    .bs-article-grid,
    .bs-article-content,
    .bs-article-side { max-width: 100%; min-width: 0; }
    .bs-article-side .bs-widget,
    .bs-article-content .bs-widget { width: 100%; max-width: 100%; box-sizing: border-box; }
    .bs-page { overflow-x: hidden; }
}

/* تمام‌عرض کردن صفحه تک نوشته در موبایل (فقط همین صفحه؛ بقیه سایت دست‌نخورده) */
@media (max-width: 768px) {
    body.single .bs-page > .bs-container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body.single .bs-article-wrap {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    body.single .bs-article-top { padding-left: 0; padding-right: 0; }
}

/* نوار پیشرفت آپلود */
.bs-upbar {
    position: relative; height: 22px; border-radius: 11px;
    background: var(--bs-bg-secondary); overflow: hidden; margin: 8px 0;
}
.bs-upbar-fill {
    height: 100%; background: linear-gradient(90deg, var(--bs-primary), var(--bs-primary-dark));
    border-radius: 11px; transition: width 0.2s ease; width: 0;
}
.bs-upbar-text {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; color: var(--bs-text);
}

/* دکمه کوچک ارسال */
.bs-btn-sm {
    width: auto !important;
    padding: 9px 22px !important;
    font-size: 13px !important;
    display: inline-flex !important;
}
.bs-btn-sm svg { width: 15px; height: 15px; flex-shrink: 0; }

/* پاپ‌آپ تبلیغ کاربری — کوچک‌تر */
.bs-uad-popup { max-width: 260px; }
.bs-uad-body { padding: 12px 14px; }
.bs-uad-body h4 { font-size: 13px; }
.bs-uad-body p { font-size: 11px; -webkit-line-clamp: 2; margin-bottom: 10px; }
.bs-uad-btn { padding: 7px; font-size: 12px; }
.bs-uad-close { width: 24px; height: 24px; font-size: 12px; }
@media (max-width: 480px) {
    .bs-uad-popup { max-width: none; left: 16px; right: 16px; }
}

/* باکس کد سفارشی — iframe ایزوله */
.bs-custom-html-wrap {
    width: 100%;
    margin: 24px 0;
    border-radius: 16px;
    overflow: hidden;
    /* ایزوله از قالب: استایل و رنگ قالب روی محتوای داخل اثر نگذارد */
    isolation: isolate;
    position: relative;
    z-index: 0;
}
.bs-custom-html-frame {
    width: 100%;
    border: 0;
    display: block;
    min-height: 200px;
    /* پس‌زمینه شفاف تا اگر کد کاربر رنگ دارد همان دیده شود؛
       اگر کد شفاف است، رنگ خنثی پشت آن می‌نشیند نه رنگ قالب */
    background: transparent;
    color-scheme: light;
}

/* ═══════════════════════════════════════════════════════════
   ویجت درآمد از دست رفته گردشگری
═══════════════════════════════════════════════════════════ */
.bs-tl-widget { padding: 0 !important; overflow: hidden; }
.bs-tl-bar { height: 5px; width: 100%; background: linear-gradient(90deg, var(--bs-primary), #f59e0b, #ef4444); }
.bs-tl-head { padding: 16px 16px 12px; border-bottom: 1px solid var(--bs-border-light); }
.bs-tl-live { display: flex; align-items: center; justify-content: flex-end; gap: 7px; margin-bottom: 8px; }
.bs-tl-ping { width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; position: relative; flex-shrink: 0; }
.bs-tl-ping::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: #f59e0b; animation: bs-tl-ping 1.4s cubic-bezier(0,0,.2,1) infinite; }
@keyframes bs-tl-ping { 75%, 100% { transform: scale(2.4); opacity: 0; } }
.bs-tl-live-label { font-size: 9px; font-weight: 700; color: #d97706; background: rgba(245,158,11,0.12); padding: 3px 9px; border-radius: 20px; }
.bs-tl-title { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 900; color: var(--bs-text); margin: 0 0 7px; }
.bs-tl-title svg { width: 19px; height: 19px; color: #f59e0b; flex-shrink: 0; }
.bs-tl-sub { font-size: 11px; font-weight: 800; color: #d97706; margin: 0 0 5px; line-height: 1.7; }
.bs-tl-desc { font-size: 10.5px; color: var(--bs-text-muted); margin: 0; line-height: 1.9; }
.bs-tl-counter-box { padding: 16px; text-align: center; background: var(--bs-bg-secondary); }
.bs-tl-switch { display: inline-flex; background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: 9px; padding: 2px; margin-bottom: 14px; }
.bs-tl-cur-btn { border: 0; background: transparent; color: var(--bs-text-muted); font-family: inherit; font-size: 11px; font-weight: 700; padding: 5px 14px; border-radius: 7px; cursor: pointer; transition: all .2s; }
.bs-tl-cur-btn.active { background: #f59e0b; color: #fff; }
.bs-tl-counter-main { margin-bottom: 7px; }
.bs-tl-counter { font-size: 22px; font-weight: 900; color: #d97706; letter-spacing: -0.5px; font-variant-numeric: tabular-nums; }
.bs-tl-cur-label { font-size: 12px; font-weight: 700; color: #f59e0b; margin-right: 4px; }
.bs-tl-speed-wrap { font-size: 10px; color: var(--bs-text-light); }
.bs-tl-speed { font-weight: 700; color: var(--bs-primary); font-variant-numeric: tabular-nums; }
.bs-tl-bars { padding: 14px 16px; border-top: 1px solid var(--bs-border-light); }
.bs-tl-bars-title { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 800; color: var(--bs-text); margin: 0 0 12px; }
.bs-tl-bars-note { font-size: 9px; font-weight: 400; color: var(--bs-text-light); }
.bs-tl-bar-item { margin-bottom: 11px; }
.bs-tl-bar-item:last-child { margin-bottom: 0; }
.bs-tl-bar-label { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 5px; }
.bs-tl-bar-label span:first-child { color: var(--bs-text-muted); }
.bs-tl-bar-label span:last-child { color: #d97706; font-weight: 700; }
.bs-tl-bar-track { width: 100%; height: 6px; background: var(--bs-bg-secondary); border-radius: 10px; overflow: hidden; }
.bs-tl-bar-fill { height: 100%; border-radius: 10px; background: linear-gradient(90deg, #ef4444, #f59e0b); }
.bs-tl-info { padding: 12px 16px; border-top: 1px solid var(--bs-border-light); font-size: 10px; color: var(--bs-text-muted); line-height: 2; text-align: justify; }
.bs-tl-info-title { display: flex; align-items: center; gap: 5px; font-weight: 800; color: #d97706; margin-bottom: 6px; }
.bs-tl-info-title svg { width: 14px; height: 14px; }
.bs-tl-info b { color: var(--bs-text); }
.bs-tl-footer { padding: 12px 16px; border-top: 1px solid var(--bs-border-light); font-size: 9px; color: var(--bs-text-light); text-align: center; line-height: 1.8; }

/* ═══════════════════════════════════════════════════════════
   ویجت درآمد از دست رفته گردشگری (هماهنگ با تم قالب)
═══════════════════════════════════════════════════════════ */
.bs-lostrev-widget { padding: 0; overflow: hidden; }
.bs-lostrev-bar { height: 5px; width: 100%; background: linear-gradient(90deg, var(--bs-primary), #f59e0b, #ea580c); }
.bs-lostrev-head { padding: 18px 18px 14px; border-bottom: 1px solid var(--bs-border-light); }
.bs-lostrev-live { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.bs-lostrev-ping {
    width: 9px; height: 9px; border-radius: 50%; background: #f59e0b; position: relative; flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(245,158,11,0.6); animation: bs-lostrev-ping 1.6s infinite;
}
@keyframes bs-lostrev-ping { 0% { box-shadow: 0 0 0 0 rgba(245,158,11,0.5); } 70% { box-shadow: 0 0 0 8px rgba(245,158,11,0); } 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); } }
.bs-lostrev-tag {
    font-size: 9.5px; font-weight: 800; color: #f59e0b;
    background: rgba(245,158,11,0.12); padding: 3px 10px; border-radius: 20px;
    border: 1px solid rgba(245,158,11,0.25);
}
.bs-lostrev-title { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 900; color: var(--bs-text); margin: 0 0 6px; }
.bs-lostrev-title svg { width: 19px; height: 19px; color: #f59e0b; }
.bs-lostrev-sub { font-size: 11.5px; font-weight: 800; color: var(--bs-primary); margin: 0 0 5px; line-height: 1.7; }
.bs-lostrev-desc { font-size: 10.5px; color: var(--bs-text-muted); margin: 0; line-height: 1.9; }
.bs-lostrev-counter-box { padding: 16px 18px; text-align: center; background: var(--bs-bg-secondary); }
.bs-lostrev-toggle { display: inline-flex; background: var(--bs-card); padding: 3px; border-radius: 10px; border: 1px solid var(--bs-border); margin-bottom: 14px; }
.bs-lostrev-cur { border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 700; color: var(--bs-text-muted); padding: 5px 14px; border-radius: 8px; transition: all 0.2s; }
.bs-lostrev-cur.active { background: #f59e0b; color: #1a1a1a; }
.bs-lostrev-counter { margin-bottom: 6px; }
.bs-lostrev-num { font-size: 24px; font-weight: 900; color: #f59e0b; letter-spacing: -0.5px; text-shadow: 0 0 14px rgba(245,158,11,0.25); font-variant-numeric: tabular-nums; }
.bs-lostrev-label { font-size: 12px; font-weight: 800; color: #f59e0b; margin-right: 4px; }
.bs-lostrev-speed { font-size: 10px; color: var(--bs-text-light); }
.bs-lostrev-speed-val { font-weight: 800; color: var(--bs-primary); font-variant-numeric: tabular-nums; }
.bs-lostrev-bars { padding: 14px 18px; border-top: 1px solid var(--bs-border-light); }
.bs-lostrev-bars h4 { font-size: 12px; font-weight: 800; color: var(--bs-text); margin: 0 0 12px; }
.bs-lostrev-stat { margin-bottom: 11px; }
.bs-lostrev-stat-row { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 5px; }
.bs-lostrev-stat-row span:first-child { color: var(--bs-text-muted); }
.bs-lostrev-stat-row span:last-child { color: #f59e0b; font-weight: 700; }
.bs-lostrev-track { width: 100%; height: 6px; background: var(--bs-bg-secondary); border-radius: 10px; overflow: hidden; }
.bs-lostrev-fill { height: 100%; border-radius: 10px; background: linear-gradient(90deg, var(--bs-primary), #f59e0b); }
.bs-lostrev-info { padding: 12px 18px; border-top: 1px solid var(--bs-border-light); font-size: 10.5px; color: var(--bs-text-muted); line-height: 2; text-align: justify; }
.bs-lostrev-info-head { display: flex; align-items: center; gap: 5px; font-weight: 800; color: #f59e0b; margin-bottom: 6px; }
.bs-lostrev-info-head svg { width: 14px; height: 14px; }
.bs-lostrev-info b { color: var(--bs-text); }
.bs-lostrev-foot { padding: 12px 18px; border-top: 1px solid var(--bs-border-light); font-size: 9px; color: var(--bs-text-light); text-align: center; line-height: 1.8; }

/* ═══════════════════════════════════════════════════════════
   باکس سایدبار ورود به بازی‌ها
═══════════════════════════════════════════════════════════ */
.bs-gamebox {
    position: relative; padding: 0 !important; overflow: hidden;
    background: linear-gradient(150deg, #2a1c0a, #4a3618 55%, #1a1209) !important;
    border: 1px solid rgba(212,169,96,0.3) !important;
}
.bs-gamebox-glow {
    position: absolute; top: -40%; left: -20%; width: 140%; height: 120%;
    background: radial-gradient(circle at 30% 30%, rgba(212,169,96,0.25), transparent 50%),
        radial-gradient(circle at 75% 60%, rgba(79,233,216,0.18), transparent 50%);
    animation: bs-gamebox-glow 8s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes bs-gamebox-glow { from { transform: translate(0,0); } to { transform: translate(8%, 6%); } }
.bs-gamebox-inner { position: relative; z-index: 1; padding: 24px 20px; text-align: center; }
.bs-gamebox-icon {
    width: 60px; height: 60px; margin: 0 auto 14px;
    background: linear-gradient(135deg, #d4a960, #b8893c); border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 22px rgba(212,169,96,0.35);
    animation: bs-gamebox-float 3.5s ease-in-out infinite;
}
@keyframes bs-gamebox-float { 0%,100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-7px) rotate(3deg); } }
.bs-gamebox-icon svg { width: 30px; height: 30px; color: #2a1c0a; }
.bs-gamebox-title { font-size: 17px; font-weight: 900; color: #f0d9a8; margin: 0 0 8px; }
.bs-gamebox-desc { font-size: 12.5px; color: #c8b594; line-height: 1.9; margin: 0 0 14px; }
.bs-gamebox-meta { display: flex; justify-content: center; gap: 14px; margin-bottom: 16px; }
.bs-gamebox-meta span { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: #b8a07c; font-weight: 700; }
.bs-gamebox-meta svg { width: 14px; height: 14px; color: #d4a960; }
.bs-gamebox-btn {
    display: block; background: linear-gradient(135deg, #d4a960, #b8893c); color: #2a1c0a !important;
    padding: 12px; border-radius: 13px; font-size: 14px; font-weight: 900; text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 6px 18px rgba(212,169,96,0.3);
}
.bs-gamebox-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(212,169,96,0.45); }

/* باکس بازی در داشبورد پنل کاربری */
.bs-dash-gamebox {
    display: flex; align-items: center; gap: 14px; position: relative; overflow: hidden;
    background: linear-gradient(135deg, #2a1c0a, #4a3618 60%, #1a1209);
    border-radius: 16px; padding: 18px 20px; margin-bottom: 16px; text-decoration: none;
    transition: transform 0.25s, box-shadow 0.25s;
}
.bs-dash-gamebox:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(42,28,10,0.35); }
.bs-dash-gamebox-glow {
    position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(circle at 15% 30%, rgba(212,169,96,0.25), transparent 45%),
        radial-gradient(circle at 85% 70%, rgba(79,233,216,0.18), transparent 45%);
    animation: bs-gamebox-glow 7s ease-in-out infinite alternate;
}
.bs-dash-gamebox-icon {
    flex-shrink: 0; width: 52px; height: 52px; border-radius: 14px; position: relative; z-index: 1;
    background: linear-gradient(135deg, #d4a960, #b8893c); display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 16px rgba(212,169,96,0.35);
}
.bs-dash-gamebox-icon svg { width: 28px; height: 28px; color: #2a1c0a; }
.bs-dash-gamebox-text { flex: 1; position: relative; z-index: 1; min-width: 0; }
.bs-dash-gamebox-text strong { display: block; font-size: 15px; font-weight: 900; color: #f0d9a8; margin-bottom: 3px; }
.bs-dash-gamebox-text span { display: block; font-size: 12px; color: #c8b594; line-height: 1.7; }
.bs-dash-gamebox-arrow { flex-shrink: 0; position: relative; z-index: 1; color: #d4a960; }
.bs-dash-gamebox-arrow svg { width: 22px; height: 22px; }

/* ═══════════════════════════════════════════════════════════
   ⑳ باکس‌های عضویت شبکه اجتماعی (سایدبار صفحه تک نوشته)
═══════════════════════════════════════════════════════════ */
.bs-social-box {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-radius-lg);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: var(--bs-shadow);
    color: #fff;
}
.bs-social-box-icon {
    width: 42px; height: 42px;
    border-radius: 12px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
}
.bs-social-box-icon svg { width: 22px; height: 22px; color: #fff; }
.bs-social-box-body h4 { font-size: 14px; font-weight: 900; margin-bottom: 4px; color: #fff; }
.bs-social-box-body p { font-size: 11.5px; line-height: 1.8; color: rgba(255,255,255,0.9); }
.bs-social-box-btn {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    background: rgba(255,255,255,0.95);
    border-radius: var(--bs-radius);
    padding: 9px 14px;
    font-size: 12.5px;
    font-weight: 900;
    transition: var(--bs-transition);
}
.bs-social-box-btn svg { width: 14px; height: 14px; }
.bs-social-box-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,0.15); }

/* تلگرام */
.bs-social-box--telegram {
    background: linear-gradient(135deg, #2CA5E0 0%, #1b7fb0 100%);
}
.bs-social-box--telegram .bs-social-box-btn { color: #1b7fb0; }

/* اینستاگرام */
.bs-social-box--instagram {
    background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 55%, #6228d7 100%);
}
.bs-social-box--instagram .bs-social-box-btn { color: #c1256c; }

/* ═══════════════════════════════════════════════════════════
   ㉑ باکس تبلیغ ابزارهای هوش مصنوعی (سایدبار صفحه تک نوشته)
═══════════════════════════════════════════════════════════ */
.bs-ai-promo-box {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-radius-lg);
    padding: 20px 18px;
    background: linear-gradient(155deg, #0f172a 0%, #1e1b4b 55%, #312e81 100%);
    box-shadow: var(--bs-shadow-lg);
    color: #fff;
    isolation: isolate;
}
.bs-ai-promo-glow {
    position: absolute;
    inset: -40% -40% auto auto;
    width: 220px; height: 220px;
    background: radial-gradient(circle, rgba(139,92,246,0.55), transparent 65%);
    filter: blur(10px);
    z-index: 0;
    animation: bs-ai-promo-pulse 5s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes bs-ai-promo-pulse {
    0%   { transform: translate(0,0) scale(1); opacity: 0.7; }
    100% { transform: translate(-20px, 20px) scale(1.25); opacity: 1; }
}
.bs-ai-promo-badge {
    position: relative; z-index: 1;
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(139,92,246,0.22);
    border: 1px solid rgba(167,139,250,0.4);
    color: #c4b5fd;
    font-size: 10.5px; font-weight: 900;
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 12px;
}
.bs-ai-promo-badge svg { width: 12px; height: 12px; }
.bs-ai-promo-badge img{width:22px;height:22px;object-fit:contain;border-radius:7px}
.bs-ai-promo-box h4 {
    position: relative; z-index: 1;
    font-size: 17px; font-weight: 900; margin-bottom: 8px; color: #fff;
    display: flex; flex-direction: column; gap: 4px;
}
.bs-ai-promo-box h4 small {
    font-size: 11px; font-weight: 700; color: #a5b4fc;
}
.bs-ai-promo-box p {
    position: relative; z-index: 1;
    font-size: 11.5px; line-height: 1.9; color: #c7d2fe; margin-bottom: 16px;
}
.bs-ai-promo-btn {
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: center; gap: 6px;
    width: 100%;
    background: linear-gradient(135deg, #8b5cf6, #6366f1);
    color: #fff;
    font-size: 12.5px; font-weight: 900;
    padding: 11px 14px;
    border-radius: var(--bs-radius);
    transition: var(--bs-transition);
    box-shadow: 0 6px 16px rgba(99,102,241,0.35);
}
.bs-ai-promo-btn svg { width: 14px; height: 14px; }

/* باکس تبلیغ بخش کوییزها (پنل داشبورد) */
.bs-quiz-promo-box {
    position: relative; overflow: hidden;
    border-radius: var(--bs-radius-lg);
    padding: 20px 18px;
    background: linear-gradient(155deg, #1c1917 0%, #451a03 55%, #78350f 100%);
    box-shadow: var(--bs-shadow-lg);
    color: #fff; isolation: isolate;
}
.bs-quiz-promo-glow {
    position: absolute; inset: -40% -40% auto auto;
    width: 220px; height: 220px;
    background: radial-gradient(circle, rgba(251,191,36,0.5), transparent 65%);
    filter: blur(10px); z-index: 0;
    animation: bs-ai-promo-pulse 5s ease-in-out infinite alternate;
    pointer-events: none;
}
.bs-quiz-promo-badge {
    position: relative; z-index: 1;
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(251,191,36,0.18); border: 1px solid rgba(251,191,36,0.4); color: #fcd34d;
    font-size: 10.5px; font-weight: 900; padding: 4px 10px; border-radius: 999px; margin-bottom: 12px;
}
.bs-quiz-promo-badge svg { width: 12px; height: 12px; }
.bs-quiz-promo-box h4 { position: relative; z-index: 1; font-size: 17px; font-weight: 900; margin-bottom: 8px; color: #fff; display: flex; flex-direction: column; gap: 4px; }
.bs-quiz-promo-box h4 small { font-size: 11px; font-weight: 700; color: #fcd34d; }
.bs-quiz-promo-box p { position: relative; z-index: 1; font-size: 11.5px; line-height: 1.9; color: #fde68a; margin-bottom: 16px; }
.bs-quiz-promo-btn {
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
    background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff;
    font-size: 12.5px; font-weight: 900; padding: 11px 14px; border-radius: var(--bs-radius);
    transition: var(--bs-transition); box-shadow: 0 6px 16px rgba(217,119,6,0.35);
}
.bs-quiz-promo-btn svg { width: 14px; height: 14px; }
.bs-ai-promo-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(99,102,241,0.5); }

/* ═══════════════════════════════════════════════════════════
   ㉒ شرکای رسانه‌ای برجسته (فوتر)
═══════════════════════════════════════════════════════════ */
.bs-media-partners {
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
}
.bs-media-partners-title {
    font-size: 11.5px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 14px;
    letter-spacing: 0.3px;
}
.bs-media-partners-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--mp-gap, 18px);
    max-width: 100%;
}
.bs-media-partner-logo {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: var(--mp-item-w, var(--mp-w, 96px));
    height: var(--mp-item-h, var(--mp-h, 32px));
    opacity: 0.75;
    filter: grayscale(100%) brightness(1.6);
    transition: var(--bs-transition);
    flex-shrink: 0;
}
.bs-media-partner-logo:hover {
    opacity: 1;
    filter: grayscale(0%) brightness(1);
}
.bs-media-partner-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
}
@media (max-width: 600px) {
    .bs-media-partners-strip { gap: calc(var(--mp-gap, 18px) * 0.8); }
    .bs-media-partner-logo { width: var(--mp-item-w-m, var(--mp-w-m, 76px)); height: var(--mp-item-h-m, var(--mp-h-m, 26px)); }
}

/* ═══════════════════════════════════════════════════════════
   ㉓ اکسپلور — شبکه (گرید) مثل اینستاگرام + نمای تکی اسکرولی
═══════════════════════════════════════════════════════════ */

/* --- حالت تمام‌صفحه: بدون هدر/فوتر/ناوبری موبایل --- */
body.bs-explore-page .bs-header,
body.bs-explore-page .bs-footer,
body.bs-explore-page .bs-mobile-nav,
body.bs-explore-page .bs-back-top,
body.bs-explore-page .bs-top-notify,
body.bs-explore-page .bs-top-ad,
body.bs-explore-page .bs-header-promo-mobile { display: none !important; }
body.bs-explore-page { padding-bottom: 0 !important; background: var(--bs-bg); }

/* نوار بالای صفحه اکسپلور (بازگشت + عنوان) در حالت تمام‌صفحه */
.bs-explore-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--bs-bg);
    border-bottom: 1px solid var(--bs-border);
}
.bs-explore-topbar a.bs-explore-topbar-back {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 50%;
    color: var(--bs-text);
    background: var(--bs-bg-secondary);
    flex-shrink: 0;
}
.bs-explore-topbar a.bs-explore-topbar-back svg { width: 18px; height: 18px; }
.bs-explore-topbar h1 { font-size: 15px; font-weight: 900; color: var(--bs-text); }

/* --- هشتگ‌های محبوب بالای صفحه اکسپلور --- */
.bs-explore-hashtags {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid var(--bs-border);
    background: var(--bs-bg);
    position: sticky;
    top: 63px;
    z-index: 30;
}
.bs-explore-hashtags::-webkit-scrollbar { display: none; }
.bs-explore-hashtag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--bs-bg-secondary);
    color: var(--bs-text);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    transition: background .15s ease, color .15s ease;
}
.bs-explore-hashtag::before { content: '#'; opacity: .6; font-weight: 800; }
.bs-explore-hashtag.is-active,
.bs-explore-hashtag:hover {
    background: var(--bs-primary);
    color: #fff;
}
.bs-explore-hashtag.is-active::before,
.bs-explore-hashtag:hover::before { opacity: .85; }

/* --- شبکه اکسپلور (گرید سه‌ستونه مثل اینستاگرام) --- */
.bs-explore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
    max-width: 935px;
    margin: 0 auto;
    padding: 3px;
}
@media (min-width: 700px) {
    .bs-explore-grid { gap: 6px; padding: 6px; }
}
.bs-explore-cell {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #111;
    cursor: pointer;
    display: block;
}
.bs-explore-cell img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}
.bs-explore-cell:hover img { transform: scale(1.04); }
.bs-explore-cell-badge {
    position: absolute;
    top: 8px; left: 8px;
    color: #fff;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.6));
    z-index: 2;
}
.bs-explore-cell-badge svg { width: 18px; height: 18px; }
.bs-explore-cell-views {
    position: absolute;
    bottom: 6px; right: 8px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
}
.bs-explore-cell-views svg { width: 13px; height: 13px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6)); }
.bs-explore-cell-hover {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.35);
    display: flex; align-items: center; justify-content: center;
    gap: 22px;
    color: #fff;
    opacity: 0;
    transition: opacity .15s ease;
}
.bs-explore-cell:hover .bs-explore-cell-hover { opacity: 1; }
.bs-explore-cell-hover span { display: flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; }
.bs-explore-cell-hover svg { width: 20px; height: 20px; fill: #fff; }

.bs-explore-empty-grid {
    text-align: center;
    color: var(--bs-text-muted, #9ca3af);
    padding: 60px 20px;
}
.bs-explore-empty-grid svg { width: 48px; height: 48px; margin: 0 auto 12px; }

.bs-explore-grid-loading {
    grid-column: 1 / -1;
    display: flex; align-items: center; justify-content: center;
    padding: 24px 0;
}
.bs-explore-grid-loading .bs-spinner {
    width: 26px; height: 26px; border-radius: 50%;
    border: 3px solid rgba(0,0,0,0.12);
    border-top-color: var(--bs-primary, #6366f1);
    animation: bs-spin 0.8s linear infinite;
}

/* ═══════════════════════════════════════════════════════════
   نمای تکی اسکرولی اکسپلور (لایت‌باکس تمام‌صفحه، مثل ریلز)
═══════════════════════════════════════════════════════════ */
body.bs-explore-viewer-open { overflow: hidden; }
body.bs-explore-viewer-open .bs-back-top { display: none !important; }

.bs-explore-wrap {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 500;
}
.bs-explore-feed {
    height: 100%;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
}
.bs-explore-feed::-webkit-scrollbar { display: none; }

@media (max-width: 768px) {
    .bs-explore-feed { max-width: 100%; }
}

.bs-explore-item {
    position: relative;
    height: 100%;
    width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    overflow: hidden;
    background: #000;
    display: flex;
    align-items: flex-end;
}
.bs-explore-media {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    background: #0a0a0a;
    cursor: pointer;
}
.bs-explore-cover {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: opacity .25s ease;
    filter: brightness(0.92);
}
.bs-explore-video-slot { position: absolute; inset: 0; }
.bs-explore-video-el { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.bs-explore-play-hint {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,0.55);
    pointer-events: none;
}
.bs-explore-play-hint svg { width: 56px; height: 56px; }
.bs-explore-duration {
    position: absolute; top: 16px; left: 16px;
    background: rgba(0,0,0,0.55);
    color: #fff; font-size: 11px; font-weight: 800;
    padding: 4px 10px; border-radius: 999px;
    z-index: 2;
}
.bs-explore-overlay {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 14px 16px 68px 74px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.55) 45%, transparent 100%);
    color: #fff;
}
.bs-explore-author-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.bs-explore-author-avatar {
    width: 36px; height: 36px; border-radius: 50%;
    object-fit: cover; flex-shrink: 0;
    border: 1.5px solid rgba(255,255,255,0.5);
}
.bs-explore-author-meta { flex: 1; min-width: 0; }
.bs-explore-author-name {
    display: block;
    font-size: 13.5px; font-weight: 800; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bs-explore-author-sub {
    display: flex; align-items: center; gap: 4px;
    font-size: 11.5px; color: rgba(255,255,255,0.75);
}
.bs-explore-author-sub svg { width: 12px; height: 12px; }
.bs-explore-follow-btn {
    flex-shrink: 0;
    background: rgba(255,255,255,0.16);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    font-size: 12px; font-weight: 800;
    padding: 6px 16px; border-radius: 8px;
}
.bs-explore-follow-btn.is-following { background: transparent; color: rgba(255,255,255,0.7); }

.bs-explore-title {
    font-size: 14.5px;
    font-weight: 800;
    line-height: 1.6;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-explore-title:hover { text-decoration: underline; }

.bs-explore-cta {
    display: inline-flex; align-items: center; gap: 6px;
    background: #fff; color: #0f172a;
    font-size: 12.5px; font-weight: 900;
    padding: 9px 16px; border-radius: 999px;
}
.bs-explore-cta svg { width: 14px; height: 14px; }

.bs-explore-back {
    position: fixed; top: 16px; right: 16px; z-index: 160;
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(0,0,0,0.45); backdrop-filter: blur(6px);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
}
.bs-explore-back svg { width: 20px; height: 20px; }
.bs-explore-back.is-close svg { width: 18px; height: 18px; }
.bs-explore-mute {
    position: fixed; top: 16px; left: 16px; z-index: 160;
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(0,0,0,0.45); backdrop-filter: blur(6px);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
}
.bs-explore-mute svg { width: 18px; height: 18px; }
.bs-explore-mute .icon-on { display: none; }
.bs-explore-mute.is-on .icon-mute { display: none; }
.bs-explore-mute.is-on .icon-on { display: block; }

.bs-explore-empty { display: flex; align-items: center; justify-content: center; }
.bs-explore-empty-inner { text-align: center; color: rgba(255,255,255,0.6); }
.bs-explore-empty-inner svg { width: 48px; height: 48px; margin: 0 auto 12px; }

.bs-explore-loading {
    height: 80px;
    display: flex; align-items: center; justify-content: center;
    scroll-snap-align: none;
}
.bs-explore-loading .bs-spinner {
    width: 26px; height: 26px; border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.25);
    border-top-color: #fff;
    animation: bs-spin 0.8s linear infinite;
}
@keyframes bs-spin { to { transform: rotate(360deg); } }

/* ═══════════════════════════════════════════════════════════
   ㉔ نوار اعلان پست جدید (بالای سایت)
═══════════════════════════════════════════════════════════ */
.bs-top-notify {
    display: none;
    align-items: center;
    gap: 10px;
    position: relative;
    background: linear-gradient(90deg, #4f46e5, #7c3aed 55%, #db2777);
    color: #fff;
    padding: 9px 14px;
    z-index: 210;
}
.bs-top-notify-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    color: #fff;
}
.bs-top-notify-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.18);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    flex-shrink: 0;
}
.bs-top-notify-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: #fff;
    animation: bs-notify-pulse 1.4s ease-in-out infinite;
}
@keyframes bs-notify-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.4); }
}
.bs-top-notify-thumb {
    width: 28px; height: 28px;
    border-radius: 7px;
    object-fit: cover;
    flex-shrink: 0;
    display: none;
}
.bs-top-notify-title {
    font-size: 12.5px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.bs-top-notify-cta {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    font-weight: 900;
    background: #fff;
    color: #4f46e5;
    padding: 5px 10px;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-right: auto;
}
.bs-top-notify-cta svg { width: 12px; height: 12px; }
.bs-top-notify-close {
    flex-shrink: 0;
    width: 26px; height: 26px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.12);
}
.bs-top-notify-close svg { width: 13px; height: 13px; }

@media (min-width: 600px) {
    .bs-top-notify-thumb { display: block; }
    .bs-top-notify { padding: 10px 20px; }
}
@media (max-width: 480px) {
    .bs-top-notify-title { max-width: 42vw; }
}

/* نوار اکشن عمودی اکسپلور (لایک/کامنت/اشتراک/سیو/بیشتر - مثل اینستاگرام) */
.bs-explore-actions {
    position: absolute;
    left: 10px;
    bottom: 78px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.bs-explore-act {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: #fff;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.45));
}
.bs-explore-act svg { width: 26px; height: 26px; stroke-width: 1.8; transition: transform .15s ease; }
.bs-explore-act:active svg { transform: scale(0.82); }
.bs-explore-act-count { font-size: 11.5px; font-weight: 700; color: #fff; }
.bs-explore-like.is-active { color: #ed4956; }
.bs-explore-like.is-active svg { fill: #ed4956; stroke: #ed4956; }
.bs-explore-like.is-active svg { animation: bs-explore-like-pop .3s ease; }
@keyframes bs-explore-like-pop { 0% { transform: scale(1); } 35% { transform: scale(1.3); } 100% { transform: scale(1); } }
.bs-explore-save.is-active svg { fill: #fff; }
.bs-explore-share.is-copied { color: #22c55e; }
.bs-explore-share.is-copied svg { animation: bs-explore-like-pop .3s ease; }
.bs-explore-more svg { width: 22px; height: 22px; }

@media (max-width: 768px) {
    .bs-explore-actions { bottom: 74px; left: 8px; gap: 16px; }
}

/* --- نوار «افزودن دیدگاه» پایین صفحه --- */
.bs-explore-comment-bar {
    position: absolute;
    bottom: 0; right: 0; left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(8px);
}
.bs-explore-comment-input {
    flex: 1;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 999px;
    color: rgba(255,255,255,0.85);
    font-size: 12.5px;
    padding: 10px 16px;
    text-align: right;
    cursor: pointer;
}

/* --- پنل دیدگاه‌ها (شیت پایین‌رونده) --- */
.bs-explore-comment-panel {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: flex-end;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
}
.bs-explore-comment-panel.is-open { opacity: 1; pointer-events: auto; }
.bs-explore-comment-sheet {
    width: 100%;
    max-height: 72%;
    background: var(--bs-card, #fff);
    border-radius: 18px 18px 0 0;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform .25s ease;
}
.bs-explore-comment-panel.is-open .bs-explore-comment-sheet { transform: translateY(0); }
.bs-explore-comment-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--bs-border);
    flex-shrink: 0;
}
.bs-explore-comment-head h4 { font-size: 13.5px; font-weight: 900; color: var(--bs-text); }
.bs-explore-comment-close { color: var(--bs-text-muted); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.bs-explore-comment-close svg { width: 16px; height: 16px; }
.bs-explore-comment-close:hover { background: var(--bs-bg-secondary); }
.bs-explore-comment-list { flex: 1; overflow-y: auto; padding: 10px 16px; }
.bs-explore-comment-item { display: flex; gap: 10px; padding: 10px 0; }
.bs-explore-comment-item img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bs-explore-comment-item-body { flex: 1; min-width: 0; }
.bs-explore-comment-item-name { font-size: 12.5px; font-weight: 800; color: var(--bs-text); }
.bs-explore-comment-item-text { font-size: 12.5px; color: var(--bs-text); line-height: 1.8; margin-top: 2px; }
.bs-explore-comment-item-time { font-size: 10.5px; color: var(--bs-text-light); margin-top: 4px; }
.bs-explore-comment-empty { text-align: center; padding: 30px 10px; color: var(--bs-text-light); font-size: 12px; }
.bs-explore-comment-form {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid var(--bs-border);
    flex-shrink: 0;
}
.bs-explore-comment-form input {
    flex: 1;
    background: var(--bs-bg-secondary);
    border: 1px solid var(--bs-border);
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 12.5px;
    color: var(--bs-text);
    font-family: var(--bs-font);
}
.bs-explore-comment-form button {
    flex-shrink: 0;
    background: var(--bs-primary);
    color: #fff;
    font-size: 12px; font-weight: 800;
    padding: 9px 16px; border-radius: 999px;
}
.bs-explore-comment-form button:disabled { opacity: .5; }

/* --- منوی سه‌نقطه (بیشتر) --- */
.bs-explore-more-menu {
    position: absolute;
    bottom: 30px; left: 8px;
    z-index: 6;
    background: var(--bs-card, #1e1e1e);
    border-radius: 12px;
    box-shadow: var(--bs-shadow-lg);
    overflow: hidden;
    min-width: 160px;
    display: none;
}
.bs-explore-more-menu.is-open { display: block; }
.bs-explore-more-menu a,
.bs-explore-more-menu button {
    display: flex; align-items: center; gap: 8px;
    width: 100%;
    padding: 11px 14px;
    font-size: 12.5px; font-weight: 700;
    color: var(--bs-text, #eee);
    text-align: right;
}
.bs-explore-more-menu a:hover,
.bs-explore-more-menu button:hover { background: var(--bs-bg-secondary, rgba(255,255,255,0.08)); }
.bs-explore-more-menu svg { width: 16px; height: 16px; }

/* ═══════════════════════════════════════════════════════════
   ㉔ بخش مجزای کوییزها — فهرست، صفحه اختصاصی، چالش، لیگ
═══════════════════════════════════════════════════════════ */
.bs-qh-wrap { max-width: 980px; margin: 0 auto; padding: 32px 18px 70px; }

/* --- هیرو بالای صفحه --- */
.bs-qh-hero, .bs-ql2-hero {
    text-align: center;
    padding: 40px 20px 32px;
    border-radius: 20px;
    margin-bottom: 28px;
    background: var(--bs-card);
    border: 1px solid var(--bs-border);
    position: relative;
    overflow: hidden;
}
.bs-qh-hero-icon {
    width: 56px; height: 56px; margin: 0 auto 16px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
    color: var(--bs-primary);
}
.bs-qh-hero-icon svg { width: 26px; height: 26px; }
.bs-qh-hero h1, .bs-ql2-hero h1 { font-size: 22px; font-weight: 900; color: var(--bs-text); margin-bottom: 8px; }
.bs-qh-hero p, .bs-ql2-hero p { font-size: 13.5px; color: var(--bs-text-muted); max-width: 440px; margin: 0 auto 20px; line-height: 1.9; }
.bs-qh-league-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--bs-text); color: var(--bs-bg);
    font-size: 13px; font-weight: 800;
    padding: 11px 22px; border-radius: 999px;
    transition: var(--bs-transition);
}
.bs-qh-league-btn:hover { transform: translateY(-2px); box-shadow: var(--bs-shadow-lg); }
.bs-qh-league-btn svg { width: 15px; height: 15px; }

.bs-qh-back {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 700; color: var(--bs-text-muted);
    margin-bottom: 18px;
}
.bs-qh-back:hover { color: var(--bs-primary); }
.bs-qh-back svg { width: 14px; height: 14px; }

.bs-qh-empty { text-align: center; padding: 60px 20px; color: var(--bs-text-light); }
.bs-qh-empty svg { width: 46px; height: 46px; margin: 0 auto 14px; opacity: 0.4; }

/* --- گرید کارت‌های کوییز --- */
.bs-qh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
.bs-qh-card {
    display: block; border-radius: 18px; overflow: hidden;
    background: var(--bs-card); border: 1px solid var(--bs-border);
    transition: var(--bs-transition);
}
.bs-qh-card:hover { border-color: color-mix(in srgb, var(--bs-primary) 35%, var(--bs-border)); box-shadow: var(--bs-shadow); }
.bs-qh-card-cover {
    position: relative; height: 130px;
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,0.9);
}
.bs-qh-card-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bs-qh-card-cover-tint { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.45)); }
.bs-qh-card-icon { position: relative; z-index: 1; }
.bs-qh-card-icon svg { width: 34px; height: 34px; opacity: 0.9; }
.bs-qh-card-diff {
    position: absolute; top: 10px; left: 10px; z-index: 1;
    font-size: 10.5px; font-weight: 800; padding: 4px 11px; border-radius: 999px;
    backdrop-filter: blur(4px);
}
.bs-qh-diff-easy   { background: rgba(16,185,129,0.85); color: #fff; }
.bs-qh-diff-medium { background: rgba(245,158,11,0.85); color: #fff; }
.bs-qh-diff-hard    { background: rgba(239,68,68,0.85); color: #fff; }
.bs-qh-card-body { padding: 16px; }
.bs-qh-card-body h3 { font-size: 14.5px; font-weight: 800; color: var(--bs-text); margin-bottom: 10px; line-height: 1.6; }
.bs-qh-card-meta { display: flex; gap: 14px; flex-wrap: wrap; }
.bs-qh-card-meta span { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--bs-text-light); font-weight: 700; }
.bs-qh-card-meta svg { width: 13px; height: 13px; }

/* --- صفحه اختصاصی کوییز --- */
.bs-qh-single-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; }
.bs-qh-single-head h1 { font-size: 19px; font-weight: 900; color: var(--bs-text); }
.bs-qh-single-count { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--bs-text-light); background: var(--bs-bg-secondary); padding: 6px 13px; border-radius: 999px; }
.bs-qh-single-count svg { width: 13px; height: 13px; }

/* --- پنل چالش دونفره --- */
.bs-qc-panel { margin-top: 26px; background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: 18px; padding: 20px; }
.bs-qc-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.bs-qc-head-icon {
    width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent); color: var(--bs-primary);
}
.bs-qc-head-icon svg { width: 22px; height: 22px; }
.bs-qc-head h3 { font-size: 14.5px; font-weight: 900; color: var(--bs-text); margin-bottom: 3px; }
.bs-qc-head p { font-size: 12px; color: var(--bs-text-muted); line-height: 1.7; }
.bs-qc-head > div:nth-child(2) { flex: 1; min-width: 180px; }
.bs-qc-head-btns { display: flex; gap: 8px; flex-shrink: 0; flex-wrap: wrap; }
.bs-qc-challenge-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--bs-primary); color: #fff;
    font-size: 12.5px; font-weight: 800; padding: 10px 18px; border-radius: 999px;
    flex-shrink: 0; transition: var(--bs-transition);
}
.bs-qc-challenge-btn:hover { background: var(--bs-primary-dark); }
.bs-qc-challenge-btn:disabled { opacity: 0.6; cursor: default; }
.bs-qc-challenge-btn svg { width: 13px; height: 13px; }
.bs-qc-challenge-btn.is-outline { background: transparent; color: var(--bs-text); border: 1px solid var(--bs-border); }
.bs-qc-challenge-btn.is-outline:hover { border-color: var(--bs-primary); color: var(--bs-primary); background: transparent; }

.bs-qc-waiting {
    display: flex; align-items: center; gap: 14px;
    background: var(--bs-bg-secondary); border: 1px dashed var(--bs-border); border-radius: 14px;
    padding: 16px; margin-bottom: 16px;
}
.bs-qc-waiting-spinner {
    width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
    border: 2.5px solid var(--bs-border); border-top-color: var(--bs-primary);
    animation: bs-qc-spin 0.8s linear infinite;
}
@keyframes bs-qc-spin { to { transform: rotate(360deg); } }
.bs-qc-waiting strong { font-size: 12.5px; color: var(--bs-text); display: block; margin-bottom: 3px; }
.bs-qc-waiting p { font-size: 11.5px; color: var(--bs-text-light); line-height: 1.7; }
.bs-qc-waiting > div { flex: 1; }
#bs-qc-cancel-wait { font-size: 11.5px; font-weight: 700; color: var(--bs-danger); flex-shrink: 0; padding: 6px 12px; border-radius: 8px; }

/* صفحه رادار: جست‌وجوی رقیب آنلاین در مسابقه دونفره */
.bs-arena-radar-screen { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 30px 20px; border: 1px solid var(--bs-border); border-radius: 24px; background: var(--bs-card); }
.bs-arena-radar { position: relative; width: 220px; height: 220px; margin-bottom: 24px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, #7c3aed 14%, var(--bs-bg-secondary)) 0%, var(--bs-bg-secondary) 72%); box-shadow: inset 0 0 0 1px var(--bs-border), 0 20px 40px rgba(124,58,237,.1); overflow: hidden; }
.bs-arena-radar-rings { position: absolute; inset: 0; }
.bs-arena-radar-rings i { position: absolute; top: 50%; left: 50%; border: 1px solid color-mix(in srgb, #7c3aed 22%, transparent); border-radius: 50%; transform: translate(-50%, -50%); }
.bs-arena-radar-rings i:nth-child(1) { width: 70%; height: 70%; }
.bs-arena-radar-rings i:nth-child(2) { width: 46%; height: 46%; }
.bs-arena-radar-rings i:nth-child(3) { width: 22%; height: 22%; }
.bs-arena-radar-grid { position: absolute; inset: 0; background: linear-gradient(color-mix(in srgb, #7c3aed 14%, transparent) 1px, transparent 1px) 0 50% / 100% 50%, linear-gradient(90deg, color-mix(in srgb, #7c3aed 14%, transparent) 1px, transparent 1px) 50% 0 / 50% 100%; background-repeat: no-repeat; }
.bs-arena-radar-sweep {
    position: absolute; inset: 0; border-radius: 50%;
    background: conic-gradient(from 0deg, color-mix(in srgb, #7c3aed 55%, transparent), transparent 32%);
    animation: bsRadarSpin 2.2s linear infinite;
}
@keyframes bsRadarSpin { to { transform: rotate(360deg); } }
.bs-arena-radar-center { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; background: linear-gradient(135deg,#7c3aed,#4f46e5); color: #fff; box-shadow: 0 0 0 5px color-mix(in srgb, #7c3aed 16%, transparent), 0 6px 16px rgba(124,58,237,.3); }
.bs-arena-radar-center svg { width: 16px; height: 16px; }
.bs-arena-radar-blip { position: absolute; top: var(--y); left: var(--x); z-index: 1; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #7c3aed; opacity: 0; animation: bsRadarBlip 4.7s ease-in-out infinite; animation-delay: var(--d); }
.bs-arena-radar-blip::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid #7c3aed; opacity: 0; animation: bsRadarPing 4.7s ease-out infinite; animation-delay: var(--d); }
@keyframes bsRadarBlip { 0%, 8% { opacity: 0; } 12%, 70% { opacity: 1; } 85%, 100% { opacity: 0; } }
@keyframes bsRadarPing { 0%, 8% { opacity: 0; transform: scale(.4); } 20% { opacity: .8; } 45% { opacity: 0; transform: scale(1.8); } 100% { opacity: 0; } }
.bs-arena-radar-screen strong { font-size: 14px; font-weight: 900; color: var(--bs-text); margin-bottom: 6px; }
.bs-arena-radar-screen p { font-size: 12px; color: var(--bs-text-light); line-height: 1.8; max-width: 280px; margin-bottom: 18px; }
.bs-arena-radar-cancel { padding: 10px 22px; border-radius: 12px; border: 1.5px solid var(--bs-border); background: var(--bs-bg-secondary); color: var(--bs-danger); font-size: 12px; font-weight: 800; }
@media (max-width: 380px) { .bs-arena-radar { width: 180px; height: 180px; } }
#bs-qc-cancel-wait:hover { background: color-mix(in srgb, var(--bs-danger) 10%, transparent); }

.bs-qc-matched { margin-bottom: 16px; }
.bs-qc-matched-inner {
    display: flex; align-items: center; gap: 14px;
    background: var(--bs-bg-secondary); border: 1px solid var(--bs-border); border-radius: 14px; padding: 14px 16px;
}
.bs-qc-matched-inner img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bs-qc-matched-vs { flex: 1; min-width: 0; }
.bs-qc-matched-vs strong { font-size: 12.5px; color: var(--bs-text); display: block; margin-bottom: 3px; }
.bs-qc-matched-vs span { font-size: 12px; color: var(--bs-text-muted); font-weight: 700; }
.bs-qc-matched-vs small { font-weight: 500; color: var(--bs-text-light); }
.bs-qc-matched-result { font-size: 12.5px; font-weight: 800; color: var(--bs-primary); flex-shrink: 0; }

.bs-qc-loading, .bs-qc-empty { text-align: center; padding: 20px; font-size: 12.5px; color: var(--bs-text-light); }
.bs-qc-row {
    display: flex; align-items: center; gap: 10px;
    padding: 11px 12px; border-radius: 12px; background: var(--bs-bg-secondary); margin-bottom: 8px;
}
.bs-qc-row img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bs-qc-row-name { font-size: 12.5px; font-weight: 800; color: var(--bs-text); flex: 1; min-width: 0; }
.bs-qc-row-status { font-size: 12px; font-weight: 700; color: var(--bs-text-muted); display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.bs-qc-status { padding: 3px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 800; }
.bs-qc-status.pending { background: var(--bs-bg); color: var(--bs-text-light); border: 1px dashed var(--bs-border); }
.bs-qc-status.win { background: rgba(16,185,129,0.14); color: #10b981; }
.bs-qc-status.lose { background: rgba(239,68,68,0.14); color: #ef4444; }
.bs-qc-status.draw { background: rgba(245,158,11,0.14); color: #f59e0b; }

/* --- مودال انتخاب حریف --- */
.bs-qc-modal-overlay {
    position: fixed; inset: 0; z-index: 500;
    background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center; padding: 16px;
}
.bs-qc-modal { width: 100%; max-width: 400px; background: var(--bs-card); border-radius: 18px; overflow: hidden; box-shadow: var(--bs-shadow-xl); }
.bs-qc-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--bs-border); }
.bs-qc-modal-head h3 { font-size: 14px; font-weight: 900; color: var(--bs-text); display: flex; align-items: center; gap: 8px; }
.bs-qc-modal-head svg { width: 16px; height: 16px; color: var(--bs-primary); }
.bs-qc-modal-head button { width: 30px; height: 30px; border-radius: 50%; color: var(--bs-text-muted); }
.bs-qc-modal-head button:hover { background: var(--bs-bg-secondary); }
.bs-qc-modal-body { padding: 16px 18px; }
.bs-qc-modal-body input {
    width: 100%; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--bs-border);
    background: var(--bs-bg-secondary); color: var(--bs-text); font-size: 13px; font-family: var(--bs-font); margin-bottom: 14px;
}
.bs-qc-users { max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
.bs-qc-user-row {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 9px 10px; border-radius: 12px; background: transparent; text-align: right;
}
.bs-qc-user-row:hover { background: var(--bs-bg-secondary); }
.bs-qc-user-row img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bs-qc-user-row span:nth-child(2) { flex: 1; font-size: 12.5px; font-weight: 700; color: var(--bs-text); }
.bs-qc-user-go { color: var(--bs-primary); }

/* --- صفحه لیگ: رتبه من --- */
.bs-ql2-myrank {
    display: flex; align-items: center; gap: 14px;
    background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: 16px;
    padding: 16px 20px; margin-bottom: 24px;
    border-right: 4px solid var(--tier-color, var(--bs-primary));
}
.bs-ql2-myrank-icon {
    width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: color-mix(in srgb, var(--tier-color, var(--bs-primary)) 16%, transparent);
    color: var(--tier-color, var(--bs-primary));
}
.bs-ql2-myrank-icon svg { width: 22px; height: 22px; }
.bs-ql2-myrank-info { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.bs-ql2-myrank-info span { font-size: 11px; color: var(--bs-text-light); }
.bs-ql2-myrank-info strong { font-size: 14px; color: var(--bs-text); }
.bs-ql2-myrank-pts { font-size: 20px; font-weight: 900; color: var(--tier-color, var(--bs-primary)); text-align: left; }
.bs-ql2-myrank-pts span { display: block; font-size: 10px; font-weight: 700; color: var(--bs-text-light); }

/* --- سکوی نفرات برتر --- */
.bs-ql2-podium { display: flex; align-items: flex-end; justify-content: center; gap: 12px; margin-bottom: 30px; padding: 0 10px; }
.bs-ql2-pd-item {
    flex: 1; max-width: 160px;
    display: flex; flex-direction: column; align-items: center;
    background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: 18px 18px 0 0;
    padding: 18px 10px 0; text-align: center; position: relative;
    transition: var(--bs-transition);
}
.bs-ql2-pd-item:hover { transform: translateY(-4px); }
.bs-ql2-pd-1 { order: 2; padding-top: 26px; }
.bs-ql2-pd-2 { order: 1; }
.bs-ql2-pd-3 { order: 3; }
.bs-ql2-pd-crown { color: #fbbf24; margin-bottom: 4px; height: 20px; }
.bs-ql2-pd-crown svg { width: 20px; height: 20px; }
.bs-ql2-pd-avatar { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; border: 3px solid var(--bs-card); box-shadow: 0 0 0 2px var(--bs-border); margin-bottom: 8px; }
.bs-ql2-pd-1 .bs-ql2-pd-avatar { width: 72px; height: 72px; box-shadow: 0 0 0 2px #fbbf24; }
.bs-ql2-pd-rank { font-size: 11px; font-weight: 900; color: var(--bs-text-light); margin-bottom: 4px; }
.bs-ql2-pd-name { font-size: 12.5px; font-weight: 800; color: var(--bs-text); margin-bottom: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bs-ql2-pd-pts { font-size: 11px; font-weight: 700; color: var(--bs-primary); margin-bottom: 12px; }
.bs-ql2-pd-bar { display: block; width: 100%; border-radius: 10px 10px 0 0; background: color-mix(in srgb, var(--bs-primary) 12%, var(--bs-bg-secondary)); }
.bs-ql2-pd-1 .bs-ql2-pd-bar { height: 70px; background: linear-gradient(180deg, #fde68a, #fbbf24); }
.bs-ql2-pd-2 .bs-ql2-pd-bar { height: 46px; background: linear-gradient(180deg, #e2e8f0, #94a3b8); }
.bs-ql2-pd-3 .bs-ql2-pd-bar { height: 30px; background: linear-gradient(180deg, #fdba74, #d97706); }

/* --- لیست رتبه‌بندی --- */
.bs-ql2-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 30px; }
.bs-ql2-row {
    display: flex; align-items: center; gap: 12px;
    background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: 14px; padding: 11px 16px;
    transition: var(--bs-transition);
}
.bs-ql2-row:hover { border-color: color-mix(in srgb, var(--bs-primary) 30%, var(--bs-border)); }
.bs-ql2-row.is-me { border-color: var(--bs-primary); background: var(--bs-primary-light); }
.bs-ql2-row-rank { font-size: 12.5px; font-weight: 900; color: var(--bs-text-light); width: 34px; flex-shrink: 0; }
.bs-ql2-row img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bs-ql2-row-name { font-size: 12.5px; font-weight: 800; color: var(--bs-text); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; gap: 4px; }
.bs-ql2-row-tier { display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; flex-shrink: 0; }
.bs-ql2-row-tier svg { width: 13px; height: 13px; }
.bs-ql2-row-plays { font-size: 11px; color: var(--bs-text-light); flex-shrink: 0; display: none; }
.bs-ql2-row-pts { font-size: 13px; font-weight: 900; color: var(--bs-primary); flex-shrink: 0; width: 50px; text-align: left; }
@media (min-width: 640px) { .bs-ql2-row-plays { display: block; } }

/* --- راهنمای درجه‌ها --- */
.bs-ql2-tiers { margin-top: 10px; }
.bs-ql2-tiers h3 { font-size: 14px; font-weight: 900; color: var(--bs-text); margin-bottom: 14px; }
.bs-ql2-tiers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 12px; }
.bs-ql2-tier-card {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    background: var(--bs-card); border: 1px solid var(--bs-border); border-radius: 14px; padding: 16px 10px;
    color: var(--tc);
}
.bs-ql2-tier-card svg { width: 24px; height: 24px; }
.bs-ql2-tier-card strong { font-size: 12px; color: var(--bs-text); }
.bs-ql2-tier-card span { font-size: 10.5px; color: var(--bs-text-light); font-weight: 700; }

@media (max-width: 640px) {
    .bs-qh-hero, .bs-ql2-hero { padding: 32px 16px 26px; }
    .bs-ql2-podium { gap: 8px; }
    .bs-ql2-pd-item { padding-top: 14px; }
    .bs-ql2-pd-1 { padding-top: 20px; }
    .bs-qc-head { flex-direction: column; align-items: flex-start; }
    .bs-qc-challenge-btn { width: 100%; justify-content: center; }
}


/* ═══ حالت تمام‌صفحه کوییزها (بدون هدر/فوتر) + پس‌زمینه آیکون‌های باستانی ═══ */
body.bs-quiz-page .bs-header,
body.bs-quiz-page .bs-footer,
body.bs-quiz-page .bs-nav,
body.bs-quiz-page .bs-mobile-nav,
body.bs-quiz-page .bs-back-top,
body.bs-quiz-page .bs-top-notify,
body.bs-quiz-page .bs-top-ad,
body.bs-quiz-page .bs-header-promo-mobile { display: none !important; }
body.bs-quiz-page { padding-bottom: 0 !important; background: var(--bs-bg); }
body.bs-quiz-page .bs-qh-wrap {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.05%22%3E%0A%3Cpath%20d%3D%22M35%2025%20L35%2060%20M20%2035%20Q35%2015%2050%2035%20M25%2045%20L45%2045%22/%3E%0A%3Cpath%20d%3D%22M150%2020%20L175%2065%20L125%2065%20Z%20M137%2065%20L137%2050%20L163%2050%20L163%2065%22/%3E%0A%3Cpath%20d%3D%22M45%20130%20Q45%20118%2055%20118%20Q65%20118%2065%20130%20L65%20170%20Q65%20178%2055%20178%20Q45%20178%2045%20170%20Z%20M45%20138%20L65%20138%22/%3E%0A%3Crect%20x%3D%22145%22%20y%3D%22130%22%20width%3D%2246%22%20height%3D%2234%22%20rx%3D%223%22/%3E%0A%3Cpath%20d%3D%22M151%20140%20L185%20140%20M151%20148%20L178%20148%20M151%20156%20L182%20156%22/%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%22205%22%20r%3D%2216%22/%3E%0A%3Cpath%20d%3D%22M52%20205%20L68%20205%20M60%20197%20L60%20213%22/%3E%0A%3Cpath%20d%3D%22M175%20195%20L195%20215%20M195%20195%20L175%20215%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
    background-size: 240px 240px;
    background-repeat: repeat;
    min-height: calc(100vh - 60px);
}
html[data-theme="dark"] body.bs-quiz-page .bs-qh-wrap {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.06%22%3E%0A%3Cpath%20d%3D%22M35%2025%20L35%2060%20M20%2035%20Q35%2015%2050%2035%20M25%2045%20L45%2045%22/%3E%0A%3Cpath%20d%3D%22M150%2020%20L175%2065%20L125%2065%20Z%20M137%2065%20L137%2050%20L163%2050%20L163%2065%22/%3E%0A%3Cpath%20d%3D%22M45%20130%20Q45%20118%2055%20118%20Q65%20118%2065%20130%20L65%20170%20Q65%20178%2055%20178%20Q45%20178%2045%20170%20Z%20M45%20138%20L65%20138%22/%3E%0A%3Crect%20x%3D%22145%22%20y%3D%22130%22%20width%3D%2246%22%20height%3D%2234%22%20rx%3D%223%22/%3E%0A%3Cpath%20d%3D%22M151%20140%20L185%20140%20M151%20148%20L178%20148%20M151%20156%20L182%20156%22/%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%22205%22%20r%3D%2216%22/%3E%0A%3Cpath%20d%3D%22M52%20205%20L68%20205%20M60%20197%20L60%20213%22/%3E%0A%3Cpath%20d%3D%22M175%20195%20L195%20215%20M195%20195%20L175%20215%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
}

/* ═══════════════════════════════════════════════════════════
   Quiz Experience 2.0 — مسیر مرحله‌ای، تایمر، نشان و کارنامه سرعت
═══════════════════════════════════════════════════════════ */
.bs-quiz {
    --q-soft: color-mix(in srgb, var(--q-accent) 14%, transparent);
    isolation: isolate; min-height: 520px; padding: 28px;
    background-color: var(--q-bg, #0f172a);
    background-image: linear-gradient(145deg, color-mix(in srgb, var(--q-bg) 90%, #000), color-mix(in srgb, var(--q-secondary) 16%, var(--q-bg))), var(--q-bg-image, none);
    background-position: center; background-size: cover;
    border: 1px solid color-mix(in srgb, var(--q-accent) 30%, rgba(255,255,255,.16));
    border-radius: 28px; box-shadow: 0 30px 80px rgba(2,6,23,.22); color: var(--q-text);
}
.bs-quiz::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(2,6,23,.16),rgba(2,6,23,.34)); pointer-events:none; }
.bs-quiz-inner { position:relative; z-index:2; max-width:820px; margin:0 auto; }
.bs-quiz-ambient { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.bs-quiz-ambient i { position:absolute; width:240px; height:240px; border-radius:50%; filter:blur(75px); opacity:.2; background:var(--q-accent); animation:bs-quiz-float 9s ease-in-out infinite; }
.bs-quiz-ambient i:nth-child(1){top:-100px;right:-50px}.bs-quiz-ambient i:nth-child(2){bottom:-110px;left:-40px;background:var(--q-secondary);animation-delay:-3s}.bs-quiz-ambient i:nth-child(3){top:38%;left:42%;width:130px;height:130px;animation-delay:-6s}
@keyframes bs-quiz-float { 50%{ transform:translate3d(25px,-16px,0) scale(1.12); } }
.bs-quiz-head { margin-bottom:22px; color:#fff; }
.bs-quiz-badge { max-width:70%; padding:8px 15px; color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(12px); font-size:12px; }
.bs-quiz-badge span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bs-quiz-badge svg { width:15px; height:15px; color:var(--q-accent); }
.bs-quiz-progress { color:rgba(255,255,255,.72); background:rgba(2,6,23,.2); padding:7px 12px; border-radius:999px; }
.bs-quiz-stage-map { display:flex; align-items:flex-start; overflow-x:auto; scrollbar-width:none; padding:2px 2px 18px; margin-bottom:4px; }
.bs-quiz-stage-map::-webkit-scrollbar{display:none}
.bs-quiz-map-step { position:relative; min-width:95px; flex:1; display:flex; flex-direction:column; align-items:center; gap:7px; color:rgba(255,255,255,.42); text-align:center; }
.bs-quiz-map-step:not(:last-child)::after { content:""; position:absolute; top:17px; right:calc(50% + 20px); width:calc(100% - 40px); height:2px; background:rgba(255,255,255,.13); }
.bs-quiz-map-step span { position:relative; z-index:1; display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); font-size:12px; font-weight:900; transition:.35s ease; }
.bs-quiz-map-step small { max-width:90px; font-size:10px; font-weight:750; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bs-quiz-map-step.is-current { color:#fff; }.bs-quiz-map-step.is-current span { background:var(--q-accent); border-color:rgba(255,255,255,.5); box-shadow:0 0 0 6px color-mix(in srgb,var(--q-accent) 22%,transparent),0 8px 22px color-mix(in srgb,var(--q-accent) 48%,transparent); transform:scale(1.08); }
.bs-quiz-map-step.is-done { color:rgba(255,255,255,.8); }.bs-quiz-map-step.is-done span { background:var(--q-correct); color:#fff; border-color:transparent; }.bs-quiz-map-step.is-done::after{background:linear-gradient(90deg,var(--q-correct),var(--q-accent))}
.bs-quiz-livebar { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#fff; margin:0 2px 12px; opacity:.84; }
.bs-quiz-live-stage { display:flex; flex-direction:column; gap:1px; }.bs-quiz-live-stage small{font-size:9px;color:rgba(255,255,255,.55)}.bs-quiz-live-stage strong{font-size:12px}
.bs-quiz-live-metrics { display:flex; gap:7px; }.bs-quiz-live-metrics>span { display:inline-flex; align-items:center; gap:5px; min-height:32px; padding:6px 10px; border:1px solid rgba(255,255,255,.13); background:rgba(2,6,23,.2); border-radius:10px; font-size:10px; font-weight:800; }
.bs-quiz-live-metrics svg{width:13px;height:13px}.bs-quiz-timer svg{color:#fbbf24}.bs-quiz-speed svg{color:#67e8f9}.bs-quiz-timer.is-danger{background:rgba(239,68,68,.25);border-color:rgba(248,113,113,.5);animation:bs-quiz-pulse .8s infinite}.bs-quiz-timer.is-danger svg{color:#f87171}
@keyframes bs-quiz-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 5px rgba(239,68,68,.08)}}
.bs-quiz-stage { position:relative; min-height:350px; padding:32px; border:1px solid color-mix(in srgb,var(--q-accent) 15%,rgba(255,255,255,.45)); border-radius:22px; background-color:var(--q-card-bg,#fff); background-image:linear-gradient(135deg,color-mix(in srgb,var(--q-card-bg) 94%,transparent),color-mix(in srgb,var(--q-accent) 5%,var(--q-card-bg))),var(--q-question-image,none); background-position:center; background-size:cover; box-shadow:0 18px 50px rgba(2,6,23,.16); overflow:hidden; }
.bs-quiz-stage::before { content:""; position:absolute; inset:0; z-index:0; background:color-mix(in srgb,var(--q-card-bg) 82%,transparent); pointer-events:none; }.bs-quiz-stage>*{position:relative;z-index:1}
.bs-quiz-stage-kicker { display:inline-flex; color:var(--q-accent); background:var(--q-soft); padding:6px 11px; border-radius:999px; font-size:10px; font-weight:900; margin-bottom:12px; }
.bs-quiz-stage-intro,.bs-quiz-stage-result { max-width:600px; margin:0 auto; text-align:center; padding:18px 0; }
.bs-quiz-stage-intro h2,.bs-quiz-stage-result h2,.bs-quiz-final-copy h2 { font-size:clamp(22px,4vw,32px); line-height:1.45; color:var(--q-text); margin:0 0 9px; font-weight:950; }
.bs-quiz-stage-intro>p,.bs-quiz-final-copy p { max-width:520px; margin:0 auto 20px; color:color-mix(in srgb,var(--q-text) 64%,transparent); font-size:13px; line-height:1.9; }
.bs-quiz-stage-rules { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-bottom:20px; }.bs-quiz-stage-rules span { padding:8px 11px; border:1px solid color-mix(in srgb,var(--q-text) 10%,transparent); background:color-mix(in srgb,var(--q-text) 4%,transparent); border-radius:10px; color:color-mix(in srgb,var(--q-text) 75%,transparent); font-size:11px; font-weight:800; }
.bs-quiz-badge-preview,.bs-quiz-earned-badge { position:relative; display:flex; align-items:center; gap:12px; max-width:330px; margin:0 auto 22px; padding:12px 15px; text-align:right; border:1px solid color-mix(in srgb,var(--badge) 35%,transparent); background:color-mix(in srgb,var(--badge) 10%,var(--q-card-bg)); border-radius:15px; box-shadow:0 12px 28px color-mix(in srgb,var(--badge) 10%,transparent); }
.bs-quiz-badge-preview>span,.bs-quiz-earned-badge>span { display:grid; place-items:center; width:45px; height:45px; border-radius:14px; background:color-mix(in srgb,var(--badge) 18%,transparent); font-size:24px; }.bs-quiz-badge-preview div,.bs-quiz-earned-badge div{display:flex;flex-direction:column}.bs-quiz-badge-preview small,.bs-quiz-earned-badge small{font-size:9px;color:color-mix(in srgb,var(--q-text) 55%,transparent)}.bs-quiz-badge-preview strong,.bs-quiz-earned-badge strong{font-size:12px;color:var(--q-text)}
.bs-quiz-earned-badge { animation:bs-quiz-badge-in .7s cubic-bezier(.16,1.4,.4,1) both; }.bs-quiz-earned-badge>i{position:absolute;inset:-1px;border-radius:15px;border:1px solid var(--badge);animation:bs-quiz-badge-ring 1.8s ease-out infinite}
@keyframes bs-quiz-badge-in{from{opacity:0;transform:scale(.5) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes bs-quiz-badge-ring{to{opacity:0;transform:scale(1.12)}}
.bs-quiz-primary { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:12px 24px; border:0; border-radius:14px; color:#fff!important; background:linear-gradient(135deg,var(--q-accent),color-mix(in srgb,var(--q-secondary) 45%,var(--q-accent))); box-shadow:0 12px 28px color-mix(in srgb,var(--q-accent) 30%,transparent); font-family:var(--bs-font); font-size:13px; font-weight:900; cursor:pointer; transition:.2s ease; }.bs-quiz-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px color-mix(in srgb,var(--q-accent) 38%,transparent)}.bs-quiz-primary b{font-size:18px}
.bs-quiz-question-shell { max-width:700px; margin:0 auto; }.bs-quiz-question-meta { display:flex; align-items:center; gap:14px; margin-bottom:20px; color:color-mix(in srgb,var(--q-text) 58%,transparent); font-size:10px; font-weight:850; }.bs-quiz-mini-progress { flex:1; height:4px; border-radius:99px; overflow:hidden; background:color-mix(in srgb,var(--q-text) 8%,transparent); }.bs-quiz-mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--q-accent),var(--q-secondary));transition:.35s ease}
.bs-quiz-question { margin-bottom:22px; font-size:clamp(17px,3vw,22px); line-height:1.9; font-weight:900; letter-spacing:-.01em; }
.bs-quiz-q-image { border-radius:16px; margin-bottom:20px; box-shadow:0 12px 30px rgba(2,6,23,.15); }.bs-quiz-q-image img{max-height:280px}
.bs-quiz-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.bs-quiz-option { position:relative; min-height:58px; padding:12px 13px; gap:11px; border:1px solid color-mix(in srgb,var(--q-text) 11%,transparent); background:color-mix(in srgb,var(--q-text) 3%,transparent); border-radius:14px; font-size:13px; overflow:hidden; }.bs-quiz-option:hover{transform:translateY(-2px);border-color:var(--q-accent);background:var(--q-soft);box-shadow:0 8px 20px color-mix(in srgb,var(--q-accent) 10%,transparent)}
.bs-quiz-letter { width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--q-text) 7%,transparent);color:color-mix(in srgb,var(--q-text) 65%,transparent)}.bs-quiz-option-text{flex:1}.bs-quiz-option>i{width:17px;height:17px;border:2px solid color-mix(in srgb,var(--q-text) 16%,transparent);border-radius:50%}
.bs-quiz-option.correct,.bs-quiz-option.wrong{transform:none}.bs-quiz-option.correct>i{border-color:var(--q-correct);background:var(--q-correct);box-shadow:inset 0 0 0 4px var(--q-card-bg)}.bs-quiz-option.wrong>i{border-color:var(--q-wrong);background:var(--q-wrong)}
.bs-quiz-answer-feedback { display:flex; align-items:center; justify-content:space-between; gap:10px; max-height:0; opacity:0; margin-top:0; padding:0 14px; border-radius:12px; overflow:hidden; transition:.3s ease; font-size:11px; }.bs-quiz-answer-feedback.show{max-height:70px;opacity:1;margin-top:13px;padding:11px 14px}.bs-quiz-answer-feedback.is-correct{color:#047857;background:color-mix(in srgb,var(--q-correct) 12%,transparent)}.bs-quiz-answer-feedback.is-wrong{color:#b91c1c;background:color-mix(in srgb,var(--q-wrong) 12%,transparent)}.bs-quiz-answer-feedback strong{font-size:12px}
.bs-quiz-result-emblem { display:grid;place-items:center;width:74px;height:74px;margin:0 auto 15px;border-radius:24px;background:color-mix(in srgb,var(--q-correct) 14%,transparent);color:var(--q-correct);font-size:34px;font-weight:900;transform:rotate(-4deg);box-shadow:0 12px 30px color-mix(in srgb,var(--q-correct) 16%,transparent)}.bs-quiz-stage-result.is-fail .bs-quiz-result-emblem{color:var(--q-wrong);background:color-mix(in srgb,var(--q-wrong) 12%,transparent)}
.bs-quiz-stage-score{display:flex;flex-direction:column;margin:18px 0}.bs-quiz-stage-score strong{font-size:44px;color:var(--q-accent);line-height:1}.bs-quiz-stage-score span{margin-top:6px;font-size:11px;color:color-mix(in srgb,var(--q-text) 58%,transparent)}
.bs-quiz-result-metrics { display:flex; justify-content:center; gap:9px; margin-bottom:20px; }.bs-quiz-result-metrics>span{min-width:125px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--q-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 8%,transparent);display:flex;flex-direction:column}.bs-quiz-result-metrics b{color:var(--q-text);font-size:13px}.bs-quiz-result-metrics small{font-size:9px;color:color-mix(in srgb,var(--q-text) 48%,transparent)}
.bs-quiz-confetti{position:absolute!important;inset:0!important;overflow:hidden;pointer-events:none;z-index:4!important}.bs-quiz-confetti i{position:absolute;top:-12px;left:50%;width:7px;height:11px;border-radius:2px;background:hsl(calc(var(--i)*39),80%,58%);animation:bs-quiz-confetti 1.5s calc(var(--i)*.035s) cubic-bezier(.2,.7,.3,1) both}@keyframes bs-quiz-confetti{to{transform:translate(var(--x),430px) rotate(720deg);opacity:0}}
.bs-quiz-submit-loading { min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--q-text)}.bs-quiz-submit-loading i{width:40px;height:40px;border:3px solid color-mix(in srgb,var(--q-accent) 20%,transparent);border-top-color:var(--q-accent);border-radius:50%;animation:bs-qc-spin .75s linear infinite}.bs-quiz-submit-loading strong{font-size:12px}
.bs-quiz-final{padding:4px 0}.bs-quiz-final-copy{text-align:center;margin:5px auto 20px}.bs-quiz-final-copy>span{display:inline-block;color:var(--q-accent);font-size:10px;font-weight:900;margin-bottom:6px}.bs-quiz-final-copy p{margin-bottom:0}
.bs-quiz-final-dashboard{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:24px;max-width:630px;margin:0 auto 24px;padding:18px;border-radius:18px;background:color-mix(in srgb,var(--q-text) 3%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 8%,transparent)}.bs-quiz-final-dashboard .bs-quiz-chart{margin:0;width:144px;height:144px}.bs-quiz-final-dashboard .bs-quiz-final-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.bs-quiz-final-dashboard .bs-quiz-stat-box{min-width:0;padding:13px 8px;background:var(--q-card-bg);border-color:color-mix(in srgb,var(--q-text) 8%,transparent)}.bs-quiz-final-dashboard .is-points{border-color:color-mix(in srgb,var(--q-accent) 32%,transparent)}.bs-quiz-final-dashboard .is-points .bs-quiz-stat-num{color:var(--q-accent)}
.bs-quiz-donut-track{stroke:color-mix(in srgb,var(--q-text) 8%,transparent)}.bs-quiz-donut-fill{stroke:var(--q-accent);filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--q-accent) 35%,transparent))}.bs-quiz-score-num{color:var(--q-text)}
.bs-quiz-final-badges,.bs-quiz-final-stages{max-width:630px;margin:0 auto 20px;text-align:right}.bs-quiz-final-badges h3,.bs-quiz-final-stages h3{font-size:12px;color:var(--q-text);margin-bottom:10px}.bs-quiz-final-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 7px 7px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--badge) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--badge) 9%,transparent);color:var(--q-text);font-size:11px;font-weight:850;animation:bs-quiz-badge-in .7s both}.bs-quiz-final-badge i{font-style:normal;font-size:18px}
.bs-quiz-final-stage{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:7px;border-radius:12px;background:color-mix(in srgb,var(--q-text) 3%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 7%,transparent)}.bs-quiz-final-stage>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:var(--q-accent);font-size:11px;font-weight:900}.bs-quiz-final-stage>div{display:flex;flex-direction:column}.bs-quiz-final-stage strong{font-size:11px;color:var(--q-text)}.bs-quiz-final-stage small{font-size:9px;color:color-mix(in srgb,var(--q-text) 50%,transparent)}.bs-quiz-final-stage>b{font-size:12px;color:var(--q-correct)}.bs-quiz-final-stage>em{font-size:9px;font-style:normal;color:color-mix(in srgb,var(--q-text) 54%,transparent);background:color-mix(in srgb,var(--q-text) 4%,transparent);padding:5px 8px;border-radius:8px}
.bs-quiz-final-actions{text-align:center;margin-top:18px}.bs-quiz-already{background:var(--q-soft);color:var(--q-accent)}
.bs-quiz-leaders-slot{max-width:630px;margin:18px auto 0}.bs-quiz-leaders{color:var(--q-text,var(--bs-text));background:var(--q-card-bg,var(--bs-card));border-color:color-mix(in srgb,var(--q-text,var(--bs-text)) 10%,transparent)}.bs-quiz-leaders-tabs{background:color-mix(in srgb,var(--q-text,var(--bs-text)) 5%,transparent)}.bs-quiz-leaders .bs-ql-tab{color:color-mix(in srgb,var(--q-text,var(--bs-text)) 58%,transparent)}.bs-quiz-leaders .bs-ql-tab.active{color:var(--q-text,var(--bs-text));background:color-mix(in srgb,var(--q-text,var(--bs-text)) 8%,transparent)}.bs-quiz-leaders .bs-ql-row{border-bottom-color:color-mix(in srgb,var(--q-text,var(--bs-text)) 9%,transparent)}.bs-quiz-leaders .bs-ql-name{min-width:0;color:var(--q-text,var(--bs-text))}.bs-quiz-leaders .bs-ql-score small{display:block;font-size:8px;opacity:.6}

/* صیقل حرفه‌ای هاب، کارت‌ها و رقابت آنلاین */
.bs-qh-wrap{max-width:1120px;padding-top:42px}.bs-qh-topbar{background:color-mix(in srgb,var(--bs-bg) 82%,transparent);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(2,6,23,.05)}
.bs-qh-hero,.bs-ql2-hero{padding:52px 24px 44px;border-radius:28px;background:radial-gradient(circle at 12% 20%,rgba(124,58,237,.26),transparent 34%),radial-gradient(circle at 86% 70%,rgba(14,165,233,.24),transparent 38%),linear-gradient(145deg,#0f172a,#172554);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px rgba(15,23,42,.2)}
.bs-qh-hero::after,.bs-ql2-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}.bs-qh-hero-icon{position:relative;z-index:1;width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);color:#c4b5fd;box-shadow:0 14px 35px rgba(2,6,23,.22)}.bs-qh-hero-icon svg{width:31px;height:31px}.bs-qh-hero h1,.bs-ql2-hero h1{position:relative;z-index:1;color:#fff;font-size:clamp(25px,4vw,36px)}.bs-qh-hero p,.bs-ql2-hero p{position:relative;z-index:1;color:#cbd5e1;font-size:14px}.bs-qh-league-btn{position:relative;z-index:1;background:#fff;color:#0f172a;padding:13px 24px;box-shadow:0 12px 30px rgba(2,6,23,.25)}
.bs-qh-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}.bs-qh-card{border-radius:22px;box-shadow:0 12px 35px rgba(15,23,42,.06);border-color:color-mix(in srgb,var(--bs-border) 76%,transparent)}.bs-qh-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(15,23,42,.13)}.bs-qh-card-cover{height:165px;overflow:hidden}.bs-qh-card-cover img{transition:transform .6s ease}.bs-qh-card:hover .bs-qh-card-cover img{transform:scale(1.06)}.bs-qh-card-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}.bs-qh-card-body{padding:19px}.bs-qh-card-body h3{font-size:16px}.bs-qh-card-diff{top:13px;left:13px;padding:6px 12px;box-shadow:0 6px 16px rgba(2,6,23,.18)}
.bs-qh-single-head{padding:0 4px}.bs-qh-single-head h1{font-size:24px}.bs-qc-panel{position:relative;overflow:hidden;padding:24px;border-radius:24px;border-color:color-mix(in srgb,var(--bs-primary) 18%,var(--bs-border));box-shadow:0 16px 45px rgba(15,23,42,.07)}.bs-qc-panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#7c3aed,#0ea5e9,#10b981)}.bs-qc-head-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 10px 25px rgba(124,58,237,.25)}.bs-qc-head h3{font-size:17px}.bs-qc-challenge-btn{min-height:42px;padding:10px 18px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 8px 20px rgba(79,70,229,.2)}.bs-qc-challenge-btn.is-outline{background:var(--bs-bg-secondary);border-color:var(--bs-border)}.bs-qc-row{padding:13px 14px;border:1px solid transparent;transition:.2s}.bs-qc-row:hover{border-color:color-mix(in srgb,var(--bs-primary) 20%,var(--bs-border));transform:translateX(-3px)}.bs-qc-row img{width:40px;height:40px;border:2px solid var(--bs-card);box-shadow:0 0 0 1px var(--bs-border)}.bs-qc-waiting{background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 8%,var(--bs-bg-secondary)),var(--bs-bg-secondary));border-color:color-mix(in srgb,#7c3aed 32%,var(--bs-border))}.bs-qc-waiting-spinner{width:30px;height:30px;border-width:3px;border-top-color:#7c3aed}.bs-qc-matched-inner{padding:16px;border-color:color-mix(in srgb,#10b981 30%,var(--bs-border));background:color-mix(in srgb,#10b981 8%,var(--bs-bg-secondary))}.bs-qc-modal-overlay{backdrop-filter:blur(8px)}.bs-qc-modal{max-width:460px;border-radius:24px;border:1px solid rgba(255,255,255,.12)}.bs-qc-modal-head{padding:20px}.bs-qc-modal-body{padding:20px}.bs-qc-user-row{padding:11px 12px;border:1px solid transparent}.bs-qc-user-row:hover{border-color:var(--bs-border);transform:translateX(-2px)}

/* بنر مناسبتی/جشنواره صفحه کوییزها (قابل مدیریت از تنظیمات) — موبایل-اول برای پایداری در هر عرضی */
.bs-qz-occasion-banner {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; overflow: hidden;
    margin-bottom: 20px; padding: 18px 20px; border-radius: 22px; text-decoration: none;
    background: linear-gradient(120deg, var(--from, #7c3aed), var(--to, #4f46e5));
    box-shadow: 0 20px 45px color-mix(in srgb, var(--from, #7c3aed) 30%, transparent);
}
.bs-qz-occasion-banner::before {
    content: ""; position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.16) 1.5px, transparent 1.5px);
    background-size: 20px 20px; opacity: .5; pointer-events: none;
}
.bs-qz-occasion-banner-img { position: relative; z-index: 1; width: 100%; max-width: 100%; height: 100px; border-radius: 14px; object-fit: cover; box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.bs-qz-occasion-banner-body { position: relative; z-index: 1; width: 100%; min-width: 0; }
.bs-qz-occasion-badge { display: inline-block; margin-bottom: 6px; padding: 4px 11px; border-radius: 999px; background: rgba(255,255,255,.2); color: #fff; font-size: 10px; font-weight: 800; }
.bs-qz-occasion-banner-body h2 { margin: 0 0 4px; font-size: 16px; font-weight: 900; color: #fff; }
.bs-qz-occasion-banner-body p { margin: 0; font-size: 11.5px; color: rgba(255,255,255,.85); line-height: 1.7; }
.bs-qz-occasion-btn { position: relative; z-index: 1; display: flex; width: 100%; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px; border-radius: 12px; background: #fff; color: #1f2937; font-size: 11.5px; font-weight: 800; white-space: nowrap; }
.bs-qz-occasion-btn svg { width: 13px; height: 13px; }
@media (min-width: 560px) {
    .bs-qz-occasion-banner { flex-direction: row; align-items: center; gap: 18px; padding: 22px 26px; }
    .bs-qz-occasion-banner-img { flex: 0 0 64px; width: 64px; height: 64px; }
    .bs-qz-occasion-banner-body { flex: 1; width: auto; }
    .bs-qz-occasion-btn { width: auto; }
}

/* نوار پروفایل/امتیاز کاربر بالای صفحه کوییزها */
.bs-qz-profile-strip {
    display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 12px 16px;
    border: 1px solid var(--bs-border); border-radius: 18px; background: var(--bs-card); text-decoration: none;
    box-shadow: 0 8px 22px rgba(15,23,42,.04);
}
.bs-qz-profile-avatar { flex: 0 0 auto; line-height: 0; }
.bs-qz-profile-avatar-guest { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--bs-bg-secondary); color: var(--bs-text-light); }
.bs-qz-profile-avatar-guest svg { width: 20px; height: 20px; }
.bs-qz-profile-info { flex: 1; min-width: 0; }
.bs-qz-profile-info strong { display: block; font-size: 13px; font-weight: 900; color: var(--bs-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bs-qz-profile-info small { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 10.5px; font-weight: 700; color: var(--tier-color, var(--bs-text-light)); }
.bs-qz-profile-info small svg { width: 12px; height: 12px; }
.bs-qz-profile-wheel { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; padding: 9px 13px; border-radius: 12px; background: linear-gradient(135deg,#f59e0b,#f97316); color: #fff; font-size: 11px; font-weight: 800; white-space: nowrap; text-decoration: none; }
.bs-qz-profile-wheel svg { width: 12px; height: 12px; }
.bs-qz-profile-strip.is-guest:hover { border-color: color-mix(in srgb, var(--bs-primary) 30%, var(--bs-border)); }

/* مرکز بازی: کارت‌های رنگی حالت‌ها + دکمه شروع بزرگ */
.bs-qz-hub { margin-bottom: 24px; }
.bs-qz-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }
.bs-qz-hub-card {
    position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px;
    padding: 22px 14px; border-radius: 20px; text-decoration: none; color: #fff; min-height: 118px;
    box-shadow: 0 14px 30px rgba(15,23,42,.12); transition: var(--bs-transition);
}
.bs-qz-hub-card:hover { transform: translateY(-3px); }
.bs-qz-hub-card.is-blue { background: linear-gradient(145deg,#0ea5e9,#2563eb); }
.bs-qz-hub-card.is-purple { background: linear-gradient(145deg,#a855f7,#7c3aed); }
.bs-qz-hub-card.is-gold { background: linear-gradient(145deg,#fbbf24,#f59e0b); }
.bs-qz-hub-card.is-green { background: linear-gradient(145deg,#34d399,#10b981); }
.bs-qz-hub-icon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 2px; border-radius: 12px; background: rgba(255,255,255,.22); }
.bs-qz-hub-icon svg { width: 19px; height: 19px; }
.bs-qz-hub-card strong { font-size: 13.5px; font-weight: 900; }
.bs-qz-hub-card small { font-size: 10.5px; font-weight: 700; opacity: .9; }
.bs-qz-hub-start {
    display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 16px; border-radius: 18px;
    background: linear-gradient(135deg,#22c55e,#16a34a); color: #fff; font-size: 15px; font-weight: 900; text-decoration: none;
    box-shadow: 0 16px 34px rgba(22,163,74,.28); transition: var(--bs-transition);
}
.bs-qz-hub-start:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(22,163,74,.34); }
.bs-qz-hub-start svg { width: 17px; height: 17px; }

@media(max-width:720px){
    .bs-quiz{padding:18px 12px;border-radius:22px;margin:16px 0}.bs-quiz-stage{padding:22px 16px;border-radius:18px;min-height:390px}.bs-quiz-map-step{min-width:76px}.bs-quiz-map-step small{max-width:70px}.bs-quiz-options{grid-template-columns:1fr}.bs-quiz-option{min-height:55px}.bs-quiz-livebar{align-items:flex-end}.bs-quiz-live-metrics>span{padding:6px 8px}.bs-quiz-timer small{display:none}.bs-quiz-final-dashboard{grid-template-columns:1fr;padding:14px}.bs-quiz-final-dashboard .bs-quiz-chart{margin:0 auto}.bs-quiz-final-dashboard .bs-quiz-final-stats{grid-template-columns:repeat(3,1fr);width:100%}.bs-quiz-final-stage{grid-template-columns:32px 1fr auto}.bs-quiz-final-stage>em{display:none}.bs-quiz-answer-feedback{align-items:flex-start;flex-direction:column}.bs-qh-wrap{padding:24px 13px 60px}.bs-qh-grid{grid-template-columns:1fr}.bs-qh-hero,.bs-ql2-hero{padding:40px 17px 34px}.bs-qc-panel{padding:19px 14px}.bs-qc-head-btns{width:100%}.bs-qc-head-btns .bs-qc-challenge-btn{flex:1}.bs-qc-row-status{font-size:10px}.bs-qc-row{align-items:flex-start;flex-wrap:wrap}.bs-qc-row-name{min-width:calc(100% - 55px)}.bs-qc-row-status{margin-right:50px}
}
@media(prefers-reduced-motion:reduce){.bs-quiz *,.bs-qh-card,.bs-quiz-ambient i{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.bs-qh-topbar {
    position: sticky; top: 0; z-index: 40;
    display: flex; align-items: center; gap: 12px;
    padding: 14px 18px;
    background: var(--bs-bg);
    border-bottom: 1px solid var(--bs-border);
}
.bs-qh-topbar a.bs-qh-topbar-back {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0;
    color: var(--bs-text); background: var(--bs-bg-secondary);
}
.bs-qh-topbar a.bs-qh-topbar-back svg { width: 17px; height: 17px; }
.bs-qh-topbar h1 { font-size: 14.5px; font-weight: 900; color: var(--bs-text); flex: 1; }

/* آخرین overrideهای هاب کوییز */
.bs-qh-topbar { background:color-mix(in srgb,var(--bs-bg) 82%,transparent); backdrop-filter:blur(18px); box-shadow:0 8px 30px rgba(2,6,23,.05); }
.bs-qh-card-stage-tag { position:absolute; top:13px; right:13px; z-index:2; display:inline-flex; align-items:center; gap:5px; padding:6px 10px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(15,23,42,.42); backdrop-filter:blur(8px); color:#fff; font-size:10px; font-weight:850; }
.bs-qh-card-stage-tag svg{width:12px;height:12px}.bs-qh-card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--bs-border);color:var(--bs-primary);font-size:11px;font-weight:900}.bs-qh-card-cta svg{width:14px;height:14px;transition:.2s}.bs-qh-card:hover .bs-qh-card-cta svg{transform:translateX(-4px)}
.bs-qh-single-eyebrow{display:block;margin-bottom:5px;color:var(--bs-primary);font-size:10px;font-weight:900;letter-spacing:.08em}.bs-qh-single-meta{display:flex;flex-wrap:wrap;gap:7px}.bs-qc-kicker{display:block;margin-bottom:3px;color:#7c3aed;font-size:8px;font-weight:950;letter-spacing:.18em}.bs-qc-head-btns .bs-qc-challenge-btn{border-radius:16px;text-align:right}.bs-qc-head-btns .bs-qc-challenge-btn>span{display:flex;flex-direction:column;line-height:1.35}.bs-qc-head-btns .bs-qc-challenge-btn small{font-size:8px;font-weight:650;opacity:.7}.bs-qc-head-btns .bs-qc-challenge-btn svg{width:18px;height:18px}.bs-qc-share-box{display:flex;align-items:center;gap:11px;padding:13px;margin-bottom:14px;border:1px solid color-mix(in srgb,#7c3aed 24%,var(--bs-border));border-radius:15px;background:color-mix(in srgb,#7c3aed 7%,var(--bs-bg-secondary))}.bs-qc-share-box>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#7c3aed;color:#fff}.bs-qc-share-box>span svg{width:16px;height:16px}.bs-qc-share-box>div{flex:1;display:flex;flex-direction:column}.bs-qc-share-box strong{font-size:11px;color:var(--bs-text)}.bs-qc-share-box small{font-size:9px;color:var(--bs-text-light)}.bs-qc-share-box button{padding:7px 10px;border-radius:9px;background:#7c3aed;color:#fff;font-size:10px;font-weight:850}.bs-qc-modal-divider{display:flex;align-items:center;gap:8px;margin:4px 0 14px;color:var(--bs-text-light);font-size:9px}.bs-qc-modal-divider::before,.bs-qc-modal-divider::after{content:"";flex:1;height:1px;background:var(--bs-border)}.bs-qc-versus-score{display:flex;align-items:center;gap:12px;min-width:220px}.bs-qc-versus-score>span{display:flex;flex-direction:column;align-items:center}.bs-qc-versus-score b{font-size:18px;color:var(--bs-text)}.bs-qc-versus-score small{font-size:8px;color:var(--bs-text-light)}.bs-qc-versus-score>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#7c3aed;color:#fff;font-size:8px;font-style:normal;font-weight:900}.bs-qc-matched-inner{flex-wrap:wrap}.bs-qc-matched-inner>img{margin-right:auto}
@media(max-width:720px){.bs-qh-single-head{align-items:flex-start;flex-direction:column}.bs-qc-share-box{align-items:flex-start}.bs-qc-versus-score{order:2;width:100%;justify-content:center}.bs-qc-matched-inner>img{margin-right:0}.bs-qc-head-btns .bs-qc-challenge-btn{justify-content:flex-start}}

/* ═══ Quiz Journey 2.2 — هر کوییز یک مرحله از مسیر کلی ═══ */
.bs-qh-journey-progress {
    position: relative; z-index: 1; width: min(390px, 100%); margin: 4px auto 18px;
    display: flex; flex-direction: column; gap: 7px; color: #e2e8f0; font-size: 10px; font-weight: 750;
}
.bs-qh-journey-progress span b { color: #fff; font-size: 13px; }
.bs-qh-journey-progress > i { display: block; height: 6px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.13); }
.bs-qh-journey-progress > i > b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#22c55e,#38bdf8); box-shadow: 0 0 18px rgba(56,189,248,.45); }
.bs-qh-card { position: relative; }
.bs-qh-card-state { position: absolute; z-index: 3; right: 14px; bottom: 13px; display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 999px; color: #fff; background: rgba(15,23,42,.72); backdrop-filter: blur(10px); font-size: 9px; font-weight: 900; }
.bs-qh-card-state svg { width: 11px; height: 11px; }
.bs-qh-card-state.is-done { background: rgba(5,150,105,.88); }
.bs-qh-card.is-completed { border-color: color-mix(in srgb,#10b981 38%,var(--bs-border)); }
.bs-qh-card.is-locked { filter: saturate(.55); }
.bs-qh-card.is-locked .bs-qh-card-cover::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(15,23,42,.24),rgba(15,23,42,.66)); }
.bs-qh-card.is-locked:hover { transform: translateY(-2px); }
.bs-qh-card.is-locked .bs-qh-card-cta { color: var(--bs-text-light); }
.bs-quiz-map-step.is-locked { opacity: .48; }
.bs-quiz-map-step.is-locked span { background: rgba(2,6,23,.28); border-style: dashed; }
.bs-quiz-map-step.is-available { color: rgba(255,255,255,.58); }
.bs-quiz-journey-locked { max-width: 620px; margin: 48px auto; padding: 38px 24px; text-align: center; border: 1px solid var(--bs-border); border-radius: 24px; background: var(--bs-card); box-shadow: 0 24px 70px rgba(15,23,42,.12); }
.bs-quiz-journey-locked > span { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 17px; border-radius: 20px; color: #f59e0b; background: color-mix(in srgb,#f59e0b 12%,var(--bs-bg-secondary)); }
.bs-quiz-journey-locked svg { width: 28px; height: 28px; }
.bs-quiz-journey-locked h3 { margin: 0 0 8px; color: var(--bs-text); font-size: 21px; }
.bs-quiz-journey-locked p { margin: 0 0 20px; color: var(--bs-text-muted); font-size: 12px; line-height: 1.9; }
.bs-quiz-journey-locked a,.bs-quiz-secondary-action { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px; border: 1px solid var(--bs-border); border-radius: 12px; color: var(--bs-text); background: var(--bs-bg-secondary); font-size: 11px; font-weight: 850; }
.bs-quiz-final-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 9px; }

/* همگام‌سازی کامل کارت کوییز با دارک‌مود، حتی اگر رنگ روشن در تنظیمات ذخیره شده باشد */
html[data-theme="dark"] .bs-quiz {
    --q-bg: #07111f !important;
    --q-card-bg: #101a2b !important;
    --q-text: #f1f5f9 !important;
    color-scheme: dark;
    border-color: color-mix(in srgb,var(--q-accent) 35%,#334155);
}
html[data-theme="dark"] .bs-quiz-stage {
    background-color: #101a2b !important;
    border-color: color-mix(in srgb,var(--q-accent) 24%,#334155);
    box-shadow: 0 22px 55px rgba(0,0,0,.35);
}
html[data-theme="dark"] .bs-quiz-stage::before { background: rgba(16,26,43,.86) !important; }
html[data-theme="dark"] .bs-quiz-final-dashboard,
html[data-theme="dark"] .bs-quiz-final-stage,
html[data-theme="dark"] .bs-quiz-result-metrics > span,
html[data-theme="dark"] .bs-quiz-stage-rules span { background: rgba(255,255,255,.035); border-color: #2b3a50; }
html[data-theme="dark"] .bs-quiz-final-dashboard .bs-quiz-stat-box { background: #142136 !important; border-color: #2b3a50; box-shadow: none; }
html[data-theme="dark"] .bs-quiz-option { background: rgba(255,255,255,.035); border-color: #314158; color: #f1f5f9; }
html[data-theme="dark"] .bs-quiz-option:hover { background: color-mix(in srgb,var(--q-accent) 15%,#101a2b); }
html[data-theme="dark"] .bs-quiz-letter { background: rgba(255,255,255,.08); color: #cbd5e1; }
html[data-theme="dark"] .bs-quiz-answer-feedback.is-correct { color: #6ee7b7; background: rgba(16,185,129,.13); }
html[data-theme="dark"] .bs-quiz-answer-feedback.is-wrong { color: #fca5a5; background: rgba(239,68,68,.13); }
html[data-theme="dark"] .bs-quiz-donut-track { stroke: #26364c; }
html[data-theme="dark"] .bs-quiz-secondary-action { color: #e2e8f0; background: #142136; border-color: #2b3a50; }

/* باستان‌نگار: تجربه متمرکز بدون هدر و فوتر، با حفظ منوی کاربردی موبایل */
body.bs-bastannegar-page .bs-header,
body.bs-bastannegar-page .bs-footer,
body.bs-bastannegar-page .bs-nav,
body.bs-bastannegar-page .bs-top-notify,
body.bs-bastannegar-page .bs-top-ad,
body.bs-bastannegar-page .bs-header-promo-mobile,
body.bs-bastannegar-page .bs-back-top { display: none !important; }
body.bs-bastannegar-page { background: var(--bs-bg); }
body.bs-bastannegar-page .bs-page { padding-top: 0; }

/* منوی چسبان پایین — تنظیمات ریز فاصله‌گذاری موبایل */
@media (max-width: 768px) {
    body { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
    body.bs-bastannegar-page { padding-top: 0 !important; }
    .bs-back-top { bottom: calc(112px + env(safe-area-inset-bottom)); }
    body.bs-quiz-page .bs-qh-wrap.bs-qh-single { width: 100%; padding: 16px 8px 54px; }
    body.bs-quiz-page .bs-qh-single .bs-quiz { width: 100%; margin: 10px 0; padding: 14px 9px; border-radius: 20px; }
    body.bs-quiz-page .bs-qh-single .bs-quiz-stage { padding: 22px 14px; }
    .bs-quiz-final-dashboard .bs-quiz-final-stats { gap: 7px; }
    .bs-quiz-final-dashboard .bs-quiz-stat-box { padding: 12px 5px; border-radius: 12px; }
    .bs-quiz-stat-num { font-size: 17px; }
}

/* ═══════════════════════════════════════════════════════════
   نسخه ۲.۳ — تجربه فشرده کوییز، AI پژوهشی و رابط حرفه‌ای
═══════════════════════════════════════════════════════════ */

/* کوییز فشرده: هر صفحه سؤال بدون ارتفاع و اسکرول غیرضروری */
.bs-qh-wrap.bs-qh-single { max-width: 940px; padding-top: 22px; }
.bs-qh-single-head { margin-bottom: 12px; }
.bs-qh-single-head h1 { margin: 2px 0 0; font-size: 20px; }
.bs-qh-single-count { padding: 6px 9px; font-size: 9.5px; }
.bs-quiz { min-height: 0; padding: 19px; border-radius: 23px; }
.bs-quiz-head { margin-bottom: 13px; }
.bs-quiz-stage-map { padding-bottom: 11px; margin-bottom: 0; }
.bs-quiz-map-step { min-width: 72px; gap: 4px; }
.bs-quiz-map-step span { width: 30px; height: 30px; }
.bs-quiz-map-step:not(:last-child)::after { top: 14px; }
.bs-quiz-livebar { margin-bottom: 8px; }
.bs-quiz-stage { min-height: 275px; padding: 23px; border-radius: 18px; }
.bs-quiz-stage-intro,.bs-quiz-stage-result { padding: 8px 0; }
.bs-quiz-stage-intro h2,.bs-quiz-stage-result h2,.bs-quiz-final-copy h2 { font-size: clamp(20px,3vw,27px); }
.bs-quiz-stage-intro > p { margin-bottom: 13px; line-height: 1.7; }
.bs-quiz-stage-rules { margin-bottom: 14px; }
.bs-quiz-question-meta { margin-bottom: 13px; }
.bs-quiz-question { margin-bottom: 15px; font-size: clamp(15px,2.5vw,19px); line-height: 1.75; }
.bs-quiz-q-image { margin: 0 auto 13px; max-width: 520px; }
.bs-quiz-q-image img { max-height: 190px; }
.bs-quiz-options { gap: 8px; }
.bs-quiz-option { min-height: 49px; padding: 9px 11px; border-radius: 12px; font-size: 12px; }
.bs-quiz-letter { width: 28px; height: 28px; border-radius: 8px; }
.bs-quiz-result-metrics { margin-bottom: 14px; }
.bs-quiz-stage-score { margin: 12px 0; }
.bs-quiz-stage-score strong { font-size: 38px; }
.bs-qh-card-cover { height: 138px; }
.bs-qh-card-body { padding: 15px 17px; }
.bs-qh-card-meta { margin-top: 8px; }
.bs-qh-card-cta { margin-top: 11px; padding-top: 10px; }

/* تبلیغ اختصاصی صفحه سؤال */
.bs-quiz-question-ad { position: relative; max-width: 720px; min-height: 52px; margin: 0 auto 8px; padding: 4px 7px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(2,6,23,.23); overflow: hidden; }
.bs-quiz-question-ad[hidden] { display: none !important; }
.bs-quiz-question-ad-label { position: absolute; z-index: 3; top: 5px; left: 6px; padding: 2px 6px; border-radius: 6px; color: rgba(255,255,255,.72); background: rgba(2,6,23,.55); font-size: 7px; font-weight: 800; }
.bs-quiz-question-ad-content,.bs-quiz-question-ad-content .bs-ad-wrapper { width: 100%; text-align: center; }
.bs-quiz-question-ad-content .bs-ad-slot { min-height: 0; border: 0; background: transparent; }
.bs-quiz-question-ad-content img { display: block; width: 100%; max-height: 62px; margin: auto; object-fit: contain; border-radius: 9px; }
.bs-quiz-question-ad-content iframe { display: block; max-width: 100%; max-height: 72px; margin: auto; }

/* تنظیمات صفحه کوییز موبایل (بی‌ربط به منوی چسبان) */
@media (max-width:768px) {
    .bs-qh-topbar { min-height: 48px; padding: 8px 13px; }
    body.bs-quiz-page .bs-qh-wrap.bs-qh-single { padding: 9px 7px 26px; }
    .bs-qh-single-head { gap: 7px; margin-bottom: 7px; padding: 0 3px; }
    .bs-qh-single-head h1 { font-size: 16px; }
    .bs-qh-single-eyebrow { display:none; }
    .bs-qh-single-meta { gap: 4px; }
    .bs-qh-single-count { padding: 4px 7px; font-size: 8px; }
    body.bs-quiz-page .bs-qh-single .bs-quiz { margin: 5px 0; padding: 10px 8px; border-radius: 16px; }
    .bs-quiz-head { margin-bottom: 8px; }
    .bs-quiz-badge { padding: 6px 9px; font-size: 9px; }
    .bs-quiz-progress { padding: 5px 8px; font-size: 9px; }
    .bs-quiz-stage-map { padding-bottom: 7px; }
    .bs-quiz-map-step { min-width: 61px; }
    .bs-quiz-map-step span { width: 27px; height: 27px; font-size: 9px; }
    .bs-quiz-map-step:not(:last-child)::after { top: 13px; }
    .bs-quiz-map-step small { font-size: 8px; }
    .bs-quiz-livebar { min-height: 30px; margin-bottom: 5px; }
    .bs-quiz-live-stage small { display:none; }
    .bs-quiz-live-metrics > span { min-height: 27px; padding: 4px 6px; font-size: 8px; }
    body.bs-quiz-page .bs-qh-single .bs-quiz-stage { min-height: 260px; padding: 15px 12px; border-radius: 14px; }
    .bs-quiz-question-meta { margin-bottom: 10px; }
    .bs-quiz-question { margin-bottom: 11px; font-size: 14px; line-height: 1.65; }
    .bs-quiz-q-image { margin-bottom: 10px; }
    .bs-quiz-q-image img { max-height: 145px; }
    .bs-quiz-options { gap: 6px; }
    .bs-quiz-option { min-height: 44px; padding: 7px 9px; font-size: 11px; }
    .bs-quiz-question-ad { min-height: 44px; margin-bottom: 5px; padding: 3px 5px; border-radius: 10px; }
    .bs-quiz-question-ad-content img { max-height: 51px; }
    .bs-quiz-stage-intro,.bs-quiz-stage-result { padding: 2px 0; }
    .bs-quiz-stage-intro h2,.bs-quiz-stage-result h2,.bs-quiz-final-copy h2 { font-size: 19px; }
    .bs-quiz-stage-rules span { padding: 6px 7px; font-size: 9px; }
    .bs-quiz-final-copy { margin:0 auto 10px; }
    .bs-quiz-final-dashboard { gap:9px; margin-bottom:12px; padding:9px; }
    .bs-quiz-final-dashboard .bs-quiz-chart { width:108px; height:108px; }
    .bs-quiz-final-dashboard .bs-quiz-stat-box { min-height:62px; padding:8px 4px; }
    .bs-quiz-final-dashboard .bs-quiz-stat-num { font-size:15px; }
    .bs-quiz-final-dashboard .bs-quiz-stat-label { font-size:8px; }
    .bs-quiz-final-stages,.bs-quiz-final-badges { margin-bottom:10px; }
    .bs-quiz-final-actions { margin-top:10px; }
    .bs-qh-hero,.bs-ql2-hero { padding:26px 14px 23px; border-radius:20px; }
    .bs-qh-hero-icon { width:52px; height:52px; border-radius:16px; }
    .bs-qh-hero h1,.bs-ql2-hero h1 { font-size:22px; }
    .bs-qh-card-cover { height:118px; }
}

/* ابزارهای هوش مصنوعی: فرم پژوهشی و خروجی خواناتر */
.bs-ait-form-lead { display:flex; align-items:center; gap:10px; margin-bottom:16px; padding:11px 12px; border:1px solid rgba(99,102,241,.26); border-radius:13px; background:linear-gradient(135deg,rgba(99,102,241,.11),rgba(14,165,233,.05)); }
.bs-ait-form-lead > span { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:10px; color:#c4b5fd; background:rgba(99,102,241,.18); }
.bs-ait-form-lead svg { width:17px; height:17px; }
.bs-ait-form-lead div { display:flex; flex-direction:column; gap:2px; }
.bs-ait-form-lead strong { color:#fff; font-size:11px; }
.bs-ait-form-lead small { color:#94a3b8; font-size:9px; line-height:1.65; }
.bs-ait-form-grid { display:grid; grid-template-columns:150px 1fr; gap:11px; align-items:start; }
.bs-ait-select { width:100%; min-height:43px; padding:9px 11px; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#e2e8f0; background:#111827; font-family:inherit; font-size:11px; }
.bs-ait-context { min-height:68px; margin-bottom:12px; }
.bs-ait-method-note { margin:10px 2px 0; color:#64748b; font-size:8.5px; line-height:1.75; text-align:center; }
.bs-ait-result-head { justify-content:space-between; background:linear-gradient(90deg,rgba(99,102,241,.08),transparent); }
.bs-ait-result-copy { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border:1px solid rgba(255,255,255,.1); border-radius:9px; color:#cbd5e1; background:rgba(255,255,255,.05); font:700 9px var(--bs-font); cursor:pointer; }
.bs-ait-result-copy svg { width:12px; height:12px; }
.bs-ait-analysis-block { margin-top:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:rgba(2,6,23,.22); }
.bs-ait-analysis-block h4 { margin:0 0 8px; color:#f8fafc; font-size:11px; }
.bs-ait-analysis-block ul,.bs-ait-analysis-block ol { margin:0; padding-right:17px; color:#cbd5e1; font-size:10px; line-height:1.95; }
.bs-ait-analysis-block.is-evidence { border-color:rgba(16,185,129,.24); background:rgba(16,185,129,.055); }
.bs-ait-analysis-block.is-warning { border-color:rgba(245,158,11,.25); background:rgba(245,158,11,.055); }
.bs-ait-analysis-block.is-next { border-color:rgba(56,189,248,.24); background:rgba(56,189,248,.05); }
.bs-ait-analysis-block.is-compare { border-color:rgba(167,139,250,.28); background:rgba(124,58,237,.06); }
@media(max-width:640px){
    .bs-ait-wrap { padding:0 10px 30px; }
    .bs-ait-topbar { position:sticky; top:0; z-index:20; margin:0 -2px 5px; padding:10px 2px; background:rgba(10,14,26,.62); backdrop-filter:blur(20px); }
    .bs-ait-hero { padding:19px 4px 22px; }
    .bs-ait-hero h1 { font-size:24px; }
    .bs-ait-hero p { font-size:11px; line-height:1.75; }
    .bs-ait-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .bs-ait-guest { margin-top:22px; padding:24px 18px; }
    .bs-ait-card { min-height:158px; padding:16px 13px; border-radius:15px; }
    .bs-ait-card-icon { width:40px; height:40px; border-radius:12px; }
    .bs-ait-card-title { font-size:12px; }
    .bs-ait-card-desc { font-size:9px; line-height:1.65; }
    .bs-ait-card-arrow { bottom:12px; left:12px; }
    .bs-ait-tool-back { margin-bottom:11px; }
    .bs-ait-tool-header { gap:10px; margin-bottom:13px; }
    .bs-ait-tool-icon { width:43px; height:43px; border-radius:13px; }
    .bs-ait-tool-header h2 { font-size:17px; }
    .bs-ait-tool-header p { font-size:10px; }
    .bs-ait-panel { padding:13px; border-radius:15px; }
    .bs-ait-form-grid { grid-template-columns:1fr; gap:0; }
    .bs-ait-textarea { font-size:12px; margin-bottom:11px; }
    .bs-ait-upload { padding:13px; margin-bottom:12px; }
    .bs-ait-result-body { padding:14px; }
}

/* هم‌اکنون دیگران می‌خوانند — حضور واقعی AJAX */
.bs-now-reading { overflow:hidden; border-color:color-mix(in srgb,#ef4444 22%,var(--bs-border)); box-shadow:0 12px 34px rgba(15,23,42,.055); }
.bs-article-content > .bs-now-reading { width:100%; margin:18px 0 0; box-sizing:border-box; }
.bs-now-reading .bs-widget-head { background:linear-gradient(90deg,color-mix(in srgb,#ef4444 7%,var(--bs-bg-secondary)),var(--bs-bg-secondary)); }
.bs-now-reading .bs-widget-title { display:flex; align-items:center; gap:7px; }
.bs-now-reading-live { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#ef4444; box-shadow:0 0 0 0 rgba(239,68,68,.45); animation:bs-now-live 1.7s infinite; }
@keyframes bs-now-live { 70%{box-shadow:0 0 0 7px rgba(239,68,68,0)} 100%{box-shadow:0 0 0 0 rgba(239,68,68,0)} }
.bs-now-reading-badge { padding:4px 8px; border:1px solid color-mix(in srgb,#ef4444 16%,transparent); border-radius:999px; color:#dc2626; background:color-mix(in srgb,#ef4444 9%,var(--bs-card)); font-size:7px; font-weight:900; white-space:nowrap; }
.bs-now-reading-list { min-height:88px; padding:6px 12px !important; }
.bs-now-reading-item { display:grid; grid-template-columns:22px 42px minmax(0,1fr) 15px; align-items:center; gap:8px; min-height:56px; padding:7px 1px; border-bottom:1px solid var(--bs-border-light); color:var(--bs-text); transition:transform .2s ease,background .2s ease; }
.bs-now-reading-item:last-child { border-bottom:0; }
.bs-now-reading-item:hover { transform:translateX(-2px); }
.bs-now-reading-rank { display:grid; place-items:center; width:21px; height:21px; border-radius:7px; color:#ef4444; background:color-mix(in srgb,#ef4444 9%,transparent); font-size:8px; font-weight:900; }
.bs-now-reading-thumb { display:grid; place-items:center; width:42px; height:42px; overflow:hidden; border-radius:11px; color:var(--bs-text-light); background:linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 10%,var(--bs-bg-secondary)),var(--bs-bg-secondary)); }
.bs-now-reading-thumb img { width:100%; height:100%; object-fit:cover; }
.bs-now-reading-thumb.is-empty { font-size:16px; }
.bs-now-reading-copy { display:flex; min-width:0; flex-direction:column; gap:3px; }
.bs-now-reading-copy strong { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:10.5px; line-height:1.6; transition:color .2s ease; }
.bs-now-reading-copy small { display:flex; align-items:center; gap:5px; color:var(--bs-text-light); font-size:7.5px; }
.bs-now-reading-person-dot { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 13%,transparent); }
.bs-now-reading-arrow { color:var(--bs-text-light); font-size:21px; font-weight:400; line-height:1; transition:color .2s ease,transform .2s ease; }
.bs-now-reading-item:hover strong,.bs-now-reading-item:hover .bs-now-reading-arrow { color:var(--bs-primary); }
.bs-now-reading-item:hover .bs-now-reading-arrow { transform:translateX(-2px); }
.bs-now-reading-empty { display:flex; min-height:90px; padding:13px 9px; align-items:center; justify-content:center; flex-direction:column; gap:4px; text-align:center; }
.bs-now-reading-empty > span { display:grid; place-items:center; width:29px; height:29px; margin-bottom:2px; border-radius:10px; color:#ef4444; background:color-mix(in srgb,#ef4444 8%,transparent); font-size:16px; }
.bs-now-reading-empty strong { color:var(--bs-text); font-size:9px; }
.bs-now-reading-empty small { max-width:220px; color:var(--bs-text-light); font-size:7.5px; line-height:1.7; }
.bs-now-reading.is-error .bs-now-reading-live { background:#f59e0b; animation:none; }
.bs-now-reading-loading { display:flex; flex-direction:column; padding:3px 0; }
.bs-now-reading-loading > span { display:grid; grid-template-columns:22px 42px 1fr; align-items:center; gap:8px; min-height:56px; border-bottom:1px solid var(--bs-border-light); }
.bs-now-reading-loading > span:last-child { border-bottom:0; }
.bs-now-reading-loading i,.bs-now-reading-loading b,.bs-now-reading-loading em { display:block; border-radius:8px; background:linear-gradient(90deg,var(--bs-bg-secondary),color-mix(in srgb,var(--bs-text-light) 8%,var(--bs-bg-secondary)),var(--bs-bg-secondary)); background-size:220% 100%; animation:bs-now-shimmer 1.25s linear infinite; }
.bs-now-reading-loading i { width:21px; height:21px; }
.bs-now-reading-loading b { width:42px; height:42px; border-radius:11px; }
.bs-now-reading-loading em { width:72%; height:10px; }
@keyframes bs-now-shimmer { to{background-position:-220% 0} }
.bs-now-reading-text-ad { position:relative; isolation:isolate; display:flex; min-height:126px; margin:7px 0; padding:15px 16px; overflow:hidden; flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; border:1px solid color-mix(in srgb,var(--bs-primary) 22%,var(--bs-border)); border-radius:15px; color:var(--bs-text); background:radial-gradient(circle at 5% 100%,color-mix(in srgb,#8b5cf6 15%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 9%,var(--bs-card)),var(--bs-card)); }
.bs-now-reading-text-ad::before { content:""; position:absolute; z-index:-1; width:88px; height:88px; left:-30px; top:-35px; border:18px solid color-mix(in srgb,var(--bs-primary) 7%,transparent); border-radius:50%; }
.bs-now-reading-ad-label { padding:3px 7px; border-radius:99px; color:var(--bs-primary); background:color-mix(in srgb,var(--bs-primary) 10%,transparent); font-size:7px; font-weight:900; }
.bs-now-reading-text-ad strong { font-size:12px; font-weight:900; }
.bs-now-reading-text-ad small { max-width:250px; color:var(--bs-text-muted); font-size:8.5px; line-height:1.75; }
.bs-now-reading-text-ad b { display:flex; align-items:center; gap:6px; margin-top:3px; color:var(--bs-primary); font-size:8px; }
.bs-now-reading-text-ad b i { font-size:13px; font-style:normal; transition:transform .2s ease; }
.bs-now-reading-text-ad:hover { border-color:color-mix(in srgb,var(--bs-primary) 42%,var(--bs-border)); transform:translateY(-1px); }
.bs-now-reading-text-ad:hover b i { transform:translateX(-3px); }
.bs-now-reading-custom-ad { padding:5px 0; }
.bs-now-reading-custom-ad .bs-ad-wrapper,.bs-now-reading-custom-ad .bs-ad-slot { margin:0; }
@media (max-width:600px) {
    .bs-now-reading-list { padding:5px 10px !important; }
    .bs-now-reading-item { grid-template-columns:21px 40px minmax(0,1fr) 14px; min-height:53px; gap:7px; padding:6px 0; }
    .bs-now-reading-thumb { width:40px; height:40px; border-radius:10px; }
    .bs-now-reading-copy strong { font-size:10px; }
    .bs-now-reading-text-ad { min-height:116px; padding:13px 14px; border-radius:13px; }
}

/* ═══════════════════════════════════════════════════════════
   Quiz Pro Suite 3.0 — موضوعات، گروه‌ها، جوایز و بروزرسانی
═══════════════════════════════════════════════════════════ */
.bs-qh-hero-actions{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.bs-qh-hero-actions .bs-qh-league-btn{margin:0}.bs-qh-league-btn.is-groups{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb)}
.bs-qh-topics{display:flex;gap:9px;margin:22px 0;padding:6px;overflow-x:auto;scrollbar-width:none;border:1px solid var(--bs-border);border-radius:18px;background:color-mix(in srgb,var(--bs-card) 88%,transparent);box-shadow:0 12px 35px rgba(15,23,42,.055)}.bs-qh-topics::-webkit-scrollbar{display:none}.bs-qh-topics button{display:inline-flex;min-width:max-content;min-height:42px;padding:8px 13px;align-items:center;gap:7px;border:1px solid transparent;border-radius:13px;color:var(--bs-text-muted);background:transparent;font-family:inherit;font-size:10px;font-weight:850;cursor:pointer;transition:.2s}.bs-qh-topics button span{font-size:15px}.bs-qh-topics button:hover,.bs-qh-topics button.is-active{color:var(--topic,var(--bs-primary));border-color:color-mix(in srgb,var(--topic,var(--bs-primary)) 24%,transparent);background:color-mix(in srgb,var(--topic,var(--bs-primary)) 9%,var(--bs-card));box-shadow:0 5px 15px color-mix(in srgb,var(--topic,var(--bs-primary)) 10%,transparent)}
.bs-qh-card[hidden]{display:none!important}.bs-qh-card-topic{display:inline-flex;margin-bottom:7px;padding:4px 8px;border-radius:999px;color:var(--topic,var(--bs-primary));background:color-mix(in srgb,var(--topic,var(--bs-primary)) 9%,transparent);font-size:8px;font-weight:900}.bs-qh-card{animation:bs-qh-card-enter .35s both}@keyframes bs-qh-card-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bs-qh-card-reward{position:absolute;z-index:3;left:13px;bottom:13px;max-width:58%;overflow:hidden;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:rgba(2,6,23,.58);backdrop-filter:blur(9px);font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.bs-qh-reward-preview{display:flex;align-items:center;gap:12px;margin:0 4px 12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--reward) 35%,var(--bs-border));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--reward) 10%,var(--bs-card)),var(--bs-card));box-shadow:0 10px 28px color-mix(in srgb,var(--reward) 10%,transparent)}.bs-qh-reward-preview>i{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--reward) 17%,transparent);font-size:25px;font-style:normal}.bs-qh-reward-preview>div{display:flex;flex:1;flex-direction:column}.bs-qh-reward-preview small{color:var(--bs-text-light);font-size:8px}.bs-qh-reward-preview strong{color:var(--bs-text);font-size:12px}.bs-qh-reward-preview span{color:var(--bs-text-muted);font-size:9px}.bs-qh-reward-preview>b{padding:5px 8px;border-radius:9px;color:var(--reward);background:color-mix(in srgb,var(--reward) 9%,transparent);font-size:8px}

/* صفحه فصل بروزرسانی */
.bs-qup{position:relative;display:grid;min-height:100vh;padding:28px;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(124,58,237,.35),transparent 34%),radial-gradient(circle at 88% 85%,rgba(14,165,233,.28),transparent 36%),linear-gradient(145deg,#050b18,#111c34)}.bs-qup section{position:relative;z-index:2;width:min(620px,100%);padding:42px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(15,23,42,.55);backdrop-filter:blur(24px);box-shadow:0 35px 100px rgba(0,0,0,.45)}.bs-qup-icon{display:grid;width:72px;height:72px;margin:0 auto 14px;place-items:center;border-radius:23px;background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 18px 45px rgba(124,58,237,.4);font-size:30px;animation:bs-qup-spin 6s linear infinite}.bs-qup section>small{color:#a5b4fc;font-size:9px;font-weight:900;letter-spacing:.2em}.bs-qup h1{margin:12px 0;color:#fff;font-size:clamp(24px,5vw,39px)}.bs-qup p{color:#cbd5e1;line-height:2}.bs-qup-progress{height:9px;margin:25px 0 9px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.bs-qup-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#38bdf8,#34d399);box-shadow:0 0 24px #38bdf8}.bs-qup-meta{display:flex;justify-content:space-between;color:#94a3b8;font-size:10px}.bs-qup section>a{display:inline-flex;margin-top:24px;padding:11px 19px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;background:rgba(255,255,255,.07);font-weight:850}.bs-qup-orbit i{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;animation:bs-qup-orbit 14s linear infinite}.bs-qup-orbit i:nth-child(1){width:350px;height:350px;top:-100px;right:-80px}.bs-qup-orbit i:nth-child(2){width:220px;height:220px;bottom:-60px;left:-40px;animation-direction:reverse}.bs-qup-orbit i:nth-child(3){width:560px;height:560px;inset:calc(50% - 280px);animation-duration:25s}@keyframes bs-qup-spin{to{transform:rotate(360deg)}}@keyframes bs-qup-orbit{50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg)}}

/* گروه‌های رقابتی */
.bs-qgroup-wrap{max-width:1120px;margin:auto;padding:35px 18px 70px}.bs-qgroup-hero{position:relative;overflow:hidden;padding:48px 24px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:28px;color:#fff;background:radial-gradient(circle at 15% 25%,rgba(14,165,233,.3),transparent 34%),linear-gradient(145deg,#111827,#312e81);box-shadow:0 25px 70px rgba(15,23,42,.22)}.bs-qgroup-hero>span{color:#93c5fd;font-size:9px;font-weight:950;letter-spacing:.22em}.bs-qgroup-hero h1{margin:9px 0;color:#fff;font-size:clamp(24px,5vw,36px)}.bs-qgroup-hero p{color:#cbd5e1}.bs-qgroup-create{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin:22px 0;padding:22px;border:1px solid color-mix(in srgb,#7c3aed 22%,var(--bs-border));border-radius:22px;background:var(--bs-card);box-shadow:0 15px 40px rgba(15,23,42,.06)}.bs-qgroup-create h2{color:var(--bs-text)}.bs-qgroup-create p{color:var(--bs-text-light);font-size:10px}.bs-qgroup-create form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bs-qgroup-create input,.bs-qgroup-create textarea{padding:11px;border:1px solid var(--bs-border);border-radius:11px;color:var(--bs-text);background:var(--bs-bg-secondary);font-family:inherit}.bs-qgroup-create textarea{grid-column:1/-1;min-height:70px}.bs-qgroup-create button{grid-column:1/-1;min-height:42px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);font-family:inherit;font-weight:900}.bs-qgroup-lock{padding:17px;border-radius:14px;color:#b45309;background:color-mix(in srgb,#f59e0b 10%,var(--bs-bg-secondary));font-size:11px;line-height:1.9}.bs-qgroup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:22px}.bs-qgroup-grid>article{position:relative;display:grid;grid-template-columns:58px 1fr;gap:12px;padding:18px;border:1px solid var(--bs-border);border-radius:20px;background:var(--bs-card);box-shadow:0 12px 35px rgba(15,23,42,.055);transition:.2s}.bs-qgroup-grid>article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--bs-primary) 30%,var(--bs-border))}.bs-qgroup-avatar{display:grid;width:58px;height:58px;overflow:hidden;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);font-size:24px}.bs-qgroup-avatar img{width:100%;height:100%;object-fit:cover}.bs-qgroup-copy{min-width:0}.bs-qgroup-copy>small{color:#7c3aed;font-size:7px;font-weight:950;letter-spacing:.12em}.bs-qgroup-copy h3{margin:3px 0;color:var(--bs-text);font-size:15px}.bs-qgroup-copy p{min-height:36px;margin:0;color:var(--bs-text-muted);font-size:9px;line-height:1.8}.bs-qgroup-copy span{color:var(--bs-text-light);font-size:8px}.bs-qgroup-grid article>form{grid-column:1/-1}.bs-qgroup-grid article>form button{width:100%;padding:9px;border:0;border-radius:10px;color:#fff;background:var(--bs-primary);font-family:inherit;font-weight:850}.bs-qgroup-grid article>form button.is-leave{color:#dc2626;background:color-mix(in srgb,#ef4444 9%,var(--bs-bg-secondary))}.bs-qgroup-empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed var(--bs-border);border-radius:18px;color:var(--bs-text-light)}

/* ویترین افتخارات و کارت جایزه */
.bs-quiz-showcase{margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,#f59e0b 22%,var(--bs-border));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,#f59e0b 6%,var(--bs-card)),var(--bs-card));box-shadow:0 15px 42px rgba(15,23,42,.06)}.bs-quiz-showcase-head{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--bs-text);font-weight:900}.bs-quiz-showcase-head small{color:#d97706}.bs-quiz-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}.bs-quiz-award-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid color-mix(in srgb,var(--award) 30%,var(--bs-border));border-radius:14px;background:color-mix(in srgb,var(--award) 7%,var(--bs-card))}.bs-quiz-award-card>i{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--award) 14%,transparent);font-size:21px;font-style:normal}.bs-quiz-award-card>div{display:flex;min-width:0;flex-direction:column}.bs-quiz-award-card strong{overflow:hidden;color:var(--bs-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.bs-quiz-award-card small{color:var(--bs-text-light);font-size:8px}.bs-quiz-award-card.is-cup{box-shadow:inset 0 0 22px color-mix(in srgb,var(--award) 8%,transparent)}
.bs-quiz-final-badge>span{display:flex;flex-direction:column}.bs-quiz-final-badge>span small{font-size:8px;font-weight:650;opacity:.7}.bs-quiz-final-badge.is-cup{box-shadow:0 0 0 3px color-mix(in srgb,var(--badge) 10%,transparent),0 10px 25px color-mix(in srgb,var(--badge) 18%,transparent)}.bs-quiz-final-badge.is-card{transform:rotate(-1deg)}

/* افکت‌های شخصی‌سازی‌شده برد */
.bs-quiz-award-effect{position:fixed;z-index:9999;inset:0;overflow:hidden;pointer-events:none}.bs-quiz-award-effect i{position:absolute;display:block;background:var(--award-effect);box-shadow:0 0 14px var(--award-effect)}.bs-quiz-award-effect.is-confetti i,.bs-quiz-award-effect.is-gold-rain i{top:-30px;left:var(--left);width:7px;height:14px;border-radius:3px;animation:bs-award-rain 2.8s var(--d) cubic-bezier(.2,.7,.2,1) both}.bs-quiz-award-effect.is-gold-rain i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7ae,var(--award-effect) 45%,#b45309)}.bs-quiz-award-effect.is-glow{background:radial-gradient(circle,color-mix(in srgb,var(--award-effect) 27%,transparent),transparent 55%);animation:bs-award-glow 2.2s both}.bs-quiz-award-effect.is-glow i{left:50%;top:50%;width:7px;height:7px;border-radius:50%;animation:bs-award-spark 2s var(--d) both}.bs-quiz-award-effect.is-fireworks i{left:50%;top:42%;width:6px;height:6px;border-radius:50%;animation:bs-award-firework 2.1s var(--d) ease-out both;transform:rotate(var(--angle)) translateY(-10px)}@keyframes bs-award-rain{to{transform:translate3d(var(--x),110vh,0) rotate(680deg);opacity:.15}}@keyframes bs-award-glow{0%,100%{opacity:0}35%{opacity:1}}@keyframes bs-award-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(2)}}@keyframes bs-award-firework{0%{opacity:0}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-44vh) scale(.4)}}

@media(max-width:720px){.bs-qh-hero-actions{flex-direction:column}.bs-qh-hero-actions .bs-qh-league-btn{width:100%}.bs-qh-topics{margin:14px 0;border-radius:15px}.bs-qh-topics button{min-height:38px;padding:7px 10px}.bs-qup{padding:14px}.bs-qup section{padding:28px 17px;border-radius:22px}.bs-qgroup-wrap{padding:20px 10px 55px}.bs-qgroup-hero{padding:35px 15px;border-radius:22px}.bs-qgroup-create{grid-template-columns:1fr;padding:16px}.bs-qgroup-create form{grid-template-columns:1fr}.bs-qgroup-create textarea,.bs-qgroup-create button{grid-column:auto}.bs-qgroup-grid{grid-template-columns:1fr}.bs-quiz-showcase{padding:14px}.bs-quiz-showcase-grid{grid-template-columns:1fr 1fr}.bs-quiz-award-card{padding:8px}.bs-quiz-award-card>i{width:34px;height:34px}}

/* نظرسنجی حرفه‌ای */
.bs-poll-widget { position:relative; overflow:hidden; border-color:color-mix(in srgb,var(--bs-primary) 20%,var(--bs-border)); box-shadow:0 12px 34px rgba(15,23,42,.055); }
.bs-poll-widget::before { content:""; position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,var(--bs-primary),#8b5cf6,#0ea5e9); }
.bs-poll-widget .bs-widget-head { padding-top:15px; background:linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 8%,var(--bs-bg-secondary)),var(--bs-bg-secondary)); }
.bs-poll-widget .bs-widget-title { display:flex; align-items:center; gap:7px; }
.bs-poll-widget .bs-widget-title svg { width:15px; height:15px; color:var(--bs-primary); }
.bs-poll-intro { display:flex; align-items:center; gap:8px; margin:12px 14px 0; padding:8px 10px; border-radius:10px; color:var(--bs-primary); background:color-mix(in srgb,var(--bs-primary) 7%,transparent); }
.bs-poll-intro > span { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; background:color-mix(in srgb,var(--bs-primary) 12%,transparent); }
.bs-poll-intro svg { width:12px; height:12px; }
.bs-poll-intro small { color:var(--bs-text-muted); font-size:8px; }
.bs-poll-widget .bs-poll-q { margin:12px 14px; font-size:13px; font-weight:900; }
.bs-poll-widget .bs-poll-form { padding:0 14px 14px; gap:7px; }
.bs-poll-widget .bs-poll-opt { position:relative; min-height:44px; padding:8px 9px; border-radius:12px; background:var(--bs-card); }
.bs-poll-widget .bs-poll-opt input { position:absolute; opacity:0; pointer-events:none; }
.bs-poll-widget .bs-poll-opt i { display:grid; place-items:center; width:27px; height:27px; flex:0 0 27px; border:1px solid var(--bs-border); border-radius:9px; color:var(--bs-text-light); background:var(--bs-bg-secondary); font-size:9px; font-style:normal; font-weight:900; }
.bs-poll-widget .bs-poll-opt:has(input:checked) { border-color:var(--bs-primary); background:color-mix(in srgb,var(--bs-primary) 8%,var(--bs-card)); box-shadow:0 0 0 3px color-mix(in srgb,var(--bs-primary) 8%,transparent); }
.bs-poll-widget .bs-poll-opt:has(input:checked) i { color:#fff; border-color:var(--bs-primary); background:var(--bs-primary); }
.bs-poll-widget .bs-poll-submit { min-height:43px; margin-top:4px; border-radius:12px; background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 55%,#4f46e5)); box-shadow:0 9px 22px color-mix(in srgb,var(--bs-primary) 20%,transparent); }
.bs-poll-privacy { display:flex; align-items:center; justify-content:center; gap:5px; margin-top:2px; color:var(--bs-text-light); font-size:7.5px; }
.bs-poll-privacy svg { width:10px; height:10px; }
.bs-poll-results { padding:3px 14px 14px; }
.bs-poll-widget .bs-poll-result { margin-bottom:13px; }
.bs-poll-widget .bs-poll-bar { height:8px; border-radius:99px; }
.bs-poll-widget .bs-poll-bar-fill { position:relative; border-radius:99px; background:linear-gradient(90deg,var(--bs-primary),#8b5cf6); box-shadow:0 3px 10px color-mix(in srgb,var(--bs-primary) 25%,transparent); }

/* فوتر چندلایه و حرفه‌ای */
.bs-footer { overflow:hidden; margin-top:58px; padding-top:30px; background:radial-gradient(circle at 12% 10%,rgba(79,70,229,.17),transparent 27%),radial-gradient(circle at 88% 70%,rgba(14,165,233,.09),transparent 30%),linear-gradient(160deg,#020617,#07101f 55%,#020617); border-top:1px solid rgba(148,163,184,.13); }
.bs-footer::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(180deg,#000,transparent 55%); }
.bs-footer-glow i { position:absolute; width:280px; height:280px; border-radius:50%; filter:blur(90px); opacity:.12; background:#6366f1; }
.bs-footer-glow i:first-child { top:-180px; right:-80px; }.bs-footer-glow i:last-child { left:-100px; bottom:-190px; background:#0ea5e9; }
.bs-footer .bs-container { position:relative; z-index:1; }
.bs-footer-intro { display:flex; align-items:center; gap:13px; margin-bottom:27px; padding:15px 17px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.045); backdrop-filter:blur(16px); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.bs-footer-intro-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:13px; color:#fff; background:linear-gradient(135deg,var(--bs-primary),#4f46e5); box-shadow:0 10px 24px rgba(79,70,229,.26); }
.bs-footer-intro-icon svg { width:20px; height:20px; }
.bs-footer-intro > div { display:flex; flex:1; flex-direction:column; gap:3px; }
.bs-footer-intro strong { color:#fff; font-size:13px; }.bs-footer-intro small { color:#94a3b8; font-size:9px; }
.bs-footer-intro > a { display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#e2e8f0; background:rgba(255,255,255,.055); font-size:9px; font-weight:850; }
.bs-footer-intro > a svg { width:12px; height:12px; }
.bs-footer-cols { gap:17px; padding-bottom:27px; }
.bs-footer-col { padding:18px; border:1px solid rgba(255,255,255,.075); border-radius:17px; background:rgba(255,255,255,.025); transition:.25s ease; }
.bs-footer-col:hover { border-color:rgba(129,140,248,.22); background:rgba(255,255,255,.04); transform:translateY(-2px); }
.bs-footer h4 { display:flex; align-items:center; min-height:25px; margin-bottom:13px; padding-right:9px; border-right-color:#818cf8; font-size:12px; }
.bs-footer-links { gap:6px; }.bs-footer-links a { padding:4px 0; }.bs-footer-links a::before { background:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.1); }
.bs-footer-social a { width:35px; height:35px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:rgba(255,255,255,.055); }
.bs-footer-social a:hover { transform:translateY(-3px); background:linear-gradient(135deg,var(--bs-primary),#4f46e5); box-shadow:0 9px 20px rgba(79,70,229,.25); }
.bs-newsletter { padding:4px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(2,6,23,.38); }
.bs-newsletter input { min-width:0; border:0; background:transparent; }.bs-newsletter button { border-radius:9px; background:linear-gradient(135deg,var(--bs-primary),#4f46e5); }
.bs-footer-bottom { border-top-color:rgba(255,255,255,.1); }
@media(max-width:600px){
    .bs-footer { margin-top:36px; padding-top:16px; }
    .bs-footer-intro { align-items:flex-start; flex-wrap:wrap; margin-bottom:14px; padding:13px; }
    .bs-footer-intro > a { width:100%; justify-content:center; }
    .bs-footer-cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .bs-footer-col { padding:13px; border-radius:14px; }
    .bs-footer-about,.bs-footer-newsletter-col { grid-column:1/-1; }
    .bs-footer h4 { font-size:10.5px; }.bs-footer p,.bs-footer-links a { font-size:9.5px !important; }
    .bs-footer-bottom { justify-content:center; text-align:center; padding-bottom:20px; }
}

/* 8.10.0 — کنترل‌های باستان‌نگار، ویجت‌های واکنش‌گرا، میراث‌یار و نوار زمان */
.bs-bn-hero-actions { display:flex; max-width:100%; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.bs-bn-hero-control {
    display:inline-flex; min-height:40px; padding:9px 13px; align-items:center; justify-content:center; gap:7px;
    border:1px solid rgba(255,229,159,.34); border-radius:11px; color:#fffaf0;
    background:rgba(18,42,37,.52); box-shadow:inset 0 1px rgba(255,255,255,.11),0 8px 20px rgba(0,0,0,.14);
    backdrop-filter:blur(8px); font:800 11px/1.5 var(--bs-font); text-decoration:none; transition:.2s ease;
}
.bs-bn-hero-control:hover { color:#fff; border-color:rgba(255,230,155,.58); background:rgba(37,66,55,.7); transform:translateY(-1px); }
.bs-bn-hero-control svg { width:16px; height:16px; }
.bs-bn-hero-actions .bs-bn-guide-btn { min-height:40px; padding:9px 13px; font-size:11px; }

.bs-bn-desktop-services { display:grid; margin-top:14px; gap:12px; }
.bs-bn-desktop-services > * { margin:0 !important; min-width:0; }
.bs-bn-desktop-services .bs-social-box { padding:15px 13px; gap:10px; border-radius:16px; }
.bs-bn-desktop-services .bs-social-box-icon { width:40px; height:40px; flex:0 0 40px; }
.bs-bn-desktop-services .bs-social-box-body h4 { font-size:12px; }
.bs-bn-desktop-services .bs-social-box-body p { font-size:9px; line-height:1.75; }
.bs-bn-desktop-services .bs-social-box-btn { width:100%; margin-top:8px; justify-content:center; }

.bs-bn-mobile-latest {
    display:grid; grid-template-columns:124px minmax(0,1fr); overflow:hidden; min-width:0;
    border:1px solid var(--bs-border); border-radius:19px; color:var(--bs-text);
    background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,var(--bs-primary) 4%,var(--bs-card)));
    box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.bs-bn-mobile-latest__media { display:block; min-height:164px; overflow:hidden; }
.bs-bn-mobile-latest__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.bs-bn-mobile-latest:hover .bs-bn-mobile-latest__media img { transform:scale(1.035); }
.bs-bn-mobile-latest__body { min-width:0; padding:14px 13px; }
.bs-bn-mobile-latest__eyebrow { display:flex; align-items:center; gap:5px; color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-bn-mobile-latest__eyebrow svg { width:14px; height:14px; }
.bs-bn-mobile-latest h3 { margin:7px 0 5px; font-size:12px; line-height:1.75; }
.bs-bn-mobile-latest h3 a { color:var(--bs-text); }
.bs-bn-mobile-latest p { display:-webkit-box; overflow:hidden; color:var(--bs-text-muted); font-size:9px; line-height:1.85; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.bs-bn-mobile-latest__link { display:inline-flex; margin-top:8px; align-items:center; gap:4px; color:var(--bs-primary); font-size:8.5px; font-weight:900; }
.bs-bn-mobile-latest__link svg { width:12px; height:12px; }

.bs-bn-mobile-promo.is-games .bs-gamebox { margin:0; border-radius:19px; }
.bs-bn-mobile-promo.is-games .bs-gamebox-inner { padding:19px 16px; }
.bs-bn-mobile-promo.is-games .bs-gamebox-icon { width:48px; height:48px; }
.bs-bn-mobile-promo.is-games .bs-gamebox-title { font-size:15px; }
.bs-bn-mobile-promo.is-games .bs-gamebox-desc { max-width:340px; margin-inline:auto; }

.bs-bn-mirasyar-banner {
    position:relative; isolation:isolate; display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px;
    min-height:138px; padding:17px; align-items:center; overflow:hidden; border:1px solid rgba(232,196,99,.32);
    border-radius:19px; color:#fff8e8; background:
        radial-gradient(circle at 5% 15%,rgba(218,177,75,.2),transparent 35%),
        linear-gradient(135deg,#183d34,#55491d 58%,#8a5f16);
    box-shadow:0 14px 34px rgba(28,53,45,.2); text-decoration:none;
}
.bs-bn-mirasyar-banner.has-image { background:linear-gradient(100deg,rgba(7,23,20,.88),rgba(30,47,30,.68) 55%,rgba(92,61,11,.58)),var(--bs-bn-mirasyar-image) center/cover no-repeat; }
.bs-bn-mirasyar-banner::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(110deg,transparent 10%,rgba(255,226,143,.1) 48%,transparent 78%); transform:translateX(80%); animation:bs-bn-banner-shine 7s ease-in-out infinite; }
@keyframes bs-bn-banner-shine { 0%,68%,100%{transform:translateX(80%)} 80%{transform:translateX(-80%)} }
.bs-bn-mirasyar-banner__icon { display:grid; width:52px; height:52px; place-items:center; border:1px solid rgba(255,226,145,.35); border-radius:16px; color:#f3d37b; background:rgba(12,35,29,.55); box-shadow:inset 0 0 20px rgba(240,197,80,.11); backdrop-filter:blur(7px); }
.bs-bn-mirasyar-banner__icon svg { width:27px; height:27px; }
.bs-bn-mirasyar-banner__copy { display:flex; min-width:0; flex-direction:column; }
.bs-bn-mirasyar-banner__copy small { color:#ddc993; font-size:7.5px; font-style:normal; font-weight:800; }
.bs-bn-mirasyar-banner__copy strong { margin:2px 0; color:#fff8e8; font-size:18px; }
.bs-bn-mirasyar-banner__copy em { color:#e5dcc7; font-size:9px; line-height:1.7; font-style:normal; }
.bs-bn-mirasyar-banner__action { grid-column:1/-1; display:flex; min-height:34px; padding:7px 11px; align-items:center; justify-content:center; gap:5px; border:1px solid rgba(255,228,154,.24); border-radius:10px; color:#ffedbd; background:rgba(11,29,26,.42); font-size:8.5px; font-weight:900; }
.bs-bn-mirasyar-banner__action svg { width:12px; height:12px; }

@media (max-width:900px) {
    .bs-utility-bar { padding-top:0; border-bottom:1px solid rgba(255,255,255,.08); background:#080b10; }
    .bs-mobile-single-datetime {
        display:block; width:min(calc(100% - 16px),760px); margin:6px auto 0; padding:6px 7px;
        border:1px solid rgba(255,255,255,.1); border-radius:12px; color:#f8fafc;
        background:radial-gradient(circle at 50% 0,rgba(181,134,61,.12),transparent 60%),linear-gradient(135deg,#10141b,#090b0f);
        box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.16); text-align:center;
    }
    .bs-mobile-single-datetime__line {
        display:flex; width:max-content; max-width:100%; margin:0 auto; align-items:center; justify-content:center;
        flex-wrap:nowrap; gap:5px; overflow:hidden; color:#f8fafc; font-size:clamp(7.2px,2.3vw,10.5px);
        font-weight:750; line-height:1.7; white-space:nowrap; font-variant-numeric:tabular-nums;
    }
    .bs-mobile-single-datetime__line > span { flex:0 0 auto; padding:2px 4px; border-radius:6px; background:rgba(255,255,255,.035); }
    .bs-mobile-single-datetime__line i { width:4px; height:4px; flex:0 0 4px; border-radius:50%; background:#d6a94e; box-shadow:0 0 0 3px rgba(214,169,78,.12); }
    .bs-mobile-single-datetime__line b { color:#f4c5c5; font-weight:900; }
    .bs-mobile-single-datetime__updated { color:#b8c0cc; font-weight:600; }
    .bs-mobile-single-datetime__updated time { color:#f6e3b1; }
.bs-utility-bar > .bs-container { padding-top:6px !important; padding-bottom:6px !important; }
}

/* ═══ 8.17.6 | اسلایدر سینمایی، تبلیغ سایدبار و نوار زمان مینیمال ═══ */
.bs-hero-main {
    isolation:isolate;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--bs-accent,#c89b3c) 32%,rgba(255,255,255,.12));
    box-shadow:0 24px 70px rgba(3,10,24,.28),inset 0 1px rgba(255,255,255,.12);
}
.bs-hero-main::before {
    content:"";
    position:absolute;
    z-index:3;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,rgba(4,12,26,.84) 0%,rgba(4,12,26,.18) 56%,transparent 75%);
}
.bs-hero-slide img { transform:scale(1.035); transition:transform 7s cubic-bezier(.18,.72,.22,1),filter .5s ease; }
.bs-hero-slide.is-active img { transform:scale(1.09); }
.bs-hero-main-content { z-index:5 !important; max-width:min(78%,820px); }
.bs-hero-main-content .cat-tag {
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    padding:7px 13px;
    background:rgba(9,17,31,.52);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.bs-hero-main h2,.bs-hero-main h2 a {
    display:block;
    max-width:100%;
    margin-inline:0;
    overflow:hidden;
    white-space:nowrap !important;
    text-overflow:ellipsis;
    line-height:1.42;
    letter-spacing:-.025em;
    text-wrap:nowrap;
}
.bs-hero-slider-arrow {
    width:44px !important;
    height:44px !important;
    border:1px solid rgba(255,255,255,.25) !important;
    border-radius:15px !important;
    background:rgba(8,16,30,.46) !important;
    color:#fff !important;
    box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(12px);
    transition:transform .25s ease,background .25s ease,border-color .25s ease !important;
}
.bs-hero-slider-arrow:hover { transform:translateY(-2px) scale(1.04); background:rgba(200,155,60,.9) !important; border-color:rgba(255,225,157,.75) !important; }
.bs-hero-slider-dots { z-index:7 !important; gap:7px !important; }
.bs-hero-slider-dot { width:7px !important; height:7px !important; border-radius:999px !important; background:rgba(255,255,255,.46) !important; transition:width .35s ease,background .35s ease !important; }
.bs-hero-slider-dot.is-active { width:28px !important; background:#e7bd60 !important; box-shadow:0 0 16px rgba(231,189,96,.62); }
.bs-hero-slider-status {
    position:absolute;
    z-index:7;
    top:20px;
    inset-inline-start:20px;
    display:flex;
    align-items:center;
    gap:8px;
    min-width:94px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    color:rgba(255,255,255,.7);
    background:rgba(5,13,26,.45);
    backdrop-filter:blur(12px);
    font-size:11px;
    font-variant-numeric:tabular-nums;
}
.bs-hero-slider-status i { width:25px; height:1px; background:rgba(255,255,255,.28); }
.bs-hero-slider-current { color:#f3ca70; font-size:13px; font-weight:900; }
.bs-ad-code-frame { display:block; width:100%; height:250px; min-height:90px; border:0; border-radius:inherit; overflow:hidden; background:transparent; }
.bs-ad-wrapper.is-ad-ready { min-height:0; }

@media (max-width:900px) {
    .bs-mobile-single-datetime {
        margin:0 auto !important;
        padding:5px 8px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    .bs-mobile-single-datetime__line > span { padding:0 !important; background:transparent !important; }
    .bs-hero-main-content { inset-inline:18px !important; max-width:calc(100% - 36px); width:auto !important; }
    .bs-hero-main h2 { font-size:clamp(18px,5.4vw,25px) !important; }
    .bs-hero-main h2,.bs-hero-main h2 a { width:100%; }
    .bs-hero-meta { overflow:hidden; white-space:nowrap; }
    .bs-hero-slider-status { top:13px; inset-inline-start:13px; padding:6px 9px; min-width:82px; }
    .bs-hero-slider-arrow { width:38px !important; height:38px !important; border-radius:13px !important; }
}
@media (prefers-reduced-motion:reduce) {
    .bs-hero-slide img,.bs-hero-slider-arrow,.bs-hero-slider-dot { transition:none !important; }
}

/* 8.16.0 — استودیوهای مستقل ابزارهای هوش مصنوعی */
.bs-ait-tool-guidance[hidden]{display:none!important}.bs-ait-tool-guidance{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:17px 19px;border:1px solid color-mix(in srgb,var(--ait-accent,#818cf8) 36%,rgba(255,255,255,.1));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--ait-accent,#818cf8) 12%,rgba(8,15,28,.96)),rgba(8,15,28,.96));box-shadow:0 15px 40px rgba(0,0,0,.2)}.bs-ait-tool-guidance-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;color:var(--ait-accent,#818cf8);background:color-mix(in srgb,var(--ait-accent,#818cf8) 15%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--ait-accent,#818cf8) 42%,transparent)}.bs-ait-tool-guidance-icon svg{width:23px}.bs-ait-tool-guidance>div{min-width:0}.bs-ait-tool-guidance small{display:block;margin-bottom:2px;color:var(--ait-accent,#a5b4fc);font-size:11px;font-weight:850}.bs-ait-tool-guidance strong{display:block;color:#f8fafc;font-size:17px}.bs-ait-tool-guidance p{margin:5px 0 9px;color:#c6d0df;font-size:12px;line-height:1.9}.bs-ait-tool-guidance #bs-ait-guidance-tags{display:flex;flex-wrap:wrap;gap:6px}.bs-ait-tool-guidance #bs-ait-guidance-tags span{padding:5px 8px;border:1px solid rgba(148,163,184,.13);border-radius:999px;color:#aebace;background:rgba(255,255,255,.035);font-size:9px}.bs-ait-studio.is-active{display:block!important;visibility:visible!important;opacity:1!important}.bs-ait-studio.is-active .bs-ait-studio-hero,.bs-ait-studio.is-active .bs-ait-studio-guide,.bs-ait-studio.is-active .bs-ait-studio-outputs{visibility:visible!important;opacity:1!important}
#bs-ait-tool.bs-ait-tool--catalog .bs-ait-studio--catalog,#bs-ait-tool.bs-ait-tool--pottery .bs-ait-studio--pottery,#bs-ait-tool.bs-ait-tool--rockmark .bs-ait-studio--rockmark,#bs-ait-tool.bs-ait-tool--landscape .bs-ait-studio--landscape,#bs-ait-tool.bs-ait-tool--plan3d .bs-ait-studio--plan3d,#bs-ait-tool.bs-ait-tool--epigraphy .bs-ait-studio--epigraphy,#bs-ait-tool.bs-ait-tool--authenticity .bs-ait-studio--authenticity,#bs-ait-tool.bs-ait-tool--dating .bs-ait-studio--dating{display:block!important;visibility:visible!important;opacity:1!important}
.bs-ait-studios{display:grid;gap:18px}.bs-ait-studio[hidden]{display:none!important}.bs-ait-studio{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--ait-accent,#818cf8) 30%,rgba(255,255,255,.1));border-radius:28px;padding:clamp(18px,3vw,32px);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ait-accent,#818cf8) 13%,transparent),transparent 38%),linear-gradient(145deg,rgba(20,27,43,.97),rgba(9,15,27,.98));box-shadow:0 26px 70px rgba(1,6,18,.3),inset 0 1px rgba(255,255,255,.06)}
.bs-ait-studio:before{content:"";position:absolute;inset:auto -12% -45% auto;width:360px;aspect-ratio:1;border-radius:50%;background:var(--ait-accent,#818cf8);opacity:.055;filter:blur(5px);pointer-events:none}.bs-ait-studio-hero{position:relative;display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.bs-ait-studio-seal{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border:1px solid color-mix(in srgb,var(--ait-accent,#818cf8) 55%,white 8%);border-radius:22px;color:var(--ait-accent,#818cf8);background:color-mix(in srgb,var(--ait-accent,#818cf8) 13%,rgba(5,12,24,.88));box-shadow:0 12px 34px color-mix(in srgb,var(--ait-accent,#818cf8) 18%,transparent),inset 0 1px rgba(255,255,255,.1)}.bs-ait-studio-seal svg{width:30px;height:30px}.bs-ait-studio-hero small{display:block;margin:1px 0 5px;color:var(--ait-accent,#a5b4fc);font-weight:850}.bs-ait-studio-hero h3{margin:0 0 7px;color:#f8fafc;font-size:clamp(20px,2.4vw,29px);line-height:1.45}.bs-ait-studio-hero p{max-width:820px;margin:0;color:#b8c3d4;font-size:14px;line-height:2}
.bs-ait-studio-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px;padding:7px;border:1px solid rgba(148,163,184,.14);border-radius:17px;background:rgba(3,9,19,.35)}.bs-ait-studio-workflow span{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:12px;color:#cbd5e1;font-size:12px;font-weight:750}.bs-ait-studio-workflow b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;color:#07111f;background:var(--ait-accent,#818cf8)}
.bs-ait-studio label>span{display:block;margin:0 0 8px;color:#dbe5f2;font-size:13px;font-weight:800}.bs-ait-studio-question{display:block;margin-bottom:15px}.bs-ait-studio .bs-ait-textarea,.bs-ait-studio input,.bs-ait-studio .bs-ait-select{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.19);border-radius:15px;color:#edf5ff;background:rgba(3,9,19,.58);outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.bs-ait-studio input,.bs-ait-studio .bs-ait-select{min-height:48px;padding:10px 13px}.bs-ait-studio .bs-ait-textarea{padding:13px 15px;resize:vertical}.bs-ait-studio input:focus,.bs-ait-studio .bs-ait-textarea:focus,.bs-ait-studio .bs-ait-select:focus{border-color:color-mix(in srgb,var(--ait-accent,#818cf8) 70%,white 5%);background:rgba(5,14,27,.88);box-shadow:0 0 0 4px color-mix(in srgb,var(--ait-accent,#818cf8) 13%,transparent)}.bs-ait-studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.bs-ait-studio-fields label:last-child:nth-child(odd){grid-column:1/-1}.bs-ait-studio-context{display:grid;grid-template-columns:1fr;align-items:end;gap:12px}.bs-ait-studio-context label{min-width:0}
.bs-ait-studio-insights{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin:18px 0}.bs-ait-studio-guide,.bs-ait-studio-outputs{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px;padding:15px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(7,14,26,.46)}.bs-ait-studio-guide strong,.bs-ait-studio-outputs strong{display:flex;align-items:center;gap:7px;width:100%;margin-bottom:3px;color:#eef4fb;font-size:13px}.bs-ait-studio-guide strong svg,.bs-ait-studio-outputs strong svg{width:18px;color:var(--ait-accent,#818cf8)}.bs-ait-studio-guide>span,.bs-ait-studio-outputs>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(148,163,184,.12);border-radius:999px;color:#c6d0df;background:rgba(255,255,255,.035);font-size:11px}.bs-ait-studio-guide b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;color:#07111f;background:var(--ait-accent,#818cf8)}.bs-ait-studio .bs-ait-run{width:100%;min-height:54px;border-radius:17px;background:linear-gradient(135deg,var(--ait-accent,#818cf8),color-mix(in srgb,var(--ait-accent,#818cf8) 72%,#fff 6%));box-shadow:0 14px 34px color-mix(in srgb,var(--ait-accent,#818cf8) 24%,transparent)}
.bs-ait-evidence-dock{border:1px solid rgba(148,163,184,.15);border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(14,22,37,.91),rgba(8,13,23,.96));box-shadow:0 18px 45px rgba(0,0,0,.18)}.bs-ait-evidence-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}.bs-ait-evidence-head strong{color:#f1f5f9}.bs-ait-evidence-head small{max-width:620px;color:#94a3b8;line-height:1.8}.bs-ait-evidence-dock .bs-ait-upload{margin:0}.bs-ait-evidence-dock .bs-ait-method-note{margin:12px 0 0;color:#94a3b8;font-size:11px}
@media(max-width:720px){.bs-ait-tool-guidance{gap:10px;padding:13px;border-radius:18px}.bs-ait-tool-guidance-icon{flex-basis:40px;width:40px;height:40px;border-radius:13px}.bs-ait-tool-guidance strong{font-size:15px}.bs-ait-tool-guidance p{font-size:11px}.bs-ait-studio{padding:16px;border-radius:22px}.bs-ait-studio-hero{gap:11px}.bs-ait-studio-seal{flex-basis:52px;width:52px;height:52px;border-radius:17px}.bs-ait-studio-seal svg{width:24px}.bs-ait-studio-hero h3{font-size:20px}.bs-ait-studio-hero p{font-size:12px;line-height:1.85}.bs-ait-studio-workflow{gap:4px;padding:5px}.bs-ait-studio-workflow span{gap:5px;padding:7px 3px;font-size:10px}.bs-ait-studio-fields,.bs-ait-studio-context,.bs-ait-studio-insights{grid-template-columns:1fr}.bs-ait-studio-fields label:last-child:nth-child(odd){grid-column:auto}.bs-ait-studio-insights{gap:9px}.bs-ait-evidence-head{display:block}.bs-ait-evidence-head small{display:block;margin-top:5px}.bs-ait-evidence-dock{padding:13px;border-radius:20px}}

/* ═══════════════════════════════════════════════════════════
   8.13.1 — چت حرفه‌ای باستان‌یار + Deep Research دستی
═══════════════════════════════════════════════════════════ */
.bs-ait-deep-toggle { display:inline-flex; margin-left:auto; cursor:pointer; user-select:none; }
.bs-ait-deep-toggle input { position:absolute; opacity:0; pointer-events:none; }
.bs-ait-deep-toggle span { display:inline-flex; min-height:34px; padding:6px 11px; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#aeb7c5; background:rgba(255,255,255,.045); font-size:11px; font-weight:800; transition:.2s ease; }
.bs-ait-deep-toggle svg { width:14px; height:14px; }
.bs-ait-deep-toggle input:checked+span { border-color:rgba(16,185,129,.42); color:#d1fae5; background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(20,184,166,.1)); box-shadow:0 0 0 3px rgba(16,185,129,.07),0 8px 22px rgba(5,150,105,.1); }
.bs-ait-deep-toggle input:disabled+span { opacity:.5; cursor:not-allowed; }

#bs-ait-chat-ui .bs-ait-chat-shell { min-height:min(700px,calc(100vh - 250px)); gap:0; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:#212121; box-shadow:0 24px 70px rgba(0,0,0,.22); }
#bs-ait-chat-ui .bs-ait-chat-sidebar { width:260px; max-height:none; border:0; border-left:1px solid rgba(255,255,255,.075); border-radius:0; background:#171717; }
#bs-ait-chat-ui .bs-ait-chat-main { min-height:0; background:radial-gradient(circle at 50% -15%,rgba(99,102,241,.075),transparent 35%),#212121; }
#bs-ait-chat-ui .bs-ait-chat-subhead { min-height:54px; margin:0; padding:9px 14px; justify-content:flex-start; border-bottom:1px solid rgba(255,255,255,.075); background:rgba(33,33,33,.88); backdrop-filter:blur(14px); }
#bs-ait-chat-ui .bs-ait-newchat { margin-right:0; margin-left:0; }
#bs-ait-chat-ui .bs-ait-quota { margin-right:auto; }
#bs-ait-chat-ui .bs-ait-chat-window { min-height:0; max-height:none; margin:0; padding:28px clamp(15px,4vw,42px) 20px; flex:1; gap:8px; }
#bs-ait-chat-ui .bs-ait-msg { width:min(100%,780px); max-width:none; margin:0 auto; padding:13px 0; align-items:flex-start; gap:12px; }
#bs-ait-chat-ui .bs-ait-msg-user { width:min(100%,780px); max-width:none; margin-right:auto; margin-left:auto; padding-right:40px; align-items:flex-end; }
#bs-ait-chat-ui .bs-ait-msg-user .bs-ait-msg-bubble { width:auto; max-width:min(78%,620px); padding:11px 16px; border:1px solid rgba(255,255,255,.07); border-radius:20px 20px 6px 20px; background:#303030; box-shadow:none; }
#bs-ait-chat-ui .bs-ait-msg-bot .bs-ait-msg-bubble { width:calc(100% - 44px); padding:3px 0 12px; border-radius:0; color:#ececec; background:transparent; }
#bs-ait-chat-ui .bs-ait-avatar { width:32px; height:32px; overflow:hidden; border:1px solid rgba(230,185,58,.32); border-radius:10px; background:#202227; box-shadow:0 7px 18px rgba(0,0,0,.2); }
#bs-ait-chat-ui .bs-ait-avatar img,#bs-ait-chat-ui .bs-ait-conv-item-icon img { display:block; width:100%; height:100%; object-fit:cover; }
#bs-ait-chat-ui .bs-ait-chat-welcome>img { display:block; width:64px; height:64px; margin:0 auto 13px; object-fit:cover; border:1px solid rgba(230,185,58,.3); border-radius:18px; box-shadow:0 12px 35px rgba(0,0,0,.22); }
#bs-ait-chat-ui .bs-ait-conv-item-icon { overflow:hidden; padding:0; background:#202227; }
#bs-ait-chat-ui .bs-ait-msg-text { color:#ececec; font-size:14px; line-height:2; }
#bs-ait-chat-ui .bs-ait-msg-text .bs-ait-h2 { margin:18px 0 7px; font-size:16px; }
#bs-ait-chat-ui .bs-ait-chat-input { position:sticky; z-index:4; right:0; bottom:0; left:0; width:min(calc(100% - 30px),780px); margin:0 auto 14px; padding:9px 10px; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:#303030; box-shadow:0 12px 35px rgba(0,0,0,.28); }
#bs-ait-chat-ui .bs-ait-chat-input textarea { min-height:42px; padding:10px 6px; color:#f5f5f5; font-size:14px; line-height:1.7; }
#bs-ait-chat-ui .bs-ait-chat-input textarea::placeholder { color:#9b9b9b; }
#bs-ait-chat-ui .bs-ait-attach { border-radius:50%; background:transparent; }
#bs-ait-chat-ui .bs-ait-send { border-radius:50%; color:#171717; background:#f4f4f4; box-shadow:none; }
#bs-ait-chat-ui .bs-ait-send svg { transform:none; }

.bs-ait-deep-card { margin-top:18px; padding:17px; border:1px solid rgba(16,185,129,.25); border-radius:16px; background:linear-gradient(145deg,rgba(16,185,129,.08),rgba(15,23,42,.18)); }
.bs-ait-deep-progress { display:flex; min-height:62px; align-items:center; gap:13px; color:#e2e8f0; }
.bs-ait-deep-progress>div { display:flex; min-width:0; flex-direction:column; gap:4px; }
.bs-ait-deep-progress strong { font-size:13px; }
.bs-ait-deep-progress small { color:#94a3b8; font-size:10.5px; line-height:1.7; }
.bs-ait-deep-orbit { position:relative; width:34px; height:34px; flex:0 0 34px; border:1px solid rgba(52,211,153,.3); border-radius:50%; box-shadow:inset 0 0 14px rgba(16,185,129,.1); }
.bs-ait-deep-orbit::before,.bs-ait-deep-orbit i { content:""; position:absolute; border-radius:50%; }
.bs-ait-deep-orbit::before { inset:7px; background:#10b981; box-shadow:0 0 16px rgba(16,185,129,.5); }
.bs-ait-deep-orbit i { inset:-3px; border-top:2px solid #6ee7b7; animation:bs-ait-spin 1.1s linear infinite; }
.bs-ait-deep-head { display:flex; margin-bottom:14px; padding-bottom:10px; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid rgba(255,255,255,.08); color:#ecfdf5; font-size:13px; font-weight:900; }
.bs-ait-deep-head em { padding:3px 8px; border-radius:999px; color:#6ee7b7; background:rgba(16,185,129,.1); font-size:9px; font-style:normal; }
.bs-ait-deep-warning { margin:12px 0; padding:10px 12px; border:1px solid rgba(245,158,11,.22); border-radius:11px; color:#fcd9a1; background:rgba(245,158,11,.07); font-size:11px; line-height:1.8; }
.bs-ait-deep-sources { margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.bs-ait-deep-sources>strong { display:block; margin-bottom:9px; color:#d1fae5; font-size:11px; }
.bs-ait-deep-sources>div { display:flex; flex-wrap:wrap; gap:7px; }
.bs-ait-deep-sources a { display:inline-flex; max-width:100%; padding:6px 9px; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#cbd5e1!important; background:rgba(255,255,255,.045); text-decoration:none!important; font-size:9.5px; }
.bs-ait-deep-sources a b { display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#052e2b; background:#6ee7b7; font-size:8px; }
.bs-ait-deep-sources a span { max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

@media(max-width:768px){
    #bs-ait-chat-ui { padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important; background:#212121!important; }
    #bs-ait-chat-ui .bs-ait-chat-shell { width:100%; min-height:100%; height:100%; border:0; border-radius:0; }
    #bs-ait-chat-ui .bs-ait-chat-subhead { display:grid; min-height:60px; grid-template-columns:42px 42px minmax(118px,1fr) 42px; align-items:center; gap:8px; padding:8px 12px; direction:rtl; }
    #bs-ait-chat-ui .bs-ait-history-toggle span,#bs-ait-chat-ui .bs-ait-newchat { font-size:0; }
    #bs-ait-chat-ui .bs-ait-history-toggle,#bs-ait-chat-ui .bs-ait-newchat,#bs-ait-chat-ui .bs-ait-chat-mback { width:42px; height:42px; margin:0!important; padding:0; justify-content:center; border-radius:13px; }
    #bs-ait-chat-ui .bs-ait-chat-mback { grid-column:1; }
    #bs-ait-chat-ui .bs-ait-history-toggle { grid-column:2; }
    #bs-ait-chat-ui .bs-ait-deep-toggle { width:100%; grid-column:3; }
    #bs-ait-chat-ui .bs-ait-newchat { grid-column:4; }
    #bs-ait-chat-ui .bs-ait-newchat svg,#bs-ait-chat-ui .bs-ait-history-toggle svg { width:16px; height:16px; }
    .bs-ait-deep-toggle { margin:0; }
    .bs-ait-deep-toggle span { width:100%; min-height:42px; padding:7px 10px; justify-content:center; white-space:nowrap; font-size:10px; }
    #bs-ait-chat-ui .bs-ait-quota { display:none!important; }
    #bs-ait-chat-ui .bs-ait-chat-window { padding:14px 12px 12px; overscroll-behavior:contain; }
    #bs-ait-chat-ui .bs-ait-msg { padding:10px 0; gap:9px; }
    #bs-ait-chat-ui .bs-ait-msg-user { padding-right:0; }
    #bs-ait-chat-ui .bs-ait-msg-user .bs-ait-msg-bubble { max-width:88%; padding:10px 13px; }
    #bs-ait-chat-ui .bs-ait-msg-bot .bs-ait-msg-bubble { width:calc(100% - 39px); }
    #bs-ait-chat-ui .bs-ait-avatar { width:30px; height:30px; flex-basis:30px; }
    #bs-ait-chat-ui .bs-ait-msg-text { font-size:13.5px; line-height:1.95; }
    #bs-ait-chat-ui .bs-ait-chat-input { position:relative; bottom:auto; width:calc(100% - 18px); margin:0 9px max(7px,env(safe-area-inset-bottom)); border-radius:22px; }
    #bs-ait-chat-ui .bs-ait-upload-progress-list:empty,#bs-ait-chat-ui .bs-ait-image-tray:empty,#bs-ait-chat-ui .bs-ait-file-tray:empty{display:none!important;margin:0!important}
    #bs-ait-chat-ui .bs-ait-chat-input textarea { font-size:16px; }
    .bs-ait-deep-card { padding:13px; }
    .bs-ait-deep-progress small { font-size:9.5px; }
}

/* 8.14 — پیوست حرفه‌ای عکس/فایل و پیشرفت واقعی بارگذاری */
.bs-ait-attach-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#bs-ait-chat-ui .bs-ait-attach-actions .bs-ait-attach{display:flex;width:auto;min-width:46px;height:40px;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#cbd5e1;background:rgba(255,255,255,.045);font-family:inherit;cursor:pointer;transition:.2s ease}
#bs-ait-chat-ui .bs-ait-attach-actions .bs-ait-attach:hover{color:#fff;border-color:rgba(242,199,92,.34);background:rgba(242,199,92,.1);transform:translateY(-1px)}
#bs-ait-chat-ui .bs-ait-attach-actions .bs-ait-attach svg{width:17px;height:17px;margin:0}
#bs-ait-chat-ui .bs-ait-attach-actions .bs-ait-attach span{font-size:9px;font-weight:800}
.bs-ait-upload{cursor:default!important}
.bs-ait-upload-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}
.bs-ait-upload-actions button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid rgba(125,211,252,.22);border-radius:12px;color:#e5edf7;background:rgba(15,23,42,.68);font-family:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:.2s ease}
.bs-ait-upload-actions button:first-child{border-color:rgba(45,212,191,.28);background:linear-gradient(135deg,rgba(13,148,136,.17),rgba(15,23,42,.72))}
.bs-ait-upload-actions button:hover{transform:translateY(-2px);border-color:rgba(242,199,92,.45);box-shadow:0 8px 22px rgba(2,8,23,.22)}
.bs-ait-upload-actions svg{width:18px!important;height:18px!important;margin:0!important}
.bs-ait-upload-progress-list{display:grid;gap:7px;width:min(100%,760px);margin:8px auto}
.bs-ait-upload-progress{display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(56,189,248,.24);border-radius:14px;color:#dbeafe;background:linear-gradient(120deg,rgba(8,20,33,.96),rgba(19,33,49,.93));box-shadow:0 8px 25px rgba(2,8,23,.18);overflow:hidden}
.bs-ait-upload-progress-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#67e8f9;background:rgba(14,165,233,.12)}
.bs-ait-upload-progress-icon svg{width:18px;height:18px;margin:0}
.bs-ait-upload-progress-main{display:flex;min-width:0;flex-direction:column;gap:4px}
.bs-ait-upload-progress-main strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.bs-ait-upload-progress-main small{color:#8ea6bd;font-size:8px}
.bs-ait-upload-progress-track{display:block;width:100%;height:5px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.14)}
.bs-ait-upload-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#38bdf8,#e9bd53);box-shadow:0 0 12px rgba(56,189,248,.5);transition:width .16s linear}
.bs-ait-upload-progress>b{direction:ltr;color:#67e8f9;font-size:10px;text-align:center}
.bs-ait-upload-progress.is-done{border-color:rgba(52,211,153,.36)}.bs-ait-upload-progress.is-done>b{color:#6ee7b7}
.bs-ait-upload-progress.is-error{border-color:rgba(248,113,113,.38)}.bs-ait-upload-progress.is-error small,.bs-ait-upload-progress.is-error>b{color:#fca5a5}
.bs-ait-file-tray{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.bs-ait-file-chip{position:relative;display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:8px;min-width:190px;max-width:290px;padding:7px 31px 7px 8px;border:1px solid rgba(167,139,250,.25);border-radius:13px;color:#e2e8f0;background:rgba(15,23,42,.76)}
.bs-ait-file-chip-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#ddd6fe;background:linear-gradient(135deg,rgba(124,58,237,.34),rgba(37,99,235,.24));font-size:8px;font-weight:900}
.bs-ait-file-chip>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.bs-ait-file-chip strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.bs-ait-file-chip small{margin-top:2px;color:#94a3b8;font-size:7.5px}
.bs-ait-file-chip button{position:absolute;top:7px;right:6px;width:20px;height:20px;border:0;border-radius:7px;color:#fecaca;background:rgba(239,68,68,.14);font-size:15px;cursor:pointer}
.bs-ait-msg-files{display:grid;gap:5px;max-width:310px;align-self:flex-end}.bs-ait-msg-files a{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#eef2ff!important;text-decoration:none!important;background:rgba(15,23,42,.78)}.bs-ait-msg-files a span{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:#ddd6fe;background:rgba(124,58,237,.3);font-size:7px;font-weight:900}.bs-ait-msg-files a strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:600px){#bs-ait-chat-ui .bs-ait-chat-input{gap:5px;padding-inline:7px}.bs-ait-attach-actions{gap:2px}#bs-ait-chat-ui .bs-ait-attach-actions .bs-ait-attach{min-width:38px;width:38px;height:38px;padding:0;border-radius:12px}#bs-ait-chat-ui .bs-ait-attach-actions .bs-ait-attach span{display:none}.bs-ait-upload-actions{gap:7px}.bs-ait-upload-actions button{min-height:38px;padding:0 11px;font-size:9px}.bs-ait-upload-progress{grid-template-columns:34px minmax(0,1fr) 36px;padding:8px}.bs-ait-file-chip{width:100%;max-width:none}.bs-ait-msg-files{max-width:260px}}

/* 8.15 — هویت مستقل ابزارها، داشبورد نموداری و استودیوی بازسازی */
.bs-ait-card--catalog{--tool-accent:#22d3ee}.bs-ait-card--pottery{--tool-accent:#f97316}.bs-ait-card--rockmark{--tool-accent:#38bdf8}.bs-ait-card--landscape{--tool-accent:#34d399}.bs-ait-card--plan3d{--tool-accent:#a78bfa}.bs-ait-card--epigraphy{--tool-accent:#eab308}.bs-ait-card--authenticity{--tool-accent:#f43f5e}.bs-ait-card--dating{--tool-accent:#fb7185}.bs-ait-card--chat{--tool-accent:#818cf8}
.bs-ait-card[data-tool]{border-color:color-mix(in srgb,var(--tool-accent) 22%,rgba(255,255,255,.08));background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--tool-accent) 13%,transparent),transparent 42%),rgba(15,23,42,.72)}
.bs-ait-card[data-tool] .bs-ait-card-icon{color:var(--tool-accent);border-color:color-mix(in srgb,var(--tool-accent) 32%,transparent);background:color-mix(in srgb,var(--tool-accent) 12%,rgba(15,23,42,.7))}.bs-ait-card[data-tool] .bs-ait-card-icon svg{color:var(--tool-accent)}
#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-tool-header{padding:15px 16px;border:1px solid color-mix(in srgb,var(--ait-accent) 22%,rgba(255,255,255,.08));border-radius:18px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--ait-accent) 16%,transparent),transparent 46%),rgba(15,23,42,.36)}
#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-tool-icon{border:1px solid color-mix(in srgb,var(--ait-accent) 45%,transparent);background:color-mix(in srgb,var(--ait-accent) 18%,rgba(15,23,42,.8));box-shadow:0 10px 28px color-mix(in srgb,var(--ait-accent) 14%,transparent)}
#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-tool-icon svg{color:var(--ait-accent)}
.bs-ait-tool-kicker{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:7px;margin:0 0 12px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ait-accent) 28%,transparent);border-radius:999px;color:var(--ait-accent);background:color-mix(in srgb,var(--ait-accent) 9%,transparent);font-size:9px;font-weight:900}
.bs-ait-special-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.bs-ait-special-fields label{display:flex;min-width:0;flex-direction:column;gap:6px}.bs-ait-special-fields label>span{color:#cbd5e1;font-size:9px;font-weight:800}.bs-ait-special-fields input{width:100%;min-height:45px;box-sizing:border-box;padding:9px 11px;border:1px solid color-mix(in srgb,var(--ait-accent) 20%,rgba(255,255,255,.09));border-radius:12px;outline:0;color:#f8fafc;background:rgba(2,6,23,.36);font-family:inherit;font-size:10px;transition:.2s}.bs-ait-special-fields input:focus{border-color:color-mix(in srgb,var(--ait-accent) 65%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--ait-accent) 11%,transparent)}
#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-form-lead{border-color:color-mix(in srgb,var(--ait-accent) 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ait-accent) 12%,transparent),rgba(15,23,42,.42))}#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-form-lead>span{color:var(--ait-accent);background:color-mix(in srgb,var(--ait-accent) 15%,transparent)}
#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-vision-guide{border-color:color-mix(in srgb,var(--ait-accent) 24%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ait-accent) 9%,rgba(2,6,23,.55)),rgba(15,23,42,.48))}#bs-ait-tool:not(.bs-ait-tool--chat) .bs-ait-vision-guide>div span{color:#07111e;background:var(--ait-accent)}
.bs-ait-professional-chart{margin:18px 0;padding:17px;border:1px solid rgba(125,211,252,.17);border-radius:19px;background:radial-gradient(circle at 15% 0,rgba(34,211,238,.09),transparent 40%),linear-gradient(145deg,rgba(2,6,23,.5),rgba(15,23,42,.42));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.bs-ait-chart-title{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:10px}.bs-ait-chart-title span{color:#f8fafc;font-size:13px;font-weight:900}.bs-ait-chart-title small{margin-top:2px;color:#8294aa;font-size:8px}
.bs-ait-chart-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:16px}.bs-ait-radar{display:block;width:180px;height:180px;overflow:visible}.bs-ait-radar .grid polygon,.bs-ait-radar .grid line{fill:none;stroke:rgba(148,163,184,.17);stroke-width:1}.bs-ait-radar .data{fill:rgba(34,211,238,.18);stroke:#67e8f9;stroke-width:2;filter:drop-shadow(0 0 7px rgba(34,211,238,.28))}.bs-ait-radar .core{fill:#f1c75b;filter:drop-shadow(0 0 5px rgba(241,199,91,.5))}
.bs-ait-chart-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bs-ait-chart-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(2,6,23,.26)}.bs-ait-chart-metrics span{overflow:hidden;color:#a9b7c8;font-size:8.5px;white-space:nowrap;text-overflow:ellipsis}.bs-ait-chart-metrics strong{color:var(--metric);font-size:11px}.bs-ait-chart-metrics i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.07)}.bs-ait-chart-metrics b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--metric) 55%,#334155),var(--metric));box-shadow:0 0 9px color-mix(in srgb,var(--metric) 35%,transparent)}
.bs-ait-period-chart{display:grid;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}.bs-ait-period-chart>strong{margin-bottom:3px;color:#e2e8f0;font-size:10px}.bs-ait-period-chart>div{display:grid;grid-template-columns:95px minmax(0,1fr) 38px;align-items:center;gap:8px}.bs-ait-period-chart span{overflow:hidden;color:#9aaabd;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.bs-ait-period-chart i{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.bs-ait-period-chart b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22d3ee)}.bs-ait-period-chart em{color:#67e8f9;font-size:8px;font-style:normal;text-align:left}
.bs-ait-visual-studio{margin:14px 0 0;padding:17px;border:1px solid rgba(234,179,8,.26);border-radius:19px;background:radial-gradient(circle at 90% 0,rgba(234,179,8,.12),transparent 42%),linear-gradient(135deg,rgba(22,18,8,.78),rgba(15,23,42,.74))}.bs-ait-visual-head{display:flex;flex-direction:column;margin-bottom:12px}.bs-ait-visual-head span{color:#fde68a;font-size:13px;font-weight:900}.bs-ait-visual-head small{margin-top:3px;color:#a9a394;font-size:8.5px}.bs-ait-generate-visual{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:13px;color:#181305;background:linear-gradient(135deg,#f5d56c,#d9a928);box-shadow:0 10px 25px rgba(217,169,40,.2);font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}.bs-ait-generate-visual:disabled{opacity:.65;cursor:wait}.bs-ait-generated-visual{margin-top:13px}.bs-ait-visual-loading{display:flex;align-items:center;flex-direction:column;gap:6px;padding:26px;border:1px dashed rgba(253,230,138,.2);border-radius:15px;color:#fde68a}.bs-ait-visual-loading strong{font-size:11px}.bs-ait-visual-loading small{color:#9d9788;font-size:8px}.bs-ait-generated-visual figure{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;margin:0}.bs-ait-generated-visual img{display:block;width:100%;max-height:560px;object-fit:cover;border:1px solid rgba(253,230,138,.25);border-radius:16px}.bs-ait-generated-visual figcaption{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:7px}.bs-ait-generated-visual figcaption strong{color:#fff;font-size:11px}.bs-ait-generated-visual figcaption span{color:#a9a394;font-size:8.5px;line-height:1.8}.bs-ait-generated-visual figcaption a{padding:7px 10px;border-radius:9px;color:#fde68a!important;background:rgba(234,179,8,.12);font-size:8px;text-decoration:none!important}
@media(max-width:680px){.bs-ait-special-fields{grid-template-columns:1fr}.bs-ait-chart-layout{grid-template-columns:1fr}.bs-ait-radar{width:165px;height:165px;margin:0 auto}.bs-ait-chart-metrics{grid-template-columns:1fr 1fr}.bs-ait-generated-visual figure{grid-template-columns:1fr}.bs-ait-generated-visual figcaption{padding:3px}.bs-ait-period-chart>div{grid-template-columns:76px minmax(0,1fr) 34px}}

/* 8.12.1 — بازگشت اطلاعات مقاله در موبایل به سبک ساده و اولیه قالب */
@media (max-width:768px) {
    body.single-post .bs-article-meta.bs-meta-box {
        display:grid !important;
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:5px !important;
        margin:0 0 16px !important;
        padding:6px !important;
        overflow:visible;
        border:1px solid var(--bs-border) !important;
        border-radius:16px !important;
        background:var(--bs-card) !important;
        box-shadow:0 8px 22px rgba(15,23,42,.04) !important;
    }
    body.single-post .bs-article-meta.bs-meta-box > span,
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source {
        display:flex !important;
        width:auto !important;
        min-width:0;
        min-height:43px !important;
        padding:8px !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:7px !important;
        overflow:hidden;
        border:0 !important;
        border-radius:11px !important;
        background:var(--bs-bg-secondary) !important;
        white-space:normal !important;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source {
        grid-column:1 / -1 !important;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico {
        display:grid !important;
        width:26px !important;
        height:26px !important;
        flex:0 0 26px !important;
        border-radius:8px !important;
        background:color-mix(in srgb,var(--bs-primary) 9%,var(--bs-card)) !important;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico svg {
        width:12px !important;
        height:12px !important;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy,
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source .bs-meta-copy {
        display:flex !important;
        min-width:0;
        flex:1;
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:1px;
        line-height:1.45;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy small {
        color:var(--bs-text-light) !important;
        font-size:9px !important;
        font-weight:400 !important;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy b {
        max-width:100%;
        overflow:hidden;
        color:var(--bs-text) !important;
        font-size:10.5px !important;
        font-weight:600 !important;
        text-overflow:ellipsis;
        white-space:nowrap !important;
    }
}
@media (max-width:380px) {
    body.single-post .bs-article-meta.bs-meta-box { grid-template-columns:1fr !important; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source { grid-column:auto !important; }
}

/* 8.11.2 — اطلاعات مقاله در موبایل: ساده، تک‌ستونه و بدون شکستگی */
@media (max-width:768px) {
    body.single-post .bs-article-meta.bs-meta-box {
        display:flex;
        width:100%;
        margin:0 0 13px;
        padding:0 10px;
        flex-direction:column;
        gap:0;
        overflow:hidden;
        border:1px solid var(--bs-border);
        border-radius:13px;
        background:var(--bs-card);
        box-shadow:0 7px 20px rgba(15,23,42,.045);
    }
    body.single-post .bs-article-meta.bs-meta-box > span,
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source {
        display:flex;
        width:100%;
        min-height:34px;
        padding:5px 2px;
        align-items:center;
        justify-content:flex-start;
        gap:7px;
        overflow:hidden;
        border:0;
        border-bottom:1px solid var(--bs-border-light);
        border-radius:0;
        background:transparent;
        white-space:nowrap;
    }
    body.single-post .bs-article-meta.bs-meta-box > span:last-child { border-bottom:0; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico {
        display:grid;
        width:22px;
        height:22px;
        flex:0 0 22px;
        place-items:center;
        border-radius:7px;
        color:var(--bs-primary);
        background:color-mix(in srgb,var(--bs-primary) 8%,var(--bs-bg-secondary));
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico svg { width:11px; height:11px; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy,
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source .bs-meta-copy {
        display:grid;
        min-width:0;
        flex:1;
        grid-template-columns:72px minmax(0,1fr);
        align-items:center;
        gap:7px;
        line-height:1.4;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy small {
        overflow:hidden;
        color:var(--bs-text-light);
        font-size:7px;
        font-weight:750;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy b {
        display:block;
        min-width:0;
        overflow:hidden;
        color:var(--bs-text);
        font-size:8.5px;
        font-weight:900;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
}

/* 8.11 — متادیتای فشرده و حرفه‌ای نوشته تکی */
body.single-post .bs-article-meta.bs-meta-box {
    display:grid;
    grid-template-columns:minmax(150px,1.65fr) repeat(5,minmax(78px,1fr));
    align-items:stretch;
    gap:5px;
    margin:0 0 18px;
    padding:6px;
    border:1px solid color-mix(in srgb,var(--bs-primary) 14%,var(--bs-border));
    border-radius:14px;
    color:var(--bs-text-muted);
    background:linear-gradient(145deg,color-mix(in srgb,var(--bs-primary) 3%,var(--bs-card)),var(--bs-card));
    box-shadow:0 10px 28px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.05);
}
body.single-post .bs-article-meta.bs-meta-box > span {
    display:flex;
    min-width:0;
    min-height:38px;
    box-sizing:border-box;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    padding:5px 6px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--bs-primary) 7%,var(--bs-border-light));
    border-radius:10px;
    color:var(--bs-text-muted);
    background:color-mix(in srgb,var(--bs-primary) 3%,var(--bs-bg-secondary));
    font-size:9px;
    font-weight:750;
    line-height:1.35;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy { display:flex; min-width:0; flex-direction:column; line-height:1.25; }
body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy small { overflow:hidden; color:var(--bs-text-light); font-size:6.8px; font-weight:750; white-space:nowrap; text-overflow:ellipsis; }
body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy b { overflow:hidden; color:var(--bs-text); font-size:8.8px; font-weight:900; white-space:nowrap; text-overflow:ellipsis; }
body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico {
    width:25px;
    height:25px;
    flex:0 0 25px;
    border-radius:8px;
    color:var(--bs-primary);
    background:color-mix(in srgb,var(--bs-primary) 10%,var(--bs-card));
}
body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico svg { width:13px; height:13px; }
@media (max-width:1080px) {
    body.single-post .bs-article-meta.bs-meta-box { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:768px) {
    body.single-post .bs-article-meta.bs-meta-box { grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; margin-bottom:13px; padding:5px; border-radius:13px; }
    body.single-post .bs-article-meta.bs-meta-box > span { min-height:38px; padding:4px 3px; justify-content:center; gap:3px; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source { grid-column:1/-1; min-height:34px; justify-content:flex-start; padding-inline:7px; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico { width:22px; height:22px; flex-basis:22px; border-radius:7px; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico svg { width:11px; height:11px; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy { align-items:center; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-source .bs-meta-copy { align-items:flex-start; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy small { font-size:5.8px; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy b { font-size:7.2px; }
}
@media (max-width:350px) {
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-ico { display:none; }
    body.single-post .bs-article-meta.bs-meta-box .bs-meta-copy b { font-size:6.7px; }
}

/* بازیابی بصری تصاویر کوییز در صورت تغییر نشانی قالب یا خطای فایل */
.bs-quiz-visual-media { position:relative; display:grid; width:100%; height:100%; min-width:0; place-items:center; overflow:hidden; }
.bs-quiz-visual-media .bs-quiz-visual-image { display:block; width:100%; height:100%; object-fit:cover; }
.bs-quiz-visual-media .bs-quiz-visual-fallback { display:none; width:100%; height:100%; place-items:center; color:currentColor; font:900 1.15em/1 var(--bs-font); }
.bs-quiz-visual-media.is-broken .bs-quiz-visual-image { display:none; }
.bs-quiz-visual-media.is-broken .bs-quiz-visual-fallback { display:grid; }
.bs-qh-topic-icon .bs-quiz-visual-media { width:40px; height:40px; border-radius:11px; }
.bs-qh-single-count .bs-quiz-visual-media { display:inline-grid; width:22px; height:22px; margin-left:4px; border-radius:6px; vertical-align:middle; }
.bs-qh-reward-preview > i .bs-quiz-visual-media,
.bs-quiz-award-card > i .bs-quiz-visual-media,
.bs-quiz-final-badge > i .bs-quiz-visual-media { width:100%; height:100%; }
.bs-quiz-q-image { position:relative; min-height:92px; background:linear-gradient(145deg,color-mix(in srgb,var(--q-accent) 8%,var(--q-card-bg)),var(--q-card-bg)); }
.bs-quiz-q-image-fallback { position:absolute; inset:0; display:none; place-items:center; color:color-mix(in srgb,var(--q-accent) 70%,var(--q-text)); font-size:34px; }
.bs-quiz-q-image.is-broken img { display:none; }
.bs-quiz-q-image.is-broken .bs-quiz-q-image-fallback { display:grid; }

/* ورودی حرفه‌ای تک‌نفره و اتاق خصوصی کوییز */
.bs-qz-play-modes { position:relative; margin-bottom:18px; padding:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--bs-primary) 14%,var(--bs-border)); border-radius:26px; background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--bs-primary) 9%,transparent),transparent 34%),linear-gradient(145deg,var(--bs-card),var(--bs-bg-secondary)); box-shadow:0 20px 55px rgba(15,23,42,.085); }
.bs-qz-play-modes__head { display:flex; margin-bottom:14px; align-items:center; gap:10px; }
.bs-qz-play-modes__head>span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(145deg,#7561bb,#4f46a8); box-shadow:0 9px 22px rgba(79,70,168,.22); }
.bs-qz-play-modes__head svg { width:19px; height:19px; }
.bs-qz-play-modes__head small { display:block; color:var(--bs-text-light); font-size:8px; font-weight:850; }
.bs-qz-play-modes__head h2 { margin:1px 0 0; color:var(--bs-text); font-size:17px; }
.bs-qz-play-modes__grid { display:grid; grid-template-columns:1fr 1.25fr; gap:12px; }
.bs-qz-play-mode { position:relative; isolation:isolate; display:grid; min-width:0; min-height:205px; padding:19px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:21px; color:#fff; box-shadow:0 16px 35px rgba(15,23,42,.16),inset 0 1px rgba(255,255,255,.2); }
.bs-qz-play-mode::before { content:""; position:absolute; z-index:-1; top:-76px; left:-60px; width:205px; height:205px; border:34px solid rgba(255,255,255,.075); border-radius:50%; }
.bs-qz-play-mode.is-solo { align-content:space-between; background:linear-gradient(145deg,#1688b9,#2859b2 62%,#3545a1); }
.bs-qz-play-mode.is-room { grid-template-columns:58px minmax(0,1fr); align-content:start; gap:0 12px; background:radial-gradient(circle at 0 100%,rgba(217,166,61,.17),transparent 36%),linear-gradient(145deg,#523776,#40285f 56%,#252247); }
.bs-qz-play-mode__icon { display:grid; width:52px; height:52px; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:16px; background:rgba(255,255,255,.15); box-shadow:inset 0 1px rgba(255,255,255,.23); backdrop-filter:blur(7px); }
.bs-qz-play-mode__icon svg { width:24px; height:24px; }
.bs-qz-play-mode__copy { display:flex; min-width:0; flex-direction:column; }
.bs-qz-play-mode__copy small { color:rgba(255,255,255,.74); font-size:8px; font-weight:850; }
.bs-qz-play-mode__copy strong { margin:2px 0 3px; font-size:18px; line-height:1.55; }
.bs-qz-play-mode__copy em { color:rgba(255,255,255,.82); font-size:9.5px; line-height:1.85; font-style:normal; }
.bs-qz-play-mode.is-solo .bs-qz-play-mode__copy { margin-top:12px; }
.bs-qz-play-mode__action { display:inline-flex; width:max-content; margin-top:14px; padding:9px 13px; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.2); border-radius:11px; color:#fff; background:rgba(7,20,48,.18); font-size:9px; font-weight:900; }
.bs-qz-play-mode__action svg { width:12px; height:12px; }
.bs-qz-room-form { grid-column:1/-1; margin-top:15px; padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(8,10,31,.2); backdrop-filter:blur(7px); }
.bs-qz-room-form label { display:block; margin-bottom:6px; color:#e7dafa; font-size:8px; font-weight:900; }
.bs-qz-room-form>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.bs-qz-room-form input { width:100%; min-height:43px; padding:8px 12px; border:1px solid rgba(255,255,255,.2); border-radius:11px; outline:0; direction:ltr; color:#fff; background:rgba(8,10,31,.32); font:900 16px/1 var(--bs-font); text-align:center; letter-spacing:5px; font-variant-numeric:tabular-nums; }
.bs-qz-room-form input::placeholder { color:rgba(255,255,255,.5); letter-spacing:1px; }
.bs-qz-room-form input:focus { border-color:#e4c274; box-shadow:0 0 0 3px rgba(228,194,116,.12); }
.bs-qz-room-form button { display:inline-flex; min-height:43px; padding:8px 14px; align-items:center; gap:5px; border:1px solid rgba(255,233,177,.3); border-radius:11px; color:#30254c; background:linear-gradient(135deg,#f0d897,#d1ab59); font:900 9px/1.4 var(--bs-font); box-shadow:0 8px 18px rgba(16,10,35,.22); }
.bs-qz-room-form button svg { width:12px; height:12px; }
.bs-qz-room-note { display:flex; margin:11px 3px 0; align-items:flex-start; gap:6px; color:var(--bs-text-light); font-size:8px; line-height:1.8; }
.bs-qz-room-note svg { width:14px; height:14px; flex:0 0 14px; color:var(--bs-primary); }
.bs-qz-hub-secondary .bs-qz-hub-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:0; }

.bs-arena-mode-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bs-arena-mode-card.is-room { border-color:color-mix(in srgb,#9b6bc2 30%,var(--bs-border)); background:radial-gradient(circle at 100% 0,rgba(142,91,181,.12),transparent 44%),var(--bs-card); }
.bs-arena-room-panel { position:relative; isolation:isolate; max-width:720px; margin:10px auto 0; padding:clamp(22px,4vw,38px); overflow:hidden; border:1px solid color-mix(in srgb,#9a6fc4 28%,var(--bs-border)); border-radius:27px; text-align:center; background:radial-gradient(circle at 50% -5%,rgba(139,92,190,.15),transparent 38%),linear-gradient(145deg,var(--bs-card),color-mix(in srgb,#6d4b8d 5%,var(--bs-bg-secondary))); box-shadow:0 24px 65px rgba(15,23,42,.1); }
.bs-arena-room-panel::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.28; background:repeating-linear-gradient(45deg,transparent 0 17px,color-mix(in srgb,#9b71c1 8%,transparent) 18px 19px); }
.bs-arena-room-panel__seal { display:grid; width:70px; height:70px; margin:0 auto 11px; place-items:center; border:1px solid color-mix(in srgb,#a97ad0 35%,var(--bs-border)); border-radius:22px; color:#8b5eb2; background:color-mix(in srgb,#9569bc 10%,var(--bs-card)); box-shadow:0 13px 30px rgba(77,46,105,.13),inset 0 1px rgba(255,255,255,.45); }
.bs-arena-room-panel__seal svg { width:31px; height:31px; }
.bs-arena-room-panel__eyebrow { color:#8a5aaf; font-size:7px; font-weight:950; letter-spacing:1.5px; }
.bs-arena-room-panel h2 { margin:4px 0 6px; color:var(--bs-text); font-size:22px; }
.bs-arena-room-panel>p { max-width:570px; margin:0 auto 18px; color:var(--bs-text-muted); font-size:11px; line-height:2; }
.bs-arena-room-panel>label { display:block; max-width:500px; margin:0 auto 6px; color:var(--bs-text); text-align:right; font-size:9px; font-weight:900; }
.bs-arena-room-code-row { display:grid; max-width:500px; margin:0 auto; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.bs-arena-room-code-row input { min-width:0; min-height:50px; padding:10px 15px; border:1px solid var(--bs-border); border-radius:13px; outline:0; direction:ltr; color:var(--bs-text); background:var(--bs-bg-secondary); font:950 20px/1 var(--bs-font); text-align:center; letter-spacing:7px; font-variant-numeric:tabular-nums; }
.bs-arena-room-code-row input:focus { border-color:#9367b8; box-shadow:0 0 0 4px rgba(147,103,184,.1); background:var(--bs-card); }
.bs-arena-room-code-row button { display:inline-flex; min-height:50px; padding:10px 17px; align-items:center; justify-content:center; gap:6px; border-radius:13px; color:#fff; background:linear-gradient(135deg,#8f64b6,#684587); box-shadow:0 11px 25px rgba(91,58,119,.22); font:900 10px/1.5 var(--bs-font); }
.bs-arena-room-code-row button svg { width:16px; height:16px; }
.bs-arena-room-panel>small { display:flex; max-width:500px; margin:10px auto 0; align-items:flex-start; justify-content:center; gap:5px; color:var(--bs-text-light); font-size:7.5px; line-height:1.8; }
.bs-arena-room-panel>small svg { width:13px; height:13px; flex:0 0 13px; color:#8f64b6; }
.bs-arena-wait-room { display:inline-flex; margin-top:10px; padding:7px 13px; border:1px solid color-mix(in srgb,#9a6bc0 28%,var(--bs-border)); border-radius:999px; color:#8359a6; background:color-mix(in srgb,#9a6bc0 8%,var(--bs-card)); font-size:10px; font-weight:950; letter-spacing:1px; }

@media(max-width:800px) {
    .bs-qz-play-modes__grid { grid-template-columns:1fr; }
    .bs-qz-play-mode { min-height:auto; }
    .bs-qz-hub-secondary .bs-qz-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bs-arena-mode-grid { grid-template-columns:1fr; }
}
@media(max-width:560px) {
    .bs-qz-play-modes { padding:10px; border-radius:21px; }
    .bs-qz-play-modes__head { padding:3px 4px; }
    .bs-qz-play-mode { padding:14px; border-radius:17px; }
    .bs-qz-play-mode.is-room { grid-template-columns:46px minmax(0,1fr); gap:0 9px; }
    .bs-qz-play-mode__icon { width:43px; height:43px; border-radius:13px; }
    .bs-qz-play-mode__icon svg { width:20px; height:20px; }
    .bs-qz-play-mode__copy strong { font-size:14px; }
    .bs-qz-play-mode__copy em { font-size:8px; }
    .bs-qz-room-form { margin-top:12px; padding:9px; }
    .bs-qz-room-form>div,.bs-arena-room-code-row { grid-template-columns:1fr; }
    .bs-qz-room-form button,.bs-arena-room-code-row button { width:100%; }
    .bs-qz-hub-secondary .bs-qz-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bs-qz-hub-secondary .bs-qz-hub-card:last-child { grid-column:1/-1; min-height:150px; }
    .bs-arena-room-panel { padding:21px 13px; border-radius:21px; }
    .bs-arena-room-panel__seal { width:58px; height:58px; border-radius:18px; }
    .bs-arena-room-panel h2 { font-size:18px; }
    .bs-arena-room-code-row input { min-height:48px; font-size:18px; }
}

@media (max-width:768px) {
    body.single-bs_mirasyar .bs-mirasyar-single-page > .bs-container {
        width:100%; max-width:100% !important; padding-inline:14px !important; box-sizing:border-box;
    }
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-grid,
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-wrap,
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-content,
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-wrap { margin-inline:0 !important; padding-inline:14px !important; overflow:hidden; border-radius:16px !important; border-inline:1px solid var(--bs-border) !important; }
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body { padding-inline:0; overflow-wrap:anywhere; word-break:normal; }
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body > * { max-width:100%; box-sizing:border-box; }
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body p,
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body h1,
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body h2,
    body.single-bs_mirasyar .bs-mirasyar-single-page .bs-article-body h3 { margin-inline:0; }
    body.single-bs_mirasyar .bs-mirasyar-single-page img,
    body.single-bs_mirasyar .bs-mirasyar-single-page iframe,
    body.single-bs_mirasyar .bs-mirasyar-single-page table,
    body.single-bs_mirasyar .bs-mirasyar-single-page pre { max-width:100% !important; }
}

@media (max-width:600px) {
    .bs-bn-hero-actions { display:grid; width:100%; grid-template-columns:1fr 1fr; gap:7px; }
    .bs-bn-hero-control { min-height:39px; padding:8px; font-size:9px; }
    .bs-bn-hero-actions .bs-bn-guide-btn { grid-column:1/-1; width:100%; min-height:39px; padding:8px; font-size:9px; }
    .bs-bn-mobile-latest { grid-template-columns:104px minmax(0,1fr); }
    .bs-bn-mobile-latest__media { min-height:158px; }
    .bs-bn-mobile-latest__body { padding:12px 10px; }
}

/* ═══════════════════════════════════════════════════════════
   نسخه ۲.۴ — منوی استاندارد، تکرار مرحله و پنل کاربری یکدست
═══════════════════════════════════════════════════════════ */
.bs-quiz-replay { appearance:none; font-family:var(--bs-font); cursor:pointer; }
.bs-quiz-replay:hover { color:var(--q-accent); border-color:color-mix(in srgb,var(--q-accent) 45%,var(--bs-border)); background:color-mix(in srgb,var(--q-accent) 8%,var(--bs-bg-secondary)); }

/* پنل کاربری */
.bs-profile-page { padding-top:20px; background:linear-gradient(180deg,color-mix(in srgb,var(--bs-primary) 3%,var(--bs-bg)),var(--bs-bg) 260px); }
.bs-profile-container { max-width:1160px; }
.bs-profile-page .bs-greeting-box { margin-bottom:16px; border:1px solid color-mix(in srgb,var(--cal-accent) 24%,var(--bs-border)); border-radius:20px; box-shadow:0 12px 34px rgba(15,23,42,.06); overflow:hidden; }
.bs-profile-hero { position:relative; border-radius:23px; border-color:color-mix(in srgb,var(--bs-primary) 14%,var(--bs-border)); box-shadow:0 18px 48px rgba(15,23,42,.09); }
.bs-profile-hero::before { content:""; position:absolute; z-index:2; top:0; right:0; left:0; height:4px; border-radius:23px 23px 0 0; background:linear-gradient(90deg,var(--bs-primary),#8b5cf6,#0ea5e9); }
.bs-profile-cover { position:relative; height:148px!important; border-radius:22px 22px 0 0!important; }
.bs-profile-cover::after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg,transparent 30%,rgba(2,6,23,.38)); pointer-events:none; }
.bs-profile-hero-body { position:relative; padding:0 23px 22px!important; }
.bs-profile-avatar { position:relative; z-index:3; width:86px!important; height:86px!important; border:5px solid var(--bs-card)!important; box-shadow:0 10px 26px rgba(15,23,42,.2),0 0 0 1px color-mix(in srgb,var(--bs-primary) 18%,var(--bs-border)); }
.bs-profile-action { min-height:39px; padding:9px 16px; border:1px solid var(--bs-border); border-radius:12px; box-shadow:0 7px 18px rgba(15,23,42,.07); font-size:10.5px; }
.bs-profile-identity { margin-top:10px!important; }
.bs-profile-name { margin:0 0 2px; font-size:19px!important; letter-spacing:-.01em; }
.bs-profile-handle { margin:0; font-size:10.5px!important; }
.bs-profile-stats { gap:7px!important; margin-top:13px!important; }
.bs-profile-stats > span { display:inline-flex!important; align-items:center; gap:4px; min-height:34px; padding:7px 10px; border:1px solid var(--bs-border-light); border-radius:11px; background:var(--bs-bg-secondary); font-size:10px!important; }
.bs-profile-stats > span strong { color:var(--bs-text); font-size:12px; }
.bs-profile-stats svg { width:12px; height:12px; color:var(--bs-primary); }
.bs-profile-layout { grid-template-columns:210px minmax(0,1fr)!important; gap:17px!important; align-items:start; }
.bs-profile-nav { position:sticky; top:86px; padding:7px!important; border-radius:19px; border-color:color-mix(in srgb,var(--bs-primary) 12%,var(--bs-border)); box-shadow:0 12px 35px rgba(15,23,42,.065); overflow:hidden; }
.bs-profile-nav::before { content:"منوی کاربری"; display:block; padding:9px 11px 10px; margin-bottom:4px; border-bottom:1px solid var(--bs-border-light); color:var(--bs-text-light); font-size:8px; font-weight:900; letter-spacing:.06em; }
.bs-profile-nav-item { position:relative; min-height:39px; margin:2px 0; padding:9px 11px!important; border-radius:11px!important; color:var(--bs-text-muted)!important; font-size:10.5px!important; font-weight:750!important; }
.bs-profile-nav-item svg { width:15px; height:15px; flex:0 0 15px; }
.bs-profile-nav-item:hover { color:var(--bs-primary)!important; background:color-mix(in srgb,var(--bs-primary) 6%,var(--bs-bg-secondary))!important; transform:translateX(-2px); }
.bs-profile-nav-item.active { color:var(--bs-primary)!important; background:linear-gradient(90deg,color-mix(in srgb,var(--bs-primary) 13%,var(--bs-card)),color-mix(in srgb,var(--bs-primary) 5%,var(--bs-card)))!important; box-shadow:inset -3px 0 var(--bs-primary); }
.bs-profile-logout { justify-content:flex-start; border:0!important; border-top:1px solid var(--bs-border-light)!important; border-radius:0!important; }
.bs-profile-content { display:flex; min-width:0; flex-direction:column; gap:13px; }
.bs-profile-content > .bs-widget,.bs-profile-content > form > .bs-widget { border-radius:19px; border-color:color-mix(in srgb,var(--bs-primary) 10%,var(--bs-border)); box-shadow:0 12px 35px rgba(15,23,42,.055); overflow:hidden; }
.bs-profile-content .bs-widget-head { min-height:48px; background:linear-gradient(90deg,color-mix(in srgb,var(--bs-primary) 5%,var(--bs-bg-secondary)),var(--bs-bg-secondary)); }
.bs-profile-content .bs-input,.bs-profile-content .bs-textarea,.bs-profile-content input[type="text"],.bs-profile-content input[type="url"],.bs-profile-content input[type="email"],.bs-profile-content select,.bs-profile-content textarea { border-radius:11px; border-color:var(--bs-border); background:var(--bs-bg-secondary); transition:.2s ease; }
.bs-profile-content .bs-input:focus,.bs-profile-content .bs-textarea:focus,.bs-profile-content input:focus,.bs-profile-content select:focus,.bs-profile-content textarea:focus { border-color:var(--bs-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--bs-primary) 9%,transparent); outline:0; }

/* فاصله امن دکمه افزودن باستان‌نگار، هماهنگ با منوی چسبان پایین */
@media(max-width:768px){
    .bs-back-top { bottom:calc(112px + env(safe-area-inset-bottom)); }
    body.bs-bastannegar-page .bs-fab { bottom:calc(78px + env(safe-area-inset-bottom)); left:15px; z-index:89; width:46px; height:46px; box-shadow:0 10px 28px color-mix(in srgb,var(--bs-primary) 38%,transparent),0 0 0 4px color-mix(in srgb,var(--bs-card) 82%,transparent); }

    .bs-profile-page { padding-top:9px; }
    .bs-profile-page .bs-greeting-box { margin-bottom:10px; border-radius:16px; }
    .bs-profile-container { padding-right:10px; padding-left:10px; }
    .bs-profile-cover { height:108px!important; border-radius:17px 17px 0 0!important; }
    .bs-profile-hero { margin-bottom:11px!important; border-radius:18px; }
    .bs-profile-hero-body { padding:0 13px 14px!important; }
    .bs-profile-hero-top { margin-top:-33px!important; }
    .bs-profile-avatar { width:70px!important; height:70px!important; border-width:4px!important; }
    .bs-profile-action { min-height:34px; padding:7px 11px; font-size:9px; }
    .bs-profile-name { font-size:16px!important; }
    .bs-profile-identity > p:not(.bs-profile-handle) { font-size:11px!important; line-height:1.7!important; }
    .bs-profile-stats { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px!important; }
    .bs-profile-stats > span { min-height:31px; padding:5px 7px; font-size:8.5px!important; }
    .bs-profile-layout { grid-template-columns:1fr!important; gap:10px!important; }
    .bs-profile-nav { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; width:100%; padding:8px!important; border-radius:16px; background:var(--bs-card); }
    .bs-profile-nav::before { display:none; }
    .bs-profile-nav-item { flex-direction:column!important; justify-content:center; min-height:64px; margin:0!important; padding:9px 6px!important; gap:5px!important; white-space:normal; text-align:center; font-size:9px!important; line-height:1.4; }
    .bs-profile-nav-item svg { width:16px!important; height:16px!important; flex:0 0 16px!important; }
    .bs-profile-nav-item.active { box-shadow:none; }
    .bs-profile-logout { grid-column:1/-1; justify-content:center!important; }
    @media (max-width:380px) { .bs-profile-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }
    .bs-profile-content { gap:9px; }
    .bs-profile-content > .bs-widget,.bs-profile-content > form > .bs-widget { border-radius:15px; }
}

/* تصاویر سفارشی موضوع، نشان، کاپ و کارت بازی — 3.1.0 */
.bs-quiz-visual-fallback { display:inline; }
.bs-quiz-visual-image { display:block; width:100%; height:100%; object-fit:contain; }
.bs-qh-topic-icon .bs-quiz-visual-image { width:40px; height:40px; border-radius:11px; object-fit:contain; }
.bs-qh-card-topic,.bs-qh-card-reward,.bs-qh-single-count { align-items:center; gap:5px; }
.bs-qh-card-topic .bs-quiz-visual-image { display:inline-block; width:17px; height:17px; border-radius:5px; vertical-align:middle; }
.bs-qh-card-reward .bs-quiz-visual-image { display:inline-block; width:18px; height:18px; border-radius:5px; vertical-align:middle; }
.bs-qh-single-count .bs-quiz-visual-image { display:inline-block; width:22px; height:22px; margin-left:4px; border-radius:6px; vertical-align:middle; }
.bs-qh-reward-preview > i { overflow:hidden; }
.bs-qh-reward-preview > i .bs-quiz-visual-image { width:100%; height:100%; padding:3px; object-fit:contain; }
.bs-quiz-award-card > i { overflow:hidden; }
.bs-quiz-award-card > i .bs-quiz-visual-image { width:100%; height:100%; padding:2px; object-fit:contain; }
.bs-quiz-final-badge > i { display:grid; width:44px; height:44px; place-items:center; overflow:hidden; border-radius:12px; }
.bs-quiz-final-badge > i .bs-quiz-visual-image { width:100%; height:100%; padding:2px; object-fit:contain; }
@media(max-width:720px) {
    .bs-qh-topic-icon .bs-quiz-visual-image { width:34px; height:34px; border-radius:9px; }
    .bs-quiz-final-badge > i { width:38px; height:38px; }
}

/* ═══════ آرنای مسابقه (تک‌نفره/دونفره) ═══════ */
.bs-arena-wrap { max-width: 760px; }
.bs-arena-hero p { max-width: 480px; margin: 0 auto; }
.bs-arena-mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 26px; }
.bs-arena-mode-card {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
    padding: 26px 18px; border: 1px solid var(--bs-border); border-radius: 20px;
    background: var(--bs-card); cursor: pointer; transition: var(--bs-transition);
}
.bs-arena-mode-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--bs-primary) 35%, var(--bs-border)); box-shadow: 0 16px 34px rgba(15,23,42,.08); }
.bs-arena-mode-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(135deg,#7c3aed,#4f46e5); color: #fff; }
.bs-arena-mode-icon svg { width: 26px; height: 26px; }
.bs-arena-mode-card strong { font-size: 15px; color: var(--bs-text); }
.bs-arena-mode-card small { font-size: 11.5px; color: var(--bs-text-light); line-height: 1.7; }
@media (max-width: 600px) { .bs-arena-mode-grid { grid-template-columns: 1fr; } }

.bs-arena-back { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 14px; font-size: 12.5px; font-weight: 700; color: var(--bs-text-light); background: none; border: 0; cursor: pointer; }
.bs-arena-back svg { width: 15px; height: 15px; }
.bs-arena-back:hover { color: var(--bs-primary); }
.bs-arena-hint { margin: -8px 0 14px; font-size: 12px; color: var(--bs-text-light); }
.bs-arena-topics.bs-qh-topics {
    display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px;
    margin: 14px 0 22px; padding: 0; overflow: visible; border: 0; border-radius: 0;
    background: transparent; box-shadow: none;
}
.bs-arena-topics.bs-qh-topics button {
    position: relative; display: flex; min-width: 0; min-height: 92px; width: 100%;
    padding: 14px; align-items: center; gap: 10px; overflow: hidden; text-align: right;
    border: 1px solid color-mix(in srgb, var(--topic, var(--bs-primary)) 13%, var(--bs-border));
    border-radius: 17px; color: var(--bs-text);
    background: color-mix(in srgb, var(--topic, var(--bs-primary)) 3%, var(--bs-bg-secondary));
    font-size: 12px; box-shadow: 0 7px 20px rgba(15,23,42,.035);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.bs-arena-topics.bs-qh-topics button::after {
    content: ""; position: absolute; right: 0; bottom: 0; width: 55%; height: 3px; border-radius: 4px 0 0 0;
    background: var(--topic, var(--bs-primary)); opacity: .62; transform: scaleX(.3); transform-origin: right; transition: .22s;
}
.bs-arena-topics.bs-qh-topics button:hover:not(:disabled) {
    transform: translateY(-3px); border-color: color-mix(in srgb, var(--topic, var(--bs-primary)) 34%, var(--bs-border));
    box-shadow: 0 13px 28px color-mix(in srgb, var(--topic, var(--bs-primary)) 11%, rgba(15,23,42,.05));
}
.bs-arena-topics.bs-qh-topics button.is-active {
    color: var(--bs-text); border-color: color-mix(in srgb, var(--topic, var(--bs-primary)) 48%, var(--bs-border));
    background: linear-gradient(145deg, color-mix(in srgb, var(--topic, var(--bs-primary)) 12%, var(--bs-card)), color-mix(in srgb, var(--topic, var(--bs-primary)) 5%, var(--bs-card)));
    box-shadow: 0 13px 30px color-mix(in srgb, var(--topic, var(--bs-primary)) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--topic, var(--bs-primary)) 8%, transparent);
}
.bs-arena-topics.bs-qh-topics button.is-active::after { opacity: 1; transform: scaleX(1); }
.bs-arena-topics.bs-qh-topics button.is-active .bs-qh-topic-check { opacity: 1; transform: scale(1); }
.bs-arena-topics.bs-qh-topics button:disabled { cursor: default; opacity: .5; }
.bs-arena-topics.bs-qh-topics button:disabled:hover { transform: none; box-shadow: 0 7px 20px rgba(15,23,42,.035); }
.bs-arena-topics.bs-qh-topics .bs-qh-topic-icon { flex: 0 0 46px; width: 46px; height: 46px; font-size: 22px!important; }
.bs-arena-topics.bs-qh-topics .bs-qh-topic-icon svg { width: 21px; height: 21px; }
.bs-arena-topics.bs-qh-topics .bs-qh-topic-copy strong { font-size: 11.5px; }
.bs-arena-topics.bs-qh-topics .bs-qh-topic-copy small { font-size: 9.5px; }
@media (max-width: 720px) {
    .bs-arena-topics.bs-qh-topics { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .bs-arena-topics.bs-qh-topics button { min-height: 80px; padding: 10px; }
}
@media (max-width: 380px) {
    .bs-arena-topics.bs-qh-topics { grid-template-columns: 1fr; }
}

.bs-arena-cta {
    display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
    padding: 14px; border: 0; border-radius: 14px; font-size: 14px; font-weight: 800; color: #fff;
    background: linear-gradient(135deg,#7c3aed,#4f46e5); cursor: pointer; transition: var(--bs-transition);
    box-shadow: 0 10px 24px rgba(79,70,229,.22);
}
.bs-arena-cta svg { width: 16px; height: 16px; }
.bs-arena-cta:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.bs-arena-cta:not(:disabled):hover { transform: translateY(-2px); }

.bs-arena-play-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 12px; font-weight: 700; color: var(--bs-text-light); }
.bs-arena-play-topic { color: var(--bs-primary); }
/* مسیر پیشرفت بازی‌گونه: شخصیت انیمیشنی که با هر پاسخ جلو می‌رود */
.bs-arena-track { position: relative; height: 74px; margin: 6px 0 30px; direction: ltr; }
.bs-arena-track-line { position: absolute; top: 34px; right: 6%; left: 6%; height: 6px; border-radius: 4px; background: var(--bs-bg-secondary); overflow: hidden; }
.bs-arena-track-fill { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--topic, #7c3aed), color-mix(in srgb, var(--topic, #7c3aed) 60%, #4f46e5)); border-radius: 4px; transition: width .45s cubic-bezier(.4,0,.2,1); }
.bs-arena-track-dots { position: absolute; inset: 0; }
.bs-arena-track-dots i { position: absolute; top: 31px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--bs-card); box-shadow: 0 0 0 3px var(--bs-bg-secondary); transition: box-shadow .3s ease, background .3s ease; }
.bs-arena-track-dots i.is-passed { background: var(--topic, #7c3aed); box-shadow: 0 0 0 3px color-mix(in srgb, var(--topic, #7c3aed) 20%, transparent); }
.bs-arena-track-flag { position: absolute; top: 14px; right: 0; font-size: 20px; z-index: 1; filter: drop-shadow(0 3px 6px rgba(15,23,42,.15)); }
.bs-arena-track-trophy { position: absolute; top: -6px; right: 2px; font-size: 0; opacity: 0; transform: scale(.3) translateY(6px); transition: none; }
.bs-arena-track-trophy.is-given { font-size: 22px; opacity: 1; transform: scale(1) translateY(-26px); transition: all .7s cubic-bezier(.34,1.56,.64,1); }
.bs-arena-track-mascot {
    position: absolute; top: -2px; margin-left: -19px; width: 38px; height: 38px;
    display: grid; place-items: center; font-size: 22px; border-radius: 50%;
    background: var(--bs-card); box-shadow: 0 0 0 3px color-mix(in srgb, var(--topic, #7c3aed) 25%, var(--bs-border)), 0 8px 16px rgba(15,23,42,.1);
    transition: left .5s cubic-bezier(.4,0,.2,1); z-index: 2;
}
.bs-arena-track-mascot.is-resetting { transition: none !important; }
.bs-arena-track-mascot.is-hop { animation: bsMascotHop .5s ease; }
.bs-arena-track-mascot.is-win { animation: bsMascotCheer 1s ease .1s 2; }
.bs-arena-track-mascot.has-image { background: var(--bs-card); overflow: hidden; }
.bs-arena-track-mascot.has-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
@keyframes bsMascotHop { 0%,100% { transform: translateY(0) rotate(0); } 35% { transform: translateY(-13px) rotate(-8deg); } 65% { transform: translateY(-4px) rotate(6deg); } }
@keyframes bsMascotCheer { 0%,100% { transform: translateY(0) scale(1); } 25% { transform: translateY(-10px) scale(1.12) rotate(-6deg); } 50% { transform: translateY(0) scale(1); } 75% { transform: translateY(-6px) scale(1.08) rotate(6deg); } }

/* کنفتی جشن پیروزی */
.bs-arena-confetti { position: absolute; inset: -20px -6% auto; height: 160px; overflow: visible; pointer-events: none; z-index: 5; }
.bs-arena-confetti i { position: absolute; top: -12px; width: 7px; height: 12px; border-radius: 2px; opacity: 0; animation: bsConfettiFall ease-out forwards; }
@keyframes bsConfettiFall {
    0% { opacity: 1; transform: translate(0,0) rotate(0deg); }
    100% { opacity: 0; transform: translate(var(--drift,0), 150px) rotate(var(--rot,180deg)); }
}
@media (max-width: 420px) { .bs-arena-track { height: 64px; } .bs-arena-track-mascot { width: 32px; height: 32px; font-size: 18px; } }

.bs-arena-q-image { margin-bottom: 16px; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 22px rgba(15,23,42,.08); }
.bs-arena-q-image img { width: 100%; max-height: 220px; object-fit: cover; }
.bs-arena-q-text { margin-bottom: 20px; font-size: 15.5px; font-weight: 750; color: var(--bs-text); line-height: 1.85; letter-spacing: -.1px; }
.bs-arena-q-options { display: grid; gap: 11px; }
.bs-arena-opt {
    display: flex; align-items: center; gap: 13px; position: relative;
    padding: 15px 17px; text-align: right; font-size: 13px; font-weight: 650; color: var(--bs-text);
    background: var(--bs-card); border: 1.5px solid var(--bs-border); border-radius: 14px; cursor: pointer;
    box-shadow: 0 3px 10px rgba(15,23,42,.03);
    transition: var(--bs-transition);
}
.bs-arena-opt-badge {
    display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 10px;
    background: var(--bs-bg-secondary); color: var(--bs-text-light); font-size: 11.5px; font-weight: 900; transition: var(--bs-transition);
}
.bs-arena-opt-text { flex: 1; line-height: 1.75; }
.bs-arena-opt:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--bs-primary) 40%, var(--bs-border)); background: color-mix(in srgb, var(--bs-primary) 5%, var(--bs-card)); box-shadow: 0 8px 18px color-mix(in srgb, var(--bs-primary) 10%, rgba(15,23,42,.05)); }
.bs-arena-opt:hover .bs-arena-opt-badge { background: color-mix(in srgb, var(--bs-primary) 15%, var(--bs-bg-secondary)); color: var(--bs-primary); }
.bs-arena-opt.is-picked { border-color: var(--bs-primary); background: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-card)); box-shadow: 0 8px 18px color-mix(in srgb, var(--bs-primary) 14%, rgba(15,23,42,.05)); }
.bs-arena-opt.is-picked .bs-arena-opt-badge { background: var(--bs-primary); color: #fff; }
.bs-arena-opt.is-disabled { pointer-events: none; opacity: .55; }
.bs-arena-opt.is-disabled.is-picked { opacity: 1; }

/* جایگاه تبلیغ زیر گزینه‌های سؤال */
.bs-arena-q-ad { margin-top: 16px; padding: 10px; border: 1px dashed var(--bs-border); border-radius: 14px; background: var(--bs-bg-secondary); text-align: center; }
.bs-arena-q-ad-label { display: block; margin-bottom: 6px; font-size: 9px; font-weight: 800; color: var(--bs-text-light); }
.bs-arena-q-ad-content, .bs-arena-q-ad-content .bs-ad-wrapper { width: 100%; }
.bs-arena-q-ad-content .bs-ad-slot { min-height: 0; border: 0; background: transparent; }
.bs-arena-q-ad-content img { display: block; width: 100%; max-height: 90px; margin: auto; object-fit: contain; border-radius: 10px; }
.bs-arena-q-ad-content iframe { display: block; max-width: 100%; margin: auto; }
@media (max-width: 480px) { .bs-arena-q-text { font-size: 14.5px; } }

.bs-arena-result { padding: 30px 26px; text-align: center; border: 1px solid var(--bs-border); border-radius: 24px; background: var(--bs-card); box-shadow: 0 20px 50px rgba(15,23,42,.05); }
.bs-arena-result-top { display: flex; align-items: center; justify-content: center; gap: 34px; flex-wrap: wrap; }
.bs-arena-ring { position: relative; width: 132px; height: 132px; flex: 0 0 auto; filter: drop-shadow(0 10px 20px rgba(79,70,229,.16)); }
.bs-arena-ring::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: color-mix(in srgb, var(--bs-primary) 5%, var(--bs-card)); }
.bs-arena-ring svg { position: relative; z-index: 1; width: 100%; height: 100%; transform: rotate(-90deg); }
.bs-arena-ring-track { fill: none; stroke: var(--bs-bg-secondary); stroke-width: 9; }
.bs-arena-ring-fill { fill: none; stroke: url(#bsArenaRingGrad); stroke-width: 9; stroke-linecap: round; transition: stroke-dashoffset 1s cubic-bezier(.4,0,.2,1); }
.bs-arena-ring.is-weak .bs-arena-ring-fill { stroke: var(--bs-danger); }
.bs-arena-ring.is-good .bs-arena-ring-fill { stroke: var(--bs-warning, #f59e0b); }
.bs-arena-ring-copy { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.bs-arena-ring-copy b { display: flex; align-items: baseline; gap: 1px; font-size: 28px; font-weight: 900; color: var(--bs-text); }
.bs-arena-ring-copy b span { font-size: 15px; font-weight: 800; color: var(--bs-text-light); }
.bs-arena-ring-copy small { margin-top: 2px; font-size: 10px; color: var(--bs-text-light); font-weight: 700; }
.bs-arena-result-stats { display: flex; flex-direction: column; gap: 14px; text-align: right; }
.bs-arena-result-stat b { font-size: 22px; font-weight: 900; color: var(--bs-text); }
.bs-arena-result-stat b span { font-size: 13px; font-weight: 700; color: var(--bs-text-light); }
.bs-arena-result-stat small { display: block; font-size: 11px; color: var(--bs-text-light); font-weight: 700; }
.bs-arena-waiting-note { margin-top: 14px; font-size: 11.5px; color: var(--bs-text-light); line-height: 1.8; }

/* آمار تکمیلی نتیجه مسابقه */
.bs-arena-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.bs-arena-stat-card {
    display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 12px;
    border: 1px solid var(--bs-border); border-radius: 16px; background: var(--bs-bg-secondary); text-align: center;
}
.bs-arena-stat-card.is-wide { grid-column: 1 / -1; flex-direction: row; justify-content: center; gap: 8px; padding: 12px 14px; }
.bs-arena-stat-card.is-wide b { font-size: 12.5px; font-weight: 800; color: var(--bs-text); }
.bs-arena-stat-card.is-wide small { font-size: 11px; color: var(--bs-text-light); font-weight: 700; }
.bs-arena-stat-card.is-best { border-color: color-mix(in srgb, #f59e0b 45%, var(--bs-border)); background: color-mix(in srgb, #f59e0b 10%, var(--bs-bg-secondary)); font-size: 16px; }
.bs-arena-stat-card.is-best b { color: #b45309; }
.bs-arena-stat-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; font-size: 13px; font-weight: 900; }
.bs-arena-stat-icon.is-wrong { color: var(--bs-danger); background: color-mix(in srgb, var(--bs-danger) 15%, transparent); }
.bs-arena-stat-icon.is-time svg { width: 14px; height: 14px; }
.bs-arena-stat-icon.is-time { color: var(--bs-primary); background: color-mix(in srgb, var(--bs-primary) 12%, transparent); }
.bs-arena-stat-icon.is-avg { color: var(--bs-text-light); background: var(--bs-card); }
.bs-arena-stat-icon.is-fast { color: #059669; background: color-mix(in srgb, #059669 14%, transparent); }
.bs-arena-stat-icon.is-fast svg { width: 14px; height: 14px; }
.bs-arena-stat-card b { font-size: 15px; font-weight: 900; color: var(--bs-text); }
.bs-arena-stat-card b span { font-size: 10.5px; font-weight: 700; color: var(--bs-text-light); }
.bs-arena-stat-card small { font-size: 10px; color: var(--bs-text-light); font-weight: 700; line-height: 1.6; }
@media (max-width: 480px) { .bs-arena-stats-grid { grid-template-columns: 1fr 1fr; } }

.bs-arena-versus-title { margin-bottom: 14px; font-size: 15px; font-weight: 900; }
.bs-arena-versus-title.is-win { color: var(--bs-success); }
.bs-arena-versus-title.is-lose { color: var(--bs-danger); }
.bs-arena-versus-title.is-draw { color: var(--bs-text-light); }
.bs-arena-versus-score { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 6px; }
.bs-arena-versus-score > span { display: flex; flex-direction: column; align-items: center; }
.bs-arena-versus-score b { font-size: 26px; font-weight: 900; color: var(--bs-text); }
.bs-arena-versus-score small { font-size: 10px; color: var(--bs-text-light); }
.bs-arena-versus-score > i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #7c3aed; color: #fff; font-size: 10px; font-style: normal; font-weight: 900; }

/* مقایسه آمار نهایی مسابقه دونفره */
.bs-arena-duel-compare { margin-top: 20px; padding: 16px; border: 1px solid var(--bs-border); border-radius: 16px; background: var(--bs-bg-secondary); }
.bs-arena-duel-compare-row { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 800; color: var(--bs-text); }
.bs-arena-duel-compare-row b { font-size: 10px; font-weight: 800; color: var(--bs-text-light); }
.bs-arena-duel-compare-bar { position: relative; display: flex; height: 8px; margin: 8px 0 14px; border-radius: 5px; overflow: hidden; background: var(--bs-card); }
.bs-arena-duel-compare-bar i { display: block; height: 100%; background: #7c3aed; border-radius: 5px 0 0 5px; }
.bs-arena-duel-compare-bar i.is-them { position: absolute; right: 0; top: 0; background: #0ea5e9; border-radius: 0 5px 5px 0; }
.bs-arena-duel-compare-row:last-of-type { margin-bottom: 0; }

/* مسیر طی‌شده در گردونه شانس */
.bs-arena-duel-route { margin-top: 14px; padding: 14px 16px; border: 1px solid var(--bs-border); border-radius: 16px; background: var(--bs-card); }
.bs-arena-duel-route b { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 800; color: var(--bs-text-light); }
.bs-arena-duel-route-list { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
.bs-arena-duel-route-list span { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 10px; border-radius: 12px; background: color-mix(in srgb, var(--topic, #7c3aed) 8%, var(--bs-bg-secondary)); border: 1px solid color-mix(in srgb, var(--topic, #7c3aed) 20%, var(--bs-border)); }
.bs-arena-duel-route-list i { font-style: normal; font-size: 17px; }
.bs-arena-duel-route-list small { font-size: 8.5px; font-weight: 800; color: var(--bs-text-light); white-space: nowrap; }

/* معرفی فرمت دونفره */
.bs-arena-duel-intro { padding: 26px 24px; text-align: center; border: 1px solid var(--bs-border); border-radius: 22px; background: var(--bs-card); }
.bs-arena-duel-intro-icon { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 17px; background: linear-gradient(135deg,#7c3aed,#4f46e5); color: #fff; box-shadow: 0 10px 25px rgba(124,58,237,.25); }
.bs-arena-duel-intro-icon svg { width: 24px; height: 24px; }
.bs-arena-duel-steps { display: flex; flex-direction: column; gap: 10px; margin: 18px 0 22px; text-align: right; }
.bs-arena-duel-steps li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--bs-border); border-radius: 14px; background: var(--bs-bg-secondary); font-size: 12px; font-weight: 700; color: var(--bs-text); }
.bs-arena-duel-steps li b { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 9px; background: color-mix(in srgb, #7c3aed 15%, transparent); color: #7c3aed; font-size: 12px; font-weight: 900; }
.bs-arena-cta.is-ghost { background: var(--bs-bg-secondary); color: var(--bs-text); border: 1.5px solid var(--bs-border); box-shadow: none; }
.bs-arena-site-back { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 16px; padding: 12px; border-radius: 13px; font-size: 12px; font-weight: 700; color: var(--bs-text-light); text-decoration: none; transition: var(--bs-transition); }
.bs-arena-site-back:hover { background: var(--bs-bg-secondary); color: var(--bs-text); }
.bs-arena-site-back svg { width: 13px; height: 13px; transform: scaleX(-1); }

/* امتیاز زنده حریف در حین مسابقه (بازطراحی: کارت با نوار مقایسه) */
.bs-arena-duel-scoreline {
    margin-top: 18px; padding: 16px 18px 14px; border-radius: 18px;
    background: linear-gradient(160deg, color-mix(in srgb, #7c3aed 7%, var(--bs-card)), var(--bs-card));
    border: 1px solid var(--bs-border); box-shadow: 0 12px 28px rgba(15,23,42,.05);
}
.bs-arena-duel-scoreline-row { display: flex; align-items: center; justify-content: center; gap: 16px; }
.bs-arena-duel-scoreline-side { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; flex: 1; min-width: 0; }
.bs-arena-duel-scoreline-side b { font-size: 24px; font-weight: 900; color: var(--bs-text); font-variant-numeric: tabular-nums; line-height: 1.2; }
.bs-arena-duel-scoreline-side small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; font-weight: 800; color: var(--bs-text-light); }
.bs-arena-duel-scoreline-side.is-me b { color: #7c3aed; }
.bs-arena-duel-scoreline-side.is-them b { color: #0ea5e9; }
.bs-arena-duel-scoreline-side.is-leading b { text-shadow: 0 2px 12px currentColor; }
.bs-arena-duel-crown { position: absolute; top: -20px; font-style: normal; font-size: 14px; animation: bsDuelCrownBob 1.6s ease-in-out infinite; }
@keyframes bsDuelCrownBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
.bs-arena-duel-scoreline-vs {
    flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%;
    background: linear-gradient(135deg,#7c3aed,#4f46e5); color: #fff; font-style: normal; font-size: 10.5px; font-weight: 900;
    box-shadow: 0 8px 18px rgba(124,58,237,.32); letter-spacing: .3px;
}
.bs-arena-duel-scoreline-bar { position: relative; height: 7px; margin-top: 16px; border-radius: 6px; overflow: hidden; background: color-mix(in srgb, #0ea5e9 20%, var(--bs-bg-secondary)); }
.bs-arena-duel-scoreline-bar i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg,#7c3aed,#a78bfa); transition: width .6s cubic-bezier(.4,0,.2,1); }

/* معرفی راند (تصادفی یا انتخاب‌شده) */
.bs-arena-round-intro { padding: 34px 24px; text-align: center; border: 1px solid color-mix(in srgb, var(--topic, #6d5ce8) 22%, var(--bs-border)); border-radius: 22px; background: linear-gradient(160deg, color-mix(in srgb, var(--topic, #6d5ce8) 10%, var(--bs-card)), var(--bs-card)); animation: bsRoundIntroIn .4s ease; }
@keyframes bsRoundIntroIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.bs-arena-round-intro-badge { display: inline-block; padding: 6px 14px; border-radius: 999px; background: color-mix(in srgb, var(--topic, #6d5ce8) 14%, transparent); color: var(--topic, #6d5ce8); font-size: 10.5px; font-weight: 900; }
.bs-arena-round-intro-icon { margin: 18px auto 10px; font-size: 44px; line-height: 1; }
.bs-arena-round-intro h2 { margin-bottom: 6px; font-size: 19px; font-weight: 900; color: var(--bs-text); }
.bs-arena-round-intro p { font-size: 12px; color: var(--bs-text-light); font-weight: 700; }

/* گردونه شانس انتخاب موضوع راند */
.bs-arena-wheel-wrap { position: relative; padding: 20px 16px 26px; text-align: center; border: 1px solid var(--bs-border); border-radius: 22px; background: var(--bs-card); }
.bs-arena-wheel-ring { display: flex; justify-content: center; margin: 26px auto 6px; }
.bs-arena-wheel-pointer { position: absolute; top: 40px; left: 50%; z-index: 3; width: 22px; height: 26px; margin-left: -11px; color: #f59e0b; filter: drop-shadow(0 3px 6px rgba(0,0,0,.2)); }
.bs-arena-wheel-pointer svg { width: 100%; height: 100%; }

/* ═══════════════════════════════════════════════════════
   Quiz Royal UI — کارت سؤال، تبلیغ زیر تیتر و افتخارات
═══════════════════════════════════════════════════════ */
.bs-quiz-question-shell {
    position: relative;
    display: grid;
    gap: 16px;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid color-mix(in srgb, var(--q-accent) 22%, rgba(255,255,255,.12));
    border-radius: 24px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--q-card-bg) 95%, #fff 5%), color-mix(in srgb, var(--q-card-bg) 91%, var(--q-accent) 9%));
    box-shadow: 0 22px 55px rgba(2,6,23,.22), inset 0 1px rgba(255,255,255,.1);
    overflow: hidden;
}
.bs-quiz-question-shell::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--q-accent), var(--q-secondary), transparent);
}
.bs-quiz-question-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: color-mix(in srgb, var(--q-text) 66%, transparent);
    font-size: 10px;
    font-weight: 900;
}
.bs-quiz-mini-progress {
    width: min(210px, 48%);
    height: 7px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--q-accent) 18%, transparent);
    border-radius: 99px;
    background: color-mix(in srgb, var(--q-text) 8%, transparent);
}
.bs-quiz-mini-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--q-accent), var(--q-secondary));
    box-shadow: 0 0 14px color-mix(in srgb, var(--q-accent) 55%, transparent);
    transition: width .45s cubic-bezier(.2,.8,.2,1);
}
.bs-quiz-question {
    margin: 2px 0 0;
    color: var(--q-text);
    font-size: clamp(16px, 2.4vw, 22px);
    font-weight: 950;
    line-height: 1.9;
    text-wrap: balance;
}
.bs-quiz-question + .bs-quiz-question-ad {
    width: 100%;
    margin: -2px 0 2px;
}
.bs-quiz-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}
.bs-quiz-option {
    position: relative;
    display: grid;
    min-height: 64px;
    grid-template-columns: 38px 1fr 14px;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid color-mix(in srgb, var(--q-text) 12%, transparent);
    border-radius: 16px;
    color: var(--q-text);
    background: color-mix(in srgb, var(--q-card-bg) 88%, transparent);
    box-shadow: 0 8px 18px rgba(2,6,23,.08);
    font-family: inherit;
    font-weight: 850;
    text-align: right;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.bs-quiz-option:hover,
.bs-quiz-option:focus-visible {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--q-accent) 60%, transparent);
    box-shadow: 0 13px 28px color-mix(in srgb, var(--q-accent) 15%, rgba(2,6,23,.1));
    outline: none;
}
.bs-quiz-letter {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 12px;
    color: var(--q-accent);
    background: color-mix(in srgb, var(--q-accent) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--q-accent) 18%, transparent);
    font-size: 12px;
    font-weight: 950;
}
.bs-quiz-option.correct {
    border-color: #22c55e;
    background: color-mix(in srgb, #22c55e 12%, var(--q-card-bg));
}
.bs-quiz-option.wrong {
    border-color: #ef4444;
    background: color-mix(in srgb, #ef4444 10%, var(--q-card-bg));
}
.bs-quiz-earned-badge,
.bs-quiz-final-badge {
    isolation: isolate;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--badge) 22%, transparent);
}

@media (max-width: 680px) {
    .bs-quiz-question-shell { gap: 12px; padding: 15px; border-radius: 19px; }
    .bs-quiz-options { grid-template-columns: 1fr; gap: 8px; }
    .bs-quiz-option { min-height: 55px; border-radius: 14px; }
    .bs-quiz-question { font-size: 16px; line-height: 1.85; }
    .bs-quiz-question + .bs-quiz-question-ad { margin-top: -4px; }
}
.bs-arena-wheel { position: relative; width: 260px; height: 260px; border-radius: 50%; background: conic-gradient(from 0deg, color-mix(in srgb, var(--bs-primary) 7%, var(--bs-bg-secondary)), var(--bs-bg-secondary)); box-shadow: inset 0 0 0 1px var(--bs-border), inset 0 0 0 8px var(--bs-card), inset 0 0 0 9px var(--bs-border), 0 14px 34px rgba(15,23,42,.06); transition: box-shadow .3s ease; }
.bs-arena-wheel.is-spinning { box-shadow: inset 0 0 0 1px var(--bs-border), inset 0 0 0 8px var(--bs-card), inset 0 0 0 9px #7c3aed, 0 0 0 5px color-mix(in srgb, #7c3aed 18%, transparent), 0 16px 40px rgba(124,58,237,.22); animation: bsWheelPulse 1.1s ease infinite; }
@keyframes bsWheelPulse { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.06); } }
.bs-arena-wheel-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(145deg, var(--bs-card), var(--bs-bg-secondary)); box-shadow: 0 0 0 1px var(--bs-border), 0 6px 16px rgba(15,23,42,.1); font-size: 22px; }
.bs-arena-wheel-item { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 3px; width: 62px; margin-top: -31px; margin-left: -31px; padding: 8px 4px; border-radius: 14px; background: var(--bs-card); border: 1.5px solid color-mix(in srgb, var(--topic, var(--bs-primary)) 20%, var(--bs-border)); box-shadow: 0 6px 14px rgba(15,23,42,.05); transition: transform .15s ease, box-shadow .15s ease; }
.bs-arena-wheel-item .bs-arena-wheel-icon { font-size: 17px; line-height: 1; }
.bs-arena-wheel-item small { font-size: 8px; font-weight: 800; color: var(--bs-text); line-height: 1.3; max-width: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bs-arena-wheel-item:hover:not(:disabled) { box-shadow: 0 10px 22px color-mix(in srgb, var(--topic, var(--bs-primary)) 20%, rgba(15,23,42,.06)); }
.bs-arena-wheel-item.is-spin-hit, .bs-arena-wheel-item:active:not(:disabled) { background: color-mix(in srgb, var(--topic, var(--bs-primary)) 22%, var(--bs-card)); border-color: var(--topic, var(--bs-primary)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--topic, var(--bs-primary)) 26%, transparent), 0 10px 22px color-mix(in srgb, var(--topic, var(--bs-primary)) 22%, transparent); filter: brightness(1.05); z-index: 2; }
.bs-arena-wheel-item:disabled { opacity: .45; }
@media (max-width: 420px) {
    .bs-arena-wheel { width: 220px; height: 220px; }
    .bs-arena-wheel-item { width: 54px; margin-top: -27px; margin-left: -27px; }
}

/* نمودار سرعت عمل */
.bs-arena-speed { margin-top: 22px; padding: 16px 18px; border: 1px solid var(--bs-border); border-radius: 16px; background: var(--bs-bg-secondary); text-align: right; }
.bs-arena-speed-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 11.5px; }
.bs-arena-speed-head > span { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; color: var(--bs-text); }
.bs-arena-speed-head svg { width: 14px; height: 14px; color: var(--bs-primary); }
.bs-arena-speed-head b { font-weight: 700; color: var(--bs-text-light); }
.bs-arena-speed-chart { display: flex; align-items: flex-end; gap: 4px; height: 56px; }
.bs-arena-speed-bar { flex: 1; min-width: 3px; border-radius: 4px 4px 0 0; background: var(--bs-primary); opacity: .55; transition: height .5s cubic-bezier(.4,0,.2,1); }
.bs-arena-speed-bar.is-fast { background: var(--bs-success); opacity: .85; }
.bs-arena-speed-bar.is-slow { background: var(--bs-danger); opacity: .75; }

.bs-arena-review { margin-top: 22px; display: grid; gap: 10px; }
.bs-arena-review-item { display: flex; gap: 12px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--bs-border); background: var(--bs-card); }
.bs-arena-review-mark { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; font-size: 13px; font-weight: 900; }
.bs-arena-review-item.is-correct .bs-arena-review-mark { background: color-mix(in srgb, var(--bs-success) 18%, transparent); color: var(--bs-success); }
.bs-arena-review-item.is-wrong .bs-arena-review-mark { background: color-mix(in srgb, var(--bs-danger) 18%, transparent); color: var(--bs-danger); }
.bs-arena-review-item strong { display: block; margin-bottom: 8px; font-size: 13px; color: var(--bs-text); }
.bs-arena-review-opts { display: flex; flex-wrap: wrap; gap: 6px; }
.bs-arena-review-opt { padding: 5px 10px; font-size: 11px; font-weight: 700; border-radius: 8px; background: var(--bs-bg-secondary); color: var(--bs-text-light); }
.bs-arena-review-opt.is-correct { background: color-mix(in srgb, var(--bs-success) 15%, transparent); color: var(--bs-success); }
.bs-arena-review-opt.is-wrong { background: color-mix(in srgb, var(--bs-danger) 15%, transparent); color: var(--bs-danger); }
@media (max-width: 480px) { .bs-arena-result-top { flex-direction: column; gap: 16px; } .bs-arena-result-stats { flex-direction: row; justify-content: center; gap: 26px; text-align: center; } }

/* ═══════════════════════════════════════════════════════
   نمادهای حرفه‌ای باستانی برای دسته‌بندی کوییز
═══════════════════════════════════════════════════════ */
.bs-qh-topic-icon {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    font-family:"Segoe UI Historic","Noto Sans Old Persian","Segoe UI Symbol",serif;
}
.bs-qh-topic-icon::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:5px;
    border:1px solid color-mix(in srgb,var(--topic,var(--bs-primary)) 38%,transparent);
    border-radius:11px;
    transform:rotate(45deg) scale(.72);
    box-shadow:inset 0 0 15px color-mix(in srgb,var(--topic,var(--bs-primary)) 17%,transparent);
    transition:transform .28s ease;
}
.bs-qh-topic-icon::after {
    content:"◆";
    position:absolute;
    right:3px;
    bottom:0;
    color:color-mix(in srgb,var(--topic,var(--bs-primary)) 76%,transparent);
    font-size:5px;
    text-shadow:-35px -35px color-mix(in srgb,var(--topic,var(--bs-primary)) 76%,transparent);
}
.bs-qh-topics-arena-link:hover .bs-qh-topic-icon::before,
.bs-arena-topics button:hover .bs-qh-topic-icon::before { transform:rotate(135deg) scale(.78); }
.bs-quiz-visual-fallback {
    position:relative;
    z-index:1;
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    color:var(--topic,var(--bs-primary));
    font-family:"Segoe UI Historic","Noto Sans Old Persian","Segoe UI Symbol",serif;
    font-size:25px;
    font-weight:800;
    line-height:1;
    text-shadow:0 2px 10px color-mix(in srgb,var(--topic,var(--bs-primary)) 24%,transparent);
}
.bs-quiz-icon-achaemenid,.bs-quiz-icon-parthian { font-size:23px; }
.bs-quiz-icon-sassanid { font-size:27px; }
.bs-quiz-icon-islamic { font-size:25px; }
.bs-quiz-icon-prehistory { font-size:24px; }
.bs-qh-topic-icon .bs-quiz-visual-image {
    position:relative;
    z-index:1;
    width:78%;
    height:78%;
    object-fit:cover;
    border-radius:10px;
    filter:saturate(.88) contrast(1.04);
}
html[data-theme="dark"] .bs-qh-topic-icon {
    background:color-mix(in srgb,var(--topic,var(--bs-primary)) 15%,#101827);
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 9px 22px color-mix(in srgb,var(--topic,var(--bs-primary)) 15%,transparent);
}

/* ═══════════════════════════════════════════════════════
   Quiz Cards 7.0.2 — کارت‌های واقعی صفحه کوییز و جایگاه تبلیغ
═══════════════════════════════════════════════════════ */
body.bs-quiz-page .bs-qh-wrap:not(.bs-qh-single),
.bs-qh-wrap.bs-qz-page {
    max-width: 1180px;
}
.bs-qz-hub {
    position: relative;
    margin-bottom: 28px;
    padding: clamp(14px, 2vw, 22px);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 11%, var(--bs-border));
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% -15%, color-mix(in srgb, #7c3aed 13%, transparent), transparent 34%),
        linear-gradient(145deg, var(--bs-card), color-mix(in srgb, var(--bs-bg-secondary) 78%, var(--bs-card)));
    box-shadow: 0 24px 65px rgba(15,23,42,.09);
}
.bs-qz-hub-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}
.bs-qz-hub-card {
    isolation: isolate;
    min-height: 188px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;
    padding: 84px 20px 20px;
    text-align: right;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 23px;
    box-shadow: 0 16px 34px rgba(15,23,42,.16), inset 0 1px rgba(255,255,255,.22);
}
.bs-qz-hub-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -52px;
    left: -42px;
    width: 150px;
    height: 150px;
    border: 28px solid rgba(255,255,255,.09);
    border-radius: 50%;
    transition: transform .3s ease;
}
.bs-qz-hub-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 46%, rgba(0,0,0,.13));
}
.bs-qz-hub-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 46px rgba(15,23,42,.22), inset 0 1px rgba(255,255,255,.3);
}
.bs-qz-hub-card:hover::before { transform: scale(1.12) rotate(9deg); }
.bs-qz-hub-icon {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 52px;
    height: 52px;
    margin: 0;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 17px;
    background: rgba(255,255,255,.18);
    box-shadow: inset 0 1px rgba(255,255,255,.28), 0 10px 22px rgba(0,0,0,.12);
    backdrop-filter: blur(7px);
}
.bs-qz-hub-icon svg { width: 24px; height: 24px; }
.bs-qz-hub-card strong { display: block; width: 100%; margin: 0; font-size: 17px; line-height: 1.6; }
.bs-qz-hub-card small { display: block; width: 100%; max-width: 22ch; min-height: 35px; font-size: 10.5px; line-height: 1.75; opacity: .88; }
.bs-qz-hub-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    padding-top: 9px;
    border-top: 1px solid rgba(255,255,255,.18);
    font-size: 9px;
    font-weight: 900;
}
.bs-qz-hub-link svg { width: 11px; height: 11px; transition: transform .2s ease; }
.bs-qz-hub-card:hover .bs-qz-hub-link svg { transform: translateX(-3px); }
.bs-qz-hub-start {
    min-height: 58px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 17px;
    font-size: 14px;
    box-shadow: 0 16px 34px rgba(22,163,74,.24), inset 0 1px rgba(255,255,255,.25);
}

.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link {
    min-height: 108px;
    padding: 15px;
    gap: 12px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--topic,var(--bs-primary)) 12%, transparent), transparent 46%),
        color-mix(in srgb, var(--topic,var(--bs-primary)) 3%, var(--bs-card));
    box-shadow: 0 10px 26px rgba(15,23,42,.055);
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-icon {
    flex-basis: 54px;
    width: 54px;
    height: 54px;
    border-radius: 17px;
}
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-copy strong { font-size: 11.5px; }
.bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-copy small { font-size: 8.5px; }

/* تبلیغ همیشه در لنگر مستقیم زیر تیتر سؤال قرار می‌گیرد. */
.bs-quiz-question-ad-anchor,
.bs-arena-q-ad-anchor { width: 100%; min-width: 0; }
.bs-quiz-question-ad-anchor:empty,
.bs-arena-q-ad-anchor:empty { display: none; }
.bs-quiz-question-ad-anchor > .bs-quiz-question-ad {
    width: 100%;
    max-width: none;
    margin: -3px 0 1px;
}
.bs-arena-q-text { margin-bottom: 10px; }
.bs-arena-q-ad-anchor > .bs-arena-q-ad {
    width: 100%;
    margin: 0 0 16px;
    padding: 7px;
    border-style: solid;
}
.bs-arena-q-ad[hidden] { display: none !important; }
.bs-arena-q-ad-anchor + .bs-arena-q-options { margin-top: 0; }

@media (max-width: 900px) {
    .bs-qz-hub-grid,
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .bs-qz-hub { padding: 10px; border-radius: 21px; }
    .bs-qz-hub-grid { gap: 8px; margin-bottom: 10px; }
    .bs-qz-hub-card { min-height: 184px; padding: 68px 12px 14px; gap: 5px; border-radius: 17px; }
    .bs-qz-hub-icon { top: 12px; right: 12px; width: 42px; height: 42px; border-radius: 14px; }
    .bs-qz-hub-icon svg { width: 20px; height: 20px; }
    .bs-qz-hub-card strong { font-size: 13px; }
    .bs-qz-hub-card small { min-height: 31px; font-size: 8.5px; line-height: 1.65; }
    .bs-qz-hub-link { font-size: 7.5px; }
    .bs-qz-hub-start { min-height: 51px; font-size: 12px; }
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena { gap: 8px; }
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena a.bs-qh-topics-arena-link { min-height: 86px; padding: 10px; gap: 8px; border-radius: 15px; }
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-icon { flex-basis: 42px; width: 42px; height: 42px; border-radius: 13px; }
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-copy strong { font-size: 9px; }
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena .bs-qh-topic-copy small { font-size: 7px; }
    .bs-arena-q-ad-anchor > .bs-arena-q-ad { margin-bottom: 11px; padding: 5px; border-radius: 11px; }
}
@media (max-width: 360px) {
    .bs-qz-hub-grid,
    .bs-qh-topic-section .bs-qh-topics.bs-qh-topics-arena { grid-template-columns: 1fr; }
    .bs-qz-hub-card { min-height: 158px; }
}

/* ═══ بنر بازی‌های باستان‌شناس زیر فهرست مطالب نوشته ═══ */
.bs-single-games-promo {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0 21px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, #c9a227 32%, var(--bs-border));
    border-radius: 23px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0, rgba(42,174,167,.22), transparent 35%),
        radial-gradient(circle at 100% 100%, rgba(139,58,98,.23), transparent 38%),
        linear-gradient(135deg, #111827, #1c1630 60%, #111827);
    box-shadow: 0 17px 42px rgba(15,23,42,.18);
}
.bs-single-games-promo::before {
    content: "◆ 𐎠 ◆ 𐎱 ◆";
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 18px;
    color: rgba(240,217,168,.07);
    font-family: "Segoe UI Historic", "Noto Sans Old Persian", serif;
    font-size: 52px;
    white-space: nowrap;
    transform: rotate(-6deg);
}
.bs-single-games-promo__intro {
    display: flex;
    min-width: 0;
    padding: 12px 13px;
    flex-direction: column;
    justify-content: center;
    grid-column: 1 / -1;
}
.bs-single-games-promo__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e9c969;
    font-size: 9px;
    font-weight: 900;
}
.bs-single-games-promo__eyebrow svg { width: 14px; height: 14px; }
.bs-single-games-promo__intro > strong { margin: 5px 0 7px; color: #fff5d8; font-size: 15px; line-height: 1.7; }
.bs-single-games-promo__intro > a {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 4px;
    color: #c7bdce;
    font-size: 8px;
    font-weight: 800;
}
.bs-single-games-promo__intro > a svg,
.bs-single-game-tile__copy em svg { width: 10px; height: 10px; }
.bs-single-game-tile {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 112px;
    padding: 14px;
    align-items: center;
    gap: 11px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 17px;
    color: #fff !important;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.bs-single-game-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(255,255,255,.11), transparent 38%);
    pointer-events: none;
}
.bs-single-game-tile.is-guardians { background: linear-gradient(135deg, #087f7a, #145b78); }
.bs-single-game-tile.is-hokm { background: linear-gradient(135deg, #7d294f, #4b2a72); }
.bs-single-game-tile.is-shatranj { background: linear-gradient(135deg, #835d1d, #4e3548); }
.bs-single-game-tile.is-quizzes { background: linear-gradient(135deg, #245d9b, #49397c); }
.bs-single-game-tile:hover {
    transform: translateY(-3px);
    border-color: rgba(240,217,168,.48);
    box-shadow: 0 13px 28px rgba(0,0,0,.23);
}
.bs-single-game-tile__icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 15px;
    color: #ffe7a0;
    background: rgba(8,15,30,.23);
    box-shadow: inset 0 1px rgba(255,255,255,.2);
    animation: bs-single-game-float 4.2s ease-in-out infinite;
}
.bs-single-game-tile__icon::before,
.bs-single-game-tile__icon::after {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: -1;
    border: 1px solid hsla(var(--game-hue), 88%, 77%, .4);
    border-radius: 19px;
    box-shadow: 0 0 18px hsla(var(--game-hue), 85%, 62%, .3);
    animation: bs-single-game-halo 2.8s ease-in-out infinite;
}
.bs-single-game-tile__icon::after { inset: -15px; opacity: .35; animation-delay: -1.4s; }
.bs-single-game-tile__icon svg { width: 25px; height: 25px; }
.bs-single-game-tile__icon--chess svg { width: 29px; height: 29px; }
.bs-single-game-tile__particles { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.bs-single-game-tile__particles i {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: hsl(var(--game-hue), 90%, 76%);
    box-shadow: 0 0 9px hsl(var(--game-hue), 86%, 62%);
    animation: bs-single-game-particle 4.8s ease-in-out infinite;
}
.bs-single-game-tile__particles i:nth-child(1) { right: 12%; top: 18%; animation-delay: -1.1s; }
.bs-single-game-tile__particles i:nth-child(2) { right: 31%; top: 73%; width: 3px; height: 3px; animation-delay: -3.3s; }
.bs-single-game-tile__particles i:nth-child(3) { right: 55%; top: 24%; width: 5px; height: 5px; animation-delay: -2.2s; }
.bs-single-game-tile__particles i:nth-child(4) { right: 76%; top: 62%; animation-delay: -.4s; }
.bs-single-game-tile__particles i:nth-child(5) { right: 88%; top: 20%; width: 2px; height: 2px; animation-delay: -4s; }
.bs-single-game-tile__particles i:nth-child(6) { right: 47%; top: 88%; width: 3px; height: 3px; animation-delay: -1.8s; }
@keyframes bs-single-game-float { 0%,100% { transform: translateY(2px) rotate(-1deg); } 50% { transform: translateY(-5px) rotate(2deg); } }
@keyframes bs-single-game-halo { 0%,100% { transform: scale(.86); opacity: .25; } 50% { transform: scale(1.08); opacity: .72; } }
@keyframes bs-single-game-particle { 0%,100% { transform: translateY(7px) scale(.55); opacity: .18; } 48% { transform: translateY(-9px) scale(1.2); opacity: .9; } }
.bs-single-game-tile__copy {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
}
.bs-single-game-tile__copy small { color: rgba(255,255,255,.72); font-size: 7.5px; font-weight: 750; }
.bs-single-game-tile__copy strong { margin: 2px 0 5px; color: #fff; font-size: 13px; line-height: 1.55; }
.bs-single-game-tile__copy em { display: inline-flex; align-items: center; gap: 3px; color: #ffe6a0; font-size: 7.5px; font-style: normal; font-weight: 850; }
@media (max-width: 760px) {
    .bs-single-games-promo { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; border-radius: 19px; }
    .bs-single-games-promo__intro { grid-column: 1 / -1; min-height: 72px; padding: 7px 9px; }
    .bs-single-games-promo__intro > strong { margin: 2px 0 3px; font-size: 13px; }
    .bs-single-game-tile { min-height: 118px; padding: 11px 9px; align-items: flex-start; flex-direction: column; gap: 7px; border-radius: 14px; }
    .bs-single-game-tile__icon { width: 39px; height: 39px; flex-basis: 39px; border-radius: 12px; }
    .bs-single-game-tile__icon svg { width: 21px; height: 21px; }
    .bs-single-game-tile__copy strong { font-size: 11px; }
    .bs-single-game-tile.is-shatranj { grid-column: 1 / -1; min-height: 92px; flex-direction: row; align-items: center; }
}
@media (max-width: 370px) {
    .bs-single-games-promo { grid-template-columns: 1fr; }
    .bs-single-games-promo__intro { grid-column: auto; }
    .bs-single-game-tile { min-height: 92px; flex-direction: row; align-items: center; }
    .bs-single-game-tile.is-shatranj { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .bs-single-game-tile__icon,
    .bs-single-game-tile__icon::before,
    .bs-single-game-tile__icon::after,
    .bs-single-game-tile__particles i { animation: none !important; }
}

/* واکنش‌های چندگانه باستان‌نگار؛ هماهنگ با ظاهر اصلی و بدون پوسته فیسبوکی */
.bs-reaction-wrap { position: relative; min-width: 0; flex: 1; }
.bs-reaction-main { width: 100%; }
.bs-reaction-main b { font-size: 16px; line-height: 1; }
.bs-reaction-main em { font-size: 9px; font-style: normal; font-weight: 800; }
.bs-reaction-main.reacted { color: var(--bs-primary) !important; background: color-mix(in srgb,var(--bs-primary) 9%,transparent) !important; }
.bs-reaction-picker { position: absolute; z-index: 45; right: 50%; bottom: calc(100% + 7px); display: flex; gap: 4px; padding: 7px; border: 1px solid var(--bs-border); border-radius: 30px; background: var(--bs-card); box-shadow: 0 13px 34px rgba(16,29,49,.22); opacity: 0; visibility: hidden; transform: translate(50%,8px) scale(.94); transition: .18s; }
.bs-reaction-wrap:hover .bs-reaction-picker,.bs-reaction-wrap:focus-within .bs-reaction-picker { opacity: 1; visibility: visible; transform: translate(50%,0) scale(1); }
.bs-reaction-picker button { position: relative; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: var(--bs-bg-secondary); cursor: pointer; transition: .17s; }
.bs-reaction-picker button:hover { transform: translateY(-6px) scale(1.15); }
.bs-reaction-picker b { font-size: 20px; }
.bs-reaction-picker small { position: absolute; bottom: 45px; display: none; padding: 3px 6px; border-radius: 6px; color: #fff; background: #172033; font-size: 7px; white-space: nowrap; }
.bs-reaction-picker button:hover small { display: block; }
@media (max-width:520px) {
    .bs-reaction-main em { display:none; }
    .bs-reaction-picker { right:auto; left:-30px; transform:translate(0,8px) scale(.94); }
    .bs-reaction-wrap:hover .bs-reaction-picker,.bs-reaction-wrap:focus-within .bs-reaction-picker { transform:translate(0,0) scale(1); }
    .bs-reaction-picker button { width:35px; height:35px; }
}

/* ریل لوپ حرفه‌ای بنر بازی‌ها — بدون شکست کارت در دسکتاپ و موبایل */
.bs-single-games-promo {
    display: grid;
    grid-template-columns: minmax(172px, .68fr) minmax(0, 2.32fr);
    gap: 0;
    min-height: 154px;
    padding: 8px;
    border-color: rgba(226, 197, 119, .28);
    border-radius: 26px;
    background:
        radial-gradient(circle at 3% 8%, rgba(25, 181, 169, .2), transparent 31%),
        radial-gradient(circle at 96% 100%, rgba(184, 75, 140, .2), transparent 34%),
        linear-gradient(125deg, #0d1421, #19172a 52%, #101520);
    box-shadow: 0 22px 58px rgba(9, 13, 25, .26), inset 0 1px rgba(255, 255, 255, .05);
}
.bs-single-games-promo::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 5px;
    border: 1px solid rgba(255, 255, 255, .045);
    border-radius: 20px;
    pointer-events: none;
}
.bs-single-games-promo__intro {
    position: relative;
    z-index: 3;
    grid-column: auto;
    min-width: 0;
    padding: 17px 17px 17px 13px;
    border-left: 1px solid rgba(233, 201, 105, .15);
    overflow: hidden;
}
.bs-single-games-promo__intro::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 17px;
    bottom: 17px;
    width: 3px;
    border-radius: 8px;
    background: linear-gradient(#e8c768, #23aaa3, #ad4d88);
    box-shadow: 0 0 16px rgba(232, 199, 104, .3);
}
.bs-single-games-promo__eyebrow { padding-right: 7px; color: #f1d57f; font-size: 9px; letter-spacing: -.1px; }
.bs-single-games-promo__intro > strong { margin: 7px 7px 8px 0; color: #fff6dc; font-size: 15px; line-height: 1.75; }
.bs-single-games-promo__intro > a { margin-right: 7px; padding: 5px 0; color: #c8c3d2; font-size: 8px; transition: color .2s ease, transform .2s ease; }
.bs-single-games-promo__intro > a:hover { color: #ffe79a; transform: translateX(-3px); }
.bs-single-games-promo__motion { display: flex; margin: 7px 7px 0 0; gap: 4px; align-items: center; }
.bs-single-games-promo__motion i { display: block; width: 4px; height: 4px; border-radius: 50%; background: #e8c768; box-shadow: 0 0 8px rgba(232,199,104,.65); animation: bs-promo-motion-dot 1.4s ease-in-out infinite; }
.bs-single-games-promo__motion i:nth-child(2) { width: 15px; border-radius: 5px; background: linear-gradient(90deg,#e8c768,#27aaa4); animation-delay: -.3s; }
.bs-single-games-promo__motion i:nth-child(3) { background: #ad4d88; animation-delay: -.6s; }
.bs-single-games-promo__viewport {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 8px 0 8px 10px;
    direction: ltr;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}
.bs-single-games-promo__track {
    --promo-half-gap: 6px;
    display: flex;
    width: max-content;
    height: 100%;
    align-items: stretch;
    gap: 12px;
    direction: ltr;
    will-change: transform;
    animation: bs-promo-marquee 27s linear infinite;
}
.bs-single-games-promo__group { display: flex; flex: 0 0 auto; align-items: stretch; gap: 12px; direction: ltr; }
.bs-single-games-promo:hover .bs-single-games-promo__track,
.bs-single-games-promo:focus-within .bs-single-games-promo__track { animation-play-state: paused; }
.bs-single-game-tile {
    width: clamp(218px, 23vw, 276px);
    min-width: clamp(218px, 23vw, 276px);
    min-height: 130px;
    padding: 15px 14px;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    border-radius: 19px;
    direction: rtl;
    box-shadow: inset 0 1px rgba(255,255,255,.12), 0 9px 25px rgba(0,0,0,.18);
}
.bs-single-game-tile::before {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -34px;
    width: 105px;
    height: 105px;
    border: 1px solid hsla(var(--game-hue), 80%, 76%, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 14px hsla(var(--game-hue), 78%, 65%, .055), 0 0 0 31px hsla(var(--game-hue), 78%, 65%, .035);
    pointer-events: none;
}
.bs-single-game-tile:hover { transform: translateY(-3px) scale(1.012); }
.bs-single-game-tile__icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 17px; }
.bs-single-game-tile__copy small { font-size: 8px; }
.bs-single-game-tile__copy strong { margin: 3px 0 6px; font-size: 14px; }
.bs-single-game-tile__copy em { font-size: 8px; }
@keyframes bs-promo-marquee { to { transform: translateX(calc(-50% - var(--promo-half-gap))); } }
@keyframes bs-promo-motion-dot { 0%,100% { transform: scale(.65); opacity: .35; } 50% { transform: scale(1); opacity: 1; } }

@media (max-width: 760px) {
    .bs-single-games-promo { display: block; min-height: 0; padding: 7px; border-radius: 22px; }
    .bs-single-games-promo__intro { min-height: 82px; padding: 11px 14px 10px; border-left: 0; border-bottom: 1px solid rgba(233,201,105,.13); }
    .bs-single-games-promo__intro::before { right: 6px; top: 13px; bottom: 13px; width: 2px; }
    .bs-single-games-promo__eyebrow { font-size: 8px; }
    .bs-single-games-promo__intro > strong { display: block; margin: 3px 7px 2px 0; font-size: 13px; }
    .bs-single-games-promo__intro > a { position: absolute; left: 11px; bottom: 12px; margin: 0; }
    .bs-single-games-promo__motion { margin-top: 2px; }
    .bs-single-games-promo__viewport { padding: 9px 0 3px; -webkit-mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
    .bs-single-games-promo__track,
    .bs-single-games-promo__group { gap: 9px; }
    .bs-single-games-promo__track { --promo-half-gap: 4.5px; animation-duration: 21s; }
    .bs-single-game-tile,
    .bs-single-game-tile.is-shatranj {
        grid-column: auto;
        width: min(76vw, 274px);
        min-width: min(76vw, 274px);
        min-height: 108px;
        padding: 12px 11px;
        align-items: center;
        flex-direction: row;
        gap: 10px;
        border-radius: 16px;
    }
    .bs-single-game-tile__icon { width: 45px; height: 45px; flex-basis: 45px; border-radius: 14px; }
    .bs-single-game-tile__icon svg { width: 23px; height: 23px; }
    .bs-single-game-tile__copy strong { margin: 2px 0 4px; font-size: 12px; }
}
@media (max-width: 360px) {
    .bs-single-game-tile,
    .bs-single-game-tile.is-shatranj { width: 244px; min-width: 244px; }
}
@media (prefers-reduced-motion: reduce) {
    .bs-single-games-promo__track { animation: none !important; transform: none !important; }
    .bs-single-games-promo__group[aria-hidden="true"] { display: none; }
    .bs-single-games-promo__viewport { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
    .bs-single-games-promo__viewport::-webkit-scrollbar { display: none; }
    .bs-single-games-promo__motion i { animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════
   تجربه حرفه‌ای کوییز، لیگ، میراث، داشبورد و جستجو — 8.0.0
═══════════════════════════════════════════════════════════ */

/* کلید مستقل حالت نمایش در صفحات تمام‌صفحه کوییز */
.bs-quiz-theme-toggle {
    display:inline-flex; min-height:38px; padding:6px 10px 6px 12px; align-items:center; gap:7px;
    border:1px solid color-mix(in srgb,var(--bs-primary) 13%,var(--bs-border)); border-radius:12px;
    color:var(--bs-text-muted); background:color-mix(in srgb,var(--bs-card) 86%,transparent);
    box-shadow:0 8px 22px rgba(15,23,42,.07); font-size:9px; font-weight:850; white-space:nowrap;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.bs-quiz-theme-toggle:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--bs-primary) 38%,var(--bs-border)); color:var(--bs-primary); }
.bs-quiz-theme-toggle>span { display:grid; width:25px; height:25px; place-items:center; border-radius:8px; color:#f59e0b; background:color-mix(in srgb,#f59e0b 12%,var(--bs-card)); }
.bs-quiz-theme-toggle svg { width:14px; height:14px; }
.bs-quiz-theme-toggle em { font-style:normal; }
html[data-theme="dark"] .bs-quiz-theme-toggle>span { color:#a5b4fc; background:rgba(99,102,241,.15); }

/* آیکون‌های تاریخی مرتبط با موضوع */
.bs-qh-topic-icon .bs-quiz-topic-svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.55; }
.bs-qh-topic-icon:has(.bs-quiz-topic-svg) { position:relative; color:var(--topic); background:linear-gradient(145deg,color-mix(in srgb,var(--topic) 17%,var(--bs-card)),color-mix(in srgb,var(--topic) 5%,var(--bs-card))); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--topic) 20%,transparent),0 9px 22px color-mix(in srgb,var(--topic) 13%,transparent); }
.bs-qh-topic-icon:has(.bs-quiz-topic-svg)::after { content:""; position:absolute; inset:6px; border:1px solid color-mix(in srgb,var(--topic) 20%,transparent); border-radius:9px; pointer-events:none; }
.bs-qh-single-count .bs-quiz-topic-svg { width:20px; height:20px; }

/* لیگ شش‌درجه‌ای */
.bs-ql2-myrank { position:relative; overflow:hidden; padding:20px 22px; border:1px solid color-mix(in srgb,var(--tier-color) 32%,var(--bs-border)); border-right:0; background:radial-gradient(circle at 4% 20%,color-mix(in srgb,var(--tier-color) 18%,transparent),transparent 38%),linear-gradient(135deg,var(--bs-card),color-mix(in srgb,var(--tier-color) 5%,var(--bs-card))); box-shadow:0 18px 45px color-mix(in srgb,var(--tier-color) 10%,rgba(15,23,42,.08)); }
.bs-ql2-myrank::after { content:"◆"; position:absolute; left:4%; color:color-mix(in srgb,var(--tier-color) 11%,transparent); font-size:72px; transform:rotate(18deg); pointer-events:none; }
.bs-ql2-myrank-icon { position:relative; z-index:1; width:52px; height:52px; border:1px solid color-mix(in srgb,var(--tier-color) 44%,transparent); border-radius:17px; box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--tier-color) 7%,transparent),0 10px 24px color-mix(in srgb,var(--tier-color) 14%,transparent); }
.bs-ql2-myrank-info { position:relative; z-index:1; }
.bs-ql2-myrank-info>small { color:var(--tier-color); font-size:9px; font-weight:750; }
.bs-ql2-rank-progress { display:block; width:min(280px,100%); height:6px; margin-top:7px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--tier-color) 10%,var(--bs-bg-secondary)); }
.bs-ql2-rank-progress b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--tier-color),color-mix(in srgb,var(--tier-color) 58%,#fff)); box-shadow:0 0 10px var(--tier-color); }
.bs-ql2-myrank-pts { position:relative; z-index:1; }
.bs-ql2-tiers { margin-top:20px; padding:20px; border:1px solid var(--bs-border); border-radius:24px; background:linear-gradient(155deg,color-mix(in srgb,var(--bs-bg-secondary) 70%,var(--bs-card)),var(--bs-card)); box-shadow:0 18px 50px rgba(15,23,42,.065); }
.bs-ql2-tiers h3 { display:flex; align-items:center; gap:8px; margin-bottom:17px; font-size:16px; }
.bs-ql2-tiers h3::before { content:""; width:4px; height:21px; border-radius:8px; background:linear-gradient(#f59e0b,#7c3aed); }
.bs-ql2-tiers-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.bs-ql2-tier-card { position:relative; min-height:172px; padding:18px 12px 15px; justify-content:center; gap:5px; overflow:hidden; border-color:color-mix(in srgb,var(--tc) 30%,var(--bs-border)); border-radius:20px; background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--tc) 18%,transparent),transparent 46%),linear-gradient(155deg,var(--bs-card),color-mix(in srgb,var(--tc) 5%,var(--bs-card))); box-shadow:0 13px 30px color-mix(in srgb,var(--tc) 8%,rgba(15,23,42,.06)); transition:.24s ease; }
.bs-ql2-tier-card::before { content:""; position:absolute; inset:5px; border:1px solid color-mix(in srgb,var(--tc) 15%,transparent); border-radius:15px; pointer-events:none; }
.bs-ql2-tier-card:hover { transform:translateY(-4px); border-color:var(--tc); box-shadow:0 19px 36px color-mix(in srgb,var(--tc) 15%,rgba(15,23,42,.08)); }
.bs-ql2-tier-emblem { position:relative; display:grid; width:58px; height:58px; margin-bottom:3px; place-items:center; border:1px solid color-mix(in srgb,var(--tc) 48%,transparent); border-radius:19px; color:var(--ta); background:color-mix(in srgb,var(--tc) 13%,var(--bs-card)); box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--tc) 6%,transparent),0 10px 22px color-mix(in srgb,var(--tc) 15%,transparent); }
.bs-ql2-tier-emblem svg { width:27px; height:27px; }
.bs-ql2-tier-emblem i { position:absolute; right:-5px; bottom:-5px; display:grid; width:20px; height:20px; place-items:center; border:2px solid var(--bs-card); border-radius:50%; color:#fff; background:var(--tc); font-size:7px; font-style:normal; font-weight:950; }
.bs-ql2-tier-card strong { margin-top:2px; color:var(--tc); font-size:14px; }
.bs-ql2-tier-card small { min-height:18px; color:var(--bs-text-muted); font-size:8.5px; font-weight:700; }
.bs-ql2-tier-card>span:last-child { margin-top:4px; padding:4px 9px; border-radius:99px; color:color-mix(in srgb,var(--tc) 78%,var(--bs-text)); background:color-mix(in srgb,var(--tc) 8%,var(--bs-bg-secondary)); font-size:8px; }
.bs-ql2-pd-tier { display:inline-flex; margin-bottom:5px; padding:3px 7px; align-items:center; gap:3px; border:1px solid color-mix(in srgb,var(--podium-tier) 24%,var(--bs-border)); border-radius:99px; color:var(--podium-tier); background:color-mix(in srgb,var(--podium-tier) 7%,var(--bs-card)); font-size:7px; font-weight:850; }.bs-ql2-pd-tier svg{width:10px;height:10px}

/* کارت آماری میراث */
.bs-heritage-box { border-color:rgba(148,163,184,.2); box-shadow:0 24px 58px rgba(2,6,23,.24),inset 0 1px rgba(255,255,255,.035); }
.bs-heritage-head { padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.08); }
.bs-heritage-stat,.bs-heritage-compare { padding:14px; border:1px solid rgba(255,255,255,.1); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
.bs-heritage-stat { display:grid; grid-template-columns:72px minmax(0,1fr); gap:15px; align-items:center; }
.bs-heritage-ring { width:68px; height:68px; box-shadow:0 0 0 5px rgba(255,255,255,.025),0 11px 25px rgba(0,0,0,.25); }
.bs-heritage-ring::before { inset:7px; background:linear-gradient(145deg,#111c31,#09101d); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
.bs-heritage-ring span { margin-top:-7px; font-size:14px; }
.bs-heritage-ring em { position:absolute; bottom:14px; color:#64748b; font-size:6.5px; font-style:normal; font-weight:850; }
.bs-heritage-stat-copy { min-width:0; }
.bs-heritage-chart-head { display:flex; margin-bottom:9px; align-items:center; justify-content:space-between; gap:8px; }
.bs-heritage-chart-head span { color:#f8fafc; font-size:10px; font-weight:900; }
.bs-heritage-chart-head small { color:#64748b; font-size:7.5px; font-weight:750; }
.bs-heritage-stat-bar { display:block; width:100%; height:9px; margin-bottom:8px; border:1px solid rgba(255,255,255,.055); background:rgba(2,6,23,.38); }
.bs-heritage-stat-bar i,.bs-heritage-compare-track i { box-shadow:0 0 14px color-mix(in srgb,var(--cat-color) 40%,transparent); }
.bs-heritage-stat-label { display:block; color:#aebdd0; font-size:9px; }
.bs-heritage-compare { padding-top:14px; }
.bs-heritage-compare-row { display:grid; grid-template-columns:125px minmax(0,1fr); }
.bs-heritage-compare-track { height:12px; background:rgba(2,6,23,.42); box-shadow:inset 0 1px 3px rgba(0,0,0,.3); }

/* داشبورد کاربر */
.bs-dash-command-head { position:relative; display:grid; grid-template-columns:58px minmax(0,1fr) auto; min-height:118px; margin-bottom:13px; padding:20px; align-items:center; gap:15px; overflow:hidden; border:1px solid color-mix(in srgb,var(--bs-primary) 18%,var(--bs-border)); border-radius:22px; background:radial-gradient(circle at 5% 20%,color-mix(in srgb,var(--bs-primary) 14%,transparent),transparent 36%),linear-gradient(135deg,var(--bs-card),color-mix(in srgb,#d6a936 5%,var(--bs-card))); box-shadow:0 18px 46px rgba(15,23,42,.07); }
.bs-dash-command-head::after { content:"𐎠"; position:absolute; left:5%; color:color-mix(in srgb,var(--bs-primary) 7%,transparent); font:500 78px "Segoe UI Historic",serif; transform:rotate(-9deg); pointer-events:none; }
.bs-dash-command-seal { position:relative; z-index:1; display:grid; width:58px; height:58px; place-items:center; border:1px solid color-mix(in srgb,#d6a936 38%,var(--bs-border)); border-radius:18px; color:#b8860b; background:linear-gradient(145deg,color-mix(in srgb,#d6a936 15%,var(--bs-card)),var(--bs-card)); box-shadow:inset 0 0 0 4px color-mix(in srgb,#d6a936 6%,transparent); }
.bs-dash-command-seal svg { width:28px; height:28px; }
.bs-dash-command-copy { position:relative; z-index:1; min-width:0; }
.bs-dash-command-copy small { color:#b8860b; font-size:8px; font-weight:900; letter-spacing:.04em; }
.bs-dash-command-copy h2 { margin:2px 0 3px; color:var(--bs-text); font-size:18px; }
.bs-dash-command-copy p { color:var(--bs-text-muted); font-size:9.5px; line-height:1.75; }
.bs-dash-command-action { position:relative; z-index:1; display:inline-flex; min-height:40px; padding:9px 14px; align-items:center; gap:7px; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 72%,#7c3aed)); box-shadow:0 10px 24px color-mix(in srgb,var(--bs-primary) 24%,transparent); font-size:9px; font-weight:900; }
.bs-dash-command-action svg { width:14px; height:14px; }
.bs-dash-stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:13px; }
.bs-dash-stat-card { position:relative; display:grid; min-height:104px; padding:14px!important; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; overflow:hidden; border-color:color-mix(in srgb,var(--dash-stat) 20%,var(--bs-border))!important; background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,var(--dash-stat) 5%,var(--bs-card))); }
.bs-dash-stat-card::after { content:""; position:absolute; width:75px; height:75px; left:-25px; bottom:-38px; border:13px solid color-mix(in srgb,var(--dash-stat) 7%,transparent); border-radius:50%; }
.bs-dash-stat-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:var(--dash-stat); background:color-mix(in srgb,var(--dash-stat) 11%,var(--bs-card)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dash-stat) 16%,transparent); }
.bs-dash-stat-icon svg { width:18px; height:18px; }
.bs-dash-stat-copy { display:flex; min-width:0; flex-direction:column; }
.bs-dash-stat-copy strong { color:var(--bs-text); font-size:20px; line-height:1.2; }
.bs-dash-stat-copy span { margin-top:3px; color:var(--bs-text-light); font-size:8.5px; font-weight:700; }
.bs-dash-stat-spark { position:absolute; right:14px; bottom:10px; display:flex; height:13px; align-items:flex-end; gap:2px; opacity:.55; }
.bs-dash-stat-spark b { width:3px; border-radius:3px; background:var(--dash-stat); }.bs-dash-stat-spark b:nth-child(1){height:5px}.bs-dash-stat-spark b:nth-child(2){height:10px}.bs-dash-stat-spark b:nth-child(3){height:7px}.bs-dash-stat-spark b:nth-child(4){height:13px}
.bs-dash-writer-status { display:flex; margin-bottom:13px; padding:15px 17px!important; align-items:center; flex-wrap:wrap; gap:12px; border-color:color-mix(in srgb,var(--writer-status) 20%,var(--bs-border))!important; }
.bs-dash-writer-status>div { flex:1; }.bs-dash-writer-status small { color:var(--bs-text-light); font-size:8px; }.bs-dash-writer-status h3 { margin:2px 0 0; font-size:12px; }.bs-dash-writer-status>span { padding:6px 12px; border:1px solid color-mix(in srgb,var(--writer-status) 25%,transparent); border-radius:99px; color:var(--writer-status); background:color-mix(in srgb,var(--writer-status) 8%,var(--bs-card)); font-size:9px; font-weight:850; }
.bs-dash-writer-status>p { width:100%; margin:0!important; padding-top:9px; border-top:1px solid var(--bs-border-light); }
.bs-dash-support-ads { margin-bottom:13px; }
.bs-dash-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:13px; }
.bs-dash-feature-grid>* { min-width:0; height:100%; margin:0!important; }
.bs-dash-feature-item>* { height:100%; margin:0!important; }
.bs-dash-feature-grid .bs-dash-gamebox { min-height:100%; margin:0; }
.bs-dash-latest-section { padding:17px!important; margin-bottom:13px; }
.bs-dash-section-head { display:flex; min-height:48px; margin-bottom:13px; align-items:center; gap:10px; }
.bs-dash-section-head>span { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-dash-section-head>span svg { width:18px; height:18px; }.bs-dash-section-head>div{flex:1}.bs-dash-section-head small{display:block;color:var(--bs-text-light);font-size:7.5px}.bs-dash-section-head h3{margin:1px 0 0;font-size:12.5px}.bs-dash-section-head>a{padding:6px 10px;border:1px solid var(--bs-border);border-radius:9px;color:var(--bs-text-muted);font-size:8px;font-weight:800}
.bs-dash-notifications { padding:16px!important; overflow:hidden; }.bs-dash-notifications .bs-dash-section-head{margin-bottom:6px}

/* جستجوی حرفه‌ای */
.bs-search-overlay { padding-top:clamp(38px,8vh,86px); background:radial-gradient(circle at 50% 0,rgba(124,58,237,.22),transparent 38%),rgba(4,8,18,.72); }
.bs-search-overlay-inner { max-width:760px; }
.bs-search-overlay-head { display:flex; margin-bottom:12px; padding:5px 8px; align-items:center; gap:13px; color:#fff; }
.bs-search-overlay-mark { display:grid; width:52px; height:52px; flex:0 0 52px; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:17px; color:#fde68a; background:linear-gradient(145deg,rgba(245,158,11,.22),rgba(124,58,237,.18)); box-shadow:inset 0 0 0 4px rgba(255,255,255,.035); }
.bs-search-overlay-mark svg { width:25px; height:25px; }.bs-search-overlay-head small{color:#c4b5fd;font-size:8px;font-weight:900}.bs-search-overlay-head h2{margin:2px 0 3px;font-size:19px}.bs-search-overlay-head p{color:#b9c5d8;font-size:9px}
.bs-search-overlay-form { position:relative; gap:7px; padding:9px; border-color:rgba(255,255,255,.17); border-radius:19px; background:color-mix(in srgb,var(--bs-card) 91%,transparent); box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08); }
.bs-search-overlay-prefix { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; border-radius:13px; color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-search-overlay-prefix svg { width:19px; height:19px; }.bs-search-overlay-input{min-width:0;padding:10px 4px;font-size:14px}.bs-search-overlay-btn,.bs-search-overlay-close{display:inline-flex;min-height:42px;padding:10px 15px;align-items:center;justify-content:center;gap:6px;border-radius:12px}.bs-search-overlay-btn svg,.bs-search-overlay-close svg{width:15px;height:15px}.bs-search-overlay-close{margin:0;color:var(--bs-text-muted);background:var(--bs-bg-secondary);border:1px solid var(--bs-border)}
.bs-search-hints { display:flex; margin:0 8px 12px; align-items:center; flex-wrap:wrap; gap:6px; color:#cbd5e1; font-size:8px; }.bs-search-hints>span{margin-left:2px;color:#94a3b8}.bs-search-hints button{padding:4px 9px;border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#e2e8f0;background:rgba(255,255,255,.055);font-size:8px}.bs-search-hints button:hover{border-color:#c4b5fd;color:#fff;background:rgba(124,58,237,.16)}
.bs-search-results { border:1px solid color-mix(in srgb,var(--bs-primary) 12%,var(--bs-border)); border-radius:18px; box-shadow:0 28px 70px rgba(0,0,0,.28); }
.bs-search-result-item { position:relative; min-height:74px; padding:11px 13px; align-items:center; border-color:var(--bs-border-light); }.bs-search-result-item::after{content:"←";margin-right:auto;color:var(--bs-text-light);font-size:13px}.bs-search-result-item:hover{padding-right:17px;background:color-mix(in srgb,var(--bs-primary) 5%,var(--bs-bg-secondary))}.bs-search-result-item img{width:52px;height:52px;border-radius:13px;box-shadow:0 6px 16px rgba(15,23,42,.12)}.bs-search-result-info h4{font-size:12px}.bs-search-view-all{min-height:47px;background:linear-gradient(90deg,var(--bs-primary-light),var(--bs-bg-secondary))}
.bs-search-state { display:flex; min-height:145px; padding:28px; align-items:center; justify-content:center; flex-direction:column; gap:5px; text-align:center; }.bs-search-state strong{color:var(--bs-text);font-size:13px}.bs-search-state span{color:var(--bs-text-light);font-size:9px}.bs-search-state.is-loading i{width:27px;height:27px;margin-bottom:5px;border:3px solid var(--bs-border);border-top-color:var(--bs-primary);border-radius:50%;animation:bsSearchSpin .8s linear infinite}@keyframes bsSearchSpin{to{transform:rotate(360deg)}}.bs-search-state.is-error strong{color:#ef4444}

@media(max-width:720px){
    .bs-quiz-theme-toggle { min-height:34px; padding:4px 6px; }.bs-quiz-theme-toggle em{display:none}.bs-quiz-theme-toggle>span{width:24px;height:24px}.bs-qh-topbar h1{font-size:12px}
    .bs-ql2-tiers { padding:12px; border-radius:18px; }.bs-ql2-tiers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bs-ql2-tier-card{min-height:150px;padding:13px 8px;border-radius:16px}.bs-ql2-tier-emblem{width:49px;height:49px;border-radius:15px}.bs-ql2-tier-emblem svg{width:23px;height:23px}.bs-ql2-tier-card strong{font-size:11px}.bs-ql2-tier-card small{font-size:7px}.bs-ql2-myrank{padding:14px;gap:9px}.bs-ql2-myrank-icon{width:42px;height:42px}.bs-ql2-myrank-pts{font-size:15px}
    .bs-heritage-stat{grid-template-columns:60px minmax(0,1fr);padding:11px;gap:11px}.bs-heritage-ring{width:58px;height:58px}.bs-heritage-compare-row{grid-template-columns:1fr;gap:5px}.bs-heritage-compare-label{width:auto}.bs-heritage-chart-head small{display:none}
    .bs-dash-command-head{grid-template-columns:48px minmax(0,1fr);min-height:105px;padding:14px;gap:10px;border-radius:18px}.bs-dash-command-seal{width:48px;height:48px;border-radius:15px}.bs-dash-command-copy h2{font-size:14px}.bs-dash-command-copy p{font-size:8px}.bs-dash-command-action{grid-column:1/-1;justify-content:center;min-height:37px}.bs-dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bs-dash-stat-card{min-height:88px;padding:11px!important;grid-template-columns:33px minmax(0,1fr)}.bs-dash-stat-icon{width:33px;height:33px}.bs-dash-stat-copy strong{font-size:16px}.bs-dash-feature-grid{grid-template-columns:1fr;gap:8px}.bs-dash-latest-section{padding:12px!important}
    .bs-search-overlay{padding:24px 9px}.bs-search-overlay-head{align-items:flex-start}.bs-search-overlay-mark{width:43px;height:43px;flex-basis:43px;border-radius:14px}.bs-search-overlay-head h2{font-size:14px}.bs-search-overlay-head p{display:none}.bs-search-overlay-form{display:grid!important;grid-template-columns:36px minmax(0,1fr) 42px;gap:5px;padding:7px;flex-direction:row!important}.bs-search-overlay-prefix{width:36px;height:38px;flex-basis:36px}.bs-search-overlay-input{width:100%!important;padding:7px 2px!important;font-size:11px!important}.bs-search-overlay-btn,.bs-search-overlay-close{width:42px!important;min-height:38px;padding:7px!important;margin:0!important}.bs-search-overlay-btn span,.bs-search-overlay-close span{display:none}.bs-search-overlay-close{position:absolute;top:-57px;left:7px;background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14)}.bs-search-hints{margin-right:3px;margin-left:3px}.bs-search-result-item{min-height:66px;padding:9px}.bs-search-result-item img{width:44px;height:44px}.bs-search-result-item::after{display:none}
}
@media(max-width:360px){.bs-ql2-tiers-grid{grid-template-columns:1fr}.bs-dash-stats-grid{grid-template-columns:1fr}.bs-search-hints>span{width:100%}}

/* ═══════════════════════════════════════════════════════════
   پالایش پنل کاربری و کارت‌های خدمات — 8.0.1
═══════════════════════════════════════════════════════════ */
.bs-profile-nav {
    display:flex; padding:9px!important; align-content:flex-start; flex-direction:column; gap:4px;
    border:1px solid color-mix(in srgb,var(--bs-primary) 9%,var(--bs-border)); border-radius:20px;
    background:linear-gradient(165deg,var(--bs-card),color-mix(in srgb,var(--bs-bg-secondary) 60%,var(--bs-card)));
    box-shadow:0 16px 42px rgba(15,23,42,.065);
}
.bs-profile-nav::before { content:"دسترسی‌های حساب"; display:flex; min-height:38px; margin:0 2px 3px; padding:8px 10px; align-items:center; border-bottom:1px solid var(--bs-border-light); color:var(--bs-text-light); font-size:8px; font-weight:900; letter-spacing:.035em; }
.bs-profile-nav-item {
    display:grid!important; width:100%; min-height:51px; margin:0!important; padding:6px 7px!important;
    grid-template-columns:36px minmax(0,1fr); align-items:center; gap:8px;
    border:1px solid transparent!important; border-radius:13px!important; color:var(--bs-text-muted)!important;
    background:transparent!important; box-shadow:none!important; text-align:right; transition:transform .2s ease,border-color .2s ease,background .2s ease!important;
}
.bs-profile-nav-icon { display:grid; width:36px; height:36px; place-items:center; border:1px solid color-mix(in srgb,var(--nav-accent) 16%,var(--bs-border)); border-radius:11px; color:var(--nav-accent); background:color-mix(in srgb,var(--nav-accent) 7%,var(--bs-card)); box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--nav-accent) 2%,transparent); transition:.2s ease; }
.bs-profile-nav-icon svg { width:17px!important; height:17px!important; flex:0 0 17px!important; stroke-width:1.7; }
.bs-profile-nav-copy { display:flex; min-width:0; flex-direction:column; gap:1px; }
.bs-profile-nav-copy strong { overflow:hidden; color:inherit; font-size:10px; font-weight:850; line-height:1.55; text-overflow:ellipsis; white-space:nowrap; }
.bs-profile-nav-copy small { overflow:hidden; color:var(--bs-text-light); font-size:7px; font-weight:650; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.bs-profile-nav-item:hover { transform:translateX(-2px); border-color:color-mix(in srgb,var(--nav-accent) 17%,var(--bs-border))!important; color:var(--nav-accent)!important; background:color-mix(in srgb,var(--nav-accent) 5%,var(--bs-card))!important; }
.bs-profile-nav-item.active { border-color:color-mix(in srgb,var(--nav-accent) 25%,var(--bs-border))!important; color:var(--nav-accent)!important; background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 11%,var(--bs-card)),color-mix(in srgb,var(--nav-accent) 3%,var(--bs-card)))!important; box-shadow:inset -3px 0 var(--nav-accent),0 7px 18px color-mix(in srgb,var(--nav-accent) 7%,transparent)!important; }
.bs-profile-nav-item.active .bs-profile-nav-icon { color:#fff; border-color:transparent; background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 82%,#fff),var(--nav-accent)); box-shadow:0 7px 16px color-mix(in srgb,var(--nav-accent) 20%,transparent); }
.bs-profile-logout { margin-top:5px!important; border-top:1px solid var(--bs-border-light)!important; border-radius:0 0 11px 11px!important; }
.bs-profile-logout:hover { color:#b45353!important; background:color-mix(in srgb,#b45353 6%,var(--bs-card))!important; }

/* پالت ملایم و خوانا برای کارت‌های اصلی داشبورد */
.bs-dash-feature-grid { align-items:stretch; }
.bs-dash-feature-grid .bs-dash-gamebox,
.bs-dash-feature-grid .bs-ai-promo-box,
.bs-dash-feature-grid .bs-quiz-promo-box,
.bs-dash-feature-grid .bs-myar-widget { min-height:214px; border:1px solid var(--service-border); border-radius:20px; box-shadow:0 15px 36px var(--service-shadow); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.bs-dash-feature-grid .bs-dash-gamebox:hover,
.bs-dash-feature-grid .bs-ai-promo-box:hover,
.bs-dash-feature-grid .bs-quiz-promo-box:hover,
.bs-dash-feature-grid .bs-myar-widget:hover { transform:translateY(-3px); box-shadow:0 20px 42px var(--service-shadow); }
.bs-dash-feature-grid .bs-dash-gamebox {
    --service-border:#e5d8bf; --service-shadow:rgba(112,85,42,.11);
    padding:20px; background:radial-gradient(circle at 8% 15%,rgba(190,145,69,.12),transparent 34%),linear-gradient(145deg,#fffcf6,#f7f1e6);
}
.bs-dash-feature-grid .bs-dash-gamebox-glow { background:radial-gradient(circle at 12% 24%,rgba(181,133,55,.1),transparent 42%),radial-gradient(circle at 86% 80%,rgba(55,126,119,.08),transparent 43%); animation:none; }
.bs-dash-feature-grid .bs-dash-gamebox-icon { width:48px; height:48px; border:1px solid #dfc99f; border-radius:15px; background:linear-gradient(145deg,#f3e4c3,#ddc18c); box-shadow:0 8px 20px rgba(132,94,37,.14); }
.bs-dash-feature-grid .bs-dash-gamebox-icon svg { width:23px; height:23px; color:#72552c; }
.bs-dash-feature-grid .bs-dash-gamebox-text strong { color:#3f3527; font-size:14px; }
.bs-dash-feature-grid .bs-dash-gamebox-text span { color:#766954; font-size:10px; }
.bs-dash-feature-grid .bs-dash-gamebox-arrow { color:#95703a; }

.bs-dash-feature-grid .bs-ai-promo-box {
    --service-border:#dddaf0; --service-shadow:rgba(76,66,130,.1);
    padding:20px; color:#302d43; background:radial-gradient(circle at 88% 8%,rgba(112,92,170,.1),transparent 35%),linear-gradient(145deg,#fbfaff,#f1f0f8);
}
.bs-dash-feature-grid .bs-ai-promo-glow { background:radial-gradient(circle,rgba(113,92,169,.12),transparent 66%); filter:blur(14px); animation:none; }
.bs-dash-feature-grid .bs-ai-promo-badge { border-color:#d4cbea; color:#67558f; background:#eee9f7; }
.bs-dash-feature-grid .bs-ai-promo-box h4 { color:#302d43; font-size:15px; }
.bs-dash-feature-grid .bs-ai-promo-box h4 small { color:#756d91; }
.bs-dash-feature-grid .bs-ai-promo-box p { color:#6a657b; font-size:10px; }
.bs-dash-feature-grid .bs-ai-promo-btn { color:#fff; background:linear-gradient(135deg,#7563a9,#62538f); box-shadow:0 7px 17px rgba(98,83,143,.18); }
.bs-dash-feature-grid .bs-ai-promo-btn:hover { box-shadow:0 10px 22px rgba(98,83,143,.24); }

.bs-dash-feature-grid .bs-quiz-promo-box {
    --service-border:#eadcc3; --service-shadow:rgba(137,96,39,.1);
    padding:20px; color:#3d3529; background:radial-gradient(circle at 87% 9%,rgba(196,145,65,.1),transparent 35%),linear-gradient(145deg,#fffdf8,#f8f2e8);
}
.bs-dash-feature-grid .bs-quiz-promo-glow { background:radial-gradient(circle,rgba(193,139,48,.11),transparent 66%); filter:blur(14px); animation:none; }
.bs-dash-feature-grid .bs-quiz-promo-badge { border-color:#e5d1a8; color:#8a672e; background:#f5ead4; }
.bs-dash-feature-grid .bs-quiz-promo-box h4 { color:#3d3529; font-size:15px; }
.bs-dash-feature-grid .bs-quiz-promo-box h4 small { color:#8b7148; }
.bs-dash-feature-grid .bs-quiz-promo-box p { color:#736855; font-size:10px; }
.bs-dash-feature-grid .bs-quiz-promo-btn { color:#fff; background:linear-gradient(135deg,#b38642,#906a31); box-shadow:0 7px 17px rgba(144,106,49,.18); }
.bs-dash-feature-grid .bs-quiz-promo-btn:hover { box-shadow:0 10px 22px rgba(144,106,49,.24); }

.bs-dash-feature-grid .bs-myar-widget { --service-border:color-mix(in srgb,#4f8069 18%,var(--bs-border)); --service-shadow:rgba(46,92,71,.08); background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,#4f8069 4%,var(--bs-card))); }

html[data-theme="dark"] .bs-profile-nav { border-color:#29364a; background:linear-gradient(165deg,#151e2d,#111925); box-shadow:0 18px 42px rgba(0,0,0,.22); }
html[data-theme="dark"] .bs-profile-nav-icon { border-color:color-mix(in srgb,var(--nav-accent) 30%,#2b394d); background:color-mix(in srgb,var(--nav-accent) 12%,#151e2d); }
html[data-theme="dark"] .bs-profile-nav-item:hover { color:color-mix(in srgb,var(--nav-accent) 64%,#fff)!important; background:color-mix(in srgb,var(--nav-accent) 10%,#151e2d)!important; }
html[data-theme="dark"] .bs-profile-nav-item.active { color:color-mix(in srgb,var(--nav-accent) 64%,#fff)!important; background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 18%,#151e2d),color-mix(in srgb,var(--nav-accent) 7%,#151e2d))!important; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-dash-gamebox { --service-border:#3b352a; --service-shadow:rgba(0,0,0,.2); background:radial-gradient(circle at 8% 15%,rgba(183,137,64,.09),transparent 34%),linear-gradient(145deg,#1d1c19,#24211b); }
html[data-theme="dark"] .bs-dash-feature-grid .bs-dash-gamebox-icon { border-color:#574b35; background:linear-gradient(145deg,#3a3225,#2b261e); }
html[data-theme="dark"] .bs-dash-feature-grid .bs-dash-gamebox-icon svg { color:#d2b47b; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-dash-gamebox-text strong { color:#eee5d2; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-dash-gamebox-text span { color:#aaa08e; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-ai-promo-box { --service-border:#34344d; --service-shadow:rgba(0,0,0,.2); color:#ecebf6; background:radial-gradient(circle at 88% 8%,rgba(116,98,170,.1),transparent 35%),linear-gradient(145deg,#191a27,#202034); }
html[data-theme="dark"] .bs-dash-feature-grid .bs-ai-promo-badge { border-color:#45405d; color:#c5b8e5; background:#29263b; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-ai-promo-box h4 { color:#f0eff8; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-ai-promo-box h4 small,html[data-theme="dark"] .bs-dash-feature-grid .bs-ai-promo-box p { color:#aaa5bf; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-quiz-promo-box { --service-border:#41392c; --service-shadow:rgba(0,0,0,.2); color:#eee8dc; background:radial-gradient(circle at 87% 9%,rgba(184,133,57,.09),transparent 35%),linear-gradient(145deg,#1d1b18,#29241b); }
html[data-theme="dark"] .bs-dash-feature-grid .bs-quiz-promo-badge { border-color:#54472f; color:#d5b77e; background:#30291d; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-quiz-promo-box h4 { color:#f0eadf; }
html[data-theme="dark"] .bs-dash-feature-grid .bs-quiz-promo-box h4 small,html[data-theme="dark"] .bs-dash-feature-grid .bs-quiz-promo-box p { color:#b3a68f; }

@media(max-width:768px){
    .bs-profile-nav { position:static; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-auto-rows:minmax(82px,auto); align-content:start; gap:7px!important; padding:9px!important; border-radius:18px; }
    .bs-profile-nav::before { grid-column:1/-1; min-height:34px; margin:0; padding:6px 8px; }
    .bs-profile-nav-item { display:flex!important; min-width:0; min-height:82px!important; padding:8px 5px!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:6px!important; border:1px solid color-mix(in srgb,var(--nav-accent) 10%,var(--bs-border))!important; border-radius:14px!important; background:color-mix(in srgb,var(--nav-accent) 2.5%,var(--bs-card))!important; text-align:center; }
    .bs-profile-nav-icon { width:35px; height:35px; flex:0 0 35px; border-radius:11px; }
    .bs-profile-nav-copy { width:100%; align-items:center; }
    .bs-profile-nav-copy strong { width:100%; font-size:8.5px; white-space:normal; line-height:1.45; }
    .bs-profile-nav-copy small { display:none; }
    .bs-profile-nav-item.active { box-shadow:inset 0 -3px var(--nav-accent),0 8px 20px color-mix(in srgb,var(--nav-accent) 8%,transparent)!important; }
    .bs-profile-logout { grid-column:auto!important; margin:0!important; border-top-color:color-mix(in srgb,#b45353 12%,var(--bs-border))!important; border-radius:14px!important; }
    .bs-dash-feature-grid .bs-dash-gamebox,.bs-dash-feature-grid .bs-ai-promo-box,.bs-dash-feature-grid .bs-quiz-promo-box,.bs-dash-feature-grid .bs-myar-widget { min-height:188px; border-radius:18px; }
}
@media(max-width:380px){.bs-profile-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.bs-profile-nav-item{min-height:78px!important}.bs-profile-nav-copy strong{font-size:7.8px}.bs-profile-nav-icon{width:32px;height:32px;flex-basis:32px}}

/* ═══════════════════════════════════════════════════════════
   تایپوگرافی وزیر، نوار زمان موبایل و پالایش تک‌نوشته — 8.1.0
═══════════════════════════════════════════════════════════ */
html,
body,
button,
input,
select,
textarea {
    font-family: var(--bs-font) !important;
}

.bs-article-wrap,
.bs-article-wrap button,
.bs-article-wrap input,
.bs-article-wrap textarea {
    font-family: var(--bs-font) !important;
}
.bs-article-title {
    max-width: 950px;
    font-size: clamp(27px, 3.1vw, 39px);
    font-weight: 900;
    line-height: 1.62;
    letter-spacing: -.025em;
    text-wrap: balance;
    width: 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}
.bs-article-pre {
    font-size: 12.5px;
    line-height: 1.9;
    letter-spacing: -.01em;
}
.bs-article-lead {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.08;
}
.bs-article-body {
    font-size: 16.25px;
    font-weight: 400;
    line-height: 2.18;
    letter-spacing: -.012em;
}
.bs-article-body p { margin-bottom: 1.3em; }
.bs-article-body h2 { font-size: 21px; line-height: 1.85; }
.bs-article-body h3 { font-size: 18px; line-height: 1.85; }

.bs-mobile-single-datetime { display: none; }

@media (max-width: 900px) {
    body.single-post .bs-utility-bar,
    body.home .bs-utility-bar,
    body.blog .bs-utility-bar,
    body.front-page .bs-utility-bar {
        padding-top: 0;
        background: #090b0f;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
    body.single-post .bs-mobile-single-datetime,
    body.home .bs-mobile-single-datetime,
    body.blog .bs-mobile-single-datetime,
    body.front-page .bs-mobile-single-datetime {
        display: block;
        width: min(100%, 720px);
        margin: 0 auto;
        padding: 12px 10px;
        color: #f8fafc;
        border-bottom: 1px solid rgba(255,255,255,.1);
        background:
            radial-gradient(circle at 50% 0, rgba(220,38,38,.08), transparent 55%),
            #090b0f;
        text-align: center;
    }
    .bs-mobile-single-datetime__line {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 6px;
        overflow-x: auto;
        color: #f8fafc;
        font-size: clamp(9px, 2.85vw, 11.5px);
        font-weight: 700;
        line-height: 1.8;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .bs-mobile-single-datetime__line::-webkit-scrollbar { display: none; }
    .bs-mobile-single-datetime__line i {
        width: 4px;
        height: 4px;
        flex: 0 0 4px;
        border-radius: 50%;
        background: #ef4444;
        box-shadow: 0 0 0 4px rgba(239,68,68,.12);
    }
    .bs-mobile-single-datetime__line b {
        color: #fecaca;
        font-variant-numeric: tabular-nums;
        font-weight: 800;
    }
    .bs-mobile-single-datetime__updated {
        color: #aeb7c5;
        font-weight: 500;
    }
    .bs-mobile-single-datetime__updated time { color: #e5e7eb; }
    body.single-post .bs-utility-bar > .bs-container,
    body.home .bs-utility-bar > .bs-container,
    body.blog .bs-utility-bar > .bs-container,
    body.front-page .bs-utility-bar > .bs-container { padding-top: 8px; padding-bottom: 8px; }

    .bs-article-title {
        display: block;
        width: 100% !important;
        max-width: none !important;
        margin: 4px 0 15px;
        padding: 0;
        font-size: clamp(20px, 5.6vw, 24px);
        line-height: 1.58;
        letter-spacing: -.035em;
        text-align: right;
        text-wrap: pretty;
        overflow-wrap: normal;
        word-break: normal;
    }
    .bs-article-title.is-long {
        font-size: clamp(18.5px, 5.05vw, 21.5px);
        line-height: 1.55;
    }
    .bs-article-title.is-very-long {
        font-size: clamp(17px, 4.65vw, 20px);
        line-height: 1.52;
    }
    .bs-article-lead { padding: 15px 16px; font-size: 15px; line-height: 2.05; }
    .bs-article-body { font-size: 15.75px; line-height: 2.15; }
    .bs-article-body p { text-align: right; }
    .bs-article-body h2 { font-size: 19px; }
    .bs-article-body h3 { font-size: 17px; }
}

@media (max-width: 390px) {
    .bs-mobile-single-datetime__line { justify-content: flex-start; gap: 5px; }
    .bs-article-title { font-size: 20px; }
    .bs-article-title.is-long { font-size: 18px; }
    .bs-article-title.is-very-long { font-size: 16.5px; }
}

/* Single post video observatory */
.bs-single-video-widget{margin:18px 0;padding:14px;border:1px solid var(--bs-border);border-radius:20px;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(17,38,45,.96));box-shadow:0 14px 34px rgba(2,8,23,.14);color:#fff;overflow:hidden}
.bs-single-video-widget>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.bs-single-video-widget>header div{display:flex;min-width:0;flex:1;flex-direction:column}.bs-single-video-widget>header strong{font-size:13px;font-weight:900}.bs-single-video-widget>header small{color:#94a3b8;font-size:9px}.bs-single-video-widget>header>a{color:#f0c75e;font-size:10px;font-weight:800}.bs-single-video-widget__seal{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(240,199,94,.35);border-radius:12px;color:#0f172a;background:linear-gradient(145deg,#f7dc83,#d9a72d)}
.bs-single-video-widget__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bs-single-video-card{display:flex;min-width:0;flex-direction:column;gap:7px;color:#fff!important;text-decoration:none!important}.bs-single-video-card.is-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(100px,.7fr);align-items:center}.bs-single-video-card__media{position:relative;display:block;min-height:74px;overflow:hidden;border-radius:13px;background-color:#263343;background-position:center;background-size:cover}.bs-single-video-card.is-featured .bs-single-video-card__media{min-height:138px}.bs-single-video-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,23,.7),transparent 65%)}.bs-single-video-card__media i{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-style:normal;background:rgba(2,6,23,.55);transform:translate(-50%,-50%);backdrop-filter:blur(8px)}.bs-single-video-card__media em{position:absolute;z-index:2;right:7px;bottom:6px;padding:2px 5px;border-radius:5px;color:#fff;font-size:8px;font-style:normal;background:rgba(2,6,23,.75)}.bs-single-video-card__copy{display:flex;min-width:0;flex-direction:column}.bs-single-video-card__copy strong{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bs-single-video-card.is-featured .bs-single-video-card__copy strong{font-size:13px}.bs-single-video-card__copy small{margin-top:3px;color:#94a3b8;font-size:8px}
@media(max-width:600px){.bs-single-video-widget{padding:12px;border-radius:18px}.bs-single-video-widget__list{grid-template-columns:repeat(3,minmax(0,1fr))}.bs-single-video-card.is-featured{grid-template-columns:1fr}.bs-single-video-card.is-featured .bs-single-video-card__media{min-height:155px}.bs-single-video-card.is-featured .bs-single-video-card__copy{padding:0 3px}}

/* Telegram account bridge */
.bs-tg-connect-card{position:relative;isolation:isolate;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;margin:16px 0;padding:18px;overflow:hidden;border:1px solid rgba(56,189,248,.27);border-radius:22px;background:linear-gradient(125deg,#071d2b,#0d3442 58%,#132b49);box-shadow:0 16px 42px rgba(2,14,27,.16);color:#fff}
.bs-tg-connect-card:before{content:"";position:absolute;z-index:-1;inset:-90% 50% -80% -20%;background:radial-gradient(circle,rgba(56,189,248,.3),transparent 68%)}
.bs-tg-connect-card__icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:18px;color:#fff;font-size:26px;background:linear-gradient(145deg,#38bdf8,#087da4);box-shadow:0 10px 25px rgba(8,125,164,.32);transform:rotate(-5deg)}
.bs-tg-connect-card__copy{display:flex;min-width:0;flex-direction:column}.bs-tg-connect-card__copy small{color:#7dd3fc;font-size:9px;font-weight:850}.bs-tg-connect-card__copy strong{margin-top:2px;font-size:15px;font-weight:950}.bs-tg-connect-card__copy p{margin:5px 0 0;color:#c8dae5;font-size:10px;line-height:1.85}.bs-tg-connect-card__copy output{display:flex;align-items:center;gap:10px;margin-top:9px}.bs-tg-connect-card__copy output:empty{display:none}.bs-tg-connect-card__copy output b{padding:5px 11px;border:1px solid rgba(125,211,252,.32);border-radius:9px;color:#fff;font-size:18px;letter-spacing:3px;background:rgba(2,12,27,.38)}.bs-tg-connect-card__copy output span{color:#bae6fd;font-size:9px}.bs-tg-connect-card__copy output code{direction:ltr;color:#fff;background:rgba(255,255,255,.08)}
.bs-tg-connect-card__actions{display:flex;flex-direction:column;gap:7px}.bs-tg-connect-card__actions button,.bs-tg-connect-card__actions a{display:inline-flex;min-height:38px;padding:7px 13px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.17);border-radius:11px;color:#fff!important;text-decoration:none;font-size:10px;font-weight:850;background:rgba(255,255,255,.08);cursor:pointer}.bs-tg-connect-card__actions button{border-color:transparent;background:linear-gradient(135deg,#38bdf8,#087da4)}
@media(max-width:700px){.bs-tg-connect-card{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:14px;border-radius:18px}.bs-tg-connect-card__icon{width:44px;height:44px;border-radius:14px;font-size:21px}.bs-tg-connect-card__actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.bs-tg-connect-card__copy strong{font-size:13px}.bs-tg-connect-card__copy output{align-items:flex-start;flex-direction:column}.bs-tg-connect-card__copy output span{line-height:1.8}}

/* ═══════════════════════════════════════════════════════════
   پالت آرام باکس‌های خدمات در ستون تک‌نوشته — 8.1.2
═══════════════════════════════════════════════════════════ */
.single-post .bs-article-side .bs-ai-promo-box,
.single-post .bs-article-side .bs-quiz-promo-box,
.single-post .bs-article-side .bs-social-box {
    border: 1px solid var(--single-service-border, var(--bs-border));
    box-shadow: 0 10px 28px var(--single-service-shadow, rgba(15,23,42,.055));
}

/* باستان‌یار — یاسی خنثی */
.single-post .bs-article-side .bs-ai-promo-box {
    --single-service-border: #ddd9eb;
    --single-service-shadow: rgba(68,63,104,.07);
    color: #37354a;
    background: linear-gradient(145deg, #f8f7fb, #f0eff6);
}
.single-post .bs-article-side .bs-ai-promo-glow {
    opacity: .22;
    animation: none;
    background: radial-gradient(circle, rgba(111,101,158,.28), transparent 66%);
}
.single-post .bs-article-side .bs-ai-promo-badge {
    color: #665d91;
    border-color: #d8d2eb;
    background: #ece9f5;
}
.single-post .bs-article-side .bs-ai-promo-box h4 { color: #302e42; }
.single-post .bs-article-side .bs-ai-promo-box h4 small,
.single-post .bs-article-side .bs-ai-promo-box p { color: #69667a; }
.single-post .bs-article-side .bs-ai-promo-btn {
    color: #fff;
    background: linear-gradient(135deg, #756b9f, #625b8c);
    box-shadow: 0 7px 17px rgba(78,71,119,.16);
}

/* کوییز — کرم خاکی کم‌اشباع */
.single-post .bs-article-side .bs-quiz-promo-box {
    --single-service-border: #e6dece;
    --single-service-shadow: rgba(99,78,44,.065);
    color: #443d32;
    background: linear-gradient(145deg, #fbfaf6, #f4f0e8);
}
.single-post .bs-article-side .bs-quiz-promo-glow {
    opacity: .2;
    animation: none;
    background: radial-gradient(circle, rgba(163,126,71,.24), transparent 66%);
}
.single-post .bs-article-side .bs-quiz-promo-badge {
    color: #82643a;
    border-color: #e2d5bc;
    background: #f2eadb;
}
.single-post .bs-article-side .bs-quiz-promo-box h4 { color: #3e382f; }
.single-post .bs-article-side .bs-quiz-promo-box h4 small,
.single-post .bs-article-side .bs-quiz-promo-box p { color: #746a5a; }
.single-post .bs-article-side .bs-quiz-promo-btn {
    color: #fff;
    background: linear-gradient(135deg, #a27b45, #8b6839);
    box-shadow: 0 7px 17px rgba(112,82,42,.15);
}

/* تلگرام — آبی خاکستری آرام */
.single-post .bs-article-side .bs-social-box--telegram {
    --single-service-border: #d4e1e7;
    --single-service-shadow: rgba(44,80,96,.06);
    color: #334b57;
    background: linear-gradient(145deg, #f6fafb, #edf4f6);
}
.single-post .bs-article-side .bs-social-box--telegram .bs-social-box-icon {
    color: #4f788b;
    background: #e1edf1;
}
.single-post .bs-article-side .bs-social-box--telegram .bs-social-box-icon svg { color: #4f788b; }
.single-post .bs-article-side .bs-social-box--telegram h4 { color: #304955; }
.single-post .bs-article-side .bs-social-box--telegram p { color: #687e88; }
.single-post .bs-article-side .bs-social-box--telegram .bs-social-box-btn {
    color: #426878;
    background: #e2edf1;
    border: 1px solid #d0e0e6;
}

/* اینستاگرام — رز خاکستری آرام */
.single-post .bs-article-side .bs-social-box--instagram {
    --single-service-border: #e7dbe0;
    --single-service-shadow: rgba(91,55,70,.055);
    color: #55434a;
    background: linear-gradient(145deg, #fbf8f9, #f5eef1);
}
.single-post .bs-article-side .bs-social-box--instagram .bs-social-box-icon {
    color: #986b7d;
    background: #f0e1e7;
}
.single-post .bs-article-side .bs-social-box--instagram .bs-social-box-icon svg { color: #986b7d; }
.single-post .bs-article-side .bs-social-box--instagram h4 { color: #543c46; }
.single-post .bs-article-side .bs-social-box--instagram p { color: #7b6870; }
.single-post .bs-article-side .bs-social-box--instagram .bs-social-box-btn {
    color: #855a6b;
    background: #f0e2e7;
    border: 1px solid #e4d2d9;
}

/* نسخه تاریک: سطوح خنثی با کنتراست کنترل‌شده */
html[data-theme="dark"] .single-post .bs-article-side .bs-ai-promo-box {
    --single-service-border: #35374b;
    --single-service-shadow: rgba(0,0,0,.2);
    background: linear-gradient(145deg, #191a26, #202132);
}
html[data-theme="dark"] .single-post .bs-article-side .bs-ai-promo-badge { color: #bcb5d8; border-color: #45455f; background: #2b2b40; }
html[data-theme="dark"] .single-post .bs-article-side .bs-ai-promo-box h4 { color: #eceaf4; }
html[data-theme="dark"] .single-post .bs-article-side .bs-ai-promo-box h4 small,
html[data-theme="dark"] .single-post .bs-article-side .bs-ai-promo-box p { color: #aaa8bb; }
html[data-theme="dark"] .single-post .bs-article-side .bs-ai-promo-btn { background: linear-gradient(135deg, #6d658f, #5b567e); }

html[data-theme="dark"] .single-post .bs-article-side .bs-quiz-promo-box {
    --single-service-border: #403a30;
    --single-service-shadow: rgba(0,0,0,.2);
    background: linear-gradient(145deg, #1e1d1a, #29251e);
}
html[data-theme="dark"] .single-post .bs-article-side .bs-quiz-promo-badge { color: #cbb58f; border-color: #514735; background: #332d23; }
html[data-theme="dark"] .single-post .bs-article-side .bs-quiz-promo-box h4 { color: #eee9df; }
html[data-theme="dark"] .single-post .bs-article-side .bs-quiz-promo-box h4 small,
html[data-theme="dark"] .single-post .bs-article-side .bs-quiz-promo-box p { color: #b5a994; }
html[data-theme="dark"] .single-post .bs-article-side .bs-quiz-promo-btn { background: linear-gradient(135deg, #947345, #7d603a); }

html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--telegram {
    --single-service-border: #2d424b;
    --single-service-shadow: rgba(0,0,0,.2);
    background: linear-gradient(145deg, #172025, #1d2b31);
}
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--telegram .bs-social-box-icon { background: #263b44; }
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--telegram h4 { color: #dbe8ed; }
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--telegram p { color: #9db0b8; }
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--telegram .bs-social-box-btn { color: #b9d1da; border-color: #36505b; background: #263b44; }

html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--instagram {
    --single-service-border: #49353e;
    --single-service-shadow: rgba(0,0,0,.2);
    background: linear-gradient(145deg, #21191d, #2c2026);
}
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--instagram .bs-social-box-icon { background: #3d2b33; }
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--instagram h4 { color: #eadfe4; }
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--instagram p { color: #b9a5ae; }
html[data-theme="dark"] .single-post .bs-article-side .bs-social-box--instagram .bs-social-box-btn { color: #d4b7c2; border-color: #553945; background: #3d2b33; }

.single-post .bs-article-side .bs-social-box-btn:hover,
.single-post .bs-article-side .bs-ai-promo-btn:hover,
.single-post .bs-article-side .bs-quiz-promo-btn:hover {
    transform: translateY(-1px);
    filter: brightness(.98);
    box-shadow: 0 8px 18px rgba(15,23,42,.12);
}

/* ═══════════════════════════════════════════════════════════
   تجربه احراز هویت آرام و حرفه‌ای — 8.4.0
═══════════════════════════════════════════════════════════ */
body.bs-auth-page {
    min-height: 100vh;
    min-height: 100dvh;
    color: #f8f3e8;
    background: #09101c;
    overscroll-behavior: none;
}
.bs-auth-glass-bg {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: max(58px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(42px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));
    align-items: center;
    overflow-x: hidden;
    overflow-y: auto;
}
.bs-auth-glass-bg::before {
    content: "";
    position: fixed;
    z-index: 0;
    inset: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    opacity: 1;
    filter: none;
    background:
        linear-gradient(118deg, rgba(5, 11, 21, .9), rgba(13, 21, 35, .72) 45%, rgba(29, 18, 35, .88)),
        radial-gradient(circle at 78% 15%, rgba(33, 150, 143, .18), transparent 34%),
        radial-gradient(circle at 18% 82%, rgba(170, 92, 53, .17), transparent 38%);
    pointer-events: none;
}
.bs-auth-glass-bg::after {
    content: "";
    position: fixed;
    z-index: 0;
    inset: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    opacity: .22;
    filter: none;
    background-image:
        linear-gradient(rgba(232, 202, 126, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(232, 202, 126, .08) 1px, transparent 1px);
    background-size: 72px 72px;
    -webkit-mask-image: radial-gradient(circle at center, #000, transparent 73%);
    mask-image: radial-gradient(circle at center, #000, transparent 73%);
    pointer-events: none;
}
.bs-auth-shell {
    position: relative;
    z-index: 3;
    display: grid;
    width: min(940px, 100%);
    margin: auto;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 438px);
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(229, 202, 132, .2);
    border-radius: 34px;
    background: rgba(8, 15, 27, .66);
    box-shadow: 0 34px 95px rgba(0, 0, 0, .46), inset 0 1px rgba(255,255,255,.045);
    backdrop-filter: blur(25px) saturate(120%);
    -webkit-backdrop-filter: blur(25px) saturate(120%);
    scroll-margin-top: 64px;
}
.bs-auth-story {
    position: relative;
    display: flex;
    min-height: 610px;
    padding: 54px 50px;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    border-left: 1px solid rgba(231, 201, 124, .14);
    background:
        radial-gradient(circle at 80% 22%, rgba(35, 168, 158, .2), transparent 31%),
        radial-gradient(circle at 18% 86%, rgba(175, 90, 52, .17), transparent 38%),
        linear-gradient(150deg, rgba(29, 38, 52, .72), rgba(17, 21, 34, .8));
}
.bs-auth-story::before {
    content: "";
    position: absolute;
    inset: 16px;
    border: 1px solid rgba(234, 207, 137, .1);
    border-radius: 25px;
    pointer-events: none;
}
.bs-auth-story::after {
    content: "";
    position: absolute;
    left: -72px;
    bottom: -72px;
    width: 240px;
    height: 240px;
    border: 1px solid rgba(227, 194, 111, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 26px rgba(227,194,111,.028), 0 0 0 57px rgba(227,194,111,.018);
}
.bs-auth-story__script {
    position: absolute;
    top: 28px;
    left: 32px;
    color: rgba(232, 202, 126, .11);
    font-family: "Segoe UI Historic", "Noto Sans Old Persian", serif;
    font-size: 27px;
    letter-spacing: 10px;
    white-space: nowrap;
}
.bs-auth-story__emblem {
    display: grid;
    width: 92px;
    height: 92px;
    margin-bottom: 27px;
    place-items: center;
    border: 1px solid rgba(232, 202, 126, .28);
    border-radius: 30px;
    color: #e8ca7e;
    background: linear-gradient(145deg, rgba(232,202,126,.12), rgba(26,145,139,.08));
    box-shadow: inset 0 0 0 6px rgba(232,202,126,.025), 0 18px 42px rgba(0,0,0,.24), 0 0 34px rgba(232,202,126,.09);
}
.bs-auth-story__emblem svg { width: 64px; height: 64px; }
.bs-auth-story__kicker { color: #d9bd75; font-size: 10px; font-weight: 850; letter-spacing: .2px; }
.bs-auth-story h2 { max-width: 390px; margin: 8px 0 12px; color: #fff5dc; font-size: clamp(26px, 3vw, 37px); font-weight: 950; line-height: 1.55; }
.bs-auth-story p { max-width: 410px; margin: 0; color: #b9b5b6; font-size: 13px; line-height: 2; }
.bs-auth-story__trust { display: flex; margin-top: 25px; gap: 9px; flex-wrap: wrap; }
.bs-auth-story__trust span { display: inline-flex; min-height: 34px; padding: 6px 11px; align-items: center; gap: 6px; border: 1px solid rgba(232,202,126,.14); border-radius: 11px; color: #cec5b3; background: rgba(255,255,255,.035); font-size: 9px; font-weight: 750; }
.bs-auth-story__trust svg { width: 13px; height: 13px; color: #d9bd75; }
.bs-auth-glass {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: rgba(9, 15, 26, .76);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.bs-auth-glass::before {
    content: "";
    position: absolute;
    top: 0;
    right: 38px;
    left: 38px;
    height: 2px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, transparent, #d8ba70, #26a49c, transparent);
    opacity: .75;
}
.bs-auth-glass-head { padding: 30px 34px 15px; text-align: right; }
.bs-auth-glass-logo {
    width: 52px;
    height: 52px;
    margin: 0 0 13px;
    border: 1px solid rgba(232,202,126,.34);
    border-radius: 17px;
    color: #f2d78e;
    background: linear-gradient(145deg, #403521, #1b4b4b);
    box-shadow: inset 0 1px rgba(255,255,255,.13), 0 12px 25px rgba(0,0,0,.25);
    font-size: 23px;
}
.bs-auth-glass-head img { max-width: 170px; object-fit: contain; }
.bs-auth-glass-head h1 { margin: 0 0 4px; color: #fff6e2; font-size: 20px; line-height: 1.65; }
.bs-auth-glass-head p { color: #9fa3ac; font-size: 11px; }
.bs-auth-glass-body { padding: 7px 34px 29px; }
.bs-auth-tabs {
    position: relative;
    min-height: 49px;
    margin-bottom: 18px;
    padding: 4px;
    gap: 4px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: rgba(255,255,255,.035);
}
.bs-auth-tab {
    min-height: 39px;
    padding: 8px 10px;
    border-radius: 11px;
    color: #8f939d;
    font-size: 12px;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.bs-auth-tab:hover { color: #e8dfcc; }
.bs-auth-tab:focus-visible,
.bs-auth-method-btn:focus-visible,
.bs-auth-glass-btn:focus-visible,
.bs-auth-back:focus-visible { outline: 2px solid #e2c779; outline-offset: 2px; }
.bs-auth-tab.active { color: #fff4d7; background: linear-gradient(135deg, rgba(216,186,112,.17), rgba(38,164,156,.11)); box-shadow: inset 0 0 0 1px rgba(232,202,126,.17), 0 6px 16px rgba(0,0,0,.13); }
.bs-auth-tab-panel { animation: bs-auth-panel-in .28s ease both; }
.bs-auth-method { margin-bottom: 16px; padding-bottom: 2px; gap: 7px; }
.bs-auth-method-btn {
    min-height: 38px;
    padding: 7px 10px;
    border-color: rgba(255,255,255,.09);
    border-radius: 11px;
    color: #858b96;
    background: rgba(255,255,255,.018);
    font-size: 10px;
}
.bs-auth-method-btn:hover { color: #e5ddce; border-color: rgba(232,202,126,.2); }
.bs-auth-method-btn.active { color: #ead59c; border-color: rgba(216,186,112,.27); background: rgba(216,186,112,.08); }
.bs-auth-glass-label {
    position: relative;
    margin-bottom: 6px;
    padding-right: 10px;
    color: #c7c4bf;
    font-size: 10px;
    font-weight: 750;
}
.bs-auth-glass-label::before { content: ""; position: absolute; right: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #d8ba70; box-shadow: 0 0 8px rgba(216,186,112,.55); transform: translateY(-50%); }
.bs-auth-glass-input {
    min-height: 49px;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    color: #f4efe5;
    background: rgba(255,255,255,.045);
    box-shadow: inset 0 1px rgba(255,255,255,.025);
    font-size: 14px;
    caret-color: #e4c675;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.bs-auth-glass-input::placeholder { color: #676d79; opacity: 1; }
.bs-auth-glass-input:hover { border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.058); }
.bs-auth-glass-input:focus { outline: none; border-color: rgba(219,190,116,.55); background: rgba(255,255,255,.07); box-shadow: 0 0 0 3px rgba(219,190,116,.09), inset 0 1px rgba(255,255,255,.035); transform: translateY(-1px); }
.bs-auth-glass-btn {
    min-height: 49px;
    padding: 11px 16px;
    border: 1px solid rgba(255,238,190,.18);
    border-radius: 13px;
    color: #171711;
    background: linear-gradient(135deg, #ecd487, #c8a653 55%, #74aaa0);
    box-shadow: 0 12px 28px rgba(174,139,57,.18), inset 0 1px rgba(255,255,255,.4);
    font-size: 12px;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.bs-auth-glass-btn:hover { transform: translateY(-2px); filter: brightness(1.045); box-shadow: 0 16px 34px rgba(174,139,57,.25), inset 0 1px rgba(255,255,255,.45); }
.bs-auth-glass-btn:active { transform: translateY(0) scale(.992); }
.bs-auth-glass-btn:disabled { opacity: .58; cursor: wait; filter: grayscale(.18); }
.bs-auth-code-box,
.bs-forgot-code-box { width: clamp(40px, 11vw, 48px) !important; border-radius: 13px !important; }
.bs-auth-code-box:focus,
.bs-forgot-code-box:focus { border-color: #d8ba70 !important; box-shadow: 0 0 0 3px rgba(216,186,112,.11) !important; }
.bs-auth-privacy { display: flex; margin: 17px 0 0; align-items: center; justify-content: center; gap: 5px; color: #737986; font-size: 8px; font-weight: 650; }
.bs-auth-privacy svg { width: 11px; height: 11px; color: #9b8a5f; }
.bs-auth-back {
    position: fixed;
    z-index: 20;
    top: max(15px, env(safe-area-inset-top));
    right: max(16px, env(safe-area-inset-right));
    min-height: 40px;
    margin: 0;
    padding: 7px 12px;
    border: 1px solid rgba(232,202,126,.18);
    border-radius: 12px;
    color: #c8c2b4;
    background: rgba(8,14,24,.68);
    box-shadow: 0 9px 26px rgba(0,0,0,.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 10px;
}
.bs-auth-back:hover { color: #fff1ca; border-color: rgba(232,202,126,.38); background: rgba(18,24,35,.88); transform: translateY(-1px); }
.bs-auth-artifacts { position: fixed; z-index: 1; opacity: .85; }
.bs-artifact {
    color: rgba(232, 202, 126, .08);
    filter: drop-shadow(0 0 14px rgba(232,202,126,.07));
    animation-name: bs-auth-artifact-float;
    animation-duration: 24s;
    animation-timing-function: ease-in-out;
}
.bs-artifact.a1 { top: 5%; right: 4%; width: 86px; animation-duration: 27s; }
.bs-artifact.a2 { top: 67%; right: 7%; width: 92px; color: rgba(39,166,157,.09); animation-duration: 22s; }
.bs-artifact.a3 { top: 13%; left: 5%; width: 112px; color: rgba(232,202,126,.065); animation-duration: 31s; }
.bs-artifact.a4 { bottom: 5%; left: 10%; width: 72px; color: rgba(191,111,66,.085); animation-duration: 25s; }
.bs-artifact.a5 { top: 46%; left: 47%; width: 64px; color: rgba(232,202,126,.045); animation-duration: 29s; }
.bs-artifact.a6 { bottom: 23%; right: 38%; width: 76px; color: rgba(39,166,157,.06); animation-duration: 26s; }
@keyframes bs-auth-panel-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes bs-auth-artifact-float { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg); } 33% { transform: translate3d(9px,-17px,0) rotate(4deg); } 66% { transform: translate3d(-7px,9px,0) rotate(-5deg); } }

@media (max-width: 860px) {
    .bs-auth-glass-bg { align-items: flex-start; }
    .bs-auth-shell { display: block; width: min(448px, 100%); border-radius: 28px; }
    .bs-auth-story { display: none; }
    .bs-auth-glass { border-radius: inherit; }
    .bs-artifact.a1,
    .bs-artifact.a3,
    .bs-artifact.a5 { display: none; }
    .bs-artifact.a2 { top: 13%; right: -25px; width: 80px; }
    .bs-artifact.a4 { bottom: 8%; left: -18px; width: 65px; }
    .bs-artifact.a6 { top: 48%; right: auto; left: -28px; width: 73px; }
}
@media (max-width: 540px) {
    body.bs-auth-page { overscroll-behavior-y: auto; }
    .bs-auth-glass-bg { padding: max(66px, env(safe-area-inset-top)) 11px max(22px, env(safe-area-inset-bottom)); }
    .bs-auth-shell { border-radius: 23px; box-shadow: 0 22px 60px rgba(0,0,0,.38); }
    .bs-auth-glass::before { right: 24px; left: 24px; }
    .bs-auth-glass-head { padding: 21px 19px 12px; text-align: center; }
    .bs-auth-glass-logo { width: 47px; height: 47px; margin: 0 auto 9px; border-radius: 15px; font-size: 20px; }
    .bs-auth-glass-head img { max-height: 48px !important; margin-bottom: 10px !important; }
    .bs-auth-glass-head h1 { font-size: 17px; }
    .bs-auth-glass-head p { font-size: 10px; }
    .bs-auth-glass-body { padding: 6px 16px 20px; }
    .bs-auth-tabs { min-height: 47px; margin-bottom: 14px; border-radius: 14px; }
    .bs-auth-tab { min-height: 37px; font-size: 11px; }
    .bs-auth-method { margin-bottom: 13px; }
    .bs-auth-method-btn { min-height: 40px; font-size: 9px; }
    .bs-auth-glass-label { font-size: 9px; }
    .bs-auth-glass-input { min-height: 48px; padding: 10px 12px; font-size: 16px; }
    .bs-auth-glass-btn { min-height: 48px; font-size: 11px; }
    .bs-auth-back { top: max(11px, env(safe-area-inset-top)); right: 11px; min-height: 38px; font-size: 9px; }
    .bs-auth-privacy { margin-top: 14px; }
}
@media (max-width: 350px) {
    .bs-auth-glass-bg { padding-right: 8px; padding-left: 8px; }
    .bs-auth-glass-body { padding-right: 12px; padding-left: 12px; }
    .bs-auth-code-box,
    .bs-forgot-code-box { width: 40px !important; height: 50px !important; }
}
@media (max-width: 860px) and (max-height: 620px) and (orientation: landscape) {
    .bs-auth-glass-bg { padding-top: 54px; }
    .bs-auth-glass-head { padding-top: 17px; }
    .bs-auth-glass-logo { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .bs-artifact,
    .bs-auth-tab-panel { animation: none !important; }
    .bs-auth-glass-input,
    .bs-auth-glass-btn,
    .bs-auth-back { transition: none !important; }
}

/* 8.9.5 — خدمات زیر نظرسنجی و فاصله امن ارسال پست در باستان‌نگار */
.bs-bn-mobile-promos { display:grid; margin-top:12px; gap:10px; }
.bs-bn-mobile-promo { min-width:0; }
@media (max-width:1100px) {
    .bs-bn-mobile-promos .bs-ai-promo-box,
    .bs-bn-mobile-promos .bs-quiz-promo-box,
    .bs-bn-mobile-promos .bs-social-box { margin:0; border:1px solid var(--bs-border); border-radius:18px; box-shadow:0 10px 28px rgba(15,23,42,.07); }
    .bs-bn-mobile-promos .bs-ai-promo-glow,
    .bs-bn-mobile-promos .bs-quiz-promo-glow { display:none; }

    .bs-bn-mobile-promos .bs-quiz-promo-box { background:radial-gradient(circle at 90% 5%,rgba(181,134,61,.12),transparent 32%),linear-gradient(145deg,#faf8f3,#f3eee4); }
    .bs-bn-mobile-promos .bs-quiz-promo-badge { border-color:#e6d1a7; color:#89652d; background:#f3e8d2; }
    .bs-bn-mobile-promos .bs-quiz-promo-box h4 { color:#3c352b; }
    .bs-bn-mobile-promos .bs-quiz-promo-box h4 small,
    .bs-bn-mobile-promos .bs-quiz-promo-box p { color:#776b58; }
    .bs-bn-mobile-promos .bs-quiz-promo-btn { background:linear-gradient(135deg,#b48743,#916a31); box-shadow:0 7px 17px rgba(145,106,49,.18); }

    .bs-bn-mobile-promos .bs-social-box--telegram { color:#35515d; background:radial-gradient(circle at 90% 5%,rgba(75,132,157,.1),transparent 32%),linear-gradient(145deg,#f4f8fa,#e9f1f4); }
    .bs-bn-mobile-promos .bs-social-box--telegram .bs-social-box-icon { background:#dceaf0; }
    .bs-bn-mobile-promos .bs-social-box--telegram .bs-social-box-icon svg { color:#527d90; }
    .bs-bn-mobile-promos .bs-social-box--telegram h4 { color:#304b57; }
    .bs-bn-mobile-promos .bs-social-box--telegram p { color:#687f89; }
    .bs-bn-mobile-promos .bs-social-box--telegram .bs-social-box-btn { border:1px solid #d4e4ea; color:#426f82; background:#e5f0f4; }

    .bs-bn-mobile-promos .bs-ai-promo-box { background:radial-gradient(circle at 90% 5%,rgba(112,93,165,.11),transparent 32%),linear-gradient(145deg,#f7f6fa,#eeebf5); }
    .bs-bn-mobile-promos .bs-ai-promo-badge { border-color:#d8d0e9; color:#66548e; background:#ece7f5; }
    .bs-bn-mobile-promos .bs-ai-promo-box h4 { color:#302d42; }
    .bs-bn-mobile-promos .bs-ai-promo-box h4 small,
    .bs-bn-mobile-promos .bs-ai-promo-box p { color:#6d687d; }
    .bs-bn-mobile-promos .bs-ai-promo-btn { background:linear-gradient(135deg,#7664a8,#62538f); box-shadow:0 7px 17px rgba(98,83,143,.18); }

    html[data-theme="dark"] .bs-bn-mobile-promos .bs-quiz-promo-box { border-color:#42392c; background:linear-gradient(145deg,#1d1b18,#29241b); }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-quiz-promo-box h4 { color:#f0eadf; }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-quiz-promo-box h4 small,
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-quiz-promo-box p { color:#b3a68f; }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-social-box--telegram { border-color:#304650; background:linear-gradient(145deg,#172126,#203139); }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-social-box--telegram h4 { color:#dbe8ed; }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-social-box--telegram p { color:#9db0b8; }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-social-box--telegram .bs-social-box-icon,
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-social-box--telegram .bs-social-box-btn { background:#263b44; }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-ai-promo-box { border-color:#34344d; background:linear-gradient(145deg,#191a27,#202034); }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-ai-promo-box h4 { color:#f0eff8; }
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-ai-promo-box h4 small,
    html[data-theme="dark"] .bs-bn-mobile-promos .bs-ai-promo-box p { color:#aaa5bf; }
}
@media (max-width:768px) {
    body.bs-bastannegar-page .bs-fab { bottom:calc(108px + env(safe-area-inset-bottom)) !important; left:16px !important; z-index:96 !important; width:50px !important; height:50px !important; border:1px solid rgba(255,255,255,.35); box-shadow:0 12px 30px color-mix(in srgb,var(--bs-primary) 42%,transparent),0 0 0 4px color-mix(in srgb,var(--bs-card) 88%,transparent) !important; }
    body.bs-bastannegar-page .bs-fab svg { width:22px; height:22px; }
}

/* 8.9.6 — استودیوی ارسال، فید موضوعی و پرسش‌وپاسخ باستان‌نگار */
.bs-bn-quick-composer { display:grid; grid-template-columns:48px minmax(0,1fr); gap:11px; margin-bottom:14px; padding:14px; border:1px solid color-mix(in srgb,var(--bs-primary) 13%,var(--bs-border)); border-radius:19px; background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,var(--bs-primary) 3%,var(--bs-card))); box-shadow:0 12px 34px rgba(15,23,42,.065); }
.bs-bn-composer-avatar { width:48px; height:48px; border:2px solid var(--bs-card); border-radius:14px; object-fit:cover; box-shadow:0 6px 17px rgba(15,23,42,.14); }
.bs-bn-composer-main { min-width:0; }
.bs-bn-composer-main>label { display:block; margin-bottom:6px; color:var(--bs-text); font-size:11px; font-weight:900; }
.bs-bn-composer-main>textarea { display:block; width:100%; min-height:62px; padding:11px 12px; resize:vertical; border:1px solid var(--bs-border-light); border-radius:13px; outline:0; color:var(--bs-text); background:var(--bs-bg-secondary); font:500 12px/1.9 var(--bs-font); transition:.2s ease; }
.bs-bn-composer-main>textarea:focus { border-color:var(--bs-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--bs-primary) 8%,transparent); background:var(--bs-card); }
.bs-bn-composer-preview { display:flex; gap:7px; flex-wrap:wrap; margin-top:7px; }
.bs-bn-composer-tools { display:flex; margin-top:8px; align-items:center; gap:7px; flex-wrap:wrap; }
.bs-bn-composer-tools select,.bs-bn-composer-media { min-height:34px; padding:7px 9px; border:1px solid var(--bs-border); border-radius:10px; color:var(--bs-text-muted); background:var(--bs-card); font:800 8.5px/1.4 var(--bs-font); }
.bs-bn-composer-media { display:inline-flex; align-items:center; gap:5px; cursor:pointer; }.bs-bn-composer-media svg { width:14px; height:14px; color:var(--bs-primary); }.bs-bn-composer-media input { display:none; }
.bs-bn-draft-state { color:var(--bs-text-light); font-size:7.5px; font-weight:800; }.bs-bn-draft-state.is-saved { color:#31806f; }.bs-bn-composer-count { margin-right:auto; color:var(--bs-text-light); font-size:7.5px; }.bs-bn-composer-count b { color:var(--bs-text); }
.bs-bn-composer-tools>button { min-height:36px; padding:8px 15px; border-radius:11px; color:#fff; background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 55%,#4f46e5)); box-shadow:0 7px 17px color-mix(in srgb,var(--bs-primary) 20%,transparent); font:900 9px/1.4 var(--bs-font); }.bs-bn-composer-tools>button:disabled { opacity:.55; cursor:wait; }

.bs-bn-topic-deck { display:grid; grid-template-columns:125px minmax(0,1fr); gap:10px; margin-bottom:14px; padding:11px 13px; align-items:center; border:1px solid var(--bs-border-light); border-radius:16px; background:var(--bs-card); }
.bs-bn-topic-deck>div:first-child { display:flex; flex-direction:column; }.bs-bn-topic-deck small { color:var(--bs-primary); font-size:7px; font-weight:900; }.bs-bn-topic-deck strong { color:var(--bs-text); font-size:10px; }
#bs-bn-topic-follow-list { display:flex; min-width:0; gap:6px; overflow-x:auto; scrollbar-width:none; }#bs-bn-topic-follow-list::-webkit-scrollbar{display:none}
.bs-bn-topic-chip { display:flex; min-width:max-content; margin-bottom:5px; align-items:center; gap:5px; border-bottom:1px solid var(--bs-border-light); }
.bs-bn-topic-chip>a { display:flex; flex:1; padding:7px 0; align-items:center; justify-content:space-between; gap:8px; color:var(--bs-primary); font-size:10px; font-weight:850; }.bs-bn-topic-chip>a small { color:var(--bs-text-light); font-size:7px; }
.bs-bn-topic-chip>button { padding:4px 7px; border:1px solid var(--bs-border); border-radius:999px; color:var(--bs-text-muted); background:var(--bs-bg-secondary); font:800 6.5px/1.3 var(--bs-font); }.bs-bn-topic-chip.is-followed>button { border-color:color-mix(in srgb,#278977 25%,var(--bs-border)); color:#287c6d; background:color-mix(in srgb,#2f9d89 8%,var(--bs-bg-secondary)); }
.bs-bn-topic-chip.is-compact { padding:3px; border:1px solid var(--bs-border-light); border-radius:999px; background:var(--bs-bg-secondary); }.bs-bn-topic-chip.is-compact>a { padding:4px 6px; }.bs-bn-topic-chip.is-compact>button { padding:4px 6px; }

.bs-mp-post.is-question { border-color:color-mix(in srgb,#a77a2f 30%,var(--bs-border)); box-shadow:0 11px 30px rgba(132,91,26,.07); }
.bs-bn-question-label { display:flex; margin:-1px -1px 11px; padding:9px 11px; align-items:center; gap:8px; border-radius:var(--bs-radius-lg) var(--bs-radius-lg) 10px 10px; color:#66502e; background:linear-gradient(90deg,#f5ead5,#faf6ee); }.bs-bn-question-label>b { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(145deg,#b9893c,#8e6428); font-size:16px; }.bs-bn-question-label>span { display:flex; flex-direction:column; }.bs-bn-question-label strong { font-size:9px; }.bs-bn-question-label small { color:#8c7857; font-size:7px; }
.bs-bn-trust { display:inline-flex; padding:2px 5px; align-items:center; border:1px solid color-mix(in srgb,#348c7b 20%,var(--bs-border)); border-radius:999px; color:#337d70; background:color-mix(in srgb,#3aa38e 7%,var(--bs-card)); font-size:6px; font-weight:850; }
.bs-comment-item.is-accepted { margin:8px 0; padding:12px; border:1px solid color-mix(in srgb,#b58a3f 38%,var(--bs-border)); border-radius:14px; background:linear-gradient(135deg,color-mix(in srgb,#d3a651 8%,var(--bs-card)),var(--bs-card)); box-shadow:0 9px 22px rgba(122,86,30,.07); }
.bs-bn-accepted-mark { display:inline-flex; padding:3px 7px; border-radius:999px; color:#735421; background:#f2dfb5; font-size:6.5px; font-weight:900; }
.bs-bn-accept-answer { margin-top:8px; padding:6px 9px; border:1px solid color-mix(in srgb,#a77a2f 24%,var(--bs-border)); border-radius:9px; color:#80602b; background:color-mix(in srgb,#c79a4a 7%,var(--bs-bg-secondary)); font:850 7px/1.4 var(--bs-font); }.bs-bn-accept-answer.is-active { color:#fff; background:#98702f; }
html[data-theme="dark"] .bs-bn-question-label { color:#ead9bb; background:linear-gradient(90deg,#342a1d,#26221b); }html[data-theme="dark"] .bs-bn-question-label small{color:#b4a181}html[data-theme="dark"] .bs-bn-accepted-mark{color:#e5c98e;background:#40331f}

@media(max-width:600px){
    .bs-bn-quick-composer { grid-template-columns:38px minmax(0,1fr); padding:11px; gap:8px; border-radius:16px; }.bs-bn-composer-avatar { width:38px; height:38px; border-radius:11px; }.bs-bn-composer-main>label { font-size:9px; }.bs-bn-composer-main>textarea { min-height:58px; font-size:11px; }.bs-bn-composer-tools { gap:5px; }.bs-bn-composer-tools select,.bs-bn-composer-media { min-height:32px; }.bs-bn-draft-state { order:5; width:100%; }.bs-bn-composer-tools>button { padding-inline:11px; }
    .bs-bn-topic-deck { grid-template-columns:1fr; gap:7px; padding:10px; }.bs-bn-topic-deck>div:first-child { flex-direction:row; align-items:center; gap:5px; }.bs-bn-topic-deck>div:first-child small::after { content:" ·"; }
}

/* 8.10.0 — پرداخت نهایی منوی موبایل و جستجو */
@media (max-width:768px) {
    .bs-mobile-nav { right:9px; left:9px; bottom:calc(8px + env(safe-area-inset-bottom)); border-color:color-mix(in srgb,var(--bs-primary) 13%,var(--bs-border)); border-radius:24px; background:color-mix(in srgb,var(--bs-card) 89%,transparent); box-shadow:0 18px 48px rgba(2,6,23,.22),inset 0 1px rgba(255,255,255,.72); }
    .bs-mobile-nav::before { content:""; position:absolute; top:0; right:23px; left:23px; height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bs-accent) 62%,transparent),transparent); }
    .bs-mobile-nav-inner { min-height:67px; padding:5px 4px; }
    .bs-mobile-nav a { min-height:55px; padding:6px 2px 5px; justify-content:center; gap:3px; border-radius:16px; color:var(--bs-text-muted); font-size:8px; letter-spacing:-.15px; }
    .bs-mobile-nav a svg { width:34px; height:34px; padding:7.5px; border:1px solid color-mix(in srgb,currentColor 13%,var(--bs-border)); border-radius:12px; color:var(--bs-text-muted); background:linear-gradient(145deg,color-mix(in srgb,currentColor 6%,var(--bs-card)),var(--bs-bg-secondary)); box-shadow:inset 0 1px rgba(255,255,255,.65),0 5px 13px rgba(15,23,42,.055); stroke-width:1.85; }
    .bs-mobile-nav a:nth-child(1) svg { color:#527cb5; }
    .bs-mobile-nav a:nth-child(2) svg { color:#3c8b82; }
    .bs-mobile-nav a:nth-child(4) svg { color:#a97832; }
    .bs-mobile-nav a:nth-child(5) svg { color:#765da4; }
    .bs-mobile-nav a.active:not(.bs-mobile-nav-main) { color:var(--bs-primary); background:linear-gradient(180deg,color-mix(in srgb,var(--bs-primary) 8%,transparent),transparent); }
    .bs-mobile-nav a.active:not(.bs-mobile-nav-main) svg { color:var(--bs-primary); border-color:color-mix(in srgb,var(--bs-primary) 27%,var(--bs-border)); box-shadow:0 7px 18px color-mix(in srgb,var(--bs-primary) 13%,transparent),inset 0 1px rgba(255,255,255,.7); transform:translateY(-1px); }
    .bs-mobile-nav a.active:not(.bs-mobile-nav-main)::after { width:22px; height:3px; bottom:0; box-shadow:0 0 9px color-mix(in srgb,var(--bs-primary) 40%,transparent); }
    .bs-mobile-nav-main { transform:translateY(-12px); }
    .bs-mobile-nav-main svg { width:48px !important; height:48px !important; padding:12px !important; border-radius:17px !important; border:2px solid color-mix(in srgb,var(--bs-card) 90%,transparent) !important; color:#fff !important; background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.25),transparent 28%),linear-gradient(145deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 32%,#4f46e5)) !important; box-shadow:0 13px 28px color-mix(in srgb,var(--bs-primary) 33%,transparent),0 0 0 4px color-mix(in srgb,var(--bs-primary) 8%,transparent) !important; }
    .bs-mobile-nav-main span { margin-top:-1px; color:var(--bs-text); font-weight:950; }
    html[data-theme="dark"] .bs-mobile-nav { background:color-mix(in srgb,#101827 91%,transparent); border-color:#2b3a50; box-shadow:0 18px 48px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.075); }
    html[data-theme="dark"] .bs-mobile-nav a svg { border-color:#2b3a50; background:linear-gradient(145deg,#182335,#111a29); box-shadow:inset 0 1px rgba(255,255,255,.05),0 6px 15px rgba(0,0,0,.18); }
}

.bs-search-overlay { background:radial-gradient(circle at 50% -5%,rgba(181,134,61,.2),transparent 32%),radial-gradient(circle at 15% 25%,rgba(79,70,229,.15),transparent 30%),rgba(4,8,18,.79); }
.bs-search-overlay-inner { position:relative; }
.bs-search-overlay-form { border-color:color-mix(in srgb,var(--bs-primary) 18%,rgba(255,255,255,.16)); background:color-mix(in srgb,var(--bs-card) 94%,transparent); box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12); }
.bs-search-overlay-input::placeholder { color:var(--bs-text-light); opacity:.86; }
.bs-search-overlay-btn { background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 58%,#4f46e5)); box-shadow:0 8px 18px color-mix(in srgb,var(--bs-primary) 22%,transparent); }
.bs-search-overlay-close { width:auto; min-width:38px; padding:9px 11px; border-radius:11px; }
.bs-search-overlay-close svg { width:13px; height:13px; stroke-width:1.9; }
.bs-search-results { scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--bs-primary) 40%,transparent) transparent; }

@media (max-width:720px) {
    .bs-search-overlay { padding:18px 9px calc(96px + env(safe-area-inset-bottom)); align-items:flex-start; }
    .bs-search-overlay-inner { width:min(100%,520px); margin-inline:auto; }
    .bs-search-overlay-head { min-height:49px; margin:0 0 10px; padding:0 47px 0 4px; align-items:center; }
    .bs-search-overlay-form { grid-template-columns:35px minmax(0,1fr) 40px !important; gap:5px; padding:7px; border-radius:16px; }
    .bs-search-overlay-prefix { width:35px; height:38px; flex-basis:35px; border-radius:10px; }
    .bs-search-overlay-prefix svg { width:16px; height:16px; }
    .bs-search-overlay-input { min-height:38px; font-size:11.5px !important; }
    .bs-search-overlay-btn { width:40px !important; min-height:38px; padding:7px !important; border-radius:10px; }
    .bs-search-overlay-close { position:absolute; top:6px; left:5px; width:32px !important; min-width:32px !important; height:32px; min-height:32px !important; padding:7px !important; border-radius:10px; color:#f8fafc; background:rgba(255,255,255,.075); border-color:rgba(255,255,255,.14); box-shadow:inset 0 1px rgba(255,255,255,.08); }
    .bs-search-overlay-close svg { width:11px !important; height:11px !important; stroke-width:1.8; }
    .bs-search-hints { margin-top:1px; margin-bottom:10px; gap:5px; }
    .bs-search-hints button { padding:5px 8px; font-size:7.5px; }
    .bs-search-results { max-height:calc(100vh - 225px); border-radius:16px; }
}

/* اولویت نهایی چینش حالت‌های آوردگاه، پس از قواعد قدیمی */
.bs-arena-mode-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:800px) { .bs-arena-mode-grid { grid-template-columns:1fr; } }

/* نوار زمان در همه بخش‌های موبایل، وسط و یک‌خط */
@media (max-width:900px) {
    .bs-utility-bar { padding-top:0; border-bottom:1px solid rgba(255,255,255,.08); background:#080b10; }
    .bs-mobile-single-datetime { display:block !important; width:min(calc(100% - 16px),760px) !important; margin:6px auto 0 !important; padding:6px 7px !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:12px; color:#f8fafc; background:radial-gradient(circle at 50% 0,rgba(181,134,61,.12),transparent 60%),linear-gradient(135deg,#10141b,#090b0f) !important; box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.16); text-align:center; }
    .bs-mobile-single-datetime__line { display:flex !important; width:max-content !important; max-width:100%; margin:0 auto; align-items:center; justify-content:center !important; flex-wrap:nowrap; gap:5px !important; overflow:hidden; color:#f8fafc; font-size:clamp(7.2px,2.3vw,10.5px) !important; font-weight:750; line-height:1.7; white-space:nowrap; font-variant-numeric:tabular-nums; }
    .bs-mobile-single-datetime__line > span { flex:0 0 auto; padding:2px 4px; border-radius:6px; background:rgba(255,255,255,.035); }
    .bs-mobile-single-datetime__line i { width:4px; height:4px; flex:0 0 4px; border-radius:50%; background:#d6a94e; box-shadow:0 0 0 3px rgba(214,169,78,.12); }
    .bs-mobile-single-datetime__line b { color:#f4c5c5; font-weight:900; }
    .bs-mobile-single-datetime__updated { color:#b8c0cc; font-weight:600; }
    .bs-mobile-single-datetime__updated time { color:#f6e3b1; }
    .bs-utility-bar > .bs-container { padding-top:6px !important; padding-bottom:6px !important; }
}

/* اعمال نهایی پس از تمام سازگارسازهای قدیمی موبایل */
.bs-hero-main h2,.bs-hero-main h2 a { white-space:nowrap !important; text-wrap:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
@media (max-width:900px) {
    .bs-utility-bar { background:transparent !important; border:0 !important; box-shadow:none !important; }
    .bs-mobile-single-datetime { margin:0 auto !important; padding:5px 8px !important; border:0 !important; border-radius:0 !important; color:var(--bs-text) !important; background:transparent !important; box-shadow:none !important; }
    .bs-mobile-single-datetime__line { color:var(--bs-text) !important; }
    .bs-mobile-single-datetime__line > span { padding:0 !important; background:transparent !important; }
    .bs-mobile-single-datetime__line b { color:var(--bs-primary,#4776d0) !important; }
    .bs-mobile-single-datetime__updated { color:var(--bs-text-muted) !important; }
    .bs-mobile-single-datetime__updated time { color:var(--bs-primary,#4f6fcf) !important; }
}

/* 8.17.7 — تیتر کامل اسلایدر، بدون شمارنده و بدون خلاصه‌سازی */
.bs-hero-slider-status { display:none !important; }
.bs-hero-main h2 {
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
}
.bs-hero-main h2 a {
    display:block !important;
    width:max-content !important;
    min-width:100%;
    max-width:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    will-change:transform;
}
.bs-hero-main h2.is-overflowing a {
    animation:bsHeroFullTitle var(--hero-title-duration,12s) ease-in-out 1.2s infinite alternate;
}
@keyframes bsHeroFullTitle {
    0%,12% { transform:translateX(0); }
    88%,100% { transform:translateX(var(--hero-title-shift,0)); }
}
@media (prefers-reduced-motion:reduce) {
    .bs-hero-main h2.is-overflowing a { animation:none !important; font-size:clamp(12px,3.5vw,18px) !important; }
}

/* 8.18.1 — تیتر ثابت و کامل اسلایدر با اندازه قابل مدیریت */
.bs-hero-main h2 {
    width:100% !important;
    max-width:100% !important;
    font-size:var(--bs-hero-title-desktop,20px) !important;
    line-height:1.55 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
}
.bs-hero-main h2 a {
    width:max-content !important;
    max-width:none !important;
    font-size:inherit !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    animation:none !important;
    transform:none !important;
}
@media(max-width:760px) {
    .bs-hero-main h2 { font-size:var(--bs-hero-title-mobile,14px) !important; }
}

/* 8.18.3 — جایگاه حرفه‌ای تبلیغات سایدبار */
.bs-sidebar-ad-card {
    position:relative;
    isolation:isolate;
    width:100%;
    margin:0 0 18px;
    padding:10px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--bs-primary,#4776d0) 18%,var(--bs-border));
    border-radius:22px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--bs-card) 96%,var(--bs-primary,#4776d0) 4%),var(--bs-card));
    box-shadow:0 16px 42px rgba(15,23,42,.08),inset 0 1px rgba(255,255,255,.5);
}
.bs-sidebar-ad-card:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:-80px;
    right:-70px;
    width:190px;
    height:190px;
    border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--bs-primary,#4776d0) 17%,transparent),transparent 68%);
    pointer-events:none;
}
.bs-sidebar-ad-card-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:28px;
    padding:1px 4px 8px;
    color:var(--bs-text-muted);
    font-size:10px;
}
.bs-sidebar-ad-card-head span { color:var(--bs-text);font-size:11px;font-weight:850; }
.bs-sidebar-ad-card-head small { padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--bs-primary,#4776d0) 10%,transparent);color:var(--bs-primary,#4776d0);font-size:8px;font-weight:800; }
.bs-sidebar-ad-card .bs-ad-wrapper {
    width:100%;
    min-height:min(var(--bs-ad-slot-h,250px),80vw);
    margin:0 auto !important;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--bs-border) 82%,transparent);
    border-radius:15px;
    background:color-mix(in srgb,var(--bs-bg) 76%,var(--bs-card));
}
.bs-sidebar-ad-card .bs-ad-tag { display:none !important; }
.bs-sidebar-ad-card .bs-ad-code-frame {
    display:block;
    width:100% !important;
    max-width:100%;
    min-height:90px;
    height:var(--bs-ad-slot-h,250px);
    margin:0;
    border:0;
    background:transparent;
}
@media(max-width:760px) {
    .bs-sidebar-ad-card { width:min(100%,360px);margin-inline:auto;padding:8px;border-radius:19px; }
    .bs-sidebar-ad-card-head { min-height:25px;padding-bottom:6px; }
    .bs-sidebar-ad-card .bs-ad-wrapper { min-height:min(var(--bs-ad-slot-h,250px),72vw);border-radius:13px; }
}

/* 8.18.3 — نسخه موبایل اسلایدر؛ دسکتاپ بدون تغییر */
.bs-hero-main h2,
.bs-hero-main h2 a { color:var(--bs-primary,#4776d0) !important; }
.bs-hero-main h2 a:hover { color:var(--bs-primary,#4776d0) !important; }
@media(max-width:760px) {
    .bs-hero-main {
        height:clamp(365px,106vw,455px) !important;
        min-height:0 !important;
        overflow:hidden !important;
        border:1px solid color-mix(in srgb,var(--bs-primary,#4776d0) 30%,transparent) !important;
        border-radius:24px !important;
        box-shadow:0 22px 55px rgba(15,23,42,.16) !important;
    }
    .bs-hero-main:before {
        background:linear-gradient(180deg,rgba(4,9,18,.22) 0%,rgba(4,9,18,.04) 34%,rgba(4,9,18,.24) 62%,rgba(4,9,18,.9) 100%) !important;
    }
    .bs-hero-main img { transform:scale(1.015);object-position:center center !important; }
    .bs-hero-main .bs-hero-main-content .cat-tag {
        top:18px !important;
        right:16px !important;
        padding:4px 9px !important;
        border:1px solid color-mix(in srgb,var(--bs-primary,#4776d0) 45%,transparent) !important;
        background:rgba(8,15,27,.68) !important;
        box-shadow:0 7px 20px rgba(0,0,0,.12) !important;
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
        font-size:8px !important;
    }
    .bs-hero-main .bs-hero-main-content h2 {
        top:31% !important;
        right:16px !important;
        left:16px !important;
        padding:9px 11px !important;
        border-right:3px solid var(--bs-primary,#4776d0) !important;
        border-radius:12px !important;
        background:linear-gradient(90deg,rgba(5,10,20,.72),rgba(5,10,20,.2)) !important;
        box-shadow:0 10px 25px rgba(0,0,0,.1) !important;
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
        line-height:1.6 !important;
    }
    .bs-hero-main .bs-hero-main-content h2 a { color:var(--bs-primary,#4776d0) !important;text-shadow:0 1px 12px rgba(0,0,0,.38); }
    .bs-hero-main .bs-hero-main-content .bs-hero-meta {
        right:15px !important;
        bottom:35px !important;
        left:15px !important;
        display:flex !important;
        align-items:center !important;
        gap:5px !important;
        padding:0 !important;
        overflow:hidden;
        white-space:nowrap;
        font-size:8px !important;
    }
    .bs-hero-main .bs-hero-meta > * { flex:0 1 auto;min-width:0; }
    .bs-hero-dots { bottom:13px !important; }
}

/* 8.18.5-final — این بلوک عمداً آخرین قانون اسلایدر است */
.bs-hero-main h2,.bs-hero-main h2 a,.bs-hero-main h2 a:visited{color:#fff!important}
.bs-hero-main h2 a:hover{color:var(--bs-accent,#e7bd60)!important}
@media(max-width:760px){
 .bs-hero-main{position:relative!important;isolation:auto!important;height:420px!important;min-height:0!important;overflow:hidden!important;border:0!important;border-radius:var(--bs-radius-lg,18px)!important;background:#0f172a!important;box-shadow:var(--bs-shadow-lg,0 16px 40px rgba(15,23,42,.16))!important}
 .bs-hero-main:before{display:none!important;content:none!important}
 .bs-hero-main .bs-hero-main-overlay{display:block!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 50%,transparent 100%)!important}
 .bs-hero-main .bs-hero-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;transform:none!important;transition:transform 7s ease!important}
 .bs-hero-main .bs-hero-slide.is-active img{transform:scale(1.08)!important}
 .bs-hero-main .bs-hero-main-content{position:absolute!important;z-index:5!important;top:auto!important;right:0!important;bottom:0!important;left:0!important;inset:unset!important;inset-inline:0!important;width:auto!important;max-width:none!important;padding:22px 20px 42px!important;color:#fff!important;transform:none!important;pointer-events:auto!important}
 .bs-hero-main .bs-hero-main-content .cat-tag{position:static!important;display:inline-block!important;inset:auto!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0 0 10px!important;padding:5px 10px!important;border:0!important;border-radius:6px!important;color:#fff!important;background:var(--bs-primary,#4776d0)!important;box-shadow:none!important;backdrop-filter:none!important;font-size:10px!important;font-weight:900!important;line-height:1.5!important}
 .bs-hero-main .bs-hero-main-content h2{position:static!important;inset:auto!important;display:block!important;width:auto!important;max-width:100%!important;margin:0 0 10px!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;color:#fff!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;font-size:18px!important;font-weight:900!important;line-height:1.65!important;white-space:normal!important;text-overflow:clip!important;transform:none!important}
 .bs-hero-main .bs-hero-main-content h2 a{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;overflow:visible!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)!important;white-space:normal!important;text-overflow:clip!important;animation:none!important;transform:none!important}
 .bs-hero-main .bs-hero-main-content .bs-hero-meta{position:static!important;inset:auto!important;display:flex!important;width:auto!important;margin:0!important;padding:0!important;overflow:visible!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;color:#cbd5e1!important;font-size:10px!important;white-space:normal!important}
 .bs-hero-main .bs-hero-meta>*{flex:0 0 auto!important}
 .bs-hero-slider-dots{bottom:15px!important}
 .bs-hero-slider-arrow,.bs-hero-slider-nav{display:none!important}
}

/* 8.18.5 — بازگشت قطعی اسلایدر موبایل به طراحی پایه نسخه نخست */
.bs-hero-main h2,
.bs-hero-main h2 a,
.bs-hero-main h2 a:visited { color:#fff !important; }
.bs-hero-main h2 a:hover { color:var(--bs-accent,#e7bd60) !important; }

@media(max-width:760px) {
    .bs-hero-main {
        position:relative !important;
        isolation:auto !important;
        height:420px !important;
        min-height:0 !important;
        overflow:hidden !important;
        border:0 !important;
        border-radius:var(--bs-radius-lg,18px) !important;
        background:#0f172a !important;
        box-shadow:var(--bs-shadow-lg,0 16px 40px rgba(15,23,42,.16)) !important;
    }
    .bs-hero-main:before { display:none !important;content:none !important; }
    .bs-hero-main .bs-hero-main-overlay {
        display:block !important;
        position:absolute !important;
        inset:0 !important;
        z-index:2 !important;
        background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 50%,transparent 100%) !important;
    }
    .bs-hero-main .bs-hero-slide img {
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center !important;
        filter:none !important;
        transform:none !important;
        transition:transform 7s ease !important;
    }
    .bs-hero-main .bs-hero-slide.is-active img { transform:scale(1.08) !important; }
    .bs-hero-main .bs-hero-main-content {
        position:absolute !important;
        z-index:5 !important;
        top:auto !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        inset-inline:0 !important;
        width:auto !important;
        max-width:none !important;
        padding:22px 20px 42px !important;
        color:#fff !important;
        transform:none !important;
        pointer-events:auto !important;
    }
    .bs-hero-main .bs-hero-main-content .cat-tag {
        position:static !important;
        display:inline-block !important;
        width:auto !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 0 10px !important;
        padding:5px 10px !important;
        border:0 !important;
        border-radius:6px !important;
        color:#fff !important;
        background:var(--bs-primary,#4776d0) !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        font-size:10px !important;
        font-weight:900 !important;
        line-height:1.5 !important;
    }
    .bs-hero-main .bs-hero-main-content h2 {
        position:static !important;
        display:block !important;
        width:auto !important;
        max-width:100% !important;
        margin:0 0 10px !important;
        padding:0 !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        color:#fff !important;
        background:none !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        font-size:18px !important;
        font-weight:900 !important;
        line-height:1.65 !important;
        white-space:normal !important;
        text-overflow:clip !important;
        transform:none !important;
    }
    .bs-hero-main .bs-hero-main-content h2 a {
        display:block !important;
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:visible !important;
        color:#fff !important;
        text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
        white-space:normal !important;
        text-overflow:clip !important;
        animation:none !important;
        transform:none !important;
    }
    .bs-hero-main .bs-hero-main-content .bs-hero-meta {
        position:static !important;
        display:flex !important;
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:10px !important;
        color:#cbd5e1 !important;
        font-size:10px !important;
        white-space:normal !important;
    }
    .bs-hero-main .bs-hero-meta > * { flex:0 0 auto !important; }
    .bs-hero-slider-dots { bottom:15px !important; }
    .bs-hero-slider-arrow,.bs-hero-slider-nav { display:none !important; }
}

/* 8.17.8 — نوار بالای هدر در لایت و دارک همیشه مشکی است */
.bs-utility-bar,
html[data-theme="light"] .bs-utility-bar,
body:not(.dark-mode) .bs-utility-bar {
    color-scheme:dark;
    color:#f8fafc !important;
    background:#080b10 !important;
    border-bottom-color:rgba(255,255,255,.08) !important;
}
.bs-utility-bar a,
.bs-utility-bar .bs-social-mini,
.bs-utility-bar .bs-datetime,
.bs-utility-bar .bs-ticker { color:#eef2f7 !important; }
.bs-mobile-single-datetime,
html[data-theme="light"] .bs-mobile-single-datetime {
    color:#f8fafc !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.bs-mobile-single-datetime__line { color:#f8fafc !important; }
.bs-mobile-single-datetime__line b { color:var(--bs-primary,#5f8ee8) !important; }
.bs-mobile-single-datetime__updated { color:#aeb8c7 !important; }
.bs-mobile-single-datetime__updated time { color:#75a4ff !important; }
@media (max-width:900px) {
    .bs-utility-bar { background:#080b10 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
}

/* 8.18.6 — اطلاعات و تایپوگرافی صفحه تک‌نوشته */
body.single-post .bs-article-meta--under-title {
    direction: rtl;
    display: flex;
    width: 100%;
    min-height: 60px;
    margin: 0 0 16px;
    padding: 11px 16px;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: clamp(11px, 3vw, 34px);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 12%, var(--bs-border));
    border-radius: 15px;
    color: var(--bs-text-muted);
    background: linear-gradient(135deg, color-mix(in srgb, var(--bs-primary) 4%, var(--bs-bg-secondary)), var(--bs-bg-secondary));
    box-shadow: var(--bs-shadow-sm);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}
body.single-post .bs-article-meta--under-title > span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    flex: 0 1 auto;
    gap: 7px;
    white-space: nowrap;
}
body.single-post .bs-article-meta--under-title b {
    color: inherit;
    font-weight: 650;
    line-height: 1.8;
}
body.single-post .bs-article-meta--under-title .bs-meta-ico {
    width: 24px;
    height: 24px;
    border-radius: 0;
    color: var(--bs-primary);
    background: transparent;
}
body.single-post .bs-article-meta--under-title .bs-meta-ico svg {
    width: 19px;
    height: 19px;
    color: inherit;
    stroke-width: 1.8;
}

body.single-post .bs-article-body {
    color: var(--bs-text);
    font-size: 16.25px;
    font-weight: 400;
    line-height: 2.18;
    letter-spacing: -.008em;
    overflow-wrap: break-word;
}
body.single-post .bs-article-body > :first-child { margin-top: 0; }
body.single-post .bs-article-body > :last-child { margin-bottom: 0; }
body.single-post .bs-article-body p {
    margin: 0 0 1.35em;
    text-align: justify;
    text-justify: inter-word;
}
body.single-post .bs-article-body h2,
body.single-post .bs-article-body h3,
body.single-post .bs-article-body h4 {
    color: var(--bs-text);
    font-weight: 900;
    text-wrap: pretty;
}
body.single-post .bs-article-body h2 { margin: 2em 0 .8em; font-size: 21px; line-height: 1.85; }
body.single-post .bs-article-body h3 { margin: 1.7em 0 .7em; font-size: 18px; line-height: 1.85; }
body.single-post .bs-article-body h4 { margin: 1.5em 0 .65em; font-size: 16.5px; line-height: 1.85; }
body.single-post .bs-article-body ul,
body.single-post .bs-article-body ol { margin: 0 0 1.35em; padding-right: 1.6em; }
body.single-post .bs-article-body li { margin-bottom: .45em; padding-right: .15em; }
body.single-post .bs-article-body blockquote { margin: 1.5em 0; line-height: 2.05; }
body.single-post .bs-article-body img,
body.single-post .bs-article-body video { max-width: 100%; height: auto; }
body.single-post .bs-article-body iframe { max-width: 100%; }
body.single-post .bs-article-body figure { max-width: 100%; margin: 1.5em auto; }
body.single-post .bs-article-body figcaption { margin-top: .65em; line-height: 1.8; text-align: center; }
body.single-post .bs-article-body table { display: block; max-width: 100%; overflow-x: auto; }
body.single-post .bs-article-body pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; }

@media (max-width: 600px) {
    body.single-post .bs-article-meta--under-title {
        min-height: 52px;
        margin-bottom: 13px;
        padding: 9px 6px;
        gap: clamp(6px, 2.1vw, 11px);
        border-radius: 12px;
        font-size: clamp(9px, 2.6vw, 11px);
    }
    body.single-post .bs-article-meta--under-title > span { gap: 3px; }
    body.single-post .bs-article-meta--under-title .bs-meta-ico { width: 20px; height: 20px; }
    body.single-post .bs-article-meta--under-title .bs-meta-ico svg { width: 16px; height: 16px; }
    body.single-post .bs-article-body { font-size: 15.75px; line-height: 2.15; letter-spacing: 0; }
    body.single-post .bs-article-body p { text-align: right; }
    body.single-post .bs-article-body h2 { font-size: 19px; }
    body.single-post .bs-article-body h3 { font-size: 17px; }
    body.single-post .bs-article-body h4 { font-size: 16px; }
}

.bs-dash-mirasyar-mobile-slot:empty { display:none; }
@media (max-width:768px) {
    .bs-dash-mirasyar-mobile-slot:not(:empty) { display:block; margin:12px 0 18px; }
    .bs-dash-mirasyar-mobile-slot .bs-dash-feature-item { width:100%; }
    .bs-dash-mirasyar-mobile-slot .bs-myar-widget { width:100%; margin:0; }
}

/* ═══════════════════════════════════════════════════════════
   تماشاخانه مستقل و حرفه‌ای — تک‌ویدئو و آرشیو ویدئو
═══════════════════════════════════════════════════════════ */
body.bs-video-standalone {
    --bs-stream-night:#07101e;
    --bs-stream-panel:#0d1828;
    --bs-stream-line:rgba(148,163,184,.17);
    --bs-stream-soft:rgba(255,255,255,.055);
    min-height:100vh;
    margin:0;
    color:var(--bs-text);
    background:
        radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--bs-primary) 13%,transparent),transparent 35%),
        radial-gradient(circle at 5% 24%,rgba(37,99,235,.07),transparent 30%),
        var(--bs-bg);
    width:100%; max-width:100%; overflow-x:hidden;
}
body.bs-video-standalone .bs-sticky-ad,
body.bs-video-standalone .bs-mobile-nav,
body.bs-video-standalone .bs-back-top,
body.bs-video-standalone > footer { display:none !important; }
.bs-video-stream-page { min-height:100vh; padding:16px 0 70px; overflow:hidden; }
.bs-video-stream-container { width:calc(100% - 32px); max-width:1180px; margin-inline:auto; }
.bs-video-stream-container > * { min-width:0; max-width:100%; }

.bs-video-stream-nav {
    position:sticky; z-index:80; top:12px;
    display:grid; min-height:68px; padding:9px 11px;
    grid-template-columns:1fr auto 1fr; align-items:center; gap:12px;
    border:1px solid color-mix(in srgb,var(--bs-primary) 13%,var(--bs-border)); border-radius:20px;
    background:color-mix(in srgb,var(--bs-card) 84%,transparent);
    box-shadow:0 18px 55px rgba(2,8,23,.12),inset 0 1px rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%);
}
.bs-video-stream-back,.bs-video-stream-brand,.bs-video-stream-theme { display:inline-flex; align-items:center; }
.bs-video-stream-back { width:max-content; gap:7px; color:var(--bs-text-muted); font-size:10px; font-weight:850; }
.bs-video-stream-back svg { width:15px; height:15px; }
.bs-video-stream-brand { justify-self:center; gap:9px; }
.bs-video-stream-brand > i { display:grid; width:40px; height:40px; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 58%,#4f46e5)); box-shadow:0 9px 23px color-mix(in srgb,var(--bs-primary) 25%,transparent); }
.bs-video-stream-brand > i svg { width:19px; height:19px; }
.bs-video-stream-brand > span { display:flex; flex-direction:column; }
.bs-video-stream-brand b { color:var(--bs-text); font-size:13px; }
.bs-video-stream-brand small { color:var(--bs-text-light); font-size:7.5px; }
.bs-video-stream-theme { justify-self:end; justify-content:center; width:40px; height:40px; border:1px solid var(--bs-border); border-radius:13px; color:var(--bs-text-muted); background:var(--bs-bg-secondary); cursor:pointer; }
.bs-video-stream-theme svg { width:18px; height:18px; }

.bs-video-stream-head,.bs-video-hub-hero {
    position:relative; isolation:isolate; margin-top:18px; overflow:hidden;
    border:1px solid rgba(148,163,184,.16); border-radius:28px;
    color:#f8fafc; background:
        radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--bs-primary) 34%,transparent),transparent 34%),
        linear-gradient(135deg,#07111f,#10233b 62%,#111c31);
    box-shadow:0 26px 70px rgba(2,8,23,.18);
}
.bs-video-stream-head { display:flex; min-height:190px; padding:34px 38px; align-items:flex-end; justify-content:space-between; gap:24px; }
.bs-video-stream-head::after,.bs-video-hub-hero::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(90deg,#000,transparent 72%); }
.bs-video-stream-head__copy { max-width:850px; }
.bs-video-stream-eyebrow { display:inline-flex; align-items:center; gap:7px; color:color-mix(in srgb,var(--bs-primary) 52%,#fff); font-size:9px; font-weight:900; letter-spacing:.025em; }
.bs-video-stream-eyebrow svg { width:15px; height:15px; }
.bs-video-stream-head h1 { margin:9px 0 11px; color:#fff; font-size:clamp(25px,3.6vw,43px); font-weight:950; line-height:1.6; text-wrap:balance; }
.bs-video-stream-head__meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.bs-video-stream-head__meta > span { display:inline-flex; min-height:29px; padding:5px 10px; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.09); border-radius:999px; color:#b8c5d8; background:rgba(255,255,255,.045); font-size:8.5px; }
.bs-video-stream-head__meta svg { width:12px; height:12px; color:#dce6f5; }
.bs-video-live-dot { display:inline-block; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.12),0 0 14px rgba(34,197,94,.45); }

.bs-video-stage { position:relative; margin-top:18px; padding:8px; overflow:hidden; border:1px solid rgba(148,163,184,.17); border-radius:25px; background:linear-gradient(145deg,#070c15,#111c2b); box-shadow:0 28px 80px rgba(2,8,23,.24); }
.bs-video-stage__glow { position:absolute; inset:-80% 25% auto; height:180%; pointer-events:none; background:radial-gradient(circle,color-mix(in srgb,var(--bs-primary) 23%,transparent),transparent 64%); filter:blur(30px); }
.bs-video-player { position:relative; z-index:1; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#000; }
.bs-video-player iframe,.bs-video-player video,.bs-video-player .video-js { position:absolute; inset:0; width:100%; height:100%; }
.bs-video-player .video-js { direction:ltr !important; font-family:var(--bs-font) !important; background:#000; }
.bs-video-player .vjs-tech { object-fit:contain; }
.bs-video-player .vjs-poster { background-position:center; background-size:cover; }
.bs-video-player .vjs-big-play-button { position:absolute !important; z-index:3; top:50% !important; left:50% !important; width:74px !important; height:74px !important; margin:0 !important; border:1px solid rgba(255,255,255,.46) !important; border-radius:50% !important; background:rgba(5,13,25,.67) !important; box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 0 0 6px rgba(255,255,255,.045) !important; line-height:normal !important; transform:translate(-50%,-50%) !important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.bs-video-player .vjs-big-play-button::before { content:"" !important; position:absolute !important; top:50% !important; left:50% !important; width:0 !important; height:0 !important; margin-left:4px !important; border-top:13px solid transparent !important; border-bottom:13px solid transparent !important; border-left:21px solid #fff !important; transform:translate(-50%,-50%) !important; }
.bs-video-player .vjs-control-bar { position:absolute; z-index:5; right:0; bottom:0; left:0; height:54px !important; padding:0 7px; align-items:center; background:linear-gradient(90deg,rgba(7,13,24,.88),rgba(17,27,43,.82)) !important; border-top:1px solid rgba(255,255,255,.08); -webkit-backdrop-filter:blur(16px) saturate(145%); backdrop-filter:blur(16px) saturate(145%); }
.bs-video-player .vjs-control { width:42px; color:#eef4ff; }
.bs-video-player .vjs-fullscreen-control { margin-left:auto; }
.bs-video-player .vjs-progress-control { min-width:100px; }
.bs-video-player .vjs-slider { background:rgba(148,163,184,.35); }
.bs-video-player .vjs-play-progress,.bs-video-player .vjs-volume-level { background:linear-gradient(90deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 46%,#60a5fa)) !important; }
.bs-video-player .vjs-play-progress::before { color:#fff; text-shadow:0 0 10px var(--bs-primary); }
.bs-video-player .video-js.bs-media-flowing .vjs-loading-spinner { display:none !important; -webkit-animation:none !important; animation:none !important; }
.bs-video-player .video-js.bs-media-flowing .vjs-loading-spinner::before,.bs-video-player .video-js.bs-media-flowing .vjs-loading-spinner::after { -webkit-animation:none !important; animation:none !important; }
.bs-video-player .bs-video-recovery { position:absolute; z-index:8; inset:0; display:none; padding:24px; place-items:center; align-content:center; text-align:center; direction:rtl; color:#f8fafc; background:linear-gradient(rgba(3,8,18,.82),rgba(3,8,18,.9)); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.bs-video-player .bs-media-recovering .bs-video-recovery,.bs-video-player .bs-media-failed .bs-video-recovery { display:grid; }
.bs-video-player .bs-media-recovering .vjs-error-display,.bs-video-player .bs-media-failed .vjs-error-display { display:none !important; }
.bs-video-player .bs-video-recovery > span { width:42px; height:42px; margin-bottom:12px; border:4px solid rgba(255,255,255,.2); border-top-color:var(--bs-primary); border-radius:50%; animation:bs-video-recovery-spin .8s linear infinite; }
.bs-video-player .bs-video-recovery strong { font-size:15px; font-weight:950; }
.bs-video-player .bs-video-recovery p { max-width:390px; margin-top:5px; color:#b9c6d8; font-size:9px; line-height:1.9; }
.bs-video-player .bs-video-recovery button { display:none; min-height:38px; margin-top:14px; padding:8px 18px; border:1px solid rgba(255,255,255,.22); border-radius:12px; color:#fff; background:var(--bs-primary); font-size:10px; font-weight:900; box-shadow:0 10px 28px color-mix(in srgb,var(--bs-primary) 25%,transparent); }
.bs-video-player .bs-media-failed .bs-video-recovery > span { position:relative; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); animation:none; }
.bs-video-player .bs-media-failed .bs-video-recovery > span::before,.bs-video-player .bs-media-failed .bs-video-recovery > span::after { content:""; position:absolute; top:50%; left:50%; width:19px; height:2px; border-radius:2px; background:#fff; transform:translate(-50%,-50%) rotate(45deg); }
.bs-video-player .bs-media-failed .bs-video-recovery > span::after { transform:translate(-50%,-50%) rotate(-45deg); }
.bs-video-player .bs-media-failed .bs-video-recovery button { display:inline-flex; align-items:center; justify-content:center; }
@keyframes bs-video-recovery-spin { to { transform:rotate(360deg); } }
.bs-video-player .bs-vjs-icon-ready::before { display:none !important; content:none !important; }
.bs-vjs-control-glyph { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }
.bs-vjs-control-glyph svg { display:block; width:20px; height:20px; fill:currentColor; color:#f8fafc; }
.bs-video-player .vjs-play-control .bs-vjs-glyph-pause { display:none; }
.bs-video-player .vjs-playing .vjs-play-control .bs-vjs-glyph-play { display:none; }
.bs-video-player .vjs-playing .vjs-play-control .bs-vjs-glyph-pause { display:block; }
.bs-video-player .vjs-fullscreen-control .bs-vjs-control-glyph svg { width:19px; height:19px; }
.bs-video-player .vjs-time-control { color:#dbe5f3; font-size:10px; }
.bs-video-player .vjs-current-time,.bs-video-player .vjs-duration,.bs-video-player .vjs-time-divider { display:block; }
.bs-video-player .vast-skip-button {
    position:absolute !important; z-index:10; display:block; right:16px !important; bottom:70px !important; left:auto !important; width:auto !important; min-height:42px;
    padding:9px 14px !important; border:1px solid rgba(255,255,255,.28) !important; border-radius:14px !important;
    direction:rtl; color:#fff !important; background:rgba(9,18,32,.52) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1) !important;
    font:800 11px/1.8 var(--bs-font) !important; letter-spacing:0;
    -webkit-backdrop-filter:blur(16px) saturate(155%); backdrop-filter:blur(16px) saturate(155%);
}
.bs-video-player .vast-skip-button.enabled { border-color:color-mix(in srgb,var(--bs-primary) 55%,rgba(255,255,255,.25)) !important; background:color-mix(in srgb,var(--bs-primary) 25%,rgba(9,18,32,.58)) !important; }
.bs-video-player .vast-skip-button.enabled::after { display:none !important; content:"" !important; }
.bs-video-stage__foot { position:relative; z-index:2; display:grid; min-height:51px; padding:9px 12px 3px; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; color:#aebdd0; }
.bs-video-stage__foot > span:first-child { display:inline-flex; align-items:center; gap:7px; font-size:8px; }
.bs-video-stage__foot b { color:#eef4ff; }
.bs-video-stage__title { overflow:hidden; text-align:center; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.bs-video-stage__foot time { color:#dce6f5; font-size:10px; font-weight:850; font-variant-numeric:tabular-nums; }

.bs-video-tools { display:flex; margin:12px 0 18px; padding:12px; align-items:center; flex-wrap:wrap; gap:12px; border:1px solid color-mix(in srgb,var(--bs-primary) 12%,var(--bs-border)); border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--bs-card) 88%,transparent),color-mix(in srgb,var(--bs-primary) 4%,var(--bs-bg-secondary))); box-shadow:0 14px 36px rgba(15,23,42,.06); }
.bs-video-tools__intro { display:flex; min-width:190px; flex:1; flex-direction:column; }
.bs-video-tools__intro small { color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-video-tools__intro strong { color:var(--bs-text); font-size:12px; font-weight:950; }
.bs-video-tools__actions { display:grid; grid-template-columns:repeat(2,minmax(145px,1fr)); gap:8px; }
.bs-video-tool-btn { display:flex; min-height:54px; padding:8px 11px; align-items:center; gap:9px; border:1px solid var(--bs-border); border-radius:15px; color:var(--bs-text); background:var(--bs-bg-secondary); text-align:right; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.bs-video-tool-btn:hover { border-color:color-mix(in srgb,var(--bs-primary) 45%,var(--bs-border)); transform:translateY(-2px); box-shadow:0 10px 24px color-mix(in srgb,var(--bs-primary) 10%,transparent); }
.bs-video-tool-btn > i { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; border-radius:11px; color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-video-tool-btn > i svg { width:18px; height:18px; }
.bs-video-tool-btn > span { display:flex; min-width:0; flex-direction:column; }
.bs-video-tool-btn b { font-size:10px; font-weight:950; }
.bs-video-tool-btn small { color:var(--bs-text-light); font-size:7px; }
.bs-video-tool-btn.is-download { border-color:color-mix(in srgb,var(--bs-primary) 24%,var(--bs-border)); color:#fff; background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 65%,#4338ca)); box-shadow:0 9px 24px color-mix(in srgb,var(--bs-primary) 18%,transparent); }
.bs-video-tool-btn.is-download > i { color:#fff; background:rgba(255,255,255,.14); }
.bs-video-tool-btn.is-download small { color:rgba(255,255,255,.72); }
.bs-video-embed-box { width:100%; padding:12px; border:1px solid var(--bs-border); border-radius:16px; background:color-mix(in srgb,var(--bs-bg-secondary) 86%,transparent); animation:bs-video-embed-open .22s ease both; }
.bs-video-embed-box[hidden] { display:none !important; }
.bs-video-embed-box > header { display:flex; margin-bottom:9px; align-items:center; justify-content:space-between; gap:12px; }
.bs-video-embed-box > header > div { display:flex; flex-direction:column; }
.bs-video-embed-box > header small { color:var(--bs-primary); font-size:7.5px; font-weight:900; }
.bs-video-embed-box > header strong { color:var(--bs-text); font-size:9px; }
.bs-video-embed-box > header > button { display:grid; width:31px; height:31px; place-items:center; border:1px solid var(--bs-border); border-radius:10px; color:var(--bs-text-muted); background:var(--bs-card); }
.bs-video-embed-box > header > button svg { width:14px; height:14px; }
.bs-video-embed-field { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; direction:ltr; }
.bs-video-embed-field textarea { width:100%; height:76px; padding:10px; resize:vertical; border:1px solid var(--bs-border); border-radius:11px; outline:none; color:var(--bs-text-muted); background:var(--bs-card); font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; text-align:left; }
.bs-video-embed-field textarea:focus { border-color:var(--bs-primary); box-shadow:0 0 0 3px var(--bs-primary-light); }
.bs-video-embed-field > button { display:inline-flex; min-width:105px; padding:9px 13px; align-items:center; justify-content:center; gap:6px; border-radius:11px; color:#fff; background:var(--bs-primary); font-size:9px; font-weight:900; }
.bs-video-embed-field > button svg { width:14px; height:14px; }
@keyframes bs-video-embed-open { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }

.bs-video-ad-band,.bs-video-stream-ad { margin:18px 0; padding:11px; border:1px solid color-mix(in srgb,var(--bs-primary) 11%,var(--bs-border)); border-radius:19px; background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,var(--bs-primary) 3%,var(--bs-bg-secondary))); box-shadow:0 12px 32px rgba(15,23,42,.05); }
.bs-video-ad-band.is-compact { margin-top:22px; }
.bs-video-ad-band__head { display:flex; margin-bottom:7px; padding:0 3px; align-items:center; justify-content:space-between; color:var(--bs-text-light); font-size:7.5px; }
.bs-video-ad-band__head span { color:var(--bs-text-muted); font-weight:850; }
.bs-video-ad-band .bs-ad-wrapper,.bs-video-stream-ad .bs-ad-wrapper { max-width:100% !important; margin-inline:auto; }
.bs-video-ad-band img,.bs-video-stream-ad img { max-width:100%; height:auto; border-radius:12px; }

.bs-video-info-grid { display:grid; margin-top:18px; grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr); gap:14px; }
.bs-video-publisher-card,.bs-video-description-card { position:relative; min-width:0; padding:20px; overflow:hidden; border:1px solid var(--bs-border); border-radius:22px; background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,var(--bs-primary) 3%,var(--bs-bg-secondary))); box-shadow:0 15px 38px rgba(15,23,42,.055); }
.bs-video-publisher-card { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:13px; }
.bs-video-publisher-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(var(--bs-primary),#4f46e5); }
.bs-video-publisher-card__avatar { position:relative; width:64px; height:64px; }
.bs-video-publisher-card__avatar img { width:100%; height:100%; object-fit:cover; border:2px solid color-mix(in srgb,var(--bs-primary) 25%,var(--bs-border)); border-radius:19px; }
.bs-video-publisher-card__avatar i { position:absolute; right:-5px; bottom:-5px; display:grid; width:25px; height:25px; place-items:center; border:3px solid var(--bs-card); border-radius:9px; color:#fff; background:var(--bs-primary); }
.bs-video-publisher-card__avatar i svg { width:12px; height:12px; }
.bs-video-publisher-card__copy { display:flex; min-width:0; flex-direction:column; }
.bs-video-publisher-card__copy small { color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-video-publisher-card__copy strong { display:flex; margin:2px 0; align-items:center; gap:4px; color:var(--bs-text); font-size:14px; font-weight:950; }
.bs-video-publisher-card__copy p { overflow:hidden; color:var(--bs-text-muted); font-size:8.5px; line-height:1.8; text-overflow:ellipsis; white-space:nowrap; }
.bs-video-publisher-card__stat { display:flex; min-width:54px; padding:8px; align-items:center; flex-direction:column; border:1px solid var(--bs-border); border-radius:13px; background:var(--bs-bg-secondary); }
.bs-video-publisher-card__stat b { color:var(--bs-text); font-size:15px; }
.bs-video-publisher-card__stat small { color:var(--bs-text-light); font-size:7px; }
.bs-video-publisher-card > a { grid-column:1/-1; display:flex; min-height:35px; padding:7px 11px; align-items:center; justify-content:center; gap:6px; border-radius:11px; color:var(--bs-primary); background:var(--bs-primary-light); font-size:8.5px; font-weight:900; }
.bs-video-publisher-card > a svg { width:12px; height:12px; }
.bs-video-description-card > header { display:flex; align-items:center; gap:10px; }
.bs-video-description-card > header > span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-video-description-card > header svg { width:19px; height:19px; }
.bs-video-description-card > header div { display:flex; flex-direction:column; }
.bs-video-description-card > header small { color:var(--bs-text-light); font-size:7.5px; }
.bs-video-description-card h2 { margin:0; color:var(--bs-text); font-size:14px; }
.bs-video-description-card__body,.bs-video-description-card > p { margin-top:12px; color:var(--bs-text-muted); font-size:11px; line-height:2; }
.bs-video-description-card__body p { margin-bottom:.9em; }
.bs-video-description-card__body > :last-child { margin-bottom:0; }

.bs-video-section-head { display:flex; margin:30px 0 13px; padding:0 3px; align-items:flex-end; justify-content:space-between; gap:14px; }
.bs-video-section-head > div { display:flex; flex-direction:column; }
.bs-video-section-head span { color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-video-section-head h2 { margin:2px 0 0; color:var(--bs-text); font-size:22px; font-weight:950; }
.bs-video-section-head > a,.bs-video-section-head > small { display:inline-flex; align-items:center; gap:5px; color:var(--bs-text-muted); font-size:9px; font-weight:800; }
.bs-video-section-head > a svg { width:12px; height:12px; }
.bs-stream-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.bs-stream-card { display:flex; min-width:0; overflow:hidden; flex-direction:column; border:1px solid var(--bs-border); border-radius:20px; color:var(--bs-text); background:var(--bs-card); box-shadow:0 12px 32px rgba(15,23,42,.055); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.bs-stream-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--bs-primary) 28%,var(--bs-border)); box-shadow:0 20px 45px color-mix(in srgb,var(--bs-primary) 8%,rgba(15,23,42,.1)); }
.bs-stream-card__media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#09111e; }
.bs-stream-card__media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,8,23,.58),transparent 58%); }
.bs-stream-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease,filter .3s ease; }
.bs-stream-card:hover .bs-stream-card__media img { transform:scale(1.045); }
.bs-stream-card__play { position:absolute; z-index:2; top:50%; left:50%; display:grid; width:45px; height:45px; place-items:center; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:rgba(4,13,25,.62); box-shadow:0 10px 28px rgba(0,0,0,.28); transform:translate(-50%,-50%); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.bs-stream-card__play::before { content:""; width:0; height:0; margin-left:3px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:12px solid #fff; }
.bs-stream-card__media em { position:absolute; z-index:3; bottom:8px; left:8px; padding:3px 7px; border:1px solid rgba(255,255,255,.14); border-radius:7px; color:#fff; background:rgba(2,8,23,.72); font-size:8px; font-style:normal; font-variant-numeric:tabular-nums; backdrop-filter:blur(8px); }
.bs-stream-card__featured { position:absolute; z-index:3; top:9px; right:9px; padding:5px 9px; border-radius:8px; color:#fff; background:var(--bs-primary); font-size:8px; }
.bs-stream-card__body { display:flex; min-width:0; padding:13px; flex:1; flex-direction:column; }
.bs-stream-card__body > small { color:var(--bs-primary); font-size:7.5px; font-weight:900; }
.bs-stream-card__body > strong { overflow:hidden; display:-webkit-box; margin:4px 0 8px; color:var(--bs-text); font-size:12px; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bs-stream-card__body > p { overflow:hidden; display:-webkit-box; margin:0 0 10px; color:var(--bs-text-muted); font-size:8.5px; line-height:1.8; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bs-stream-card__body > span:not(.bs-stream-card__author) { display:flex; margin-top:auto; align-items:center; gap:5px; color:var(--bs-text-light); font-size:8px; }
.bs-stream-card__body > span svg { width:11px; height:11px; }
.bs-stream-card__author { display:grid; margin-top:auto; padding-top:9px; grid-template-columns:25px minmax(0,1fr) 12px; align-items:center; gap:7px; border-top:1px solid var(--bs-border-light); color:var(--bs-text-muted); }
.bs-stream-card__author img { width:25px; height:25px; object-fit:cover; border-radius:9px; }
.bs-stream-card__author b { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.bs-stream-card__author svg { width:11px; height:11px; }

.bs-video-hub-hero { display:grid; min-height:310px; padding:42px; grid-template-columns:minmax(0,1fr) 260px; align-items:center; gap:30px; }
.bs-video-hub-hero__copy { order:1; max-width:720px; }
.bs-video-hub-hero__copy h1 { margin:10px 0; color:#fff; font-size:clamp(31px,4.5vw,54px); font-weight:950; }
.bs-video-hub-hero__copy > p { max-width:650px; color:#b8c5d8; font-size:12px; line-height:2; }
.bs-video-hub-hero__copy > div { display:flex; margin-top:20px; align-items:center; flex-wrap:wrap; gap:9px; }
.bs-video-hub-hero__copy > div > span { display:inline-flex; min-height:34px; padding:6px 11px; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#d2deed; background:rgba(255,255,255,.055); font-size:8.5px; }
.bs-video-hub-hero__copy > div b { color:#fff; font-size:13px; }
.bs-video-hub-hero__visual { position:relative; display:grid; width:230px; height:230px; place-items:center; justify-self:end; }
.bs-video-hub-hero__visual > span { position:relative; z-index:3; display:grid; width:92px; height:92px; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:30px; color:#fff; background:linear-gradient(145deg,color-mix(in srgb,var(--bs-primary) 82%,#fff),var(--bs-primary)); box-shadow:0 25px 55px color-mix(in srgb,var(--bs-primary) 30%,transparent); transform:rotate(-6deg); }
.bs-video-hub-hero__visual > span svg { width:42px; height:42px; }
.bs-video-hub-hero__visual > i { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; animation:bsStreamOrbit 8s linear infinite; }
.bs-video-hub-hero__visual > i:nth-of-type(1) { inset:21px; }
.bs-video-hub-hero__visual > i:nth-of-type(2) { inset:0; animation-duration:13s; animation-direction:reverse; }
.bs-video-hub-hero__visual > i:nth-of-type(3) { inset:45px; animation-duration:5s; }
.bs-video-hub-hero__visual > i::after { content:""; position:absolute; top:-4px; left:50%; width:8px; height:8px; border-radius:50%; background:var(--bs-primary); box-shadow:0 0 14px var(--bs-primary); }
@keyframes bsStreamOrbit { to { transform:rotate(360deg); } }
.bs-stream-grid--archive { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bs-stream-grid--archive .bs-stream-card.is-featured { grid-column:span 2; }
.bs-stream-grid--archive .bs-stream-card.is-featured .bs-stream-card__body > strong { font-size:18px; -webkit-line-clamp:2; }
.bs-stream-grid--archive .bs-stream-card.is-featured .bs-stream-card__body > p { font-size:10px; }
.bs-video-stream-ad { grid-column:1/-1; margin:2px 0; }
.bs-video-stream-pagination { margin-top:26px; }
.bs-video-stream-pagination .nav-links { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; }
.bs-video-stream-pagination .page-numbers { display:grid; min-width:38px; min-height:38px; padding:6px 10px; place-items:center; border:1px solid var(--bs-border); border-radius:11px; color:var(--bs-text-muted); background:var(--bs-card); font-size:9px; }
.bs-video-stream-pagination .page-numbers.current { color:#fff; border-color:var(--bs-primary); background:var(--bs-primary); }
.bs-video-empty-state { display:flex; min-height:270px; padding:40px; align-items:center; justify-content:center; flex-direction:column; border:1px dashed var(--bs-border); border-radius:24px; text-align:center; }
.bs-video-empty-state > span { display:grid; width:60px; height:60px; place-items:center; border-radius:18px; color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-video-empty-state span svg { width:28px; height:28px; }
.bs-video-empty-state h2 { margin:12px 0 4px; font-size:17px; }
.bs-video-empty-state p { color:var(--bs-text-muted); font-size:10px; }

html[data-theme="dark"] body.bs-video-standalone { --bs-stream-line:rgba(148,163,184,.14); background:radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--bs-primary) 16%,transparent),transparent 35%),#070d18; }
html[data-theme="dark"] .bs-video-stream-nav { border-color:#26354a; background:rgba(13,23,39,.82); }
html[data-theme="dark"] .bs-video-publisher-card,html[data-theme="dark"] .bs-video-description-card,html[data-theme="dark"] .bs-stream-card,html[data-theme="dark"] .bs-video-ad-band,html[data-theme="dark"] .bs-video-stream-ad { box-shadow:0 15px 40px rgba(0,0,0,.18); }

@media(max-width:900px) {
    .bs-video-info-grid { grid-template-columns:1fr; }
    .bs-video-hub-hero { min-height:260px; padding:30px; grid-template-columns:minmax(0,1fr) 180px; }
    .bs-video-hub-hero__visual { width:170px; height:170px; }
    .bs-video-hub-hero__visual > span { width:72px; height:72px; border-radius:23px; }
    .bs-video-hub-hero__visual > span svg { width:34px; height:34px; }
    .bs-stream-grid,.bs-stream-grid--archive { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
    .bs-video-stream-page { padding:8px 0 34px; }
    .bs-video-stream-container { width:calc(100% - 16px); }
    .bs-video-stream-nav { top:7px; min-height:56px; padding:7px 8px; border-radius:16px; }
    .bs-video-stream-back span { display:none; }
    .bs-video-stream-back { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--bs-border); border-radius:11px; background:var(--bs-bg-secondary); }
    .bs-video-stream-brand > i { width:34px; height:34px; border-radius:11px; }
    .bs-video-stream-brand > span small { display:none; }
    .bs-video-stream-brand b { font-size:11px; }
    .bs-video-stream-theme { width:36px; height:36px; border-radius:11px; }
    .bs-video-stream-head { min-height:0; margin-top:10px; padding:22px 17px; border-radius:20px; }
    .bs-video-stream-head h1 { margin:7px 0 9px; font-size:clamp(20px,6vw,27px); line-height:1.65; }
    .bs-video-stream-head__meta { gap:5px; }
    .bs-video-stream-head__meta > span { min-height:25px; padding:4px 7px; font-size:7px; }
    .bs-video-stage { margin-top:10px; padding:5px; border-radius:18px; }
    .bs-video-player { border-radius:13px; }
    .bs-video-player .vjs-big-play-button { width:60px !important; height:60px !important; }
    .bs-video-player .vjs-big-play-button::before { border-top-width:10px !important; border-bottom-width:10px !important; border-left-width:17px !important; }
    .bs-video-player .vjs-control-bar { height:47px !important; padding:0 2px; }
    .bs-video-player .vjs-control { width:34px; }
    .bs-video-player .vjs-progress-control { min-width:55px; }
    .bs-video-player .vjs-time-control { min-width:34px; padding-inline:2px; font-size:8px; }
    .bs-video-player .vjs-volume-menu-button { width:34px; }
    .bs-video-player .vast-skip-button { right:9px !important; bottom:57px !important; min-height:36px; padding:7px 10px !important; border-radius:11px !important; font-size:9px !important; }
    .bs-video-stage__foot { min-height:44px; padding:8px 7px 2px; gap:7px; }
    .bs-video-stage__foot > span:first-child b { display:none; }
    .bs-video-stage__title { font-size:7.5px; }
    .bs-video-tools { margin:8px 0 11px; padding:9px; gap:9px; border-radius:16px; }
    .bs-video-tools__intro { min-width:100%; padding:2px 3px; }
    .bs-video-tools__intro strong { font-size:10.5px; }
    .bs-video-tools__actions { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
    .bs-video-tool-btn { min-width:0; min-height:51px; padding:7px; gap:6px; border-radius:13px; }
    .bs-video-tool-btn > i { width:32px; height:32px; flex-basis:32px; border-radius:10px; }
    .bs-video-tool-btn b { font-size:9px; }
    .bs-video-tool-btn small { font-size:6.5px; }
    .bs-video-embed-box { padding:9px; border-radius:13px; }
    .bs-video-embed-field { grid-template-columns:1fr; }
    .bs-video-embed-field textarea { height:88px; }
    .bs-video-embed-field > button { min-height:38px; }
    .bs-video-ad-band,.bs-video-stream-ad { margin:11px 0; padding:8px; border-radius:15px; }
    .bs-video-info-grid { margin-top:11px; gap:9px; }
    .bs-video-publisher-card,.bs-video-description-card { padding:14px; border-radius:17px; }
    .bs-video-publisher-card { grid-template-columns:52px minmax(0,1fr) auto; gap:9px; }
    .bs-video-publisher-card__avatar { width:52px; height:52px; }
    .bs-video-publisher-card__copy strong { font-size:12px; }
    .bs-video-publisher-card__copy p { font-size:7.5px; }
    .bs-video-publisher-card__stat { min-width:47px; }
    .bs-video-section-head { margin:22px 0 10px; }
    .bs-video-section-head h2 { font-size:18px; }
    .bs-video-section-head > small { display:none; }
    .bs-stream-grid,.bs-stream-grid--archive { grid-template-columns:1fr; gap:9px; }
    .bs-stream-grid--archive .bs-stream-card.is-featured { grid-column:span 1; }
    .bs-stream-grid--archive .bs-stream-card.is-featured .bs-stream-card__body > strong { font-size:14px; }
    .bs-stream-card { border-radius:17px; }
    .bs-stream-card__body { padding:11px; }
    .bs-stream-card__body > strong { font-size:11.5px; }
    .bs-video-hub-hero { display:block; min-height:0; margin-top:10px; padding:24px 18px; border-radius:20px; }
    .bs-video-hub-hero__copy h1 { margin:8px 0; font-size:28px; }
    .bs-video-hub-hero__copy > p { font-size:9.5px; }
    .bs-video-hub-hero__copy > div { margin-top:14px; }
    .bs-video-hub-hero__visual { display:none; }
}
@media(prefers-reduced-motion:reduce) {
    .bs-video-hub-hero__visual > i,.bs-stream-card,.bs-stream-card__media img { animation:none !important; transition:none !important; }
}

/* ═══════════════════════════════════════════════════════════
   گزارش‌های تصویری — خانه، سایدبار، آرشیو و اسلایدر
═══════════════════════════════════════════════════════════ */
.bs-pr-section-head { display:flex; margin:34px 0 15px; align-items:flex-end; justify-content:space-between; gap:16px; }
.bs-pr-section-head > div { display:flex; flex-direction:column; }
.bs-pr-section-head small { color:var(--bs-primary); font-size:10px; font-weight:900; }
.bs-pr-section-head h2 { margin:2px 0 0; color:var(--bs-text); font-size:23px; font-weight:950; }
.bs-pr-section-head > a { display:inline-flex; min-height:36px; padding:7px 12px; align-items:center; gap:6px; border:1px solid var(--bs-border); border-radius:11px; color:var(--bs-primary); background:var(--bs-card); font-size:10px; font-weight:900; }
.bs-pr-section-head > a svg { width:12px; height:12px; }
.bs-pr-home { margin-top:31px; }
.bs-pr-home-grid { display:grid; min-height:520px; grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr); grid-template-rows:repeat(3,1fr); gap:11px; }
.bs-pr-home-card { position:relative; display:grid; min-width:0; min-height:0; overflow:hidden; grid-template-rows:minmax(0,1fr) auto; border:1px solid var(--bs-border); border-radius:20px; background:var(--bs-card); box-shadow:0 13px 34px rgba(15,23,42,.07); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.bs-pr-home-card.is-featured { grid-row:1/-1; }
.bs-pr-home-card:hover { z-index:2; border-color:color-mix(in srgb,var(--bs-primary) 35%,var(--bs-border)); box-shadow:0 22px 48px rgba(15,23,42,.13); transform:translateY(-4px); }
.bs-pr-home-card__media { position:relative; min-height:0; overflow:hidden; background:var(--bs-bg-secondary); }
.bs-pr-home-card:not(.is-featured) { grid-template-columns:108px minmax(0,1fr); grid-template-rows:1fr; }
.bs-pr-home-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.bs-pr-home-card:hover img { transform:scale(1.055); }
.bs-pr-home-card__media > i { position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(2,8,23,.7)); }
.bs-pr-home-card__media > b { position:absolute; right:10px; bottom:10px; display:inline-flex; min-height:27px; padding:4px 8px; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.18); border-radius:9px; color:#fff; background:rgba(2,8,23,.56); font-size:8px; font-style:normal; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.bs-pr-home-card__media > b svg { width:12px; height:12px; }
.bs-pr-home-card__body { display:flex; min-width:0; padding:13px 14px; flex-direction:column; justify-content:center; }
.bs-pr-home-card__body > small { color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-pr-home-card__body > strong { display:-webkit-box; overflow:hidden; margin:3px 0; color:var(--bs-text); font-size:13px; font-weight:950; line-height:1.8; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bs-pr-home-card.is-featured .bs-pr-home-card__body > strong { font-size:19px; }
.bs-pr-home-card__body > p { display:-webkit-box; overflow:hidden; margin:2px 0 8px; color:var(--bs-text-muted); font-size:10px; line-height:1.9; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bs-pr-home-card__body > em { display:inline-flex; margin-top:auto; align-items:center; gap:5px; color:var(--bs-text-light); font-size:8px; font-style:normal; }
.bs-pr-home-card__body > em svg { width:11px; height:11px; margin-right:auto; color:var(--bs-primary); }
.bs-pr-sidebar-card { margin-bottom:18px; padding:10px; overflow:hidden; border:1px solid color-mix(in srgb,var(--bs-primary) 14%,var(--bs-border)); border-radius:18px; background:linear-gradient(145deg,var(--bs-card),color-mix(in srgb,var(--bs-primary) 4%,var(--bs-bg-secondary))); box-shadow:0 12px 32px rgba(15,23,42,.065); }
.bs-pr-sidebar-card > header { display:flex; min-height:44px; padding:1px 4px 8px; align-items:center; justify-content:space-between; }
.bs-pr-sidebar-card > header > div { display:flex; flex-direction:column; }
.bs-pr-sidebar-card > header small { color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-pr-sidebar-card > header h3 { margin:0; color:var(--bs-text); font-size:14px; font-weight:950; }
.bs-pr-sidebar-card > header > a { color:var(--bs-text-light); font-size:8px; font-weight:800; }
.bs-pr-sidebar-card__link { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; border-radius:14px; color:#fff; background:#0b1320; }
.bs-pr-sidebar-card__link > img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.bs-pr-sidebar-card__link:hover > img { transform:scale(1.06); }
.bs-pr-sidebar-card__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,8,23,.06),rgba(2,8,23,.88)); }
.bs-pr-sidebar-card__link > b { position:absolute; top:10px; right:10px; display:inline-flex; padding:5px 8px; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(2,8,23,.5); font-size:8px; -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }
.bs-pr-sidebar-card__link > b svg { width:12px; height:12px; }
.bs-pr-sidebar-card__link > strong { position:absolute; right:12px; bottom:36px; left:12px; display:-webkit-box; overflow:hidden; font-size:13px; font-weight:950; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bs-pr-sidebar-card__link > em { position:absolute; right:12px; bottom:12px; display:inline-flex; align-items:center; gap:4px; color:#cbd5e1; font-size:8px; font-style:normal; }
.bs-pr-sidebar-card__link > em svg { width:10px; height:10px; }
.bs-pr-archive-page,.bs-pr-single-page { max-width:100%; padding:28px 0 70px; overflow-x:hidden; background:radial-gradient(circle at 90% -5%,color-mix(in srgb,var(--bs-primary) 8%,transparent),transparent 29%); }
.bs-pr-archive-hero { position:relative; isolation:isolate; display:flex; min-height:330px; padding:40px 46px; overflow:hidden; align-items:flex-end; justify-content:space-between; gap:30px; border:1px solid rgba(255,255,255,.09); border-radius:30px; color:#fff; background:linear-gradient(90deg,rgba(3,8,18,.96),rgba(3,8,18,.72)),var(--bs-pr-hero-image,linear-gradient(135deg,#081426,#172a46)); background-position:center; background-size:cover; box-shadow:0 28px 75px rgba(2,8,23,.22); }
.bs-pr-archive-hero::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.24; background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(90deg,#000,transparent 65%); }
.bs-pr-archive-hero__copy { max-width:690px; }
.bs-pr-archive-hero__copy > span { display:inline-flex; align-items:center; gap:7px; color:#93c5fd; font-size:10px; font-weight:900; }
.bs-pr-archive-hero__copy > span svg { width:16px; height:16px; }
.bs-pr-archive-hero h1 { margin:8px 0; color:#fff; font-size:clamp(35px,6vw,64px); font-weight:950; line-height:1.35; }
.bs-pr-archive-hero p { max-width:630px; color:#c8d3e2; font-size:13px; line-height:2; }
.bs-pr-archive-hero__copy > div { display:inline-flex; margin-top:18px; padding:8px 13px; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.07); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.bs-pr-archive-hero__copy > div b { color:#fff; font-size:19px; }
.bs-pr-archive-hero__copy > div small { color:#b9c6d8; font-size:8px; }
.bs-pr-archive-hero__mark { position:relative; width:210px; height:210px; flex:0 0 210px; }
.bs-pr-archive-hero__mark > i { position:absolute; inset:20px; border:1px solid rgba(255,255,255,.15); border-radius:45px; transform:rotate(10deg); }
.bs-pr-archive-hero__mark > i:nth-child(2) { inset:36px; border-color:rgba(96,165,250,.32); transform:rotate(-10deg); }
.bs-pr-archive-hero__mark > i:nth-child(3) { inset:52px; transform:rotate(22deg); }
.bs-pr-archive-hero__mark > span { position:absolute; inset:68px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.19); border-radius:24px; color:#fff; background:linear-gradient(145deg,var(--bs-primary),#4f46e5); box-shadow:0 16px 38px color-mix(in srgb,var(--bs-primary) 30%,transparent); }
.bs-pr-archive-hero__mark svg { width:32px; height:32px; }
.bs-pr-section-head.is-archive { margin-top:42px; }
.bs-pr-section-head.is-archive > span { color:var(--bs-text-light); font-size:10px; }
.bs-pr-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.bs-pr-archive-card { display:grid; min-width:0; overflow:hidden; grid-template-rows:auto 1fr; border:1px solid var(--bs-border); border-radius:22px; background:var(--bs-card); box-shadow:0 14px 38px rgba(15,23,42,.07); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.bs-pr-archive-card:hover { border-color:color-mix(in srgb,var(--bs-primary) 40%,var(--bs-border)); box-shadow:0 25px 58px rgba(15,23,42,.14); transform:translateY(-5px); }
.bs-pr-archive-card.is-featured { grid-column:span 2; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr); grid-template-rows:1fr; }
.bs-pr-archive-card__media { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:var(--bs-bg-secondary); }
.bs-pr-archive-card.is-featured .bs-pr-archive-card__media { min-height:360px; aspect-ratio:auto; }
.bs-pr-archive-card__media > img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.bs-pr-archive-card:hover .bs-pr-archive-card__media > img { transform:scale(1.055); }
.bs-pr-archive-card__media > i { position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(2,8,23,.63)); }
.bs-pr-archive-card__media > b,.bs-pr-archive-card__media > em { position:absolute; display:inline-flex; padding:5px 8px; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.18); border-radius:9px; color:#fff; background:rgba(2,8,23,.53); font-size:8px; font-style:normal; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.bs-pr-archive-card__media > b { top:11px; right:11px; }
.bs-pr-archive-card__media > em { right:11px; bottom:11px; }
.bs-pr-archive-card__media svg { width:12px; height:12px; }
.bs-pr-archive-card__body { display:flex; min-width:0; padding:17px; flex-direction:column; }
.bs-pr-archive-card__body > small { color:var(--bs-primary); font-size:8px; font-weight:900; }
.bs-pr-archive-card__body > strong { display:-webkit-box; overflow:hidden; margin:5px 0; color:var(--bs-text); font-size:15px; font-weight:950; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bs-pr-archive-card.is-featured .bs-pr-archive-card__body { padding:27px; justify-content:center; }
.bs-pr-archive-card.is-featured .bs-pr-archive-card__body > strong { font-size:23px; }
.bs-pr-archive-card__body > p { display:-webkit-box; overflow:hidden; color:var(--bs-text-muted); font-size:10px; line-height:1.95; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.bs-pr-archive-card__body > span { display:flex; margin-top:auto; padding-top:14px; align-items:center; justify-content:space-between; gap:10px; color:var(--bs-text-light); font-size:8px; }
.bs-pr-archive-card__body > span i { display:inline-flex; align-items:center; gap:4px; color:var(--bs-primary); font-style:normal; font-weight:900; }
.bs-pr-archive-card__body > span svg { width:11px; height:11px; }
.bs-pr-pagination { margin-top:30px; text-align:center; }
.bs-pr-pagination .nav-links { display:flex; justify-content:center; gap:7px; }
.bs-pr-pagination .page-numbers { display:grid; min-width:38px; height:38px; padding:0 10px; place-items:center; border:1px solid var(--bs-border); border-radius:11px; color:var(--bs-text-muted); background:var(--bs-card); font-size:10px; }
.bs-pr-pagination .page-numbers.current { border-color:var(--bs-primary); color:#fff; background:var(--bs-primary); }
.bs-pr-empty { padding:70px 20px; border:1px dashed var(--bs-border); border-radius:24px; text-align:center; background:var(--bs-card); }
.bs-pr-empty > span { display:grid; width:64px; height:64px; margin:0 auto 15px; place-items:center; border-radius:20px; color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-pr-empty svg { width:29px; height:29px; }
.bs-pr-empty h2 { font-size:20px; }.bs-pr-empty p { margin-top:6px; color:var(--bs-text-muted); font-size:11px; }
.bs-pr-breadcrumb { display:flex; margin-bottom:17px; align-items:center; gap:7px; overflow:hidden; color:var(--bs-text-light); font-size:9px; white-space:nowrap; }
.bs-pr-breadcrumb svg { width:10px; height:10px; flex:0 0 10px; }.bs-pr-breadcrumb span { overflow:hidden; text-overflow:ellipsis; }
.bs-pr-single-head { max-width:980px; margin:0 auto 25px; text-align:center; }
.bs-pr-single-kicker { display:inline-flex; align-items:center; gap:7px; color:var(--bs-primary); font-size:10px; font-weight:900; }
.bs-pr-single-kicker svg { width:16px; height:16px; }
.bs-pr-single-head h1 { margin:9px 0 8px; color:var(--bs-text); font-size:clamp(27px,5vw,48px); font-weight:950; line-height:1.55; text-wrap:balance; }
.bs-pr-single-head > p { max-width:760px; margin:0 auto; color:var(--bs-text-muted); font-size:12px; line-height:2; }
.bs-pr-single-meta { display:flex; margin-top:19px; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
.bs-pr-single-meta > a,.bs-pr-single-meta > span { display:flex; min-height:48px; padding:7px 11px; align-items:center; gap:8px; border:1px solid var(--bs-border); border-radius:13px; background:var(--bs-card); }
.bs-pr-single-meta > span { display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; column-gap:8px; row-gap:0; text-align:right; }
.bs-pr-single-meta > span > svg { grid-row:1/3; }
.bs-pr-single-meta img { width:34px; height:34px; object-fit:cover; border-radius:10px; }
.bs-pr-single-meta svg { width:17px; height:17px; color:var(--bs-primary); }
.bs-pr-single-meta a > span { display:flex; flex-direction:column; text-align:right; }.bs-pr-single-meta small { display:block; color:var(--bs-text-light); font-size:6.5px; }.bs-pr-single-meta b { display:block; color:var(--bs-text); font-size:9px; }
.bs-pr-gallery { position:relative; width:100%; max-width:1180px; min-width:0; margin:0 auto; padding:8px; overflow:hidden; border:1px solid rgba(148,163,184,.2); border-radius:28px; outline:none; background:#050a12; box-shadow:0 30px 80px rgba(2,8,23,.25); }
.bs-pr-gallery-stage { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:20px; background:#02060c; }
.bs-pr-gallery-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transform:scale(1.015); transition:opacity .42s ease,transform .65s ease,visibility .42s; }
.bs-pr-gallery-slide.is-active { opacity:1; visibility:visible; transform:none; }
.bs-pr-gallery-slide > img { width:100%; height:100%; object-fit:contain; }
.bs-pr-gallery-slide figcaption { position:absolute; z-index:3; right:22px; bottom:24px; left:22px; display:flex; max-width:720px; align-items:flex-start; gap:10px; color:#e8eef7; }
.bs-pr-gallery-slide figcaption > span { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:9px; background:rgba(2,8,23,.55); font-size:8px; -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }
.bs-pr-gallery-slide figcaption p { padding-top:3px; font-size:10px; line-height:1.9; text-shadow:0 2px 14px #000; }
.bs-pr-gallery-shade { position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 23%,transparent 63%,rgba(0,0,0,.68)); }
.bs-pr-gallery-topbar { position:absolute; z-index:5; top:15px; right:15px; left:15px; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.bs-pr-gallery-counter { display:inline-flex; min-height:37px; padding:7px 12px; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.17); border-radius:12px; color:#dbe5f3; background:rgba(2,8,23,.55); font-size:9px; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.bs-pr-gallery-counter b { color:#fff; font-size:14px; }.bs-pr-gallery-counter i { opacity:.45; font-style:normal; }
.bs-pr-gallery-topbar > div { display:flex; gap:7px; pointer-events:auto; }
.bs-pr-gallery-topbar button { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,255,255,.17); border-radius:12px; color:#fff; background:rgba(2,8,23,.55); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.bs-pr-gallery-topbar button svg { width:18px; height:18px; }
.bs-pr-gallery-topbar [data-bs-pr-autoplay] > i { width:0; height:0; margin-left:2px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid currentColor; }
.bs-pr-gallery.is-autoplaying [data-bs-pr-autoplay] > i { width:10px; height:12px; margin:0; border:0; background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 7px,currentColor 7px 10px); }
.bs-pr-gallery-arrow { position:absolute; z-index:5; top:50%; display:grid; width:46px; height:46px; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:15px; color:#fff; background:rgba(2,8,23,.54); transform:translateY(-50%); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.bs-pr-gallery-arrow:hover { background:var(--bs-primary); }.bs-pr-gallery-arrow svg { width:20px; height:20px; }.bs-pr-gallery-arrow.is-prev { right:15px; }.bs-pr-gallery-arrow.is-next { left:15px; }
.bs-pr-gallery-progress { position:absolute; z-index:6; right:0; bottom:0; left:0; height:3px; background:rgba(255,255,255,.13); }.bs-pr-gallery-progress > i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--bs-primary),#60a5fa); transition:width .4s ease; }
.bs-pr-gallery-thumbs { display:flex; padding:10px 5px 3px; overflow-x:auto; gap:7px; scrollbar-width:thin; scroll-snap-type:x proximity; }
.bs-pr-gallery-thumbs button { position:relative; width:90px; height:58px; flex:0 0 90px; overflow:hidden; border:2px solid transparent; border-radius:12px; opacity:.55; background:#0c1420; scroll-snap-align:center; transition:opacity .2s,border-color .2s,transform .2s; }
.bs-pr-gallery-thumbs button.is-active { border-color:var(--bs-primary); opacity:1; transform:translateY(-1px); }.bs-pr-gallery-thumbs img { width:100%; height:100%; object-fit:cover; }.bs-pr-gallery-thumbs span { position:absolute; right:4px; bottom:4px; display:grid; width:19px; height:19px; place-items:center; border-radius:6px; color:#fff; background:rgba(2,8,23,.68); font-size:7px; }
.bs-pr-gallery:fullscreen { width:100vw; max-width:none; height:100vh; padding:0; border:0; border-radius:0; background:#000; }.bs-pr-gallery:fullscreen .bs-pr-gallery-stage { height:calc(100vh - 82px); aspect-ratio:auto; border-radius:0; }.bs-pr-gallery:fullscreen .bs-pr-gallery-thumbs { height:82px; padding:10px 15px; justify-content:center; background:#05080e; }
.bs-pr-single-info-grid { display:grid; max-width:1050px; margin:26px auto 0; grid-template-columns:minmax(0,1fr) 260px; align-items:start; gap:16px; }
.bs-pr-single-story,.bs-pr-credit-card { border:1px solid var(--bs-border); border-radius:22px; background:var(--bs-card); box-shadow:0 15px 42px rgba(15,23,42,.06); }
.bs-pr-single-story { padding:24px; }.bs-pr-single-story > header { display:flex; margin-bottom:17px; align-items:center; gap:10px; }.bs-pr-single-story > header > span { display:grid; width:43px; height:43px; place-items:center; border-radius:13px; color:var(--bs-primary); background:var(--bs-primary-light); }.bs-pr-single-story > header svg { width:20px; height:20px; }.bs-pr-single-story > header small { color:var(--bs-primary); font-size:8px; font-weight:900; }.bs-pr-single-story > header h2 { margin:1px 0 0; font-size:17px; }
.bs-pr-single-content { color:var(--bs-text); font-size:13px; line-height:2.25; }.bs-pr-single-content > *+* { margin-top:14px; }.bs-pr-single-content img { border-radius:15px; }
.bs-pr-credit-card { display:flex; padding:20px; align-items:center; flex-direction:column; text-align:center; }.bs-pr-credit-card > span { display:grid; width:52px; height:52px; margin-bottom:10px; place-items:center; border-radius:16px; color:#fff; background:linear-gradient(145deg,var(--bs-primary),#4f46e5); }.bs-pr-credit-card > span svg { width:23px; height:23px; }.bs-pr-credit-card > small { color:var(--bs-text-light); font-size:8px; }.bs-pr-credit-card > strong { margin:3px 0 10px; color:var(--bs-text); font-size:13px; }.bs-pr-credit-card > p { display:flex; align-items:center; gap:5px; color:var(--bs-text-muted); font-size:9px; }.bs-pr-credit-card > p svg { width:13px; height:13px; color:var(--bs-primary); }.bs-pr-credit-card > a { display:flex; width:100%; min-height:37px; margin-top:14px; align-items:center; justify-content:center; gap:5px; border-radius:11px; color:var(--bs-primary); background:var(--bs-primary-light); font-size:9px; font-weight:900; }.bs-pr-credit-card > a svg { width:11px; height:11px; }
.bs-pr-related { max-width:1050px; margin:0 auto 34px; }.bs-pr-related .bs-pr-archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
html[data-theme="dark"] .bs-pr-home-card,html[data-theme="dark"] .bs-pr-sidebar-card,html[data-theme="dark"] .bs-pr-archive-card,html[data-theme="dark"] .bs-pr-single-story,html[data-theme="dark"] .bs-pr-credit-card { box-shadow:0 16px 42px rgba(0,0,0,.18); }
@media(max-width:900px) {
    .bs-pr-archive-hero { min-height:280px; padding:32px; }.bs-pr-archive-hero__mark { width:150px; height:150px; flex-basis:150px; }.bs-pr-archive-hero__mark > span { inset:49px; border-radius:18px; }
    .bs-pr-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bs-pr-archive-card.is-featured { grid-column:1/-1; }.bs-pr-single-info-grid { grid-template-columns:1fr; }.bs-pr-credit-card { display:grid; grid-template-columns:auto minmax(0,1fr); text-align:right; }.bs-pr-credit-card > span { grid-row:1/4; margin:0 0 0 12px; }.bs-pr-credit-card > a { grid-column:1/-1; }.bs-pr-related .bs-pr-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
    .bs-pr-home-grid { min-height:0; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }.bs-pr-home-card.is-featured { grid-column:1/-1; grid-row:auto; min-height:360px; }.bs-pr-home-card:not(.is-featured) { grid-template-columns:1fr; grid-template-rows:145px auto; }.bs-pr-home-card__body > em { margin-top:7px; }
}
@media(max-width:620px) {
    .bs-pr-archive-page,.bs-pr-single-page { padding:14px 0 42px; }.bs-pr-section-head { margin:25px 0 11px; align-items:center; }.bs-pr-section-head h2 { font-size:19px; }.bs-pr-section-head small { font-size:8px; }.bs-pr-section-head > a { min-height:32px; padding:6px 9px; font-size:8px; }
    .bs-pr-home { margin-top:24px; }.bs-pr-home-grid { grid-template-columns:1fr; gap:9px; }.bs-pr-home-card.is-featured { grid-column:auto; min-height:310px; }.bs-pr-home-card:not(.is-featured) { grid-template-columns:105px minmax(0,1fr); grid-template-rows:115px; }.bs-pr-home-card { border-radius:16px; }.bs-pr-home-card.is-featured .bs-pr-home-card__body > strong { font-size:16px; }.bs-pr-home-card__body { padding:11px; }
    .bs-pr-archive-hero { display:block; min-height:250px; padding:27px 20px; border-radius:22px; }.bs-pr-archive-hero h1 { font-size:34px; }.bs-pr-archive-hero p { font-size:10px; }.bs-pr-archive-hero__mark { display:none; }.bs-pr-section-head.is-archive { margin-top:28px; }.bs-pr-section-head.is-archive > span { display:none; }
    .bs-pr-archive-grid,.bs-pr-related .bs-pr-archive-grid { grid-template-columns:1fr; gap:10px; }.bs-pr-archive-card,.bs-pr-archive-card.is-featured { grid-column:auto; grid-template-columns:1fr; grid-template-rows:auto 1fr; border-radius:17px; }.bs-pr-archive-card.is-featured .bs-pr-archive-card__media { min-height:0; aspect-ratio:16/10; }.bs-pr-archive-card.is-featured .bs-pr-archive-card__body { padding:15px; }.bs-pr-archive-card.is-featured .bs-pr-archive-card__body > strong { font-size:17px; }
    .bs-pr-breadcrumb { margin-bottom:12px; }.bs-pr-single-head { margin-bottom:17px; }.bs-pr-single-head h1 { font-size:25px; }.bs-pr-single-head > p { font-size:9.5px; }.bs-pr-single-meta { gap:5px; }.bs-pr-single-meta > a,.bs-pr-single-meta > span { min-height:42px; padding:5px 8px; border-radius:11px; }.bs-pr-single-meta img { width:31px; height:31px; }.bs-pr-single-meta svg { width:14px; height:14px; }
    .bs-pr-gallery { padding:4px; border-radius:18px; }.bs-pr-gallery-stage { aspect-ratio:4/5; border-radius:14px; }.bs-pr-gallery-slide figcaption { right:12px; bottom:15px; left:12px; padding-left:90px; }.bs-pr-gallery-slide figcaption p { font-size:8px; }.bs-pr-gallery-topbar { top:9px; right:9px; left:9px; }.bs-pr-gallery-counter { min-height:32px; padding:5px 9px; }.bs-pr-gallery-topbar button { width:33px; height:33px; border-radius:10px; }.bs-pr-gallery-arrow { top:auto; bottom:12px; width:37px; height:37px; border-radius:11px; transform:none; }.bs-pr-gallery-arrow.is-prev { right:auto; left:54px; }.bs-pr-gallery-arrow.is-next { left:10px; }.bs-pr-gallery-thumbs button { width:70px; height:48px; flex-basis:70px; border-radius:9px; }
    .bs-pr-single-info-grid { margin-top:14px; gap:9px; }.bs-pr-single-story,.bs-pr-credit-card { border-radius:17px; }.bs-pr-single-story { padding:16px; }.bs-pr-single-story > header { margin-bottom:11px; }.bs-pr-single-content { font-size:11.5px; line-height:2.15; }.bs-pr-credit-card { padding:15px; }
}
@media(prefers-reduced-motion:reduce) { .bs-pr-home-card,.bs-pr-archive-card,.bs-pr-gallery-slide,.bs-pr-home-card img,.bs-pr-archive-card img { transition:none; } }

/* 8.18.12 — desktop profile composer, reordered statistics and Explore playback chrome */
.bs-profile-nav-create {
    display:grid;
    padding:13px 10px 3px;
    margin-top:8px;
    gap:8px;
    border-top:1px solid var(--bs-border);
}
.bs-profile-nav-create button {
    display:flex;
    width:100%;
    min-height:46px;
    padding:9px 12px;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    border:1px solid color-mix(in srgb,var(--bs-primary) 34%,var(--bs-border));
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary) 72%,#334fcf));
    box-shadow:0 10px 26px color-mix(in srgb,var(--bs-primary) 18%,transparent);
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.bs-profile-nav-create button.is-reel { color:var(--bs-text); background:var(--bs-card); box-shadow:none; }
.bs-profile-nav-create button:hover { transform:translateY(-2px); box-shadow:0 14px 30px color-mix(in srgb,var(--bs-primary) 22%,transparent); }
.bs-profile-nav-create button > span { display:grid; width:27px; height:27px; place-items:center; border-radius:9px; background:rgba(255,255,255,.14); }
.bs-profile-nav-create button.is-reel > span { color:var(--bs-primary); background:var(--bs-primary-light); }
.bs-profile-nav-create svg { width:15px; height:15px; }
.bs-profile-nav-create strong { font-size:11px; }

@media(min-width:769px) {
    .bs-explore-submit-btns { display:none!important; }
    .bs-dash-support-ads + .bs-dash-stats-grid,
    .bs-dash-stats-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:16px 0 20px; gap:14px; }
    .bs-dash-stat-card { min-height:112px; padding:19px 21px; border-radius:20px; box-shadow:0 16px 36px rgba(15,23,42,.06); }
    .bs-dash-stat-icon { width:48px; height:48px; border-radius:15px; }
    .bs-dash-stat-copy strong { font-size:25px; }
}
@media(max-width:768px) {
    .bs-profile-nav-create { display:none!important; }
    .bs-explore-submit-btns { display:flex!important; }
}

.bs-explore-back,.bs-explore-mute {
    transition:opacity .24s ease,visibility .24s ease,transform .24s ease!important;
}
.bs-explore-play-hint { z-index:2; opacity:1; transition:opacity .22s ease,visibility .22s ease!important; }
.bs-explore-item.is-playing .bs-explore-play-hint { opacity:0; visibility:hidden; }
.bs-explore-wrap.is-controls-hidden .bs-explore-back,
.bs-explore-wrap.is-controls-hidden .bs-explore-mute {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
}

/* گزارش نهایی سکه‌شناسی: هویت تاریخی در اولویت، جزئیات در کارت‌های خوانا */
.bs-ait-brand-icon {
    width: 38px;
    height: 38px;
    padding: 3px;
    overflow: hidden;
    border: 1px solid rgba(214,173,69,.42);
    background: rgba(255,255,255,.07);
    box-shadow: 0 8px 24px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.04);
}
.bs-ait-brand-icon img { background: transparent; }
.bs-ait-coin-report {
    position: relative;
    display: grid;
    gap: 16px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(214,173,69,.24);
    border-radius: 26px;
    color: #eef4ff;
    background:
        radial-gradient(circle at 88% 5%,rgba(214,173,69,.18),transparent 32%),
        radial-gradient(circle at 5% 95%,rgba(34,211,238,.12),transparent 34%),
        linear-gradient(145deg,rgba(15,27,48,.98),rgba(7,17,32,.98));
    box-shadow: 0 24px 55px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04);
}
.bs-ait-coin-report::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg,transparent,#d6ad45,#22d3ee,transparent);
}
.bs-ait-coin-identity {
    padding: 20px;
    border: 1px solid rgba(214,173,69,.25);
    border-radius: 21px;
    background: linear-gradient(135deg,rgba(214,173,69,.1),rgba(255,255,255,.025));
}
.bs-ait-coin-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    color: #f5d778;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -.1px;
}
.bs-ait-coin-kicker::before { content: '◆'; font-size: 8px; color: #22d3ee; }
.bs-ait-coin-identity h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(21px,4vw,30px);
    font-weight: 950;
    line-height: 1.8;
    letter-spacing: -.65px;
}
.bs-ait-coin-name {
    display: inline-flex;
    margin-top: 12px;
    padding: 7px 12px;
    border: 1px solid rgba(34,211,238,.25);
    border-radius: 999px;
    color: #a5f3fc;
    background: rgba(34,211,238,.08);
    font-size: 12px;
    font-weight: 850;
}
.bs-ait-coin-identity p {
    margin: 14px 0 0;
    color: #c3ccda;
    font-size: 13px;
    line-height: 2;
}
.bs-ait-coin-description {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 18px 20px;
    border: 1px solid rgba(34,211,238,.22);
    border-radius: 20px;
    direction: rtl;
    text-align: right;
    background:
        radial-gradient(circle at 100% 0,rgba(34,211,238,.14),transparent 42%),
        linear-gradient(135deg,rgba(214,173,69,.09),rgba(15,40,63,.78));
    box-shadow: inset 0 1px rgba(255,255,255,.045), 0 12px 30px rgba(0,0,0,.12);
    font-family: Vazirmatn,Vazir,Tahoma,sans-serif;
}
.bs-ait-coin-description::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: auto -34px -48px auto;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(214,173,69,.14);
    border-radius: 50%;
}
.bs-ait-coin-description > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #f5d778;
    font-size: 11px;
    font-weight: 900;
}
.bs-ait-coin-description > span::before { content: '✦'; color: #67e8f9; }
.bs-ait-coin-description p {
    margin: 0;
    color: #e7edf6;
    font-size: 13px;
    font-weight: 500;
    line-height: 2.15;
    overflow-wrap: anywhere;
}
.bs-ait-coin-facts {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}
.bs-ait-coin-facts > div {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 17px;
    background: rgba(255,255,255,.035);
}
.bs-ait-coin-facts span,
.bs-ait-coin-narrative span { display: block; margin-bottom: 7px; color: #7f91a9; font-size: 10px; font-weight: 750; }
.bs-ait-coin-facts strong { display: block; max-width: 100%; overflow-x: auto; overflow-y: hidden; overflow-wrap: normal; word-break: keep-all; color: #f8fafc; font-size: clamp(11px,3.1vw,13px); font-weight: 900; line-height: 1.75; white-space: nowrap; scrollbar-width: none; }
.bs-ait-coin-facts strong::-webkit-scrollbar { display: none; }
.bs-ait-coin-confidence {
    padding: 15px 16px;
    border: 1px solid rgba(34,211,238,.17);
    border-radius: 18px;
    background: rgba(5,20,34,.62);
}
.bs-ait-coin-confidence > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.bs-ait-coin-confidence span { color: #b6c3d5; font-size: 11px; font-weight: 800; }
.bs-ait-coin-confidence strong { color: #f5d778; font-size: 16px; font-weight: 950; }
.bs-ait-coin-confidence i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: rgba(148,163,184,.12); }
.bs-ait-coin-confidence b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#d6ad45,#22d3ee); box-shadow: 0 0 18px rgba(34,211,238,.35); }
.bs-ait-coin-narrative { display: grid; gap: 10px; }
.bs-ait-coin-narrative > div {
    padding: 15px 16px;
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 17px;
    background: rgba(255,255,255,.025);
}
.bs-ait-coin-narrative p { margin: 0; color: #e0e7f1; font-size: 12px; line-height: 2; }
.bs-ait-coin-evidence { padding: 16px; border-radius: 18px; background: rgba(214,173,69,.065); }
.bs-ait-coin-evidence h4 { margin: 0 0 11px; color: #f5d778; font-size: 12px; font-weight: 900; }
.bs-ait-coin-evidence > div { display: flex; flex-wrap: wrap; gap: 7px; }
.bs-ait-coin-evidence span { padding: 7px 10px; border: 1px solid rgba(214,173,69,.18); border-radius: 999px; color: #d8dfeb; background: rgba(5,12,24,.46); font-size: 10px; line-height: 1.6; }
.bs-ait-coin-caution { margin: 0; padding: 12px 14px; border-right: 3px solid #d6ad45; border-radius: 12px; color: #93a4ba; background: rgba(214,173,69,.055); font-size: 10px; line-height: 1.9; }
@media (min-width: 760px) {
    .bs-ait-coin-report { padding: 26px; gap: 19px; }
    .bs-ait-coin-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .bs-ait-coin-narrative { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .bs-ait-coin-narrative > div:last-child:nth-child(odd) { grid-column: 1/-1; }
}
@media (max-width: 520px) {
    .bs-ait-coin-report { padding: 12px; gap: 12px; border-radius: 21px; }
    .bs-ait-coin-identity { padding: 16px; border-radius: 18px; }
    .bs-ait-coin-identity h3 { font-size: 20px; line-height: 1.75; }
    .bs-ait-coin-identity p { font-size: 12px; line-height: 1.95; }
    .bs-ait-coin-description { padding: 15px 16px; border-radius: 17px; }
    .bs-ait-coin-description > span { margin-bottom: 7px; font-size: 10px; }
    .bs-ait-coin-description p { font-size: 13px; line-height: 2.2; }
    .bs-ait-coin-facts { grid-template-columns: 1fr; gap: 8px; }
    .bs-ait-coin-facts > div { display: grid; grid-template-columns: max-content minmax(0,1fr); align-items: center; gap: 8px; padding: 12px 13px; break-inside: avoid; }
    .bs-ait-coin-facts span { margin: 0; white-space: nowrap; }
    .bs-ait-coin-facts strong { min-width: 0; direction: rtl; text-align: right; unicode-bidi: plaintext; }
}

/* ═══════════════════════════════════════════════════════════
   8.18.25 — منوی حرفه‌ای پیوست باستان‌یار + ردیف ثابت شرکای رسانه‌ای
═══════════════════════════════════════════════════════════ */
#bs-ait-chat-ui .bs-ait-chat-input{overflow:visible;isolation:isolate}
#bs-ait-chat-ui .bs-ait-plus-root{position:relative;display:flex;flex:0 0 auto;align-items:center}
#bs-ait-chat-ui .bs-ait-plus-trigger{display:grid;width:42px;height:42px;flex:0 0 42px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#f6f7f9;background:#242424;box-shadow:inset 0 1px rgba(255,255,255,.06);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
#bs-ait-chat-ui .bs-ait-plus-trigger:hover,#bs-ait-chat-ui .bs-ait-plus-trigger:focus-visible{border-color:rgba(242,199,92,.45);background:#383838;outline:0}
#bs-ait-chat-ui .bs-ait-plus-trigger:active{transform:scale(.92)}
#bs-ait-chat-ui .bs-ait-plus-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .22s ease}
#bs-ait-chat-ui .bs-ait-plus-trigger.is-open svg{transform:rotate(45deg)}
#bs-ait-chat-ui .bs-ait-attach-menu[hidden]{display:none!important}
#bs-ait-chat-ui .bs-ait-attach-menu{position:absolute;z-index:40;right:0;bottom:calc(100% + 13px);display:grid;width:min(300px,calc(100vw - 34px));gap:5px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:25px;color:#f5f5f5;background:rgba(35,35,35,.97);box-shadow:0 24px 65px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px);direction:rtl;transform-origin:bottom right;animation:bsAitAttachMenuIn .18s ease-out both}
#bs-ait-chat-ui .bs-ait-attach-menu:after{content:"";position:absolute;right:15px;bottom:-7px;width:13px;height:13px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:#232323;transform:rotate(45deg)}
#bs-ait-chat-ui .bs-ait-attach-menu>button{display:grid;width:100%;min-height:58px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;padding:6px 7px;border:0;border-radius:17px;color:#f1f3f5;background:transparent;font-family:inherit;text-align:right;cursor:pointer;transition:background .18s ease,transform .18s ease}
#bs-ait-chat-ui .bs-ait-attach-menu>button:hover,#bs-ait-chat-ui .bs-ait-attach-menu>button:focus-visible{background:rgba(255,255,255,.075);outline:0;transform:translateX(-2px)}
#bs-ait-chat-ui .bs-ait-attach-menu>button:disabled{opacity:.45;cursor:not-allowed;transform:none}
#bs-ait-chat-ui .bs-ait-attach-menu>button>i{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:50%;color:#f6f7f9;background:#454545;font-style:normal}
#bs-ait-chat-ui .bs-ait-attach-menu>button>i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#bs-ait-chat-ui .bs-ait-attach-menu>button>span{display:flex;min-width:0;flex-direction:column;gap:1px}
#bs-ait-chat-ui .bs-ait-attach-menu>button b{color:#f7f7f8;font-size:14px;font-weight:850;line-height:1.7}
#bs-ait-chat-ui .bs-ait-attach-menu>button small{overflow:hidden;color:#aaa;font-size:9px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis}
#bs-ait-chat-ui .bs-ait-attach-menu>button.is-active{background:rgba(32,199,181,.1)}
#bs-ait-chat-ui .bs-ait-attach-menu>button.is-active>i{border-color:rgba(32,199,181,.35);color:#9ff5e9;background:rgba(20,184,166,.16)}
@keyframes bsAitAttachMenuIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){#bs-ait-chat-ui .bs-ait-plus-trigger{width:40px;height:40px;flex-basis:40px}#bs-ait-chat-ui .bs-ait-attach-menu{right:-2px;width:min(292px,calc(100vw - 28px));padding:9px;border-radius:23px}#bs-ait-chat-ui .bs-ait-attach-menu>button{min-height:56px}}
@media(prefers-reduced-motion:reduce){#bs-ait-chat-ui .bs-ait-plus-trigger,#bs-ait-chat-ui .bs-ait-plus-trigger svg,#bs-ait-chat-ui .bs-ait-attach-menu,#bs-ait-chat-ui .bs-ait-attach-menu>button{animation:none!important;transition:none!important}}

@media(max-width:600px){
    .bs-media-partners{overflow:hidden}
    .bs-media-partners-strip{display:flex!important;width:100%!important;max-width:100%!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:clamp(3px,1.5vw,7px)!important;overflow:hidden!important}
    .bs-media-partner-logo{width:auto!important;min-width:0!important;max-width:var(--mp-item-w-m,var(--mp-w-m,76px))!important;height:var(--mp-item-h-m,var(--mp-h-m,26px))!important;flex:1 1 var(--mp-item-w-m,var(--mp-w-m,76px))!important}
    .bs-media-partner-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
}
/* ═══════════════════════════════════════════════════════════
   8.18.27 — پخش ثابت تلویزیون پارسه در تماشاخانه
═══════════════════════════════════════════════════════════ */
.bs-parseh-live-card{position:relative;width:100%;margin:22px 0 28px;overflow:hidden;border:1px solid color-mix(in srgb,#d9b355 38%,var(--bs-border,#d9e0e8));border-radius:26px;color:var(--bs-text,#172033);background:var(--bs-card,#fff);box-shadow:0 24px 65px rgba(9,19,35,.14);direction:rtl}
.bs-parseh-live-card:before{content:"";position:absolute;z-index:0;top:-130px;left:-90px;width:280px;height:280px;border-radius:50%;background:rgba(218,178,82,.16);filter:blur(32px);pointer-events:none}
.bs-parseh-live-head{position:relative;z-index:1;display:grid;min-height:82px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 18px;color:#fff;background:radial-gradient(circle at 12% 0,rgba(218,178,82,.22),transparent 42%),linear-gradient(135deg,#101b2d,#173552 58%,#0d4a49)}
.bs-parseh-live-head>div{min-width:0}.bs-parseh-live-head small{display:block;margin-bottom:2px;color:#b9c8d6;font-size:10px;font-weight:750}.bs-parseh-live-head h2{margin:0;color:#fff;font-size:clamp(16px,2.2vw,24px);font-weight:950;line-height:1.5}
.bs-parseh-live-status,.bs-parseh-live-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;white-space:nowrap}
.bs-parseh-live-status{gap:7px;min-height:36px;padding:6px 11px;border:1px solid rgba(255,144,138,.28);background:rgba(205,47,43,.9);font-size:10px}.bs-parseh-live-status i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14);animation:bsParsehLivePulse 1.6s ease-in-out infinite}
.bs-parseh-live-badge{min-width:52px;min-height:36px;padding:6px 10px;border:1px solid rgba(239,210,126,.3);color:#f2d885;background:rgba(239,210,126,.1);font-size:11px}
.bs-parseh-live-player{position:relative;z-index:1;width:100%;overflow:hidden;aspect-ratio:16/9;background:#03070c}.bs-parseh-live-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#03070c}
.bs-parseh-live-foot{position:relative;z-index:1;display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--bs-card,#fff) 94%,#d8ad50),var(--bs-card,#fff))}
.bs-parseh-live-foot>span,.bs-parseh-live-foot>a{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:850}.bs-parseh-live-foot>span{color:var(--bs-text-muted,#697586)}.bs-parseh-live-foot>span i{width:7px;height:7px;border-radius:50%;background:#20b486;box-shadow:0 0 0 4px rgba(32,180,134,.12)}.bs-parseh-live-foot>a{padding:7px 10px;border-radius:10px;color:#80601d!important;background:rgba(216,173,80,.12);text-decoration:none!important}.bs-parseh-live-foot>a svg{width:14px;height:14px}
html[data-theme="dark"] .bs-parseh-live-card{border-color:rgba(218,178,82,.25);color:#eef3f8;background:#111a29;box-shadow:0 24px 65px rgba(0,0,0,.34)}
@keyframes bsParsehLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}
@media(max-width:600px){.bs-parseh-live-card{margin:12px 0 18px;border-radius:20px}.bs-parseh-live-head{min-height:68px;gap:8px;padding:10px}.bs-parseh-live-head small{font-size:8px}.bs-parseh-live-head h2{font-size:14px}.bs-parseh-live-status{min-height:31px;padding:5px 8px;font-size:8px}.bs-parseh-live-badge{min-width:42px;min-height:31px;padding:5px 7px;font-size:9px}.bs-parseh-live-foot{min-height:46px;padding:7px 10px}.bs-parseh-live-foot>span,.bs-parseh-live-foot>a{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bs-parseh-live-status i{animation:none!important}}
/* نسخه فشرده پخش پارسه برای سایدبار تک‌نوشته */
.bs-article-side .bs-parseh-live-card{margin:0;border-radius:20px;box-shadow:0 16px 42px rgba(9,19,35,.12)}
.bs-article-side .bs-parseh-live-head{min-height:58px;gap:7px;padding:8px}
.bs-article-side .bs-parseh-live-head small{font-size:7px}.bs-article-side .bs-parseh-live-head h2{font-size:12px}
.bs-article-side .bs-parseh-live-status{min-height:27px;padding:4px 6px;font-size:7px}.bs-article-side .bs-parseh-live-status i{width:5px;height:5px}
.bs-article-side .bs-parseh-live-badge{min-width:36px;min-height:27px;padding:4px 5px;font-size:8px}
.bs-article-side .bs-parseh-live-foot{min-height:40px;padding:6px 8px}.bs-article-side .bs-parseh-live-foot>span,.bs-article-side .bs-parseh-live-foot>a{gap:4px;font-size:7px}.bs-article-side .bs-parseh-live-foot>a{padding:5px 6px}
/* جایگاه موبایل: فقط زیر مطالب مرتبط؛ نسخه سایدبار موبایل مخفی است */
.bs-parseh-live-mobile>.bs-parseh-live-card{margin:18px 0 22px}
@media(max-width:900px){.bs-article-side .bs-parseh-live-card--sidebar{display:none!important}.bs-parseh-live-mobile{display:block;width:100%}}
@media(min-width:901px){.bs-parseh-live-mobile{display:none!important}}

/* 8.21 — تایپوگرافی و اجزای تحریریه فقط در صفحه تک‌نوشته */
body.single-post .bs-article-wrap,
body.single-post .bs-article-title,
body.single-post .bs-article-lead,
body.single-post .bs-article-content,
body.single-post .bs-article-body,
body.single-post .bs-article-body :where(p,h2,h3,h4,h5,h6,blockquote,ul,ol,li,cite,figcaption,table) {
    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif!important;
}
body.single-post .bs-article-body {
    color:var(--bs-text);
    font-size:16.5px;
    font-weight:400;
    line-height:2.16;
    letter-spacing:0;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}
body.single-post .bs-article-body p {
    margin:0 0 1.4em;
    text-align:start;
    text-justify:auto;
}
body.single-post .bs-article-body :where(ul,ol) {
    margin:1.15em 0 1.55em!important;
    padding-inline-start:1.8em!important;
    padding-inline-end:0!important;
    list-style-position:outside!important;
}
body.single-post .bs-article-body ul { list-style-type:disc!important; }
body.single-post .bs-article-body ol { list-style-type:decimal!important; }
body.single-post .bs-article-body ul ul { list-style-type:circle!important; }
body.single-post .bs-article-body ul ul ul { list-style-type:square!important; }
body.single-post .bs-article-body li {
    margin:0 0 .62em!important;
    padding-inline-start:.3em!important;
    line-height:2.05;
}
body.single-post .bs-article-body li::marker {
    color:#b87822;
    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif;
    font-size:.92em;
    font-weight:850;
}
body.single-post .bs-article-body blockquote,
body.single-post .bs-article-body .wp-block-quote {
    position:relative;
    margin:2em 0!important;
    padding-block:1.35em!important;
    padding-inline:4.35em 1.55em!important;
    border:1px solid color-mix(in srgb,#b87822 24%,var(--bs-border))!important;
    border-inline-start:4px solid #b87822!important;
    border-radius:16px!important;
    color:color-mix(in srgb,var(--bs-text) 92%,#714b1d)!important;
    background:linear-gradient(145deg,color-mix(in srgb,#b87822 5%,var(--bs-card)),var(--bs-card))!important;
    box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
    font-size:1.03em;
    font-style:normal!important;
    font-weight:540;
    line-height:2.12!important;
    quotes:"«" "»";
}
body.single-post .bs-article-body blockquote::before,
body.single-post .bs-article-body .wp-block-quote::before {
    content:open-quote;
    position:absolute;
    inset-block-start:1em;
    inset-inline-start:1.05em;
    display:grid;
    width:2.2em;
    height:2.2em;
    place-items:center;
    border-radius:11px;
    color:#fff;
    background:#b87822;
    box-shadow:0 8px 20px rgba(184,120,34,.2);
    font:800 1.1em/1 "Vazirmatn","Vazir",Tahoma,sans-serif;
}
body.single-post .bs-article-body blockquote > :first-child { margin-top:0!important; }
body.single-post .bs-article-body blockquote > :last-child { margin-bottom:0!important; }
body.single-post .bs-article-body blockquote cite,
body.single-post .bs-article-body blockquote footer {
    display:block;
    margin-top:.85em;
    color:var(--bs-text-muted);
    font-size:.82em;
    font-style:normal;
    font-weight:700;
}
html[data-theme="dark"] body.single-post .bs-article-body li::marker { color:#e6b96e; }
html[data-theme="dark"] body.single-post .bs-article-body blockquote,
html[data-theme="dark"] body.single-post .bs-article-body .wp-block-quote {
    border-color:rgba(230,185,110,.24)!important;
    border-inline-start-color:#d3a557!important;
    color:#e7e8ec!important;
    background:linear-gradient(145deg,rgba(211,165,87,.09),rgba(255,255,255,.025))!important;
    box-shadow:none!important;
}
html[data-theme="dark"] body.single-post .bs-article-body blockquote::before,
html[data-theme="dark"] body.single-post .bs-article-body .wp-block-quote::before { background:#a97931; }
@media(max-width:600px) {
    body.single-post .bs-article-body { font-size:16px; line-height:2.12; }
    body.single-post .bs-article-body :where(ul,ol) { padding-inline-start:1.55em!important; }
    body.single-post .bs-article-body blockquote,
    body.single-post .bs-article-body .wp-block-quote { margin:1.6em 0!important; padding-block:1.15em!important; padding-inline:3.55em 1em!important; border-radius:13px!important; font-size:1em; }
    body.single-post .bs-article-body blockquote::before,
    body.single-post .bs-article-body .wp-block-quote::before { inset-block-start:.9em; inset-inline-start:.75em; width:2em; height:2em; border-radius:9px; }
}


/* ── بنر رسمی اپ بازار در تک‌نوشته ── */
.bs-bazaar-app-banner{margin:22px 0 16px;direction:rtl}
.bs-bazaar-app-banner>a{position:relative;display:grid;min-height:126px;padding:16px;overflow:hidden;grid-template-columns:70px minmax(0,1fr) 116px 142px;align-items:center;gap:14px;border:1px solid rgba(217,176,54,.28);border-radius:24px;color:#f7f3e9!important;background:radial-gradient(circle at 15% 0,rgba(217,177,56,.2),transparent 34%),linear-gradient(135deg,#101925,#092f32 64%,#133d34);box-shadow:0 16px 44px rgba(9,23,29,.18);text-decoration:none!important}
.bs-bazaar-app-banner__mark{display:grid;width:66px;height:66px;padding:7px;place-items:center;border:1px solid rgba(244,211,102,.24);border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.09)}.bs-bazaar-app-banner__mark img{width:100%;height:100%;object-fit:contain;border-radius:14px}
.bs-bazaar-app-banner__copy{display:grid;gap:3px}.bs-bazaar-app-banner__copy small{color:#e2bf58;font-size:10px;font-weight:850}.bs-bazaar-app-banner__copy strong{color:#fff7e4;font-size:20px;line-height:1.45}.bs-bazaar-app-banner__copy em{color:#b8c8c7;font-size:11px;font-style:normal;line-height:1.7}
.bs-bazaar-app-banner__art{display:flex;align-items:center;justify-content:center;gap:6px}.bs-bazaar-app-banner__art i{display:grid;width:40px;height:54px;place-items:center;border:1px solid rgba(244,210,100,.28);border-radius:10px;color:#e7c352;background:linear-gradient(145deg,#26353b,#101820);font:900 20px/1 serif;transform:rotate(-8deg)}.bs-bazaar-app-banner__art i:nth-child(2){margin-right:-15px;color:#ef756e;transform:rotate(8deg)}.bs-bazaar-app-banner__art b{position:absolute;margin-top:77px;padding:4px 9px;border-radius:99px;color:#18251f;background:#e6c35d;font-size:8px}
.bs-bazaar-app-banner__cta{display:flex;padding:11px 13px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:16px;color:#10211b;background:linear-gradient(135deg,#f1d16c,#c4922d);box-shadow:0 9px 22px rgba(0,0,0,.18)}.bs-bazaar-app-banner__cta svg{width:24px;height:24px}.bs-bazaar-app-banner__cta>span{display:grid}.bs-bazaar-app-banner__cta small{font-size:7px}.bs-bazaar-app-banner__cta b{font-size:12px}
.bs-bazaar-app-banner>a:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(9,23,29,.24)}
@media(max-width:760px){.bs-bazaar-app-banner>a{min-height:116px;padding:13px;grid-template-columns:52px minmax(0,1fr) 46px;gap:10px;border-radius:20px}.bs-bazaar-app-banner__mark{width:50px;height:50px;padding:5px;border-radius:15px}.bs-bazaar-app-banner__copy strong{font-size:15px}.bs-bazaar-app-banner__copy em{font-size:9px}.bs-bazaar-app-banner__art{display:none}.bs-bazaar-app-banner__cta{width:44px;height:44px;padding:0;border-radius:14px}.bs-bazaar-app-banner__cta>span{display:none}.bs-bazaar-app-banner__cta svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.bs-bazaar-app-banner>a{transition:none!important}.bs-bazaar-app-banner>a:hover{transform:none}}


/* 8.27.5 — بنر یکپارچهٔ اپ مجله، باستان‌یار و باستان‌نگار */
.bs-bazaar-app-banner{margin:28px 0 18px;direction:rtl}
.bs-bazaar-app-banner>a{position:relative;isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) 126px 148px;align-items:center;gap:16px;min-height:136px;box-sizing:border-box;padding:17px 18px;overflow:hidden;border:1px solid rgba(226,185,75,.46);border-radius:22px;color:#f7f3e9!important;background:linear-gradient(115deg,#08151f 0%,#0b2c35 55%,#123b37 100%);box-shadow:0 18px 42px rgba(7,24,33,.2),inset 0 1px rgba(255,255,255,.1);text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bs-bazaar-app-banner>a:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 6% 50%,rgba(233,190,76,.28),transparent 28%),radial-gradient(circle at 92% 0,rgba(60,210,185,.2),transparent 34%);pointer-events:none}
.bs-bazaar-app-banner>a:after{content:"";position:absolute;z-index:-1;inset:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;pointer-events:none}
.bs-bazaar-app-banner>a:hover{transform:translateY(-3px);border-color:rgba(240,207,103,.75);box-shadow:0 23px 54px rgba(7,24,33,.28),0 0 0 4px rgba(64,213,185,.08)}
.bs-bazaar-app-banner__mark{display:grid;width:70px;height:70px;padding:6px;place-items:center;border:1px solid rgba(244,211,102,.55);border-radius:18px;background:#1d2327;box-shadow:0 10px 25px rgba(0,0,0,.26),0 0 22px rgba(228,184,64,.15)}
.bs-bazaar-app-banner__mark img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.bs-bazaar-app-banner__copy{display:grid;gap:4px;min-width:0}.bs-bazaar-app-banner__copy small{color:#e7c866;font-size:10px;font-weight:850;letter-spacing:.01em}.bs-bazaar-app-banner__copy strong{color:#fff8e8;font-size:22px;line-height:1.45;font-weight:950}.bs-bazaar-app-banner__copy em{color:#c7d5d3;font-size:11px;font-style:normal;line-height:1.8;font-weight:650}
.bs-bazaar-app-banner__art{display:flex;align-items:center;justify-content:center;gap:7px}.bs-bazaar-app-banner__art i{display:grid;width:42px;height:57px;place-items:center;border:1px solid rgba(244,210,100,.38);border-radius:11px;color:#f0cc61;background:linear-gradient(145deg,#293b40,#10191d);font:900 21px/1 serif;box-shadow:0 8px 18px rgba(0,0,0,.18);transform:rotate(-8deg)}.bs-bazaar-app-banner__art i:nth-child(2){margin-right:-15px;color:#f18478;transform:rotate(8deg)}.bs-bazaar-app-banner__art b{position:absolute;margin-top:79px;padding:4px 10px;border:1px solid rgba(255,255,255,.12);border-radius:99px;color:#15271f;background:#e7c662;font-size:8px}
.bs-bazaar-app-banner__cta{display:flex;min-height:54px;padding:11px 13px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:15px;color:#10211b;background:linear-gradient(135deg,#f4d879,#ca9630);box-shadow:0 10px 25px rgba(0,0,0,.22);font-weight:900}.bs-bazaar-app-banner__cta svg{width:24px;height:24px}.bs-bazaar-app-banner__cta>span{display:grid}.bs-bazaar-app-banner__cta small{font-size:7px}.bs-bazaar-app-banner__cta b{font-size:12px}
@media(max-width:760px){.bs-bazaar-app-banner{margin:22px 0 16px}.bs-bazaar-app-banner>a{grid-template-columns:52px minmax(0,1fr) 46px;gap:11px;min-height:118px;padding:13px;border-radius:19px}.bs-bazaar-app-banner>a:after{inset:9px;border-radius:13px}.bs-bazaar-app-banner__mark{width:50px;height:50px;padding:5px;border-radius:14px}.bs-bazaar-app-banner__copy strong{font-size:15px}.bs-bazaar-app-banner__copy em{font-size:9px;line-height:1.7}.bs-bazaar-app-banner__art{display:none}.bs-bazaar-app-banner__cta{width:44px;height:44px;min-height:44px;padding:0;border-radius:13px}.bs-bazaar-app-banner__cta>span{display:none}.bs-bazaar-app-banner__cta svg{width:20px;height:20px}}
@media(max-width:360px){.bs-bazaar-app-banner>a{grid-template-columns:46px minmax(0,1fr) 42px;gap:8px;padding:11px}.bs-bazaar-app-banner__mark{width:44px;height:44px}.bs-bazaar-app-banner__copy strong{font-size:13px}.bs-bazaar-app-banner__copy em{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bs-bazaar-app-banner>a{transition:none!important}.bs-bazaar-app-banner>a:hover{transform:none}}

/* 8.27.5 — حذف کامل عناصر ساعت از خروجی عمومی */
.bs-utility-bar .bs-datetime,.bs-mobile-single-datetime{display:none!important}

/* 8.27.6 — بازخورد قابل مشاهده برای رأی‌های AJAX */
.bs-vote-btn:disabled,.bs-ai-vote-btn:disabled{opacity:.62;cursor:wait}