/* ============================================================================
   Parsanaj — Apple-inspired interface layer (RTL)
   0.15.17

   هدف: ظاهر و حس سایت اپل (apple.com) روی کامل رابط پارسنج:
     • تایپوگرافی سیستمی با تراکینگ منفی، تیترهای بزرگ و زیرتیتر خاکستری
     • سطح‌های متناوب روشن/خاکستری/مشکی و خطوط مویی (hairline)
     • کارت‌های گرد (۱۸–۲۸px)، سایه‌ی نرم، بالاآمدن ملایم هنگام هاور
     • دکمه‌های قرصی (pill)، آبی #0071e3 برای کنش اصلی و خاکستری برای کنش دوم
     • نوار بالای شیشه‌ای چسبان با blur
     • حالت تاریک سیستم، احترام به prefers-reduced-motion، فوکوس‌رینگ روشن

   این فایل بعد از assets/css/parsanaj.css بارگذاری می‌شود (وابستگی enqueue)،
   پس قواعد هم‌وزن را با ترتیب سند بازنویسی می‌کند. قواعد ساختاری (full-bleed و
   وضعیت نمایش بخش‌ها) از بلوک inline قبلی parsanaj.php به همین‌جا منتقل شده‌اند
   تا تم فقط یک منبع داشته باشد.
   ============================================================================ */

/* ------------------------------------------------------------------ توکن‌ها */
.parsanaj-app {
    /* رنگ متن و سطح — پالت اپل */
    --pa-ink: #1d1d1f;
    --pa-ink-2: #6e6e73;
    --pa-ink-3: #86868b;
    --pa-surface: #ffffff;
    --pa-surface-2: #fbfbfd;
    --pa-surface-3: #f5f5f7;
    --pa-surface-4: #e8e8ed;
    --pa-dark: #000000;
    --pa-dark-2: #1d1d1f;
    --pa-hairline: #d2d2d7;
    --pa-hairline-soft: rgba(0, 0, 0, .08);
    --pa-blue: #0071e3;
    --pa-blue-fill: #0071e3; /* پرکننده‌ی دکمه‌های پُر؛ متن سفید روی آن ≥ 4.5:1 */
    --pa-blue-hover: #0077ed;
    --pa-blue-ink: #06c;
    --pa-green: #1d9d54;
    --pa-red: #c8102e;
    --pa-amber: #a86200;

    /* شکل و عمق */
    --pa-radius-xs: 8px;
    --pa-radius-sm: 12px;
    --pa-radius-md: 18px;
    --pa-radius-lg: 22px;
    --pa-radius-xl: 28px;
    --pa-radius-pill: 980px;
    --pa-shadow-1: 0 2px 10px rgba(0, 0, 0, .05);
    --pa-shadow-2: 0 4px 20px rgba(0, 0, 0, .07);
    --pa-shadow-3: 0 12px 36px rgba(0, 0, 0, .12);

    /* تایپوگرافی */
    --pa-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
               "Segoe UI", "Vazirmatn", "IRANSansX", "IRANSans", Tahoma, Arial, sans-serif;
    --pa-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    /* ریتم عمودی */
    --pa-section-y: clamp(56px, 8vw, 120px);
    /* 0.15.22 — «عرض صفحه زیاد است» (دومین گزارش): عرض یک‌بار دیگر و این‌بار محسوس کم شد.
       همهٔ بخش‌ها از همین دو توکن می‌آیند: کانتینر، نوار بالا، هیرو، فرم‌ها و جستجو. */
    --pa-maxw: 960px;         /* عرض محتوای اصلی */
    --pa-maxw-narrow: 880px;  /* جعبه‌های باریک‌تر: جستجو/فیلتر، فرم‌ها */
    --pa-gutter: clamp(16px, 4vw, 24px);
    --pa-ease: cubic-bezier(.25, .1, .25, 1);
    --pa-t-fast: .18s var(--pa-ease);
    --pa-t: .32s var(--pa-ease);
}

/* ------------------------------------------------------------------ پوستهٔ برنامه */
.parsanaj-app {
    /* 0.15.22 — دو ایراد کارفرما از همین‌جا می‌آمد:
       (۱) «عرض صفحه زیاد است» — با width:100vw صفحه از کادر قالب بیرون می‌زد؛
       (۲) «اسکرول/راست‌به‌چپ درست نیست» — شیت پایه روی همین عنصر left:50% و right:50% را
           با هم ست می‌کرد و در RTL «right» برنده می‌شود، پس کل برنامه به چپ رانده و از
           لبهٔ راست بریده می‌شد؛ ضمناً 100vw شامل نوار اسکرول است و سرریز افقی می‌ساخت.
       حالا برنامه یک بلوک معمولیِ داخل کادر قالب است: بدون سرریز افقی، بدون بریدگی.
       (حذف overflow-x:hidden هم نوار چسبان بالا را دوباره سالم می‌کند.) */
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    left: auto !important;
    right: auto !important;
    font-family: var(--pa-font);
    color: var(--pa-ink);
    background: var(--pa-surface);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 17px;
    line-height: 1.47;
    letter-spacing: -.012em;
}

.parsanaj-app > * { width: 100% !important; max-width: none !important; }
.parsanaj-app { margin-top: 0 !important; }
body:has(.parsanaj-app) { margin: 0; padding: 0; }

.parsanaj-app .parsanaj-topbar,
.parsanaj-app .parsanaj-hero2,
.parsanaj-app .category-section,
.parsanaj-app .why-section,
.parsanaj-app .how-section,
.parsanaj-app .parsanaj-section,
.parsanaj-app .final-cta-section,
.parsanaj-app .parsanaj-footer { width: 100%; max-width: none; margin-inline: 0; }

.parsanaj-app .parsanaj-light { min-height: 60vh; }
.parsanaj-app #parsanaj-mobile-search-section.active-mobile-search {
    display: block !important;
    animation: paFadeUp .3s var(--pa-ease);
}

.parsanaj-app .parsanaj-container {
    width: 100% !important;
    max-width: var(--pa-maxw) !important;
    margin-inline: auto !important;
    padding-inline: var(--pa-gutter) !important;
}

.parsanaj-app *,
.parsanaj-app *::before,
.parsanaj-app *::after { box-sizing: border-box; }

/* --------------------------------------------------------------- تایپوگرافی */
.parsanaj-app h1, .parsanaj-app h2, .parsanaj-app h3,
.parsanaj-app h4, .parsanaj-app h5 {
    color: var(--pa-ink);
    font-family: var(--pa-font);
    font-weight: 600;
    letter-spacing: -.02em;
    margin: 0 0 .5em;
}

.parsanaj-app h1 { font-size: clamp(40px, 6.4vw, 76px); line-height: 1.05; letter-spacing: -.028em; }
.parsanaj-app h2 { font-size: clamp(28px, 4vw, 48px); line-height: 1.1; }
.parsanaj-app h3 { font-size: clamp(21px, 2.4vw, 28px); line-height: 1.2; }
.parsanaj-app h4 { font-size: clamp(18px, 1.8vw, 21px); line-height: 1.3; }
.parsanaj-app h5 { font-size: 17px; }
.parsanaj-app p { margin: 0 0 1em; }
.parsanaj-app small { font-size: 12px; letter-spacing: 0; }
.parsanaj-app a { color: var(--pa-blue-ink); text-decoration: none; transition: opacity var(--pa-t-fast); }
.parsanaj-app a:hover { opacity: .72; }

/* تیترها با چیدمان متوازن (مثل تیترهای اپل) و پرش نرم لنگرها با هدر چسبان */
.parsanaj-app h1, .parsanaj-app h2, .parsanaj-app h3 { text-wrap: balance; }
html { scroll-behavior: smooth; }
.parsanaj-app [id] { scroll-margin-top: 72px; }

.parsanaj-app :focus-visible {
    outline: 3px solid var(--pa-blue);
    outline-offset: 2px;
    border-radius: var(--pa-radius-xs);
}

/* ------------------------------------------------------------------- هدر */
.parsanaj-app .parsanaj-topbar {
    position: sticky;
    inset-block-start: 0;
    z-index: 60;
    background: rgba(251, 251, 253, .82);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-block-end: 1px solid var(--pa-hairline-soft);
}
.parsanaj-app .parsanaj-topbar-inner {
    max-width: none !important;
    width: 100%;
    margin-inline: 0;
    padding: 0 14px !important;
    display: flex !important;
    direction: rtl;
    align-items: center;
    min-height: 34px;
    height: 36px;
}
.parsanaj-app .parsanaj-logo {
    grid-column: 3;
    justify-self: end;
    direction: rtl;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: var(--pa-ink);
    text-decoration: none;
}
.parsanaj-app .logo-copy { display: flex; flex-direction: column; line-height: 1.15; }
.parsanaj-app .logo-word { font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.parsanaj-app .logo-tag { margin-top: 2px; font-size: 11px; font-weight: 600; color: #5d4212; opacity: .9; }
.parsanaj-app .logo-badge {
    display: inline-grid;
    place-items: center;
    inline-size: 36px;
    block-size: 36px;
    border-radius: 12px;
    background: linear-gradient(150deg, #2a241c, #111);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(17, 17, 17, .16);
}
.parsanaj-app .parsanaj-logo { display: none !important; }
.parsanaj-app .parsanaj-nav {
    direction: rtl;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: auto;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow-x: auto;
}
.parsanaj-app .parsanaj-nav-auth {
    position: absolute;
    left: 12px;
    right: auto;
    top: 0;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
}
.parsanaj-app .parsanaj-nav a {
    color: var(--pa-ink);
    font-size: 13px;
    font-weight: 600;
    opacity: .9;
    padding: 4px 8px;
    border-radius: 999px;
    white-space: nowrap;
    line-height: 1.2;
}
.parsanaj-app .parsanaj-nav a:hover { opacity: 1; color: var(--pa-blue-ink); background: #f4f1ea; }
.parsanaj-app .parsanaj-auth {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}
.parsanaj-app .parsanaj-auth-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: var(--pa-radius-pill);
    font-size: 13px;
    font-weight: 500;
    color: var(--pa-ink);
    background: transparent;
    border: 1px solid transparent;
    transition: background var(--pa-t-fast), color var(--pa-t-fast), border-color var(--pa-t-fast);
}
.parsanaj-app .parsanaj-auth-btn:hover { background: var(--pa-surface-4); opacity: 1; }
.parsanaj-app .parsanaj-auth-primary,
.parsanaj-app .parsanaj-auth-primary:hover {
    background: var(--pa-blue) !important;
    border-color: var(--pa-blue) !important;
    color: #fff !important;
}
.parsanaj-app .parsanaj-auth-primary:hover { background: var(--pa-blue-hover) !important; }
.parsanaj-app .parsanaj-approval-banner {
    margin: 0;
    padding: 10px 16px;
    text-align: center;
    background: #fff6e5;
    color: #6a4300;
    font-size: 14px;
    font-weight: 700;
}
.parsanaj-awaiting-approval .cat-start-btn,
.parsanaj-awaiting-approval .hero2-cta,
.parsanaj-awaiting-approval #product-search-btn,
.parsanaj-awaiting-approval .category-card {
    pointer-events: none;
    opacity: .55;
}

/* ------------------------------------------------------------------ هیرو */
.parsanaj-app .parsanaj-hero2 {
    background:
        radial-gradient(1200px 420px at 50% -10%, rgba(10, 132, 255, .10), transparent 70%),
        linear-gradient(180deg, var(--pa-surface-2), var(--pa-surface));
    /* 0.15.20 — «کلمهٔ پارسنج بالای شعار باید کمی بالاتر باشد تا کاملاً خوانا شود»:
       فاصلهٔ بالای هیرو کوتاه شد تا نشانهٔ کلمه به بالای بخش (و دور از شعار) بیاید. */
    padding: clamp(34px, 5.4vw, 96px) 0 clamp(44px, 6vw, 92px);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.parsanaj-app .hero2-grid {
    margin-inline: auto;
    padding-inline: var(--pa-gutter);
    display: grid;
    /* 0.15.27 — خواستهٔ کارفرما: «در بالا عکس موبایل و لپ‌تاپ حذف کن». هیرو تک‌ستونی و
       متن‌محور شد (پارسنج + شعار + توضیح + دکمه). دو عکس محصول فقط در کارت‌های دسته می‌مانند. */
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: clamp(12px, 2vw, 28px);
}
/* 0.15.21 — تلهٔ آبشار: شیت قدیمی (parsanaj.css) قاعدهٔ
   `.parsanaj-app .parsanaj-hero2 .hero2-grid{max-width:1500px !important}` دارد که هم
   !important است و هم تخصیص بیشتری از `.parsanaj-app .hero2-grid` دارد؛ پس هیرو با عرض
   1500px کشیده می‌شد و از بقیهٔ صفحه پهن‌تر بود («عرض صفحه کمی زیاد است»).
   این قاعده با همان تخصیص + !important و ترتیب بعدی، برندهٔ آبشار است. */
.parsanaj-app .parsanaj-hero2 .hero2-grid,
.parsanaj-app .hero2-grid { max-width: var(--pa-maxw) !important; }

/* 0.15.27 — عکس‌های هیرو حذف شدند. این قاعده به‌عنوان «تور ایمنی» می‌ماند: اگر صفحه‌ای با
   HTML کش‌شدهٔ قدیمی بیاید و ستون عکس را هنوز داشته باشد، پنهان می‌شود و چیدمان به‌هم نمی‌ریزد. */
.parsanaj-app .hero2-side { display: none !important; }
/* ستون وسط (پارسنج + شعار + توضیح + دکمه) بی‌انیمیشن و ثابت می‌ماند */
.parsanaj-app .hero2-center,
.parsanaj-app .hero2-center * { animation: none !important; transform: none !important; }
.parsanaj-brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    direction: rtl;
    text-align: right;
}
.parsanaj-brand-mark {
    width: 72px;
    height: 64px;
    object-fit: contain;
    border-radius: 16px;
    background: #10141c;
    flex: 0 0 auto;
}
.parsanaj-brand-copy { display: flex; flex-direction: column; line-height: 1.15; }
.parsanaj-brand-name { margin: 0; font-weight: 800; color: #183d5a; }
.parsanaj-brand-slogan { display: block; margin-top: 4px; color: #15966b; font-size: 14px; font-weight: 700; }
.parsanaj-app .hero2-center .parsanaj-brand-lockup { margin: 0 auto 8px; }
.parsanaj-app .hero2-center .parsanaj-brand-mark { width: 88px; height: 78px; }
.parsanaj-app .footer-brand .parsanaj-brand-name { color: var(--pa-ink); font-size: 21px; font-weight: 600; }
.parsanaj-app .footer-brand .parsanaj-brand-slogan { color: var(--pa-ink-3); font-size: 13px; font-weight: 600; }
.parsanaj-register-v080 .parsanaj-brand-lockup,
.parsanaj-404 .parsanaj-brand-lockup { margin: 0 auto 14px; }

.parsanaj-app .hero2-title {
    margin: 0;
    font-size: clamp(44px, 7vw, 88px);
    font-weight: 600;
    /* 0.15.20 — حروف فارسی «پارسنج» (کشیدگی «پ» و دنبالهٔ «ج») با line-height:1.02
       از جعبهٔ gradient بیرون می‌زدند و چون پرکننده transparent است، بریده/ناخوانا
       دیده می‌شدند. حالا جعبهٔ متن کمی جا و فاصلهٔ عمودی دارد. */
    line-height: 1.16;
    padding-block: .06em .18em;
    letter-spacing: -.03em;
    /* بالاتر و کوتاه‌تر از لبهٔ بالای بخش، با فضای کافی برای حروف */
    align-self: start;
    background: linear-gradient(180deg, #1d1d1f 30%, #6e6e73);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* اگر مرورگر background-clip:text را پشتیبانی نکند، متن نباید شفاف (نامرئی) بماند */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .parsanaj-app .hero2-title {
        background: none;
        -webkit-text-fill-color: currentColor;
        color: var(--pa-ink);
    }
}
.parsanaj-app .hero2-subtitle {
    margin: 10px 0 18px;
    font-size: clamp(19px, 2.2vw, 26px);
    font-weight: 400;
    color: var(--pa-ink-2);
    letter-spacing: -.01em;
}
.parsanaj-app .hero2-desc {
    max-width: 620px;
    margin: 0 auto 26px;
    font-size: 17px;
    line-height: 1.6;
    color: var(--pa-ink-2);
}
.parsanaj-app .hero2-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--pa-blue);
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 26px;
    border-radius: var(--pa-radius-pill);
    transition: background var(--pa-t-fast), transform var(--pa-t-fast), box-shadow var(--pa-t-fast);
    box-shadow: 0 6px 18px rgba(0, 113, 227, .22);
}
.parsanaj-app .hero2-cta:hover {
    background: var(--pa-blue-hover);
    opacity: 1;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(0, 113, 227, .28);
}
.parsanaj-app .hero2-time { margin-top: 14px; font-size: 13px; color: var(--pa-ink-3); }

/* ------------------------------------------------------------------ دسته‌ها */
.parsanaj-app .category-section { background: var(--pa-surface); padding: var(--pa-section-y) 0; }
.parsanaj-app .category-kicker {
    text-align: center;
    font-size: clamp(24px, 3.2vw, 40px);
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: clamp(24px, 4vw, 48px);
}
.parsanaj-app .category-grid-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: clamp(16px, 2vw, 22px);
}
.parsanaj-app .category-card {
    position: relative;
    background: var(--pa-surface-3);
    border: 1px solid transparent;
    border-radius: var(--pa-radius-xl);
    padding: 34px 26px 30px;
    text-align: center;
    transition: transform var(--pa-t), box-shadow var(--pa-t), background var(--pa-t);
    overflow: hidden;
}
.parsanaj-app .category-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--pa-shadow-3);
    background: var(--pa-surface);
    border-color: var(--pa-hairline-soft);
}
.parsanaj-app .category-card.active { background: var(--pa-surface); border-color: var(--pa-hairline-soft); }
.parsanaj-app .cat-badge {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-start: 16px;
    font-size: 11px;
    font-weight: 600;
    color: var(--pa-blue-ink);
    background: rgba(0, 113, 227, .10);
    border-radius: var(--pa-radius-pill);
    padding: 4px 10px;
}
.parsanaj-app .cat-icon-wrap {
    font-size: 54px;
    line-height: 1;
    margin-bottom: 16px;
}
.parsanaj-app .cat-illustration svg { width: 108px; height: 108px; }
/* همان عکس‌های واقعی، برای کارت‌های دسته (موبایل و لپ‌تاپ) */
/* 0.15.26 — جعبهٔ تصویر کارت‌ها ارتفاع ثابت دارد تا عکس بلند موبایل و عکس پهن لپ‌تاپ
   هر دو وسط‌چین بنشینند و عنوان/توضیح دو کارت هم‌تراز بماند. */
.parsanaj-app .cat-illustration {
    /* 0.15.29 — جعبه دقیقاً به اندازهٔ بوم مشترک تصویرها (۲۳۶px) و وسط‌چین. */
    min-height: 236px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 0.15.29 — «اندازه تصویر موبایل و لپ‌تاپ با هم یکسان نیست» (بار دوم و این‌بار با عدد):
   بوم هر دو تصویر دقیقاً ۲۰۸×۲۳۶ است، ولی مهم‌تر این‌که **وزن بصری دو دستگاه برابر شد**:
   لپ‌تاپ ۱۶۰×۱۱۸ و موبایل ۷۵×۱۸۱ — چون در 0.15.28 هر دو ۱۱۸px بودند و لپ‌تاپ (پهن) ۵۱٬۵۲۷
   و موبایل (باریک) ۲۱٬۷۷۶ پیکسل سطح می‌گرفت، یعنی موبایل ۵۸٪ کوچک‌تر دیده می‌شد.
   ابزار tools/make-art.py ارتفاع موبایل را از جرم بصری حساب می‌کند و اگر اختلاف از ۵٪
   بگذرد متوقف می‌شود (الان ۰٫۸٪). حاشیهٔ شفاف ۱۵٪ هم مانده تا برش به بدنه نرسد. */
.parsanaj-app .cat-illustration img {
    width: auto;
    height: 236px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .10));
    animation: none !important;
    transform: none !important;
}
.parsanaj-app .cat-art { display: block; margin-inline: auto; }
.parsanaj-app .cat-title { margin: 0 0 6px; font-size: 24px; letter-spacing: -.015em; }
.parsanaj-app .cat-desc { color: var(--pa-ink-2); font-size: 15px; min-height: 44px; margin-bottom: 20px; }
.parsanaj-app .cat-start-btn {
    appearance: none;
    border: 0;
    cursor: pointer;
    background: var(--pa-blue);
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    padding: 11px 22px;
    border-radius: var(--pa-radius-pill);
    transition: background var(--pa-t-fast), transform var(--pa-t-fast);
}
.parsanaj-app .cat-start-btn:hover { background: var(--pa-blue-hover); transform: translateY(-1px); }
.parsanaj-app .category-card.locked { background: var(--pa-surface-3); color: var(--pa-ink-3); }
.parsanaj-app .category-card.locked:hover { transform: none; box-shadow: none; }
.parsanaj-app .locked-content { opacity: .55; }
.parsanaj-app .locked-overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 4px;
    background: rgba(245, 245, 247, .55);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    font-size: 15px;
    color: var(--pa-ink-2);
}
.parsanaj-app .locked-overlay span { font-size: 26px; }

/* -------------------------------------------------------------- چرا/چطور */
.parsanaj-app .why-section,
.parsanaj-app .how-section { background: var(--pa-surface-3); padding: var(--pa-section-y) 0; }
.parsanaj-app .section-title {
    text-align: center;
    font-size: clamp(26px, 3.4vw, 44px);
    font-weight: 600;
    letter-spacing: -.024em;
    margin-bottom: clamp(28px, 4vw, 56px);
}
.parsanaj-app .why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(18px, 2.4vw, 30px);
}
.parsanaj-app .why-item {
    background: var(--pa-surface);
    border-radius: var(--pa-radius-lg);
    padding: 30px 24px;
    text-align: center;
    box-shadow: var(--pa-shadow-1);
    transition: transform var(--pa-t), box-shadow var(--pa-t);
}
.parsanaj-app .why-item:hover { transform: translateY(-3px); box-shadow: var(--pa-shadow-3); }
.parsanaj-app .why-icon-circle {
    font-size: 30px;
    display: inline-grid;
    place-items: center;
    inline-size: 60px;
    block-size: 60px;
    border-radius: 18px;
    background: var(--pa-surface-3);
    margin-bottom: 14px;
}
.parsanaj-app .why-item h4 { margin: 0 0 6px; font-size: 19px; }
.parsanaj-app .why-item p { color: var(--pa-ink-2); font-size: 15px; margin: 0; }

.parsanaj-app .how-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    align-items: stretch;
    gap: clamp(14px, 2vw, 22px);
}
.parsanaj-app .how-step {
    position: relative;
    background: var(--pa-surface);
    border-radius: var(--pa-radius-lg);
    padding: 28px 22px;
    text-align: center;
    box-shadow: var(--pa-shadow-1);
}
.parsanaj-app .how-num {
    position: absolute;
    inset-block-start: 14px;
    inset-inline-end: 16px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-ink-3);
}
.parsanaj-app .how-icon { font-size: 30px; margin-bottom: 10px; }
.parsanaj-app .how-step h4 { margin: 0 0 6px; font-size: 18px; }
.parsanaj-app .how-step p { color: var(--pa-ink-2); font-size: 14.5px; margin: 0; }
.parsanaj-app .how-arrow { display: none; }

/* --------------------------------------------------------- موتور و ویزارد */
.parsanaj-app .parsanaj-section { padding: var(--pa-section-y) 0; background: var(--pa-surface); }
.parsanaj-app .parsanaj-form { max-width: 860px; margin-inline: auto; }

.parsanaj-app #parsanaj-progress,
.parsanaj-app #parsanaj-mobile-progress {
    max-width: 860px;
    margin: 0 auto 22px;
    font-size: 13px;
    color: var(--pa-ink-2);
}

.parsanaj-app .pq {
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-xl);
    padding: clamp(24px, 4vw, 40px);
    margin-bottom: 22px;
    box-shadow: var(--pa-shadow-2);
    animation: paFadeUp .32s var(--pa-ease);
}
.parsanaj-app .pq[hidden] { display: none; }
/* ۰.۱۵.۶۴ — انیمیشن translateY سؤال را با هر «ادامه» کمی بالا می‌پراند. */
.parsanaj-app .pq.pq-steady { animation: none; }
.parsanaj-app .pq.pq-returned { outline: 2px solid var(--pa-blue); outline-offset: 2px; }
.parsanaj-app .pq h2 {
    font-size: clamp(21px, 2.6vw, 30px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.022em;
    margin-bottom: 22px;
}
.parsanaj-app .pq > p { color: var(--pa-ink-2); font-size: 15px; }
.parsanaj-app .pq label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    margin: 0 0 10px;
    border: 1px solid var(--pa-hairline);
    border-radius: var(--pa-radius-md);
    background: var(--pa-surface);
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    transition: border-color var(--pa-t-fast), background var(--pa-t-fast), transform var(--pa-t-fast);
}
.parsanaj-app .pq label:hover { background: var(--pa-surface-3); border-color: var(--pa-ink-3); }
.parsanaj-app .pq label:has(input:checked) {
    border-color: var(--pa-blue);
    background: rgba(0, 113, 227, .06);
    box-shadow: inset 0 0 0 1px var(--pa-blue);
}
.parsanaj-app .pq label input[type="radio"],
.parsanaj-app .pq label input[type="checkbox"] {
    accent-color: var(--pa-blue);
    inline-size: 20px;
    block-size: 20px;
    margin: 2px 0 0;
    flex: 0 0 auto;
}

/* ردیف ناوبری سؤال: قبلی (ثانویه) + ادامه/دریافت پیشنهاد (اصلی) */
.parsanaj-app .pq .clearfix,
.parsanaj-app .pq .funnel-back-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    clear: both;
}
.parsanaj-app .pq .back,
.parsanaj-app .pq .next,
.parsanaj-app .pq .parsanaj-button.next {
    float: none !important;
    direction: rtl !important;
    text-align: center !important;
    margin: 0 !important;
    font: inherit;
    font-size: 17px;
    font-weight: 500;
    border-radius: var(--pa-radius-pill);
    padding: 12px 26px;
    cursor: pointer;
    transition: background var(--pa-t-fast), color var(--pa-t-fast),
                border-color var(--pa-t-fast), transform var(--pa-t-fast);
}
.parsanaj-app .pq .next,
.parsanaj-app .pq .parsanaj-button.next {
    order: 2;
    flex: 1 1 260px;
    background: var(--pa-blue-fill) !important;
    background-color: var(--pa-blue-fill) !important;
    color: #fff !important;
    border: 1px solid var(--pa-blue) !important;
    box-shadow: 0 6px 18px rgba(0, 113, 227, .22) !important;
    width: auto !important;
    font-size: 17px !important;
    padding: 13px 26px !important;
}
.parsanaj-app .pq .next:hover,
.parsanaj-app .pq .parsanaj-button.next:hover { background: var(--pa-blue-hover) !important; transform: translateY(-1px); }
.parsanaj-app .pq .back {
    order: 1;
    flex: 0 0 auto;
    background: transparent !important;
    color: var(--pa-blue-ink) !important;
    border: 1px solid var(--pa-hairline) !important;
}
.parsanaj-app .pq .back:hover { background: var(--pa-surface-3) !important; }

/* 0.15.51 — انتهای پیشنهاد: «→ قبلی (تغییر پاسخ‌ها)» کنار «↺ شروع دوباره».
   گزارش کارفرما: دکمهٔ بازگشت در انتهای پیشنهاد موبایل درست کار نمی‌کرد؛ این ردیف هم‌ارتفاع
   و روی موبایل تمام‌عرض می‌شود تا دکمه‌ها هرگز زیر هم نیفتند/پوشیده نشوند. */
.parsanaj-app .parsanaj-results-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 22px 0 6px;
}
.parsanaj-app .parsanaj-results-actions .parsanaj-edit-answers {
    order: 1;
    flex: 0 0 auto;
    direction: rtl !important;
    text-align: center !important;
    font: inherit;
    font-size: 17px;
    font-weight: 500;
    border-radius: var(--pa-radius-pill);
    padding: 12px 26px;
    cursor: pointer;
    background: transparent !important;
    color: var(--pa-blue-ink) !important;
    border: 1px solid var(--pa-hairline) !important;
}
.parsanaj-app .parsanaj-results-actions .parsanaj-edit-answers:hover { background: var(--pa-surface-3) !important; }
.parsanaj-app .parsanaj-results-actions .restart-btn { order: 2; }
/* ردیف ناوبری پرسش‌ها: دکمهٔ «→ قبلی» همیشه بالای دکمهٔ تمام‌عرض بنشیند و قابل لمس بماند */
.parsanaj-app .pq .clearfix { position: relative; }
.parsanaj-app .pq .clearfix > .back { position: relative; z-index: 2; }
@media (max-width: 760px) {
    .parsanaj-app .parsanaj-results-actions .parsanaj-edit-answers,
    .parsanaj-app .parsanaj-results-actions .restart-btn { flex: 1 1 100%; }
}

.parsanaj-app .p-invalid-note {
    margin: 14px 0 0;
    font-size: 14px;
    color: var(--pa-amber);
}
.parsanaj-app .adaptive-feedback { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.parsanaj-app .adaptive-feedback button {
    font: inherit;
    font-size: 14px;
    padding: 9px 18px;
    border: 1px solid var(--pa-hairline);
    background: var(--pa-surface);
    color: var(--pa-ink);
    border-radius: var(--pa-radius-pill);
    cursor: pointer;
    transition: background var(--pa-t-fast), border-color var(--pa-t-fast);
}
.parsanaj-app .adaptive-feedback button:hover { background: var(--pa-surface-3); border-color: var(--pa-ink-3); }
.parsanaj-app .dynamic-brand-options { display: grid; gap: 10px; margin-bottom: 4px; }
.parsanaj-app .dynamic-brand-options label { margin: 0; }
.parsanaj-app .dynamic-empty-note { color: var(--pa-amber); font-size: 14.5px; line-height: 1.9; }
.parsanaj-app .dynamic-budget-note { color: var(--pa-ink-2); font-size: 14.5px; }
.parsanaj-app .mobile-budget-suggestions { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 4px; }
.parsanaj-app .mobile-budget-suggestions button {
    font: inherit;
    font-size: 15px;
    padding: 10px 18px;
    border-radius: var(--pa-radius-pill);
    border: 1px solid var(--pa-hairline);
    background: var(--pa-surface);
    cursor: pointer;
    transition: background var(--pa-t-fast), border-color var(--pa-t-fast), color var(--pa-t-fast);
}
.parsanaj-app .mobile-budget-suggestions button:hover { background: var(--pa-surface-3); border-color: var(--pa-blue); color: var(--pa-blue-ink); }
.parsanaj-app .pq select,
.parsanaj-app .pq input[type="number"],
.parsanaj-app .pq input[type="text"],
.parsanaj-app .parsanaj-form select,
.parsanaj-app .parsanaj-form input[type="text"],
.parsanaj-app .parsanaj-form input[type="number"] {
    font: inherit;
    font-size: 17px;
    color: var(--pa-ink);
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline);
    border-radius: var(--pa-radius-sm);
    padding: 13px 16px;
    width: 100%;
    max-width: 520px;
    transition: border-color var(--pa-t-fast), box-shadow var(--pa-t-fast);
}
.parsanaj-app .pq select:focus,
.parsanaj-app .parsanaj-form select:focus,
.parsanaj-app .parsanaj-form input:focus {
    border-color: var(--pa-blue);
    box-shadow: 0 0 0 3px rgba(0, 113, 227, .18);
    outline: none;
}

/* ------------------------------------------------------ جستجو و فیلتر */
.parsanaj-app .search-model-box {
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline-soft) !important;
    border-radius: var(--pa-radius-xl);
    padding: clamp(22px, 3.4vw, 36px);
    box-shadow: var(--pa-shadow-2);
    max-width: var(--pa-maxw-narrow) !important;
    margin-inline: auto;
}
.parsanaj-app .search-model-box h3 {
    font-size: clamp(21px, 2.4vw, 28px);
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}
.parsanaj-app .unified-search-note { color: var(--pa-ink-2) !important; font-size: 15px !important; margin-bottom: 22px; }
.parsanaj-app .search-dev-tabs { display: inline-flex; gap: 4px; padding: 4px; background: var(--pa-surface-3); border-radius: var(--pa-radius-pill); margin-bottom: 18px; }
.parsanaj-app .search-dev-tab {
    font: inherit;
    font-size: 14px;
    padding: 8px 18px;
    border: 0;
    border-radius: var(--pa-radius-pill);
    background: transparent;
    color: var(--pa-ink-2);
    cursor: pointer;
    transition: background var(--pa-t-fast), color var(--pa-t-fast);
}
.parsanaj-app .parsanaj-apple .search-dev-tab.active,
.parsanaj-app .search-dev-tab.active {
    background: var(--pa-ink) !important;
    color: #fff !important;
    border-color: transparent !important;
}
.parsanaj-app .parsanaj-step { border-top: 1px solid var(--pa-hairline-soft); padding-top: 22px; margin-top: 22px; }
.parsanaj-app .parsanaj-step h4 { display: flex; align-items: center; gap: 10px; font-size: 18px; margin-bottom: 14px; }
.parsanaj-app .step-badge {
    font-size: 11px;
    font-weight: 500;
    color: var(--pa-ink-2);
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-pill);
    padding: 3px 10px;
}
.parsanaj-app .parsanaj-step select,
.parsanaj-app .parsanaj-step input[type="text"],
.parsanaj-app .parsanaj-step input[type="number"] {
    font: inherit;
    font-size: 15px;
    padding: 11px 14px;
    border: 1px solid var(--pa-hairline) !important;
    border-radius: var(--pa-radius-sm) !important;
    background: var(--pa-surface);
    color: var(--pa-ink);
    min-width: 180px;
}
.parsanaj-app .parsanaj-step select:focus,
.parsanaj-app .parsanaj-step input:focus {
    border-color: var(--pa-blue) !important;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, .18);
    outline: none;
}
.parsanaj-app .parsanaj-step label { color: var(--pa-ink); font-size: 14px; }
.parsanaj-app .config-choice-group {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-lg);
    background: var(--pa-surface-2);
}
.parsanaj-app .config-choice-group h5 { margin-bottom: 12px; font-size: 15px; color: var(--pa-ink-2); }
.parsanaj-app .config-choice-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.parsanaj-app .config-choice-opt {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline);
    border-radius: var(--pa-radius-md);
    cursor: pointer;
    transition: border-color var(--pa-t-fast), transform var(--pa-t-fast), box-shadow var(--pa-t-fast);
}
.parsanaj-app .config-choice-opt:hover { border-color: var(--pa-blue); transform: translateY(-2px); box-shadow: var(--pa-shadow-2); }
.parsanaj-app .config-choice-opt b { line-height: 1.8; font-weight: 500; }
/* 0.15.20 — «باکس سفید زیر مشخصات محصول با حروف ناخوانا»:
   قبلاً فقط رنگ متن این جعبه تعیین می‌شد و پس‌زمینه‌اش از شیت قدیمی (بنفش روشن #f7f4ff)
   می‌آمد؛ در حالت تاریک متن روشن روی پس‌زمینهٔ روشن می‌افتاد و خوانده نمی‌شد.
   حالا هر جعبه، جفت «سطح + متن» خودش را از توکن‌ها می‌گیرد. */
.parsanaj-app .config-signature {
    font-size: 13px;
    color: var(--pa-ink);
    background: var(--pa-surface-3);
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-sm);
    padding: 9px 12px;
    margin-top: 10px;
    line-height: 1.85;
}
.parsanaj-app .grade-badge,
.parsanaj-app .condition-badge {
    background: var(--pa-surface-3);
    color: var(--pa-ink);
}
.parsanaj-app .locked-overlay { background: var(--pa-surface-3); color: var(--pa-ink); }
.parsanaj-app .cpu-group-question,
.parsanaj-app .config-grouped-question { border-color: var(--pa-hairline-soft); background: var(--pa-surface); }
.parsanaj-app .cpu-group-selected { background: rgba(0, 113, 227, .07); color: var(--pa-blue-ink); border-radius: var(--pa-radius-pill); padding: 4px 12px; display: inline-block; font-size: 13px; }

/* قیف کانفیگ */
.parsanaj-app .funnel-question {
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-lg);
    padding: 22px;
    margin-top: 16px;
}
.parsanaj-app .funnel-q-title { font-size: 18px; font-weight: 600; margin-bottom: 4px; }
.parsanaj-app .funnel-q-sub { font-size: 14px; color: var(--pa-ink-2); margin-bottom: 14px; }
.parsanaj-app .funnel-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.parsanaj-app .funnel-opt {
    font: inherit;
    font-size: 15px;
    padding: 14px 16px;
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline);
    border-radius: var(--pa-radius-md);
    cursor: pointer;
    transition: border-color var(--pa-t-fast), background var(--pa-t-fast), transform var(--pa-t-fast);
}
.parsanaj-app .funnel-opt:hover { border-color: var(--pa-blue); transform: translateY(-2px); }
.parsanaj-app .funnel-opt.is-selected { border-color: var(--pa-blue); background: rgba(0, 113, 227, .07); }
.parsanaj-app .funnel-back { margin-top: 12px; font-size: 14px; }
.parsanaj-app .funnel-summary,
.parsanaj-app .funnel-result-note {
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-md);
    padding: 14px 18px;
    font-size: 15px;
    color: var(--pa-ink);
    margin-bottom: 16px;
}
.parsanaj-app .empty {
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-md);
    padding: 20px;
    color: var(--pa-ink-2);
    font-size: 15px;
    line-height: 1.9;
}
.parsanaj-app .restart-btn {
    font: inherit;
    font-size: 15px;
    padding: 11px 24px;
    border-radius: var(--pa-radius-pill);
    border: 1px solid var(--pa-hairline);
    background: var(--pa-surface);
    cursor: pointer;
    transition: background var(--pa-t-fast), border-color var(--pa-t-fast);
}
.parsanaj-app .restart-btn:hover { background: var(--pa-surface-3); border-color: var(--pa-ink-3); }

/* ------------------------------------------------------------- نتیجه‌ها */
.parsanaj-app #parsanaj-results,
.parsanaj-app #parsanaj-mobile-results,
.parsanaj-app #product-search-results { display: grid; gap: 20px; margin-top: 26px; }

.parsanaj-app .parsanaj-result-card {
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-xl);
    padding: clamp(22px, 3vw, 34px);
    box-shadow: var(--pa-shadow-2);
    animation: paFadeUp .34s var(--pa-ease);
    transition: box-shadow var(--pa-t), transform var(--pa-t);
}
.parsanaj-app .parsanaj-result-card:hover { box-shadow: var(--pa-shadow-3); transform: translateY(-2px); }
.parsanaj-app .result-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.parsanaj-app .result-card-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.parsanaj-app .result-card-title h3 { margin: 0; font-size: clamp(19px, 2.2vw, 24px); letter-spacing: -.02em; }
.parsanaj-app .parsanaj-rank {
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-blue-ink);
    background: rgba(0, 113, 227, .10);
    border-radius: var(--pa-radius-pill);
    padding: 5px 12px;
    white-space: nowrap;
}
.parsanaj-app .grade-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: var(--pa-radius-pill);
    background: var(--pa-surface-3);
    color: var(--pa-ink-2);
}
.parsanaj-app .grade-badge.grade-new { background: rgba(29, 157, 84, .12); color: var(--pa-green); }
.parsanaj-app .grade-badge.grade-stock,
.parsanaj-app .grade-badge.grade-used { background: rgba(168, 98, 0, .12); color: var(--pa-amber); }

.parsanaj-app .score-bar {
    position: relative;
    height: 6px;
    border-radius: var(--pa-radius-pill);
    background: var(--pa-surface-4);
    margin: 18px 0 6px;
    overflow: hidden;
}
.parsanaj-app .score-bar-fill {
    height: 100%;
    border-radius: var(--pa-radius-pill);
    background: linear-gradient(90deg, #0a84ff, #5e5ce6);
    transition: width .6s var(--pa-ease);
}
.parsanaj-app .spec-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px; }
.parsanaj-app .spec-chip,
.parsanaj-app .weight-chip,
.parsanaj-app .battery-chip {
    font-size: 13px;
    color: var(--pa-ink);
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-pill);
    padding: 7px 13px;
    white-space: nowrap;
}
.parsanaj-app .chip-sub { color: var(--pa-ink-3); font-size: 12px; }
.parsanaj-app .required-features { margin: 14px 0 6px; font-size: 14px; color: var(--pa-ink-2); }
.parsanaj-app .feature-state {
    display: inline-block;
    font-size: 12.5px;
    border-radius: var(--pa-radius-pill);
    padding: 4px 10px;
    margin: 2px 4px 2px 0;
    background: var(--pa-surface-3);
    color: var(--pa-ink-2);
}
.parsanaj-app .feature-state.state-true { background: rgba(29, 157, 84, .12); color: var(--pa-green); }
.parsanaj-app .feature-state.state-false { background: rgba(200, 16, 46, .10); color: var(--pa-red); }
.parsanaj-app .feature-state.state-unknown { background: var(--pa-surface-4); color: var(--pa-ink-2); }

.parsanaj-app .result-price-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--pa-hairline-soft);
}
.parsanaj-app .parsanaj-price { font-size: clamp(24px, 2.8vw, 32px); font-weight: 600; letter-spacing: -.02em; color: var(--pa-ink); }
.parsanaj-app .cheapest-price-caption { display: block; font-size: 12px; font-weight: 400; color: var(--pa-ink-3); letter-spacing: 0; margin-bottom: 2px; }
.parsanaj-app .result-buy-row { margin-top: 18px; }
.parsanaj-app .parsanaj-button,
.parsanaj-app .button,
.parsanaj-app .button-primary,
.parsanaj-app .button-hero {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--pa-blue-fill);
    color: #fff !important;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 26px;
    border: 1px solid var(--pa-blue-fill);
    border-radius: var(--pa-radius-pill);
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0, 113, 227, .2);
    transition: background var(--pa-t-fast), transform var(--pa-t-fast), box-shadow var(--pa-t-fast);
}
.parsanaj-app .parsanaj-button:hover,
.parsanaj-app .button:hover,
.parsanaj-app .button-primary:hover,
.parsanaj-app .button-hero:hover {
    background: var(--pa-blue-hover);
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(0, 113, 227, .28);
}
.parsanaj-app .button-small { font-size: 14px; padding: 9px 18px; }
.parsanaj-app .buy-btn { width: 100%; max-width: 420px; }
.parsanaj-app .review-btn {
    font: inherit;
    font-size: 14px;
    padding: 9px 18px;
    margin-top: 12px;
    border-radius: var(--pa-radius-pill);
    border: 1px solid var(--pa-hairline);
    background: var(--pa-surface);
    color: var(--pa-ink);
    cursor: pointer;
}
.parsanaj-app .review-btn:hover { background: var(--pa-surface-3); }
.parsanaj-app .member-product-link,
.parsanaj-app .foreign-offer-link,
.parsanaj-app .member-product-link:hover,
.parsanaj-app .foreign-offer-link:hover {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--pa-surface-3) !important;
    color: var(--pa-blue-ink) !important;
    border: 0;
    border-radius: var(--pa-radius-pill);
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none !important;
}
.parsanaj-app .member-product-link:hover,
.parsanaj-app .foreign-offer-link:hover { background: var(--pa-surface-4) !important; opacity: 1; }

.parsanaj-app .price-disclaimer,
.parsanaj-app .price-meta,
.parsanaj-app .price-warning,
.parsanaj-app .budget-gap-note,
.parsanaj-app .match-reason,
.parsanaj-app .risk-note,
.parsanaj-app .tradeoff-box,
.parsanaj-app .parsanaj-breakdown,
.parsanaj-app .international-price-report,
.parsanaj-app .user-listing-badge,
.parsanaj-app .user-listing-note,
.parsanaj-app .seller-contact,
.parsanaj-app .user-listing-section,
.parsanaj-app .seller-admin-note,
.parsanaj-app .admin-card-tools { font-size: 13.5px; color: var(--pa-ink-2); line-height: 1.8; }
.parsanaj-app .price-disclaimer { margin-top: 14px; }
.parsanaj-app .price-warning { color: var(--pa-amber); margin: 10px 0 0; }
/* 0.15.24 — کراس‌چک قیمت با کالای مشابه: هشدار «قیمت پرت» و یادداشت شفافیت. */
.parsanaj-app .price-outlier-warning {
    color: var(--pa-red, #c0392b);
    font-weight: 600;
    background: rgba(192, 57, 43, 0.08);
    border-inline-start: 3px solid var(--pa-red, #c0392b);
    border-radius: var(--pa-radius-sm, 8px);
    padding: 8px 12px;
}
.parsanaj-app .price-similar-note { color: var(--pa-ink-3, var(--pa-ink-2)); margin: 6px 0 0; }
.parsanaj-app .price-similar-note small { font-size: 12.5px; }
.parsanaj-app .budget-gap-note { color: var(--pa-amber); }
.parsanaj-app .match-reason { color: var(--pa-ink); }
.parsanaj-app .tradeoff-box {
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-md);
    padding: 14px 16px;
    margin-top: 12px;
    color: var(--pa-ink);
}
.parsanaj-app .user-listing-badge { color: var(--pa-amber); }
.parsanaj-app .review-section { margin-top: 16px; }
.parsanaj-app .review-item,
.parsanaj-app .aspect-item {
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-md);
    padding: 14px 16px;
    margin-bottom: 10px;
    font-size: 14px;
}
.parsanaj-app .priority-crawl-btn {
    font: inherit;
    font-size: 13.5px;
    padding: 8px 16px;
    border-radius: var(--pa-radius-pill);
    border: 1px solid var(--pa-hairline);
    background: var(--pa-surface);
    cursor: pointer;
}
.parsanaj-app .priority-crawl-msg { font-size: 13px; color: var(--pa-ink-2); }

/* --------------------------------------------------------------- تخفیف‌ها */
.parsanaj-app .discount-tab-shell { display: block !important; margin-top: 22px; width: 100%; }
.parsanaj-app .parsanaj-discounts-box {
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-xl);
    padding: clamp(20px, 3vw, 32px);
    box-shadow: var(--pa-shadow-2);
}
.parsanaj-app .discount-tabs {
    display: flex !important;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 20px !important;
    padding: 4px;
    background: var(--pa-surface-3);
    border: 0;
    border-radius: var(--pa-radius-pill);
}
.parsanaj-app .discount-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    background: transparent;
    color: var(--pa-ink-2);
    border-radius: var(--pa-radius-pill);
    padding: 10px 20px;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background var(--pa-t-fast), color var(--pa-t-fast);
}
.parsanaj-app .discount-tab:hover { color: var(--pa-ink); }
.parsanaj-app .discount-tab.active { background: var(--pa-surface); color: var(--pa-ink); box-shadow: var(--pa-shadow-1); }
.parsanaj-app .discount-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.parsanaj-app .discount-card {
    background: var(--pa-surface-2);
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-lg);
    padding: 18px;
    transition: transform var(--pa-t), box-shadow var(--pa-t);
}
.parsanaj-app .discount-card:hover { transform: translateY(-3px); box-shadow: var(--pa-shadow-2); }
.parsanaj-app .discount-badge,
.parsanaj-app .discount-amount-badge,
.parsanaj-app .discount-percent-chip {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-red);
    background: rgba(200, 16, 46, .10);
    border-radius: var(--pa-radius-pill);
    padding: 4px 10px;
}
.parsanaj-app .discount-price { font-size: 19px; font-weight: 600; }
.parsanaj-app .discount-old { color: var(--pa-ink-3); text-decoration: line-through; font-size: 14px; }
.parsanaj-app .discount-kind { color: var(--pa-ink-2); font-size: 13px; }
.parsanaj-app .discount-feedback,
.parsanaj-app .discount-admin-note { font-size: 13px; color: var(--pa-ink-2); }

/* ----------------------------------------------------- فرم‌های ثبت/ورود */
.parsanaj-app .parsanaj-auth-form,
.parsanaj-app .parsanaj-register-v080 {
    max-width: 520px;
    margin-inline: auto;
    padding: clamp(22px, 3vw, 34px);
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline-soft);
    border-radius: var(--pa-radius-xl);
    box-shadow: var(--pa-shadow-2);
    direction: rtl;
}
.parsanaj-app .parsanaj-auth-form input,
.parsanaj-app .parsanaj-auth-form select,
.parsanaj-app .parsanaj-register-v080 input,
.parsanaj-app .parsanaj-register-v080 select {
    width: 100%;
    box-sizing: border-box;
    margin: 8px 0;
    padding: 13px 16px;
    font: inherit;
    font-size: 16px;
    color: var(--pa-ink);
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline);
    border-radius: var(--pa-radius-sm);
    transition: border-color var(--pa-t-fast), box-shadow var(--pa-t-fast);
}
.parsanaj-app .parsanaj-auth-form input:focus,
.parsanaj-app .parsanaj-register-v080 input:focus {
    border-color: var(--pa-blue);
    box-shadow: 0 0 0 3px rgba(0, 113, 227, .18);
    outline: none;
}
.parsanaj-app .parsanaj-auth-form button,
.parsanaj-app .parsanaj-register-v080 button {
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    background: var(--pa-blue);
    color: #fff;
    border: 0;
    border-radius: var(--pa-radius-pill);
    padding: 13px 26px;
    cursor: pointer;
    transition: background var(--pa-t-fast);
}
.parsanaj-app .parsanaj-auth-form button:hover,
.parsanaj-app .parsanaj-register-v080 button:hover { background: var(--pa-blue-hover); }
.parsanaj-app .parsanaj-register-v080 .parsanaj-reg-error {
    background: rgba(200, 16, 46, .08);
    border: 1px solid rgba(200, 16, 46, .24);
    color: var(--pa-red);
    border-radius: var(--pa-radius-sm);
    padding: 10px 14px;
    font-size: 13.5px;
    margin: 8px 0;
}
.parsanaj-app .parsanaj-register-v080 .parsanaj-reg-hint { font-size: 12.5px; color: var(--pa-ink-2); margin: 6px 0; }
.parsanaj-app .parsanaj-register-v080 a { color: var(--pa-blue-ink); }

/* ---------------------------------------------- فراخوان پایانی و فوتر */
.parsanaj-app .final-cta-section { background: var(--pa-dark); color: #f5f5f7; padding: var(--pa-section-y) 0; text-align: center; }
.parsanaj-app .final-cta-box h2 { color: #f5f5f7; font-size: clamp(28px, 4vw, 48px); letter-spacing: -.024em; }
.parsanaj-app .final-cta-box p { color: #a1a1a6; }
.parsanaj-app .final-cta-box .parsanaj-button { background: #f5f5f7; color: var(--pa-ink) !important; border-color: #f5f5f7; box-shadow: none; }
.parsanaj-app .final-cta-box .parsanaj-button:hover { background: #fff; color: var(--pa-ink) !important; }

.parsanaj-app .parsanaj-footer {
    background: var(--pa-surface-3);
    color: var(--pa-ink-2);
    padding: clamp(40px, 5vw, 64px) 0 22px;
    margin-top: 0;
    border-radius: 0;
    border-top: 1px solid var(--pa-hairline-soft);
}
.parsanaj-app .parsanaj-footer .footer-content {
    display: grid;
    grid-template-columns: 1.6fr 2fr;
    gap: clamp(24px, 4vw, 48px);
    padding-bottom: 28px;
    border-bottom: 1px solid var(--pa-hairline-soft);
}
.parsanaj-app .parsanaj-footer .footer-brand h2 { font-size: 21px; font-weight: 600; color: var(--pa-ink); margin: 0 0 4px; }
.parsanaj-app .parsanaj-footer .footer-brand .domain { color: var(--pa-ink-3); font-size: 13px; }
.parsanaj-app .parsanaj-footer .footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.parsanaj-app .parsanaj-footer .footer-col h4 { font-size: 13px; font-weight: 600; margin: 0 0 12px; color: var(--pa-ink); }
.parsanaj-app .parsanaj-footer .footer-col ul { list-style: none; padding: 0; margin: 0; }
.parsanaj-app .parsanaj-footer .footer-col li { margin-bottom: 8px; }
.parsanaj-app .parsanaj-footer .footer-col a { color: var(--pa-ink-2); font-size: 13px; }
.parsanaj-app .parsanaj-footer .footer-col a:hover { color: var(--pa-ink); opacity: 1; }
.parsanaj-app .parsanaj-footer .footer-bottom { text-align: center; padding-top: 18px; color: var(--pa-ink-3); font-size: 12px; }

/* ------------------------------------------------- استایل قالب میزبان */
/* بسیاری از قالب‌های وردپرس محتوای شورت‌کد را داخل کانتینری با پدینگ/مارجین
   قرار می‌دهند؛ برای اینکه هیچ فضای خالی بالا/کنار نماند، این پدینگ‌ها خنثی
   می‌شوند. (از بلوک inline پیشین parsanaj.php به این فایل منتقل شد.) */
html,
body { margin: 0; padding: 0; }
/* 0.15.97 — جملهٔ «تصمیم‌یار لپ‌تاپ و موبایل» عنوان صفحهٔ قالب است، نه هیرو. */
body.parsanaj-hide-page-title .entry-title,
body.parsanaj-hide-page-title .page-title,
body.parsanaj-hide-page-title .entry-header,
body.parsanaj-hide-page-title .page-header,
body.parsanaj-hide-page-title h1.wp-block-post-title,
body.parsanaj-hide-page-title .wp-block-post-title {
    display: none !important;
}
.entry-content:has(.parsanaj-app),
.site-content:has(.parsanaj-app),
.content-area:has(.parsanaj-app),
#primary:has(.parsanaj-app),
#content:has(.parsanaj-app),
main:has(.parsanaj-app),
article:has(.parsanaj-app) {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}
p:has(> .parsanaj-app:only-child) { margin: 0; }

/* ------------------------------------------- اجزای کمکی تم (کلاس‌محور) */
.parsanaj-app .pa-hint { color: var(--pa-ink-2); font-size: 14.5px; }
/* 0.15.37 — شمار محصول کنار گزینه‌های «ویژگی‌های مهم» موبایل.
   گزینه‌ها از دادهٔ واقعی کرولر می‌آیند؛ شمار محصول شفافیت می‌دهد و متن ثانویه است
   (گارد خوانایی با `small` هم همین رنگ را تضمین می‌کند). */
/* ============================================================
   0.15.38 — باکس «مشخصات فنی موبایل» در کارت نتیجه
   جدول موبایل با لپ‌تاپ یکی نیست (گرم/میلی‌متر/mAh/سنسور)؛ این باکس سفید و
   خوانا همان ردیف‌ها را نشان می‌دهد و برای لپ‌تاپ ساخته نمی‌شود.
   ============================================================ */
.parsanaj-app .mobile-spec-box{
  margin: 10px 0 12px;
  padding: 12px 14px;
  border: 1px solid #ece5f9;
  border-radius: 12px;
  background-color: #ffffff;
  color: #4c3d66;
  font-size: 13px;
  line-height: 1.9;
}
.parsanaj-app .mobile-spec-title{
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 10px;
  border-radius: 999px;
  background-color: #f6f3fd;
  color: #4c3d66;
  font-weight: 700;
  font-size: 12.5px;
}
.parsanaj-app .mobile-spec-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 4px 18px;
}
.parsanaj-app .mobile-spec-row{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px dashed #efe9fb;
  padding: 4px 0;
}
.parsanaj-app .mobile-spec-row:last-child{border-bottom: 0;}
.parsanaj-app .mobile-spec-label{color: #6c6480; font-weight: 600;}
.parsanaj-app .mobile-spec-value{color: #2a1758; font-weight: 700; text-align: left;}

.parsanaj-app .pa-feature-count { color: var(--pa-ink-2); font-size: 13px; margin-inline-start: 4px; }
.parsanaj-app .pa-loading {
    text-align: center;
    padding: 22px;
    color: var(--pa-ink-2);
    font-size: 15px;
    background: var(--pa-surface-3);
    border-radius: var(--pa-radius-md);
}
.parsanaj-app .pa-empty-note {
    color: var(--pa-amber);
    font-size: 14.5px;
    line-height: 1.9;
    margin: 8px 0;
}
.parsanaj-app .pa-input {
    width: 100%;
    padding: 13px 16px;
    margin: 10px 0;
    font: inherit;
    font-size: 16px;
    color: var(--pa-ink);
    background: var(--pa-surface);
    border: 1px solid var(--pa-hairline);
    border-radius: var(--pa-radius-sm);
}
.parsanaj-app .pa-input:focus { border-color: var(--pa-blue); box-shadow: 0 0 0 3px rgba(0, 113, 227, .18); outline: none; }
.parsanaj-app .pa-cta-block { width: 100% !important; text-align: center !important; }
.parsanaj-app .pa-text { font-size: 13.5px; line-height: 2; margin-top: 6px; color: var(--pa-ink); }
.parsanaj-app .pa-link { color: var(--pa-blue-ink); text-decoration: none; }
.parsanaj-app .pa-link:hover { text-decoration: underline; opacity: 1; }
.parsanaj-app .pa-badge-soft { background: #e8e2ff; color: var(--pa-ink); }

/* ------------------------------------------- اجزای مکمل (پوشش کامل کلاس‌ها) */
.parsanaj-app .hero2-center { text-align: center; }
.parsanaj-app .cat-laptop-illustration { background: linear-gradient(160deg, rgba(10, 132, 255, .10), transparent); border-radius: var(--pa-radius-lg); }
.parsanaj-app .cat-mobile-illustration { background: linear-gradient(160deg, rgba(255, 149, 0, .12), transparent); border-radius: var(--pa-radius-lg); }
.parsanaj-app .category-card.soon { background: var(--pa-surface-3); }
.parsanaj-app .discount-tab-panels { display: block; }
.parsanaj-app .discount-panel { animation: paFadeUp .28s var(--pa-ease); }
.parsanaj-app .funnel-opt small { display: block; color: var(--pa-ink-3); font-size: 12px; margin-top: 4px; }
.parsanaj-app .funnel-back a { font-size: 14px; }

/* ------------------------------------------------------------- انیمیشن */
@keyframes paFadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
/* 0.15.24 — انیمیشن چرخش (paTurnLaptop/paTurnMobile) به درخواست کارفرما حذف شد:
   «عکس‌ها را ثابت کن». */
@keyframes paFloat { from { transform: translateY(0); } to { transform: translateY(-10px); } }

@media (prefers-reduced-motion: reduce) {
    .parsanaj-app *,
    .parsanaj-app *::before,
    .parsanaj-app *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* ------------------------------------------------------------ واکنش‌گرا */
@media (max-width: 1000px) {
    .parsanaj-app .hero2-grid { grid-template-columns: 1fr; }
    /* در صفحه‌های کوچک‌تر کارت‌ها کمی جمع‌وجورتر می‌شوند تا کلید شروع پایین نرود */
    .parsanaj-app .cat-illustration { min-height: 178px; }
    .parsanaj-app .cat-illustration img { height: 178px; }
    .parsanaj-app .parsanaj-footer .footer-content { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .parsanaj-app { font-size: 16px; }
    .parsanaj-app .parsanaj-nav { display: flex !important; gap: 14px !important; }
    .parsanaj-app .parsanaj-topbar-inner { padding-left: 132px !important; }
    .parsanaj-app .parsanaj-nav a,
    .parsanaj-app .parsanaj-auth-btn { font-size: 12px; padding: 3px 6px; }
    .parsanaj-app .parsanaj-footer .footer-links { grid-template-columns: repeat(2, 1fr); }
    .parsanaj-app .pq { padding: 22px 18px; border-radius: var(--pa-radius-lg); }
    .parsanaj-app .pq .next,
    .parsanaj-app .pq .parsanaj-button.next { flex: 1 1 100%; }
    .parsanaj-app .pq .back { flex: 1 1 100%; order: 3; }
    .parsanaj-app .result-price-row { flex-direction: column; align-items: flex-start; }
    .parsanaj-app .buy-btn { max-width: none; }
}
@media (max-width: 480px) {
    .parsanaj-app .parsanaj-footer .footer-links { grid-template-columns: 1fr; }
    .parsanaj-app .category-card { padding: 26px 18px 24px; }
}

/* ------------------------------------------------------- حالت تاریک سیستم */
@media (prefers-color-scheme: dark) {
    .parsanaj-app {
        --pa-ink: #f5f5f7;
        --pa-ink-2: #a1a1a6;
        --pa-ink-3: #86868b;
        --pa-surface: #000000;
        --pa-surface-2: #0b0b0d;
        --pa-surface-3: #1d1d1f;
        --pa-surface-4: #2c2c2e;
        --pa-hairline: #3a3a3c;
        --pa-hairline-soft: rgba(255, 255, 255, .12);
        --pa-blue: #0a84ff;
        --pa-blue-fill: #0b6ce8; /* #0a84ff با متن سفید فقط 3.65:1 است؛ این سایه AA می‌دهد */
        --pa-blue-hover: #0d7bf5;
        --pa-blue-ink: #2997ff;
        --pa-green: #30d158;
        --pa-red: #ff453a;
        --pa-amber: #ffd60a;
        color: var(--pa-ink);
        background: var(--pa-surface);
    }
    .parsanaj-app .parsanaj-topbar { background: rgba(22, 22, 23, .8); }
    .parsanaj-app .parsanaj-hero2 {
        background:
            radial-gradient(1200px 420px at 50% -10%, rgba(10, 132, 255, .18), transparent 70%),
            linear-gradient(180deg, #0b0b0d, #000);
    }
    .parsanaj-app .hero2-title {
        background: linear-gradient(180deg, #f5f5f7 30%, #86868b);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .parsanaj-app .pq label:has(input:checked) { background: rgba(10, 132, 255, .14); }
    .parsanaj-app .category-card,
    .parsanaj-app .why-item,
    .parsanaj-app .how-step,
    .parsanaj-app .discount-card { background: var(--pa-surface-3); }
    .parsanaj-app .category-card:hover { background: #242426; }
    /* 0.15.20: جعبه‌های زیر مشخصات محصول در حالت تاریک هم سطح تاریک می‌گیرند */
    .parsanaj-app .config-signature,
    .parsanaj-app .grade-badge,
    .parsanaj-app .condition-badge { background: var(--pa-surface-3); color: var(--pa-ink); }
    .parsanaj-app .locked-overlay { background: rgba(0, 0, 0, .55); }
    .parsanaj-app .final-cta-section { background: #1d1d1f; }
    .parsanaj-app .final-cta-box .parsanaj-button { background: #f5f5f7; color: #1d1d1f !important; }
}

/* ============================================================================
   0.15.32 — بازگردانی رنگ‌های «نمایش نتایج» و «محصولات تخفیف‌دار» به نسخهٔ قبلی

   خواستهٔ کارفرما:
     «عکس موبایل و لپ‌تاپ خوب است، نوشته‌ها تغییر نکند، فقط رنگ‌ها در قسمت نمایش
      نتایج و محصولات تخفیف‌دار در نسخهٔ قبلی بهتر بود؛ نمای ظاهری فعلی خوب است.»

   یعنی: چیدمان/تایپوگرافی/اندازه‌ها همان لایهٔ اپل‌مانند امروز می‌ماند (دست‌نخورده)،
   و فقط «پالت رنگ» این دو بخش به پالت پیش از لایهٔ اپل (۰.۱۵.۱۶ و پیش‌تر) برمی‌گردد:
     • نتیجه: بنفش برند #4c21a8/#6d39d8، تیتر #2a1758، چیپ‌های مشخصات #f6f3fd،
       جعبهٔ بده‌بستان #f7f4ff، رنگ دلیل تطبیق #2f7a3d.
     • تخفیف‌دار: جعبهٔ طلایی-کرم (#fffdf7 + حاشیهٔ #ecdba7)، تب فعال بنفش،
       کارت کرم #fffdf6، نشان تخفیف قرمز #e53935 و گرادیان #d71920→#ff6b35.

   این بلوک در «پایان» فایل می‌آید تا در هر دو حالت روشن/تاریک برنده باشد و رنگ برند
   این دو بخش را قفل کند (سایت خودش color-scheme:light است). آزمون
   tests/frontend-colors-test.js حضور همین مقادیر را در سه لایه (CSS، تضمین PHP،
   اعمال مجدد JS) می‌سنجد تا هرگز از هم جدا نیفتند.
   ============================================================================ */

/* --------------------------------------------------- ۱) نمایش نتایج (کارت محصول) */
.parsanaj-app .parsanaj-result-card {
    border: 1px solid #e7e1ef;
}
.parsanaj-app .parsanaj-result-card:hover { box-shadow: 0 10px 30px rgba(109, 57, 216, .12); }
.parsanaj-app .result-card-title h3 { color: #2a1758; }
.parsanaj-app .parsanaj-rank {
    background: linear-gradient(135deg, #6d39d8, #4c21a8);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(109, 57, 216, .35);
}
.parsanaj-app .parsanaj-price { color: #4c21a8; }
.parsanaj-app .cheapest-price-caption { color: #6c6480; }
.parsanaj-app .spec-chip,
.parsanaj-app .weight-chip,
.parsanaj-app .battery-chip {
    background: #f6f3fd;
    color: #4c3d66;
    border: 1px solid #ece5f9;
}
.parsanaj-app .tradeoff-box {
    background: #f7f4ff;
    color: #4c3d66;
    border-right: 3px solid #c7b3f2;
}
.parsanaj-app .match-reason { color: #2f7a3d; }
.parsanaj-app .budget-gap-note { background: #fff6e5; color: #8a5a00; border: 1px solid #f4dfa8; }

/* --------------------------------------------- ۲) محصولات تخفیف‌دار (جعبهٔ تخفیف) */
.parsanaj-app .parsanaj-discounts-box {
    background: linear-gradient(145deg, #fffdf7, #fff);
    border: 1.5px solid #ecdba7;
    box-shadow: 0 12px 34px rgba(138, 90, 0, .10);
}
.parsanaj-app .discount-tabs {
    padding: 7px;
    background: #fff7df;
    border: 1px solid #f0dfa9;
    border-radius: 18px;
}
.parsanaj-app .discount-tab { background: transparent; color: #5d4212; }
.parsanaj-app .discount-tab:hover { background: #fff; color: #4c21a8; box-shadow: 0 5px 16px rgba(76, 33, 168, .09); }
.parsanaj-app .discount-tab.active { background: linear-gradient(135deg, #6d39d8, #4c21a8); color: #fff; box-shadow: 0 8px 20px rgba(76, 33, 168, .22); }
.parsanaj-app .discount-tabs { border-bottom: 0; }
.parsanaj-app .discount-card { background: #fffdf6; border: 1px solid #f1dfaa; }
.parsanaj-app .discount-card h4 { color: #2a1758; }
.parsanaj-app .discount-product-group { background: #fffaf0; border: 1px solid #f1dfaa; }
.parsanaj-app .discount-product-group > h4 { color: #2a1758; }
.parsanaj-app .discount-badge,
.parsanaj-app .discount-amount-badge { background: #e53935; color: #fff; }
.parsanaj-app .discount-amount-badge { background: linear-gradient(135deg, #d71920, #ff6b35); box-shadow: 0 6px 16px rgba(215, 25, 32, .16); }
.parsanaj-app .discount-percent-chip { background: #fff0e8; color: #c33114; border: 1px solid #ffd0bf; }
.parsanaj-app .discount-price { color: #4c21a8; }
.parsanaj-app .discount-old { color: #9a8b6f; }
.parsanaj-app .discount-kind { background: #f6f3fd; color: #6c6480; border: 1px solid #e3dcf7; }
.parsanaj-app .discount-admin-note { background: #fff6e5; color: #8a5a00; }
.parsanaj-app .discount-feedback { color: #6c6480; }

/* ============================================================================
   0.15.33 — رنگ کانفیگ‌ها + کلید سبز انتخاب/خرید محصول

   خواستهٔ کارفرما:
     «کلید انتخاب محصول سبز رنگ باشد. و وقتی محصولات کانفیگ‌های مختلف دارد با رنگ‌های
      مختلف نمایش داده شود تا واضح‌تر باشد.»
   دو چیز:
     • هر کانفیگ یک رنگ اختصاصی می‌گیرد (متغیرهای --cfg-* که از JS با هش امضای کانفیگ
       ست می‌شوند)، هم در فهرست انتخاب کانفیگ و هم روی نشان «⚙️ کانفیگ» در کارت نتیجه؛
       پس یک کانفیگ در همه‌جا یک رنگ دارد و کانفیگ‌های یک مدل از هم واضح‌اند.
     • «کلید انتخاب محصول» (CTA هر کارت نتیجه: مشاهده قیمت و خرید) سبز می‌شود، و
       جمع‌بندی «کانفیگ انتخاب شد» هم سبزِ تأیید با نوار رنگ همان کانفیگ است.
   رنگ‌ها با fallback می‌آیند تا اگر JS دیر برسد، ظاهر سالم بماند.
   ============================================================================ */

.parsanaj-app .config-choice-opt {
    background-color: var(--cfg-bg, #ffffff) !important;
    border: 1.5px solid var(--cfg-border, rgba(0, 0, 0, .10)) !important;
    border-inline-start: 5px solid var(--cfg-ink, var(--pa-hairline)) !important;
    color: var(--cfg-ink, var(--pa-ink)) !important;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: start;
}
.parsanaj-app .config-choice-opt b { color: inherit; }
.parsanaj-app .config-choice-opt small { color: inherit; opacity: .85; }
.parsanaj-app .config-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--cfg-ink, var(--pa-hairline));
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
}
.parsanaj-app .config-signature {
    background-color: var(--cfg-bg, #f6f3fd) !important;
    border: 1px solid var(--cfg-border, #ece5f9) !important;
    border-inline-start: 5px solid var(--cfg-ink, #6d39d8) !important;
    color: var(--cfg-ink, #4c3d66) !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.parsanaj-app .config-signature .config-dot { width: 14px; height: 14px; font-size: 0; }

/* کلید انتخاب/خرید محصول — سبز */
.parsanaj-app .buy-btn {
    background: #0f7a3d !important;
    color: #ffffff !important;
    border-color: #0f7a3d !important;
}
.parsanaj-app .buy-btn:hover { background: #0c6a34 !important; }

/* جمع‌بندی «کانفیگ انتخاب شد» — سبزِ تأیید، با نوار رنگ همان کانفیگ */
.parsanaj-app .funnel-summary.config-chosen {
    background-color: #e8f7ed !important;
    color: #0f7a3d !important;
    border-inline-start: 6px solid var(--cfg-ink, #0f7a3d);
}
.parsanaj-app .funnel-summary.config-chosen .pa-text { color: #0f6b36 !important; }

/* ============================================================================
   0.15.34 — ظاهر «نمایش نتایج» و «محصولات تخفیف‌دار» عیناً مثل موتور قدیمی

   خواستهٔ کارفرما: «در پوشه اصلی فایل 0.9.56 که یک موتور قدیمی است را فرستادم؛ بخش
   محصولات تخفیف‌دار و نمایش نتایج عیناً از نظر فرانت مثل موتور قدیمی طراحی کن.»

   منبع مرجع: parsanaj-0.9.56 (assets/css/parsanaj.css + استایل درون‌خطی parsanaj.php).
   این بلوک در «پایان» فایل می‌آید تا بر لایهٔ اپل 0.15.17 برنده باشد؛ همان مقادیر
   دقیق در سه لایه تکرار شده‌اند (CSS + گارد PHP + اعمال مجدد JS در
   parsanajBrandSectionPalette) تا هیچ‌وقت از هم جدا نیفتند.
   ============================================================================ */

/* --------------------------------------------------- ۱) نمایش نتایج (کارت محصول) */
.parsanaj-app #parsanaj-results,
.parsanaj-app #parsanaj-mobile-results,
.parsanaj-app #product-search-results{display:block;gap:0;margin-top:0}

.parsanaj-app .parsanaj-result-card{
    background:#ffffff;
    border:1px solid #e7e1ef;
    border-radius:18px;
    padding:22px 24px;
    margin:16px 0;
    box-shadow:0 2px 12px rgba(0,0,0,.04);
    animation:none;
    transition:box-shadow .25s,transform .25s;
}
.parsanaj-app .parsanaj-result-card:hover{box-shadow:0 10px 30px rgba(109,57,216,.12);transform:translateY(-2px)}
.parsanaj-app .result-card-head{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}
.parsanaj-app .result-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.parsanaj-app .result-card-title h3{margin:0;font-size:18px;color:#2a1758;letter-spacing:0}

/* نشان رتبه: دایرهٔ بنفش ۴۶ پیکسلی موتور قدیمی */
.parsanaj-app .parsanaj-rank{
    display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
    width:46px;height:46px;padding:0;border-radius:50%;
    background:linear-gradient(135deg,#6d39d8,#4c21a8);color:#ffffff;
    font-size:13px;font-weight:800;white-space:normal;
    box-shadow:0 4px 14px rgba(109,57,216,.35);
}
.parsanaj-app .grade-badge{padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-right:5px;background:#4caf50;color:#ffffff}
.parsanaj-app .grade-badge.grade-new{background:#4caf50;color:#ffffff}
.parsanaj-app .grade-badge.grade-stock,
.parsanaj-app .grade-badge.grade-used,
.parsanaj-app .grade-badge.grade-openbox{background:#ff9800;color:#ffffff}

.parsanaj-app .score-bar{height:6px;border-radius:6px;background:#f0ecfa;margin:14px 0 12px;overflow:hidden}
.parsanaj-app .score-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#9b7fe0,#6d39d8);transition:width .6s ease}

.parsanaj-app .spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.parsanaj-app .spec-chip,
.parsanaj-app .weight-chip,
.parsanaj-app .battery-chip{
    display:inline-flex;align-items:center;gap:4px;
    background:#f6f3fd;color:#4c3d66;border:1px solid #ece5f9;
    padding:5px 12px;border-radius:20px;font-size:12.5px;white-space:normal;
}
.parsanaj-app .spec-chip.battery-chip,
.parsanaj-app .battery-chip{background:#eefaf3;border-color:#bfe6cc;color:#1e6b38}
.parsanaj-app .spec-chip.weight-chip,
.parsanaj-app .weight-chip{background:#f7f4ff;border-color:#e5def8;color:#4c3d66}
.parsanaj-app .chip-sub{color:#6d39d8;font-size:12px}

.parsanaj-app .parsanaj-breakdown{margin:8px 0;color:#6d39d8}
.parsanaj-app .budget-gap-note{background:#fff6e5;color:#8a5a00;border:1px solid #f4dfa8;border-radius:10px;padding:8px 12px;font-size:12.5px;margin:4px 0 10px}
.parsanaj-app .match-reason{color:#2f7a3d;font-size:14px;margin:6px 0}
.parsanaj-app .tradeoff-box{margin-top:10px;padding:12px 14px;background:#f7f4ff;border-radius:12px;font-size:13.5px;color:#4c3d66;border-right:3px solid #c7b3f2}
.parsanaj-app .risk-note{font-size:12px;color:#7a5a00;margin:8px 0 4px}

.parsanaj-app .result-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:0;border-top:0}
.parsanaj-app .result-price-row .parsanaj-price{margin:0}
.parsanaj-app .parsanaj-price{font-size:24px;font-weight:900;color:#4c21a8;margin:12px 0 8px;letter-spacing:0}
.parsanaj-app .cheapest-price-caption{display:block;color:#6c6480;font-size:11.5px;font-weight:800;margin-bottom:2px;letter-spacing:0}

/* چیپ‌های وضعیت قابلیت‌ها (قابلیت‌های درخواستی کاربر) با زبان بصری موتور قدیمی */
.parsanaj-app .required-features{margin:6px 0 12px;font-size:13px;color:#4c3d66}
.parsanaj-app .feature-state{display:inline-block;font-size:12.5px;border-radius:20px;padding:4px 11px;margin:2px 4px 2px 0;background:#f6f3fd;color:#4c3d66;border:1px solid #ece5f9}
.parsanaj-app .feature-state.state-true{background:#e8f5e9;color:#1e4620;border-color:#bfe6cc}
.parsanaj-app .feature-state.state-false{background:#ffebee;color:#a12622;border-color:#f2b8b5}
.parsanaj-app .feature-state.state-unknown{background:#f5f5f7;color:#6c6480;border-color:#e7e1ef}

/* لینک محصول و بازخورد کارت — همان ظاهر موتور قدیمی */
.parsanaj-app .member-product-link,
.parsanaj-app .foreign-offer-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;text-decoration:none;background:#21a86b;color:#ffffff!important;border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:900;box-shadow:0 6px 16px rgba(33,168,107,.16)}
.parsanaj-app .member-product-link:hover,
.parsanaj-app .foreign-offer-link:hover{background:#188653;color:#ffffff!important}
.parsanaj-app .adaptive-feedback,
.parsanaj-app .discount-feedback{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.parsanaj-app .adaptive-feedback button{border:1px solid #ddd;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer;color:#4c3d66;font-weight:700}
.parsanaj-app .adaptive-feedback button:hover{background:#f8f6ff;border-color:#6d39d8;color:#4c21a8}

/* نشان کانفیگ: هندسهٔ موتور قدیمی، رنگ اختصاصی هر کانفیگ حفظ می‌شود (0.15.33) */
.parsanaj-app .config-signature{
    display:flex;align-items:center;gap:8px;
    margin:8px 0;padding:7px 10px;border-radius:8px;
    background:var(--cfg-bg,#f7f4ff);border:1px solid var(--cfg-border,#e5def8);
    border-inline-start:5px solid var(--cfg-ink,#6d39d8);color:var(--cfg-ink,#5d4b86);
    font-size:12px;line-height:1.8;
}

/* --------------------------------------------------- ۲) محصولات تخفیف‌دار */
.parsanaj-app .discount-tab-shell{display:block!important;margin-top:18px;width:100%}
.parsanaj-app .parsanaj-discounts-box{
    background:linear-gradient(145deg,#fffdf7,#fff);
    border:1.5px solid #ecdba7;border-radius:24px;padding:24px;
    box-shadow:0 12px 34px rgba(138,90,0,.10);
}
.parsanaj-app .discount-tabs{
    display:flex!important;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start;
    margin:0 0 18px!important;padding:7px;background:#fff7df;
    border:1px solid #f0dfa9;border-bottom:1px solid #f0dfa9;border-radius:18px;
    position:relative;z-index:2;
}
.parsanaj-app .discount-tab{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-width:170px;border:0;background:transparent;background-image:none;color:#5d4212;border-radius:13px;
    padding:11px 18px;cursor:pointer;font-weight:900;transition:all .18s ease;
}
/* 0.15.35 — تبِ غیرفعال هرگز گرادیان تبِ قبلی را نگه نمی‌دارد */
.parsanaj-app .discount-tab:not(.active){background:transparent;background-image:none;color:#5d4212;box-shadow:none}
.parsanaj-app .discount-tab:hover{background:#fff;color:#4c21a8;box-shadow:0 5px 16px rgba(76,33,168,.09)}
.parsanaj-app .discount-tab.active{background:linear-gradient(135deg,#6d39d8,#4c21a8);color:#ffffff;box-shadow:0 8px 20px rgba(76,33,168,.22)}
.parsanaj-app .discount-tab small{display:inline-flex;align-items:center;justify-content:center;min-width:24px;margin-right:4px;background:rgba(255,255,255,.26);border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.4;color:inherit}
.parsanaj-app .discount-tab-panels{display:block;background:#fff;border:1px solid #f4e7bd;border-radius:20px;padding:18px}
.parsanaj-app .discount-panel{display:block;animation:paFadeUp .18s ease}
.parsanaj-app .discount-panel .discount-grid{margin-top:0}
.parsanaj-app .discount-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}
.parsanaj-app .discount-card{
    border:1px solid #f1dfaa;background:#fffdf6;border-radius:16px;padding:15px 16px;
    box-shadow:0 4px 15px rgba(138,90,0,.06);transition:transform .18s,box-shadow .18s;
}
.parsanaj-app .discount-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(138,90,0,.12)}
.parsanaj-app .discount-card h4{margin:0 0 10px;color:#2a1758;font-size:15px;line-height:1.8}
.parsanaj-app .discount-badge{display:inline-flex;background:#e53935;color:#ffffff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:900;margin-bottom:8px}
.parsanaj-app .discount-amount-badge{background:linear-gradient(135deg,#d71920,#ff6b35);box-shadow:0 6px 16px rgba(215,25,32,.16);font-size:13px}
.parsanaj-app .discount-percent-chip{display:inline-flex;margin-right:6px;background:#fff0e8;color:#c33114;border:1px solid #ffd0bf;border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:900}
.parsanaj-app .discount-price{color:#4c21a8;font-size:18px;font-weight:900}
.parsanaj-app .discount-old{color:#9a8b6f;text-decoration:line-through;font-size:12px;margin-top:4px}
.parsanaj-app .discount-kind{display:inline-block;margin:0 0 6px;color:#6c6480;background:#f6f3fd;border:1px solid #e3dcf7;border-radius:999px;padding:2px 8px;font-weight:800}
.parsanaj-app .discount-admin-note{margin-top:8px;font-size:12px;color:#8a5a00;background:#fff6e5;border-radius:8px;padding:6px 8px}
.parsanaj-app .discount-product-group{margin:16px 0 4px;padding:14px;border:1px solid #f1dfaa;border-radius:16px;background:#fffaf0}
.parsanaj-app .discount-product-group>h4{margin:0 0 10px;color:#2a1758;font-size:15px;font-weight:900}

@media(max-width:700px){
    .parsanaj-app .discount-tab{flex:1 1 100%;min-width:0}
    .parsanaj-app .discount-tab-panels{padding:12px}
    .parsanaj-app .parsanaj-discounts-box{padding:18px}
    .parsanaj-app .parsanaj-result-card{padding:18px 16px}
    .parsanaj-app .parsanaj-rank{width:40px;height:40px;font-size:12px}
}

/* ---------------- قیمت کانفیگ‌ها — چیپ پررنگ (0.15.34) ---------------- */
.parsanaj-app .config-choice-opt .config-price,
.parsanaj-app .config-signature .config-price{
    background-color:var(--cfg-ink,#6d39d8);
    color:#ffffff;
    border:1px solid var(--cfg-ink,#6d39d8);
    border-radius:999px;
    padding:3px 10px;
    font-size:12.5px;
    font-weight:900;
    line-height:1.7;
    white-space:nowrap;
}
.parsanaj-app .config-choice-opt{justify-content:flex-start}
.parsanaj-app .config-choice-opt .config-price{margin-inline-start:auto}
.parsanaj-app .funnel-summary.config-chosen .config-price{
    background-color:var(--cfg-ink,#0f7a3d);
    color:#ffffff;
    padding:2px 10px;
    border-radius:999px;
}

/* 0.15.55 — نشان اسلات پیشنهاد: «نزدیک سقف بودجه» / «انتخاب بهینهٔ موتور».
   این نشان‌ها فقط داخل کارت نتیجه (بخش بازگردانی‌شدهٔ ۰.۱۵.۳۲) دیده می‌شوند، پس سلکتور
   عمداً به `.parsanaj-result-card` مقید است تا پالت بنفش/طلایی از دو بخش مجاز بیرون نزند. */
.parsanaj-app .parsanaj-result-card .slot-note { display:inline-block; margin:0 0 8px; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:700; }
.parsanaj-app .parsanaj-result-card .slot-near { background:#fff4d6; border:1px solid #f0d79a; color:#7a5a12; }
.parsanaj-app .parsanaj-result-card .slot-optimum { background:#efe6ff; border:1px solid #d7c6ff; color:#4c21a8; }
.parsanaj-app .parsanaj-result-card .slot-alt { background:#eef2f6; border:1px solid #d3dbe4; color:#334155; }
.parsanaj-app .parsanaj-result-card .slot-shortfall { display:block; border-radius:10px; background:#fff1f0; border:1px solid #f5c2bd; color:#8a1f17; font-weight:600; line-height:1.7; }
/* 0.15.55 — کارت «محصولات تخفیف‌دار متنوع»: فقط نام + میزان تخفیف + لینک؛ خط درصد پررنگ. */
.parsanaj-app .discount-card .discount-percent-only { font-weight:800; color:#e53935; }

/* 0.15.58 — بازخورد کلی پس از نمایش پیشنهادها */
.parsanaj-app .recommendation-feedback{margin:22px 0 8px;padding:16px;border:1px solid #e5e0ee;border-radius:14px;background:#faf9fc;text-align:center}
.parsanaj-app .recommendation-feedback-title{font-weight:800;margin-bottom:11px}
.parsanaj-app .recommendation-feedback-options,.parsanaj-app .recommendation-reason-options{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.parsanaj-app .recommendation-feedback button{border:1px solid #ddd;background:#fff;border-radius:9px;padding:8px 11px;cursor:pointer}
.parsanaj-app .recommendation-feedback button.selected{border-color:#0071e3;background:#f2f7fc}
.parsanaj-app .recommendation-feedback button:disabled{cursor:default}
.parsanaj-app .recommendation-feedback-reasons{margin-top:12px;font-size:12px;color:#666}
.parsanaj-app .recommendation-reason-options{margin-top:7px}
.parsanaj-app .recommendation-feedback-status{margin-top:9px;font-size:12px}

/* 0.15.60 — «نمایش همه» در تب‌های تخفیف */
.parsanaj-app .discount-more-btn{display:block;margin:12px auto 0;padding:8px 18px;border-radius:999px;border:1px solid #d3dbe4;background:#fff;font-weight:700;cursor:pointer}
.parsanaj-app .discount-more[hidden]{display:none}