/* ============================================================================
   THEME: LIVE BIDDING BOARD — تابلوی پیشنهاد زنده (تم حراجی)
   ----------------------------------------------------------------------------
   زبان طراحی: «میز معاملات / برد حراج» — روشن، داده‌محور، پرانرژی.
   • کارت‌ها به‌جای عمودی → «ردیف لو» افقی با ستون‌های ترازِ پیشنهاد/زمان/اقدام
   • تایمر شمارش معکوس بزرگ و dominant (کاشی‌های با عرض ثابت، ارقام tabular)
   • شمارهٔ لو با CSS counter (#1، #2 …) روی بندانگشتی
   • بوم «کاغذ شطرنجی» ترمینال + خط تأکید رنگی لبهٔ هر ردیف
   • رنگ‌های معنایی: سرخ=زنده، زمرد=پیشنهاد برتر، کهربایی=زمان، سرمه‌ای=دکمهٔ اقدام
   • فقط نوار تیکر و فوتر تیره‌اند؛ بقیه روشن.
   این فایل بعد از nova.css بارگذاری می‌شود؛ فقط وقتی theme_active_theme=auction.
   ========================================================================== */

/* ---------- 1) توکن‌ها ---------- */
:root[data-theme="auction"] {
    /* رنگ‌های متنی/پایه — از تنظیمات ادمین */
    --nv-ink: var(--color-text, #0f1626);
    --nv-ink-2: color-mix(in srgb, var(--color-text, #14223b) 85%, #000);
    --nv-text: var(--color-text, #1f2a3d);
    --nv-muted: #5b6b82;
    --nv-faint: #8a97aa;
    --nv-line: #d3dae4;
    --nv-line-strong: var(--color-text, #0f1626);
    --nv-surface: #ffffff;
    --nv-surface-alt: #eef2f7;
    --nv-topbar: #0b1220;
    --nv-topbar-text: #dbe3ee;
    --nv-radius: 12px;
    --nv-radius-sm: 10px;
    --nv-radius-xs: 8px;
    --nv-bw: 1px;
    /* رنگ برند/اقدام — از تنظیمات ادمین */
    --nv-accent: var(--color-primary, #14223b);
    --nv-accent-hover: var(--color-primary-hover, #0b1626);
    --nv-accent-2: var(--color-secondary, #e5484d);
    --nv-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary, #e5484d) 18%, transparent);
    --nv-pop-shadow: 0 18px 44px -16px rgba(15, 22, 38, .28);

    /* توکن‌های برد — رنگ‌های معنایی (ثابت) */
    --lb-live: #e5484d;
    --lb-live-glow: 0 0 0 0 rgba(229, 72, 77, .55);
    --lb-money: #0a7d4f;
    --lb-money-soft: rgba(10, 125, 79, .09);
    --lb-time: #b45309;
    --lb-time-soft: rgba(245, 158, 11, .14);
    /* دکمهٔ پیشنهاد — از رنگ اصلی ادمین */
    --lb-action: var(--color-primary, #14223b);
    --lb-num: 'Vazirmatn', 'IRANYekan', sans-serif;
    --lb-grid: rgba(15, 22, 38, .045);
}

/* ---------- 2) پایهٔ صفحه (بوم شطرنجی ترمینال) ---------- */
body[data-theme="auction"] {
    background-color: var(--color-bg, #eceff5) !important;
    background-image:
        linear-gradient(var(--lb-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--lb-grid) 1px, transparent 1px),
        radial-gradient(1200px 500px at 80% -10%, color-mix(in srgb, var(--color-secondary, #e5484d) 6%, transparent), transparent 60%),
        radial-gradient(1000px 480px at 0% -6%, color-mix(in srgb, var(--color-primary, #14223b) 6%, transparent), transparent 60%) !important;
    background-size: 26px 26px, 26px 26px, 100% 100%, 100% 100% !important;
    background-attachment: fixed, fixed, fixed, fixed !important;
    color: var(--nv-text) !important;
}
body[data-theme="auction"] ::selection { background: rgba(229, 72, 77, .2); color: #0f1626; }
body[data-theme="auction"] ::-webkit-scrollbar { width: 11px; height: 11px; }
body[data-theme="auction"] ::-webkit-scrollbar-track { background: #e2e7ef; }
body[data-theme="auction"] ::-webkit-scrollbar-thumb { background: #b6c1d1; border-radius: 8px; border: 2px solid #e2e7ef; }
body[data-theme="auction"] ::-webkit-scrollbar-thumb:hover { background: #0f1626; }
:root[data-theme="auction"] .nv :is(a, button, input, select, textarea):focus-visible { outline-color: var(--lb-live); }

/* ==================================================================
   3) ردیف لو — قلبِ «تابلوی پیشنهاد زنده»
   ================================================================== */

/* هر گریدی که کارت «ردیف/نوار/پرونده» دارد → فید تک‌ستونه.
   سبک «مدرن» (.nv-lotcard) عمداً در گرید چندستونه می‌ماند و جمع نمی‌شود. */
body[data-theme="auction"] .grid:has(> .nv-lot),
body[data-theme="auction"] .grid:has(> .nv-lotwide),
body[data-theme="auction"] .grid:has(> .nv-lotdetail),
body[data-theme="auction"] .nv-hscroll:has(.nv-lot),
body[data-theme="auction"] .nv-hscroll:has(.nv-lotwide),
body[data-theme="auction"] .nv-hscroll:has(.nv-lotdetail) {
    display: flex !important;
    flex-direction: column;
    gap: .8rem;
    grid-template-columns: none !important;
    counter-reset: lb-lot;
    overflow: visible;
}
body[data-theme="auction"] .nv-hscroll:has(.nv-lot) [data-hscroll-item],
body[data-theme="auction"] .nv-hscroll:has(.nv-lotwide) [data-hscroll-item],
body[data-theme="auction"] .nv-hscroll:has(.nv-lotdetail) [data-hscroll-item] { flex: 0 0 100% !important; width: 100% !important; }

.nv-lot {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 0;
    counter-increment: lb-lot;
    background: #fff;
    border: 1px solid var(--nv-line);
    border-radius: var(--nv-radius);
    box-shadow: 0 1px 2px rgba(15, 22, 38, .05);
    overflow: hidden;
    padding: 0;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.nv-lot::before {                 /* خط تأکید رنگی لبه */
    content: ""; position: absolute; inset-block: 0; inset-inline-start: 0;
    width: 4px; background: var(--lb-live);
}
.nv-lot.is-off::before { background: var(--nv-faint); }
.nv-lot:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -18px rgba(15, 22, 38, .35); border-color: #c1ccd9; }

/* — بندانگشتی + شمارهٔ لو + برچسب زنده — */
.nv-lot-media {
    position: relative; flex: 0 0 120px; width: 120px;
    align-self: stretch; min-height: 108px;
    background: var(--nv-surface-alt);
    display: flex; align-items: center; justify-content: center;
    border-inline-end: 1px solid var(--nv-line); overflow: hidden;
}
.nv-lot-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.nv-lot:hover .nv-lot-media img { transform: scale(1.06); }
.nv-lot-noimg { font-size: 30px; color: var(--nv-faint); }
.nv-lot-num {
    position: absolute; top: 6px; inset-inline-start: 6px;
    font-family: var(--lb-num); font-size: 11px; font-weight: 800; line-height: 1;
    color: #fff; background: rgba(11, 18, 32, .82);
    padding: 3px 6px; border-radius: 6px; letter-spacing: .02em;
    backdrop-filter: blur(3px);
}
.nv-lot-num::before { content: "#" counter(lb-lot); }
.nv-lot-live {
    position: absolute; bottom: 6px; inset-inline-start: 6px;
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 10px; font-weight: 900; letter-spacing: .05em; color: #fff;
    background: var(--lb-live); padding: 2.5px 7px; border-radius: 999px;
    box-shadow: 0 2px 8px -2px rgba(229, 72, 77, .8);
}
.nv-lot-live .dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: lbBlink 1.2s ease-in-out infinite; }
@keyframes lbBlink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }

/* — ستون‌ها — */
.nv-lot-info, .nv-lot-bid, .nv-lot-time, .nv-lot-cta {
    display: flex; flex-direction: column; justify-content: center;
    padding: .85rem 1rem; border-inline-start: 1px solid var(--nv-line);
}
.nv-lot-info { flex: 1 1 auto; min-width: 0; gap: .28rem; }
.nv-lot-bid { flex: 0 0 178px; }
.nv-lot-time { flex: 0 0 214px; }
.nv-lot-cta { flex: 0 0 152px; align-items: stretch; gap: .45rem; }

/* — اطلاعات — */
.nv-lot-cat {
    align-self: flex-start; font-size: 10.5px; font-weight: 800; color: var(--nv-muted);
    background: var(--nv-surface-alt); border: 1px solid var(--nv-line);
    padding: 2px 8px; border-radius: 999px;
}
.nv-lot-title {
    font-size: 15px; font-weight: 800; color: var(--nv-text); line-height: 1.5; text-decoration: none;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    transition: color .2s ease;
}
.nv-lot:hover .nv-lot-title { color: var(--lb-live); }
.nv-lot-seller { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--nv-faint); }
.nv-lot-seller .material-symbols-outlined { font-size: 14px; }

/* — پیشنهاد برتر — */
.nv-lot-bid-lbl { font-size: 10.5px; color: var(--nv-muted); font-weight: 700; margin-bottom: 2px; }
.nv-lot-bid-val {
    font-size: 19px; font-weight: 900; color: var(--lb-money); line-height: 1.1;
    font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.nv-lot-bid-val small { font-size: 11px; font-weight: 700; color: var(--nv-faint); }
.nv-lot-bid-cnt { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--nv-muted); margin-top: 4px; }
.nv-lot-bid-cnt .material-symbols-outlined { font-size: 14px; color: var(--lb-money); }

/* — تایمر dominant — */
.nv-lot-time-lbl { font-size: 10.5px; color: var(--nv-muted); font-weight: 700; margin-bottom: 6px; }
.nv-lot-cd { display: flex; align-items: flex-end; gap: 5px; }
.nv-lot-cd .u {
    flex: 1 1 0; min-width: 0; text-align: center;
    background: var(--lb-time-soft); border: 1px solid rgba(245, 158, 11, .35);
    border-radius: 8px; padding: 5px 0 4px;
}
.nv-lot-cd .u b { display: block; font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 18px; font-weight: 800; color: var(--lb-time); line-height: 1; }
.nv-lot-cd .u em { display: block; font-style: normal; font-size: 9px; color: #9a6a1c; margin-top: 3px; font-weight: 700; }
.nv-lot.is-live:hover .nv-lot-cd .u { box-shadow: 0 0 12px -2px rgba(245, 158, 11, .5); }
.nv-lot-cd.is-ended { display: flex; gap: 6px; align-items: center; color: var(--nv-faint); font-weight: 800; font-size: 13px; background: var(--nv-surface-alt); border: 1px solid var(--nv-line); border-radius: 8px; padding: 8px 10px; }
.nv-lot-cd.is-ended .material-symbols-outlined { font-size: 18px; }

/* — اقدام — */
.nv-lot-go {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    height: 44px; padding: 0 12px; border-radius: 10px;
    background: var(--lb-action); color: #fff; font-weight: 800; font-size: 13px; text-decoration: none;
    box-shadow: 0 6px 16px -8px rgba(20, 34, 59, .7); transition: transform .2s ease, box-shadow .2s ease, background-color .2s;
}
.nv-lot.is-live .nv-lot-go { background: var(--lb-live); box-shadow: 0 6px 18px -6px rgba(229, 72, 77, .7); }
.nv-lot:hover .nv-lot-go { transform: translateY(-1px); filter: brightness(1.05); }
.nv-lot-go .material-symbols-outlined { font-size: 18px; }
.nv-lot-buy {
    display: inline-flex; align-items: center; justify-content: center; gap: 4px;
    height: 34px; padding: 0 10px; border-radius: 9px; font-weight: 800; font-size: 12px;
    background: var(--lb-money-soft); color: var(--lb-money); border: 1px solid rgba(10, 125, 79, .3);
    font-variant-numeric: tabular-nums; text-decoration: none; transition: background-color .2s;
}
.nv-lot-buy .material-symbols-outlined { font-size: 15px; }
.nv-lot-buy:hover { background: rgba(10, 125, 79, .16); }

/* — واکنش‌گرایی ردیف لو — */
@media (max-width: 900px) {
    .nv-lot { flex-wrap: wrap; }
    .nv-lot-media { flex: 0 0 108px; width: 108px; min-height: 120px; border-inline-end: 1px solid var(--nv-line); }
    .nv-lot-info { flex: 1 1 0; border-inline-start: 0; }
    .nv-lot-bid { order: 3; flex: 1 1 50%; border-top: 1px solid var(--nv-line); }
    .nv-lot-time { order: 4; flex: 1 1 50%; border-top: 1px solid var(--nv-line); border-inline-start: 1px solid var(--nv-line); }
    .nv-lot-cta { order: 5; flex: 0 0 100%; flex-direction: row; border-inline-start: 0; border-top: 1px solid var(--nv-line); }
    .nv-lot-cta .nv-lot-go { flex: 1 1 auto; }
}
@media (max-width: 560px) {
    .nv-lot-media { flex: 0 0 92px; width: 92px; min-height: 96px; }
    .nv-lot-info { flex: 1 1 0; }
    .nv-lot-bid { flex: 0 0 100%; border-inline-start: 0; }
    .nv-lot-time { flex: 0 0 100%; }
    .nv-lot-bid, .nv-lot-time { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
    .nv-lot-cd { flex: 1; }
}

/* ==================================================================
   4) بقیهٔ اجزا در پالت «بردهای روشن»
   ================================================================== */

/* ---------- تیکر (نوار تیرهٔ بازار) ---------- */
.nv-ticker { background: linear-gradient(90deg, #0b1220, #131d31 55%, #0b1220); border-bottom-color: rgba(229, 72, 77, .35); }
.nv-ticker-label { background: var(--lb-live); color: #fff; box-shadow: 6px 0 14px -6px rgba(229, 72, 77, .7); }
.nv-ticker-live-dot { background: #fff; }
.nv-ticker-item:hover { background: rgba(255, 255, 255, .05); }
.nv-ticker-price { background: rgba(10, 125, 79, .16); border-color: rgba(52, 199, 123, .4); color: #7ee2ad; }
.nv-ticker-item:hover .nv-ticker-price { background: var(--lb-money); border-color: transparent; color: #04150c; }
.nv-ticker-fade.is-start { background: linear-gradient(to left, transparent, #0b1220); }
.nv-ticker-fade.is-end { background: linear-gradient(to right, transparent, #0b1220); }

/* ---------- هدر (میز روشن) ---------- */
body[data-theme="auction"] #siteHeader {
    background: rgba(255, 255, 255, .92) !important; color: var(--nv-text) !important;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--nv-line); box-shadow: 0 1px 0 rgba(15, 22, 38, .04);
}
.nv-header-main { border-bottom-color: var(--nv-line); }
.nv-brand-mark { background: var(--nv-ink); color: #fff; border: 0; box-shadow: 0 4px 12px -6px rgba(15, 22, 38, .6); }
.nv-brand-title { color: var(--nv-ink); }
.nv-brand-sub { color: var(--lb-live); }
.nv-search-form, .nv-search { background: var(--nv-surface); border-color: var(--nv-line); }
.nv-search-input { color: var(--nv-text); }
.nv-search-btn { background: var(--lb-action); color: #fff; }
.nv-search-btn:hover { background: var(--nv-accent-hover); }
.nv-icon-btn, .nv-user-btn { background: var(--nv-surface); border-color: var(--nv-line); color: var(--nv-text); }
.nv-icon-btn:hover, .nv-user-btn:hover { border-color: var(--lb-live); color: var(--lb-live); background: rgba(229, 72, 77, .06); }
.nv-sep-v { background: var(--nv-line); }
.nv-user-name { color: var(--nv-text); }

/* ---------- دکمه‌ها ---------- */
.nv-btn { background: var(--nv-surface); border-color: var(--nv-line-strong); color: var(--nv-ink); border-radius: 10px; }
.nv-btn:hover { background: var(--nv-ink); color: #fff; border-color: var(--nv-ink); }
.nv-btn-solid { background: var(--lb-action); border-color: var(--lb-action); color: #fff; border-radius: 10px; }
.nv-btn-solid:hover { background: var(--nv-accent-hover); border-color: var(--nv-accent-hover); }
.nv-btn-quiet { background: transparent; border-color: var(--nv-line); color: var(--nv-text); }
.nv-btn-quiet:hover { border-color: var(--lb-live); color: var(--lb-live); background: rgba(229, 72, 77, .06); }

/* ---------- پاپ‌آپ/منو ---------- */
.nv-pop { background: #fff; border-color: var(--nv-line); box-shadow: var(--nv-pop-shadow); }
.nv-menu-item { color: var(--nv-text); }
.nv-menu-item:hover { background: rgba(229, 72, 77, .07); color: var(--lb-live); }
.nv-menu-item .material-symbols-outlined { color: var(--nv-faint); }
.nv-menu-item:hover .material-symbols-outlined { color: var(--lb-live); }
.nv-menu-head { background: var(--nv-surface-alt); }
.nv-menu-head h3 { color: var(--nv-ink); }

/* ---------- ردیف ناوبری + مگا منو ---------- */
body[data-theme="auction"] .nv-navrow { background: #fff !important; border-top-color: var(--nv-line); }
.nv-nav-trigger { background: var(--nv-ink); border-color: var(--nv-ink); color: #fff; }
.nv-nav-trigger:hover { background: var(--lb-live); border-color: var(--lb-live); color: #fff; }
.nv-nav-link { color: var(--nv-text); }
.nv-nav-link:hover { color: var(--lb-live); }
.nv-nav-link::after { background: var(--lb-live); }
.nav-dropdown-parent { background: #fff; border-color: var(--nv-line); }
.nv-deal-chip { background: var(--lb-live); border-color: var(--lb-live); color: #fff; box-shadow: 0 0 14px -3px rgba(229, 72, 77, .6); }
.nv-deal-chip:hover { background: #c9302f; color: #fff; }
.nv-mm-pop { background: #fff; border-color: var(--nv-line); box-shadow: var(--nv-pop-shadow); }
.nv-mm-parent { color: var(--nv-text); }
.nv-mm-parent:hover { background: rgba(229, 72, 77, .07); color: var(--lb-live); }
.nv-mm-active { background: rgba(20, 34, 59, .08) !important; color: var(--nv-ink) !important; border-color: rgba(20, 34, 59, .2) !important; }
.nv-mm-ico { background: var(--nv-surface-alt); color: var(--lb-action); border-color: var(--nv-line); }
.nv-mm-child a { color: var(--nv-text); }
.nv-mm-child a:hover { color: var(--lb-live) !important; }
.nv-mm-footer { border-top-color: var(--nv-line); }

/* ---------- دراپر موبایل ---------- */
.nv-overlay { background: rgba(11, 18, 32, .55); backdrop-filter: blur(3px); }
.nv-drawer { background: #fff; border-left: 1px solid var(--lb-live); box-shadow: -20px 0 50px -20px rgba(11, 18, 32, .4); }
.nv-drawer-head { border-bottom-color: var(--nv-line); }
.nv-drawer-head span { color: var(--nv-ink); }
.nv-drawer-user { background: var(--nv-surface-alt); border-color: var(--nv-line); }
.nv-drawer-item { color: var(--nv-text); }
.nv-drawer-item:hover { background: rgba(229, 72, 77, .07); color: var(--lb-live); }
.nv-drawer-item .material-symbols-outlined { color: var(--nv-faint); }
.nv-drawer-item:hover .material-symbols-outlined { color: var(--lb-live); }
.nv-drawer-item.is-accent { color: var(--lb-live); }
.nv-drawer-item.is-accent .material-symbols-outlined { color: var(--lb-live); }
.nv-drawer-item.is-danger { color: #dc2626; }
.nv-msearch-btn { background: var(--lb-action); color: #fff; }

/* ---------- سربرگ بخش‌ها ---------- */
.nv-sec-title { color: var(--nv-ink); }
.nv-sec-marker { background: var(--lb-live); }
.nv-sec-sub { color: var(--nv-muted); }
.nv-more-link { background: transparent; border-color: rgba(20, 34, 59, .25); color: var(--nv-ink); }
.nv-more-link:hover { background: var(--lb-action); border-color: var(--lb-action); color: #fff; }
.nv-chip { background: var(--nv-surface-alt); border-color: var(--nv-line); color: var(--nv-muted); }
.nv-card { background: #fff; border-color: var(--nv-line); }

/* ---------- هیرو (لو ویژه) ---------- */
.nv-hero { background: var(--nv-ink); border: 1px solid var(--nv-ink); box-shadow: 0 24px 60px -30px rgba(15, 22, 38, .7); }
.nv-hero-panel { background: rgba(11, 18, 32, .72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(229, 72, 77, .4); color: #fff; }
.nv-hero-panel.is-dark { background: rgba(11, 18, 32, .72); border-color: rgba(229, 72, 77, .4); }
.nv-hero-kicker { background: var(--lb-live); border-color: var(--lb-live); color: #fff; }
.nv-hero-title, .nv-hero-title.is-lg { color: #fff; }
.nv-hero-sub { color: #cbd5e6; }
.nv-hero-price { background: rgba(10, 125, 79, .16); border-color: rgba(52, 199, 123, .4); color: #7ee2ad; }
.nv-hero-price b { color: #8fe9bb; }
.nv-hero-bids { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .18); color: #e4e9f2; }
.nv-hero-flag { background: var(--lb-time); color: #2a1602; border: 0; }
.nv-hero-cta { background: var(--cta-bg, var(--lb-live)); color: #fff; }
.nv-arrow { background: rgba(11, 18, 32, .7); border-color: rgba(255, 255, 255, .22); color: #fff; }
.nv-arrow:hover { background: var(--lb-live); border-color: var(--lb-live); }
.nv-arrow.on-dark { background: rgba(11, 18, 32, .7); border-color: rgba(255, 255, 255, .22); color: #fff; }
.nv-arrow.on-dark:hover { background: var(--lb-live); border-color: var(--lb-live); }
.nv-dot { background: rgba(15, 22, 38, .25); }
.nv-dot.is-active { background: var(--lb-live); box-shadow: 0 0 10px rgba(229, 72, 77, .7); }
body[data-theme="auction"] .nv-side-banner { background-color: #fff !important; border: 1px solid var(--nv-line) !important; }
.nv-side-banner::before { background: var(--lb-live); opacity: 1; }
.nv-side-banner-title { color: var(--nv-ink); }
.nv-side-banner-desc { color: var(--nv-muted); }
.nv-side-banner-go { color: var(--lb-live) !important; }
.nv-go-sq { background: var(--nv-surface-alt); color: var(--lb-action); }
.nv-side-banner-img { background: var(--nv-surface-alt); }

/* ---------- دسته‌بندی‌ها ---------- */
.nv-cat-circle { background: #fff; border: 1.5px solid var(--nv-line); color: var(--lb-action); }
a:hover .nv-cat-circle { background: var(--lb-live); border-color: var(--lb-live); color: #fff; box-shadow: 0 8px 18px -8px rgba(229, 72, 77, .7); }
.nv-cat-card { background: #fff; border: 1px solid var(--nv-line); }
a:hover .nv-cat-card { border-color: var(--lb-live); }
.nv-cat-img { background: var(--nv-surface-alt); }
.nv-cat-label { color: var(--nv-text); }
.nv-cat-pill { background: #fff; border: 1px solid var(--nv-line); color: var(--nv-text); }
a:hover .nv-cat-pill { background: var(--lb-action); border-color: var(--lb-action); color: #fff; }
.nv-cat-bullet, .cat-bullet { background: var(--nv-line); }
.nv-cat-bullet.is-active, .cat-bullet.is-active { background: var(--lb-live); }

/* ---------- بند ---------- */
.nv-band { background: #fff; border: 1px solid var(--nv-line); }
.nv-band .nv-sec-title, .nv-band-title-light { color: var(--nv-ink); }
.nv-band-sub-light { color: var(--nv-muted); }
.nv-band-arrow { border-color: var(--nv-line); color: var(--nv-text); }
.nv-band-arrow:hover { background: var(--lb-action); border-color: var(--lb-action); color: #fff; }
.nv-band.nv-band-light { background: #fff; }

/* ---------- نشان اعتماد / آمار ---------- */
.nv-tbadge { background: #fff; border-color: var(--nv-line); }
.nv-tbadge-t { color: var(--nv-ink); }
.nv-tbadge-d { color: var(--nv-muted); }
.nv-tbadge-ico { background: rgba(20, 34, 59, .08); color: var(--lb-action); }
.nv-stats { background: #fff; border: 1px solid var(--nv-line); }
.nv-stat-ico { background: var(--lb-money-soft); border: 1px solid rgba(10, 125, 79, .3); color: var(--lb-money); }
.nv-stat:hover .nv-stat-ico { background: var(--lb-money); border-color: var(--lb-money); color: #fff; }
.nv-stat-val { color: var(--nv-ink); font-family: var(--lb-num); }
.nv-stat-label { color: var(--nv-muted); }

/* ---------- خبرنامه ---------- */
.nv-newsletter { background: var(--color-primary-hover); border: 1px solid var(--color-primary-hover); color: #fff; box-shadow: 0 24px 60px -30px rgba(15, 22, 38, .8); }
.nv-nl-kicker { color: #ff8f93; }
.nv-nl-title { color: #fff; }
.nv-nl-sub, .nv-nl-points { color: #c7d0e0; }
.nv-nl-points li .material-symbols-outlined { color: var(--lb-live); }
.nv-nl-field { background: rgba(11, 18, 32, .6); border: 1px solid rgba(255, 255, 255, .18); }
.nv-nl-field input { color: #fff; }
.nv-nl-field input::placeholder { color: #8a97aa; }
.nv-nl-btn { background: var(--lb-live); color: #fff; border: 0; }
.nv-nl-btn:hover { background: #c9302f; }
.nv-nl-note { color: #8a97aa; }

/* ---------- بنر تبلیغی ---------- */
body[data-theme="auction"] .nv-promo { background-color: #fff !important; border: 1px solid var(--nv-line) !important; }
.nv-promo:hover { border-color: var(--lb-live) !important; box-shadow: 0 16px 34px -18px rgba(229, 72, 77, .4); }
.nv-promo-title { color: var(--nv-ink); }
.nv-promo-sub { color: var(--nv-muted); }
.nv-promo-btn { background: var(--lb-action); color: #fff; }
.nv-promo:hover .nv-promo-btn { background: var(--lb-live); color: #fff; }

/* ---------- پست وبلاگ ---------- */
.nv-post { background: #fff; border-color: var(--nv-line); }
.nv-post:hover { border-color: var(--lb-live); box-shadow: 0 16px 34px -18px rgba(15, 22, 38, .3); }
.nv-post-img, .nv-post-ph { background: var(--nv-surface-alt); }
.nv-post-ph { color: var(--nv-faint); }
.nv-post-title { color: var(--nv-ink); }
.nv-post:hover .nv-post-title { color: var(--lb-live); }
.nv-post-ex, .nv-post-meta { color: var(--nv-muted); }

/* ---------- کارت‌های قدیمی (اگر جایی nv-lcard ماند) ---------- */
.nv-lcard { background: #fff; border: 1px solid var(--nv-line); }
.nv-lcard:hover { border-color: var(--lb-live); box-shadow: 0 16px 34px -18px rgba(15, 22, 38, .35); }
.nv-lcard-title { color: var(--nv-ink); }
.nv-lcard-flag { background: var(--lb-live); border: 0; color: #fff; }
.nv-lcard-price b { color: var(--lb-money); }

/* ---------- شمارش معکوس صفحهٔ محصول — ترکیب رنگ‌های ادمین (primary/secondary) ---------- */
.nv-cd-cell { background: color-mix(in srgb, var(--nv-accent-2) 13%, #fff); border: 1px solid color-mix(in srgb, var(--nv-accent-2) 45%, transparent); color: color-mix(in srgb, var(--nv-accent-2) 78%, #000); font-family: var(--lb-num); border-radius: 10px; }
.nv-cd-cell.is-sec { background: var(--nv-accent-2); border-color: var(--nv-accent-2); color: #fff; }
.nv-cd-sep { color: color-mix(in srgb, var(--nv-accent-2) 55%, var(--nv-faint)); }
.nv-cd-ended { background: var(--nv-surface-alt); color: var(--nv-muted); border-color: var(--nv-line); }

/* ---------- صفحهٔ محصول: دفتر پیشنهاد ---------- */
.nv-crumb { color: var(--nv-muted); }
.nv-crumb a { color: var(--nv-muted); }
.nv-crumb a:hover { color: var(--lb-live); }
.nv-gallery-main { background: #fff; border-color: var(--nv-line); }
.nv-flag-hot { background: var(--lb-live); color: #fff; border: 0; }
.nv-thumb { background: var(--nv-surface-alt); border-color: var(--nv-line); }
.nv-thumb:hover, .nv-thumb.border-primary { border-color: var(--lb-live); }
.nv-gal-nav { background: rgba(255, 255, 255, .9); border-color: var(--nv-line); color: var(--nv-ink); }
.nv-gal-nav:hover { background: var(--lb-live); border-color: var(--lb-live); color: #fff; }
.nv-lb-thumb { background: var(--nv-surface-alt); border-color: var(--nv-line); }
.nv-lb-thumb.border-primary { border-color: var(--lb-live); }
.nv-tile { background: #fff; border: 1px solid var(--nv-line); }
.nv-tile h2, .nv-tile h3 { color: var(--nv-ink); }
.nv-ico { background: var(--nv-surface-alt); color: var(--lb-action); border-color: var(--nv-line); }
.nv-ship-row { background: var(--nv-surface-alt); border-color: var(--nv-line); }
.nv-ship-opt { background: #fff; border-color: var(--nv-line); color: var(--nv-text); }
.nv-ship-opt:hover { border-color: var(--lb-live); }
.nv-ship-opt.is-checked { border-color: var(--lb-action); background: rgba(20, 34, 59, .06); }
.nv-price-box { background: linear-gradient(160deg, color-mix(in srgb, var(--nv-accent) 7%, #fff), color-mix(in srgb, var(--nv-accent-2) 8%, #fff)); border: 1.5px solid color-mix(in srgb, var(--nv-accent) 26%, transparent); box-shadow: 0 12px 30px -18px color-mix(in srgb, var(--nv-accent) 45%, transparent); }
.nv-price-box .border-gray-200 { border-color: color-mix(in srgb, var(--nv-accent) 22%, transparent) !important; }
.nv-price-box .text-gray-500 { color: var(--nv-muted) !important; }
.nv-price-box .text-gray-600 { color: var(--nv-text) !important; }
.nv-price-box .text-gray-900 { color: var(--nv-ink) !important; }
.nv-price-val { color: var(--nv-accent); font-family: var(--lb-num); font-variant-numeric: tabular-nums; }
.nv-bids-mini { background: color-mix(in srgb, var(--nv-accent) 6%, #fff); border-color: color-mix(in srgb, var(--nv-accent) 16%, transparent); color: var(--nv-text); }
.nv-deposit-row { background: color-mix(in srgb, var(--nv-accent-2) 12%, #fff); border-color: color-mix(in srgb, var(--nv-accent-2) 35%, transparent); color: var(--nv-text); }
.nv-field { background: #fff; border-color: var(--nv-line); color: var(--nv-text); }
.nv-field:focus { border-color: var(--lb-live); box-shadow: var(--nv-ring); }
.nv-field::placeholder { color: var(--nv-faint); }
.nv-tabs { border-bottom: 1px solid var(--nv-line); }
.nv-tab { color: var(--nv-muted); }
.nv-tab:hover { color: var(--nv-ink); }
.nv-tab.nv-tab-active { color: var(--lb-live); }
.nv-tab.nv-tab-active::after { background: var(--lb-live); }
.nv-btn-amber { background: var(--lb-time); color: #2a1602; border: 0; }
.nv-btn-amber:hover { background: #a8560a; color: #fff; }
.nv-btn-green { background: var(--lb-money); }
.nv-cta { background: var(--lb-action); border: 0; color: #fff; }
.nv-cta:hover { background: var(--nv-accent-hover); }
.nv-cta.is-quiet { background: transparent; border: 1px solid var(--nv-line); color: var(--nv-text); }
.nv-cta.is-quiet:hover { border-color: var(--lb-live); color: var(--lb-live); background: rgba(229, 72, 77, .06); }
.nv-tl { color: var(--nv-text); }
.nv-tl-dot { background: #fff; border-color: var(--lb-live); }
.nv-tl-badge { background: var(--lb-live); color: #fff; border: 0; }
.nv-alert { background: #fff; border-color: var(--nv-line); color: var(--nv-text); }
.nv-alert.is-warn { background: rgba(245, 158, 11, .08); border-color: rgba(245, 158, 11, .4); color: #8a5608; }
.nv-alert.is-danger { background: rgba(229, 72, 77, .08); border-color: rgba(229, 72, 77, .4); color: #b3282d; }
.nv-alert.is-success { background: rgba(10, 125, 79, .08); border-color: rgba(10, 125, 79, .4); color: #0a6b43; }
.nv-r, .nv-r-sm, .nv-r-xs { border-color: var(--nv-line); }

/* ---------- فوتر (تیره، تنها بخش تیرهٔ صفحه) ---------- */
body[data-theme="auction"] .nv-footer { background: #0b1220 !important; color: #9fb0c6 !important; border-top: 1px solid rgba(229, 72, 77, .35); }
.nv-featrow { background: #0f1626; border-color: rgba(255, 255, 255, .08); }
.nv-feat { border-color: rgba(255, 255, 255, .07); }
.nv-feat-ico { color: var(--lb-live); }
.nv-feat-t { color: #fff; }
.nv-feat-s { color: #9fb0c6; }
.nv-f-title { color: #fff; }
.nv-f-desc { color: #9fb0c6; }
.nv-f-links a, .nv-fgrid a, .nv-f-link { color: #9fb0c6; }
.nv-f-link::before { background: var(--lb-live); }
.nv-fgrid a:hover, .nv-f-link:hover { color: #ff8f93; }
.nv-f-social a { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); color: #dbe3ee; }
.nv-f-social a:hover { border-color: var(--lb-live); color: #fff; background: rgba(229, 72, 77, .18); }
.nv-trust-box { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .1); }
.nv-trust-ph { background: rgba(255, 255, 255, .06); color: #9fb0c6; border-color: rgba(255, 255, 255, .12); }
.nv-f-bottom { border-top-color: rgba(255, 255, 255, .08); }
.nv-f-bottom-links a { color: #9fb0c6; border-color: rgba(255, 255, 255, .14); }
.nv-f-bottom-links a:hover { color: #ff8f93; border-color: var(--lb-live); }

/* ---------- رنگ یوتیلیتی‌های اینلاین ---------- */
body[data-theme="auction"] .text-primary { color: var(--lb-action) !important; }
body[data-theme="auction"] .bg-primary { background-color: var(--lb-action) !important; }
body[data-theme="auction"] .border-primary { border-color: var(--lb-action) !important; }

/* ==================================================================
   5) سازه‌های جدید تم — نوار تابلو، پنل لوویژه، سرستون فید، دفتر پیشنهاد
      (DOM جدید که فقط در تم auction رندر می‌شود)
   ================================================================== */

/* ---------- نوار تابلو (Board Bar) بالای هدر ---------- */
.nv-boardbar { background: #0b1220; color: #dbe3ee; border-bottom: 1px solid rgba(229, 72, 77, .3); font-size: 12.5px; }
.nv-boardbar-inner { max-width: 1440px; margin: 0 auto; padding: .4rem 1rem; display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
.nv-bb-session { display: inline-flex; align-items: center; gap: 6px; font-weight: 900; color: #7ee2ad; letter-spacing: .02em; }
.nv-bb-session .dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: lbPulse 1.6s infinite; }
@keyframes lbPulse { 0% { box-shadow: 0 0 0 0 rgba(52, 199, 123, .5); } 70% { box-shadow: 0 0 0 7px rgba(52, 199, 123, 0); } 100% { box-shadow: 0 0 0 0 rgba(52, 199, 123, 0); } }
.nv-bb-clock { font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-weight: 800; color: #fff; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); padding: 2px 10px; border-radius: 7px; letter-spacing: .06em; }
.nv-bb-divider { width: 1px; height: 18px; background: rgba(255, 255, 255, .14); }
.nv-bb-quick { display: flex; align-items: center; gap: 6px; }
.nv-bb-chip { display: inline-flex; align-items: center; gap: 4px; color: #c7d0e0; text-decoration: none; font-weight: 700; padding: 3px 9px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); transition: .18s ease; }
.nv-bb-chip .material-symbols-outlined { font-size: 15px; }
.nv-bb-chip:hover { color: #fff; border-color: var(--lb-live); background: rgba(229, 72, 77, .18); }
.nv-bb-stats { margin-inline-start: auto; display: flex; align-items: center; gap: 12px; }
.nv-bb-stat { color: #9fb0c6; font-weight: 700; }
.nv-bb-stat b { color: #fff; font-family: var(--lb-num); font-variant-numeric: tabular-nums; }
.nv-bb-stat.is-hot b { color: #ff8f93; }
@media (max-width: 720px) {
    .nv-bb-stats { display: none; }
    .nv-bb-quick .nv-bb-chip:not(:first-child) { display: none; }
    .nv-boardbar-inner {
        justify-content: center;
        text-align: center;
    }
}

/* ---------- سرستون فید لو (راهنمای ستون‌ها) ---------- */
body[data-theme="auction"] .nv-lot-cols { display: flex; align-items: center; gap: 0; margin-bottom: .5rem; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; color: var(--nv-faint); padding: 0 .25rem; }
body[data-theme="auction"] .nv-lot-cols span { padding: 0 1rem; border-inline-start: 1px solid var(--nv-line); }
body[data-theme="auction"] .nv-lot-cols .c-media { flex: 0 0 120px; border-inline-start: 0; text-align: center; }
body[data-theme="auction"] .nv-lot-cols .c-info { flex: 1 1 auto; min-width: 0; }
body[data-theme="auction"] .nv-lot-cols .c-bid { flex: 0 0 178px; }
body[data-theme="auction"] .nv-lot-cols .c-time { flex: 0 0 214px; }
body[data-theme="auction"] .nv-lot-cols .c-cta { flex: 0 0 152px; text-align: center; }
@media (max-width: 900px) { body[data-theme="auction"] .nv-lot-cols { display: none; } }
/* سرستون فقط برای فید «کلاسیک» (ردیف لو)؛ برای کاشی/عریض/پرونده مخفی بماند تا تراز نشکند */
body[data-theme="auction"] .nv-band:not(:has(.nv-lot)) .nv-lot-cols { display: none; }

/* ---------- پنل لوویژهٔ تابلو در هیرو ---------- */
.nv-hero-board { display: flex; flex-direction: column; gap: .7rem; margin-top: .4rem; }
.nv-hb-cd { display: flex; align-items: stretch; gap: 6px; }
.nv-hb-cd .u { flex: 1; text-align: center; background: rgba(11, 18, 32, .55); border: 1px solid rgba(245, 158, 11, .5); border-radius: 9px; padding: 6px 4px; backdrop-filter: blur(4px); }
.nv-hb-cd .u b { display: block; font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 22px; font-weight: 800; color: #ffc24b; line-height: 1; }
.nv-hb-cd .u em { display: block; font-style: normal; font-size: 9.5px; color: #d9c9a6; margin-top: 3px; font-weight: 700; }
.nv-hb-cd.is-ended { align-items: center; gap: 8px; color: #e4e9f2; font-weight: 800; background: rgba(11, 18, 32, .55); border: 1px solid rgba(255, 255, 255, .16); border-radius: 9px; padding: 8px 12px; }
.nv-hb-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.nv-hb-chip { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; font-size: 12.5px; padding: 8px 12px; border-radius: 9px; text-decoration: none; background: rgba(10, 125, 79, .92); color: #eafff4; border: 1px solid rgba(52, 199, 123, .5); font-variant-numeric: tabular-nums; }
.nv-hb-chip .material-symbols-outlined { font-size: 16px; }
.nv-hb-chip:hover { background: var(--lb-money); }
.nv-hb-cta { display: inline-flex; align-items: center; gap: 6px; font-weight: 900; font-size: 13.5px; padding: 8px 16px; border-radius: 9px; text-decoration: none; background: var(--lb-live); color: #fff; box-shadow: 0 8px 20px -8px rgba(229, 72, 77, .8); transition: .2s ease; }
.nv-hb-cta .material-symbols-outlined { font-size: 18px; }
.nv-hb-cta:hover { background: #c9302f; transform: translateY(-1px); }

/* ---------- صفحهٔ محصول: دفتر پیشنهاد (Bid Book) ---------- */
body[data-theme="auction"] .nv-book-col { align-self: start; }
body[data-theme="auction"] .nv-book { border: 1px solid var(--nv-line); border-top: 3px solid var(--lb-live); box-shadow: 0 18px 40px -24px rgba(15, 22, 38, .4); }
.nv-book-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: .55rem .75rem; margin: -.15rem 0 1rem; background: var(--nv-ink); border-radius: 10px; color: #fff; }
.nv-book-lot { font-family: var(--lb-num); font-weight: 800; font-size: 14px; letter-spacing: .03em; }
.nv-book-live { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 900; background: var(--lb-live); padding: 2px 8px; border-radius: 999px; }
.nv-book-live .dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: lbBlink 1.2s infinite; }
.nv-book-ended { font-size: 11px; font-weight: 800; background: #5b6b82; padding: 2px 8px; border-radius: 999px; color: #eef2f7; }
.nv-book-pending { font-size: 11px; font-weight: 800; background: var(--lb-time); color: #2a1602; padding: 2px 8px; border-radius: 999px; }
.nv-book-count { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #c7d0e0; font-weight: 700; }
.nv-book-count .material-symbols-outlined { font-size: 15px; color: #ffc24b; }

/* ==================================================================
   6) چهار سبک کارت تم تابلو:
      کلاسیک .nv-lot (ردیف) · مدرن .nv-lotcard (کاشی گرید) · افقی .nv-lotwide (نوار عریض) · کامل .nv-lotdetail (پرونده)
   ================================================================== */

/* ---------- مدرن: کاشی برد (چندستونه، جمع نمی‌شود) ---------- */
.nv-lotcard { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--nv-line); border-radius: var(--nv-radius); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.nv-lotcard::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 3px; background: var(--lb-live); z-index: 3; }
.nv-lotcard.is-off::before { background: var(--nv-faint); }
.nv-lotcard:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -20px rgba(15, 22, 38, .4); border-color: #c1ccd9; }
.nv-lc-media { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--nv-surface-alt); overflow: hidden; }
.nv-lc-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.nv-lotcard:hover .nv-lc-media img { transform: scale(1.05); }
.nv-lc-noimg { position: absolute; inset: 0; margin: auto; font-size: 38px; color: var(--nv-faint); }
.nv-lc-live { position: absolute; top: 8px; inset-inline-start: 8px; display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 900; color: #fff; background: var(--lb-live); padding: 2px 7px; border-radius: 999px; z-index: 2; }
.nv-lc-live .dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: lbBlink 1.2s infinite; }
.nv-lc-bids { position: absolute; top: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 800; color: #0f1626; background: rgba(255, 255, 255, .9); border: 1px solid var(--nv-line); padding: 2px 7px; border-radius: 999px; z-index: 2; }
.nv-lc-bids .material-symbols-outlined { font-size: 13px; color: var(--lb-money); }
.nv-lc-cd { position: absolute; inset-inline: 6px; bottom: 6px; display: flex; gap: 4px; z-index: 2; }
.nv-lc-cd .u { flex: 1; min-width: 0; text-align: center; background: rgba(11, 18, 32, .74); border: 1px solid rgba(245, 158, 11, .5); border-radius: 7px; padding: 3px 0 2px; }
.nv-lc-cd .u b { display: block; font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 800; color: #ffc24b; line-height: 1; }
.nv-lc-cd .u em { display: block; font-style: normal; font-size: 8.5px; color: #d9c9a6; margin-top: 2px; font-weight: 700; }
.nv-lc-cd.is-ended { justify-content: center; align-items: center; gap: 6px; background: rgba(11, 18, 32, .82); border-radius: 8px; padding: 7px; color: #cbd5e6; font-size: 12px; font-weight: 800; }
.nv-lc-cd.is-ended .material-symbols-outlined { font-size: 16px; }
.nv-lc-body { display: flex; flex-direction: column; gap: .35rem; padding: .7rem .8rem .8rem; flex: 1; }
.nv-lc-cat { align-self: flex-start; font-size: 10px; font-weight: 800; color: var(--nv-muted); background: var(--nv-surface-alt); border: 1px solid var(--nv-line); padding: 1px 7px; border-radius: 999px; }
.nv-lc-title { font-size: 14px; font-weight: 800; color: var(--nv-text); line-height: 1.5; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.nv-lotcard:hover .nv-lc-title { color: var(--lb-live); }
.nv-lc-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: .5rem; border-top: 1px solid var(--nv-line); }
.nv-lc-price .lbl { display: block; font-size: 10px; color: var(--nv-muted); font-weight: 700; }
.nv-lc-price .val { font-size: 16px; font-weight: 900; color: var(--lb-money); font-variant-numeric: tabular-nums; }
.nv-lc-price .val small { font-size: 10px; color: var(--nv-faint); font-weight: 700; }
.nv-lc-go { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border-radius: 9px; background: var(--lb-action); color: #fff; font-weight: 800; font-size: 12px; text-decoration: none; white-space: nowrap; }
.nv-lotcard.is-live .nv-lc-go { background: var(--lb-live); }
.nv-lc-go:hover { filter: brightness(1.06); }

/* ---------- افقی: نوار لو عریض ---------- */
.nv-lotwide { position: relative; display: flex; align-items: stretch; background: #fff; border: 1px solid var(--nv-line); border-radius: var(--nv-radius); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.nv-lotwide::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 5px; background: var(--lb-live); z-index: 2; }
.nv-lotwide.is-off::before { background: var(--nv-faint); }
.nv-lotwide:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -18px rgba(15, 22, 38, .35); border-color: #c1ccd9; }
.nw-media { position: relative; flex: 0 0 200px; background: var(--nv-surface-alt); overflow: hidden; }
.nw-media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 150px; transition: transform .4s ease; }
.nv-lotwide:hover .nw-media img { transform: scale(1.05); }
.nw-noimg { position: absolute; inset: 0; margin: auto; font-size: 36px; color: var(--nv-faint); }
.nw-live { position: absolute; top: 10px; inset-inline-start: 10px; display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 900; color: #fff; background: var(--lb-live); padding: 3px 8px; border-radius: 999px; z-index: 2; }
.nw-live .dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: lbBlink 1.2s infinite; }
.nw-info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: .35rem; padding: 1rem 1.2rem; border-inline-start: 1px solid var(--nv-line); }
.nw-cat { align-self: flex-start; font-size: 10.5px; font-weight: 800; color: var(--nv-muted); background: var(--nv-surface-alt); border: 1px solid var(--nv-line); padding: 2px 8px; border-radius: 999px; }
.nw-title { font-size: 18px; font-weight: 900; color: var(--nv-text); line-height: 1.5; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nv-lotwide:hover .nw-title { color: var(--lb-live); }
.nw-seller { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--nv-faint); }
.nw-seller .material-symbols-outlined { font-size: 15px; }
.nw-buy { align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; margin-top: .2rem; font-size: 12px; font-weight: 800; color: var(--lb-money); background: var(--lb-money-soft); border: 1px solid rgba(10, 125, 79, .3); padding: 4px 10px; border-radius: 8px; text-decoration: none; font-variant-numeric: tabular-nums; }
.nw-buy .material-symbols-outlined { font-size: 15px; }
.nw-timer { flex: 0 0 220px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .45rem; padding: 1rem; border-inline-start: 1px solid var(--nv-line); background: linear-gradient(135deg, rgba(245, 158, 11, .07), rgba(10, 125, 79, .05)); }
.nw-timer-lbl { font-size: 10.5px; color: var(--nv-muted); font-weight: 700; }
.nw-cd { display: flex; gap: 5px; width: 100%; }
.nw-cd .u { flex: 1; min-width: 0; text-align: center; background: var(--lb-time-soft); border: 1px solid rgba(245, 158, 11, .4); border-radius: 8px; padding: 6px 0 5px; }
.nw-cd .u b { display: block; font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 22px; font-weight: 800; color: var(--lb-time); line-height: 1; }
.nw-cd .u em { display: block; font-style: normal; font-size: 9px; color: #9a6a1c; margin-top: 3px; font-weight: 700; }
.nw-cd.is-ended { gap: 6px; align-items: center; justify-content: center; color: var(--nv-faint); font-weight: 800; font-size: 13px; background: var(--nv-surface-alt); border: 1px solid var(--nv-line); border-radius: 8px; padding: 10px; }
.nw-cd.is-ended .material-symbols-outlined { font-size: 18px; }
.nw-bid { text-align: center; }
.nw-bid .lbl { display: block; font-size: 10px; color: var(--nv-muted); font-weight: 700; }
.nw-bid .val { font-size: 18px; font-weight: 900; color: var(--lb-money); font-variant-numeric: tabular-nums; }
.nw-bid .val small { font-size: 11px; color: var(--nv-faint); font-weight: 700; }
.nw-cta { flex: 0 0 150px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: .5rem; padding: 1rem; border-inline-start: 1px solid var(--nv-line); }
.nw-go { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 46px; padding: 0 12px; border-radius: 11px; background: var(--lb-action); color: #fff; font-weight: 800; font-size: 13.5px; text-decoration: none; }
.nv-lotwide.is-live .nw-go { background: var(--lb-live); box-shadow: 0 6px 18px -6px rgba(229, 72, 77, .7); }
.nw-go .material-symbols-outlined { font-size: 18px; }
.nw-cnt { display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; color: var(--nv-muted); font-weight: 700; }
.nw-cnt .material-symbols-outlined { font-size: 14px; color: var(--lb-money); }
@media (max-width: 1024px) { .nw-media { flex-basis: 160px; } .nw-timer { flex-basis: 190px; } }
@media (max-width: 860px) {
    .nv-lotwide { flex-wrap: wrap; }
    .nw-media { flex: 0 0 130px; } .nw-media img { min-height: 130px; }
    .nw-info { flex: 1 1 0; border-inline-start: 0; }
    .nw-timer { order: 3; flex: 1 1 100%; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--nv-line); border-inline-start: 0; }
    .nw-cd { flex: 1; }
    .nw-cta { order: 4; flex: 0 0 100%; flex-direction: row; border-top: 1px solid var(--nv-line); border-inline-start: 0; }
    .nw-cta .nw-go { flex: 1; }
}
@media (max-width: 520px) {
    .nw-media { flex: 0 0 100%; } .nw-media img { min-height: 180px; }
    .nw-info { flex: 1 1 100%; border-top: 1px solid var(--nv-line); }
    .nw-timer { flex-direction: column; align-items: stretch; }
}

/* ---------- کامل: پروندهٔ لو ---------- */
.nv-lotdetail { position: relative; background: #fff; border: 1px solid var(--nv-line); border-radius: var(--nv-radius); overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease; }
.nv-lotdetail:hover { box-shadow: 0 16px 34px -18px rgba(15, 22, 38, .35); border-color: #c1ccd9; }
.nd-head { position: relative; display: flex; align-items: stretch; }
.nd-head::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: var(--lb-live); z-index: 2; }
.nv-lotdetail.is-off .nd-head::before { background: var(--nv-faint); }
.nd-media { position: relative; flex: 0 0 116px; background: var(--nv-surface-alt); overflow: hidden; }
.nd-media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 104px; }
.nd-noimg { position: absolute; inset: 0; margin: auto; font-size: 30px; color: var(--nv-faint); }
.nd-live { position: absolute; bottom: 6px; inset-inline-start: 6px; display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 900; color: #fff; background: var(--lb-live); padding: 2px 7px; border-radius: 999px; z-index: 2; }
.nd-live .dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: lbBlink 1.2s infinite; }
.nd-info, .nd-bid, .nd-time, .nd-cta { display: flex; flex-direction: column; justify-content: center; gap: .3rem; padding: .8rem 1rem; border-inline-start: 1px solid var(--nv-line); }
.nd-info { flex: 1 1 auto; min-width: 0; } .nd-bid { flex: 0 0 170px; } .nd-time { flex: 0 0 200px; } .nd-cta { flex: 0 0 140px; align-items: stretch; gap: .4rem; }
.nd-cat { align-self: flex-start; font-size: 10.5px; font-weight: 800; color: var(--nv-muted); background: var(--nv-surface-alt); border: 1px solid var(--nv-line); padding: 2px 8px; border-radius: 999px; }
.nd-title { font-size: 15px; font-weight: 800; color: var(--nv-text); line-height: 1.5; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nv-lotdetail:hover .nd-title { color: var(--lb-live); }
.nd-seller { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--nv-faint); } .nd-seller .material-symbols-outlined { font-size: 14px; }
.nd-bid .lbl { font-size: 10.5px; color: var(--nv-muted); font-weight: 700; } .nd-bid .val { font-size: 18px; font-weight: 900; color: var(--lb-money); font-variant-numeric: tabular-nums; } .nd-bid .val small { font-size: 11px; color: var(--nv-faint); }
.nd-bid .cnt { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--nv-muted); } .nd-bid .cnt .material-symbols-outlined { font-size: 14px; color: var(--lb-money); }
.nd-time .lbl { font-size: 10.5px; color: var(--nv-muted); font-weight: 700; margin-bottom: 4px; }
.nd-cd { display: flex; gap: 5px; } .nd-cd .u { flex: 1; min-width: 0; text-align: center; background: var(--lb-time-soft); border: 1px solid rgba(245, 158, 11, .4); border-radius: 8px; padding: 5px 0 4px; }
.nd-cd .u b { display: block; font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 16px; font-weight: 800; color: var(--lb-time); line-height: 1; } .nd-cd .u em { display: block; font-style: normal; font-size: 9px; color: #9a6a1c; margin-top: 3px; font-weight: 700; }
.nd-cd.is-ended { gap: 6px; align-items: center; color: var(--nv-faint); font-weight: 800; font-size: 12px; background: var(--nv-surface-alt); border: 1px solid var(--nv-line); border-radius: 8px; padding: 8px 10px; }
.nd-cd.is-ended .material-symbols-outlined { font-size: 16px; }
.nd-buy { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 32px; border-radius: 8px; font-size: 12px; font-weight: 800; color: var(--lb-money); background: var(--lb-money-soft); border: 1px solid rgba(10, 125, 79, .3); text-decoration: none; font-variant-numeric: tabular-nums; } .nd-buy .material-symbols-outlined { font-size: 15px; }
.nd-go { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 42px; padding: 0 10px; border-radius: 10px; background: var(--lb-action); color: #fff; font-weight: 800; font-size: 13px; text-decoration: none; } .nv-lotdetail.is-live .nd-go { background: var(--lb-live); } .nd-go .material-symbols-outlined { font-size: 16px; }
.nd-dossier { display: grid; grid-template-columns: 1.3fr 1fr; border-top: 1px solid var(--nv-line); background: var(--nv-surface-alt); }
.nd-stats { display: flex; flex-wrap: wrap; gap: .4rem; align-content: flex-start; padding: .7rem 1rem; border-inline-end: 1px solid var(--nv-line); }
.nd-stat { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; color: var(--nv-muted); background: #fff; border: 1px solid var(--nv-line); border-radius: 7px; padding: 3px 8px; }
.nd-stat .material-symbols-outlined { font-size: 14px; color: var(--lb-action); }
.nd-ledger { padding: .6rem 1rem; }
.nd-ledger-t { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 900; color: var(--nv-ink); margin-bottom: .4rem; } .nd-ledger-t .material-symbols-outlined { font-size: 15px; color: var(--lb-live); }
.nd-ledger ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.nd-ledger li { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; padding: 3px 8px; background: #fff; border: 1px solid var(--nv-line); border-radius: 6px; }
.nd-ledger .who { color: var(--nv-text); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-ledger .amt { color: var(--lb-money); font-weight: 900; font-variant-numeric: tabular-nums; font-family: var(--lb-num); }
.nd-nobid { font-size: 12px; color: var(--nv-faint); margin: 2px 0 0; }
@media (max-width: 900px) {
    .nd-head { flex-wrap: wrap; }
    .nd-media { flex: 0 0 104px; } .nd-info { flex: 1 1 0; border-inline-start: 0; }
    .nd-bid { order: 3; flex: 1 1 50%; border-top: 1px solid var(--nv-line); } .nd-time { order: 4; flex: 1 1 50%; border-top: 1px solid var(--nv-line); border-inline-start: 1px solid var(--nv-line); }
    .nd-cta { order: 5; flex: 0 0 100%; flex-direction: row; border-top: 1px solid var(--nv-line); border-inline-start: 0; } .nd-cta .nd-go { flex: 1; }
    .nd-dossier { grid-template-columns: 1fr; } .nd-stats { border-inline-end: 0; border-bottom: 1px solid var(--nv-line); }
}
@media (max-width: 560px) {
    .nd-media { flex: 0 0 92px; } .nd-bid, .nd-time { flex: 0 0 100%; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
}

/* ==================================================================
   7) استیج لو (نوار فیلم عمودی) — چیدمان اختصاصی صفحهٔ محصول (تم حراجی)
   ================================================================== */
body[data-theme="auction"] .nv-lot-page .nv-gallery { border: 1px solid var(--nv-line); box-shadow: 0 16px 36px -24px rgba(15, 22, 38, .5); overflow: hidden; }

/* دسکتاپ/تبلت: تصویر بزرگ + نوار فیلم عمودی بندانگشتی‌ها در کنار هم */
@media (min-width: 768px) {
    body[data-theme="auction"] .nv-lot-page .nv-stage { display: flex; align-items: stretch; gap: .7rem; }
    body[data-theme="auction"] .nv-lot-page .nv-stage:has(#imageGallery) > .nv-gallery { flex: 1 1 auto; min-width: 0; }
    body[data-theme="auction"] .nv-lot-page .nv-stage:has(#imageGallery) > div:last-child { flex: 0 0 auto; }
    body[data-theme="auction"] .nv-lot-page #imageGallery {
        flex-direction: column !important; align-items: center; justify-content: flex-start; gap: .55rem;
        width: 6.25rem; height: 100%; max-height: 100%;
        overflow-y: auto; overflow-x: hidden; padding: 2px;
    }
    body[data-theme="auction"] .nv-lot-page #imageGallery::-webkit-scrollbar { width: 5px; }
    body[data-theme="auction"] .nv-lot-page .nv-gal-nav { display: none; }
    body[data-theme="auction"] .nv-lot-page #imageGallery .nv-thumb { width: 5.5rem !important; height: 5.5rem !important; border-radius: 10px; }
    body[data-theme="auction"] .nv-lot-page #imageGallery .nv-thumb.border-primary { border-color: var(--lb-live) !important; }
}
/* موبایل: بازگشت به حالت عادی (تصویر بالا، بندانگشتی افقی پایین) */
@media (max-width: 767px) {
    body[data-theme="auction"] .nv-lot-page .nv-stage { display: block; }
}

/* ---------- اصلاحات ریسپانسیو اجزای صفحهٔ محصول ---------- */
body[data-theme="auction"] .nv-lot-page .nv-tile { min-width: 0; }
body[data-theme="auction"] .nv-lot-page .nv-price-val { font-size: clamp(20px, 5.5vw, 30px); word-break: break-word; }
body[data-theme="auction"] .nv-lot-page .nv-chip { max-width: 100%; }
body[data-theme="auction"] .nv-lot-page .nv-book { position: static; }

/* ---------- فونت اعداد در صفحه محصول — استفاده از فونت اصلی سایت ---------- */
body[data-theme="auction"] .nv-lot-page {
    --lb-num: 'Vazirmatn', 'IRANYekan', sans-serif;
}

/* ---------- کارت‌های صفحهٔ محصول (تم حراجی) ----------
   هیچ المانی عموداً کشیده نمی‌شود. کارت‌ها (خرید فوری / فروشگاه / ارسال) صرفاً با
   flex عرض را پر می‌کنند تا ستون سوم خالی نماند و ارتفاع طبیعی خودشان می‌ماند. */
@media (min-width: 768px) {
    body[data-theme="auction"] .nv-lot-page .nv-lot-tiles { display: flex; flex-wrap: wrap; gap: 1rem; }
    body[data-theme="auction"] .nv-lot-page .nv-lot-tiles > * { flex: 1 1 230px; }
}
/* یادآوری: رفع «فاصله خالی» صفحهٔ محصول در تم حراجی از راهِ جابه‌جایی
   ساختاری سکشن توضیحات به ستون چپ انجام شد (نه کشیدن/مربعی‌کردن تصویر)،
   پس تصویر گالری به نسبت طبیعی خودش برمی‌گردد. */

/* ---------- رفع باگ ۲: ریسپانسیو هیرو خانه در موبایل ----------
   ارتفاع کافی + پدینگ کمتر تا پنل و تابلوی شمارش‌معکسر از کادر بیرون نزند. */
@media (max-width: 640px) {
    body[data-theme="auction"] .nv-hero-slider { min-height: 380px !important; }
    body[data-theme="auction"] .nv-hero-content { padding: 1rem !important; }
    body[data-theme="auction"] .nv-hero-title { font-size: clamp(1rem, 5.2vw, 1.3rem); margin-bottom: .5rem; }
    body[data-theme="auction"] .nv-hero-meta { margin-bottom: .6rem; }
    body[data-theme="auction"] .nv-hero-board { gap: .5rem; }
    body[data-theme="auction"] .nv-hb-cd .u b { font-size: 18px; }
    body[data-theme="auction"] .nv-hb-cd .u em { font-size: 8.5px; }
    body[data-theme="auction"] .nv-hb-chip { font-size: 11.5px; padding: 7px 10px; }
    body[data-theme="auction"] .nv-hb-cta { font-size: 12.5px; padding: 7px 12px; }
}

/* ==================================================================
   مگامنوی «تابلو» (nv-ab) — دیزاین ساختاراً متفاوت از نوا:
   ریلوی تب‌های افقی تیره بالای پانل + بدنهٔ کاغذ شطرنجی + کارت‌های
   شماره‌دار حاشیه‌چین با چیپ‌های زیرزیردسته. (مخصوص تم حراجی)
   ================================================================== */
body[data-theme="auction"] .nv-ab-pop {
    width: min(1120px, calc(100vw - 1.5rem));
    border: 1px solid var(--nv-line-strong);
    border-top: 3px solid var(--lb-live);
    border-radius: 0;
    box-shadow: 0 26px 60px -28px rgba(15, 22, 38, .55);
}
.nv-ab { display: flex; flex-direction: column; height: var(--nv-mm-maxh, calc(100vh - 210px)); }
/* ریلوی تب‌ها */
.nv-ab-rail { display: flex; align-items: flex-end; gap: 2px; overflow-x: auto; flex: 0 0 auto; padding: 6px 8px 0; background: var(--nv-ink); }
.nv-ab-rail::-webkit-scrollbar { height: 0; }
.nv-ab-tab { position: relative; display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; padding: .5rem .8rem; border: 0; border-radius: 9px 9px 0 0; background: transparent; color: #9fb0c9; font-weight: 800; font-size: 13px; cursor: pointer; transition: color .15s ease, background .15s ease; }
.nv-ab-tab:hover { color: #fff; }
.nv-ab-tab.is-on { background: #fff; color: var(--nv-ink); }
.nv-ab-tab.is-on::after { content: ''; position: absolute; inset-inline: 8px; bottom: 0; height: 3px; background: var(--lb-live); }
.nv-ab-tab-no { font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 10.5px; opacity: .55; }
.nv-ab-tab .material-symbols-outlined { font-size: 18px; }
/* بدنه */
.nv-ab-body { flex: 1 1 auto; overflow-y: auto; padding: 1rem 1.1rem 1.2rem; background-color: #fff;
    background-image: linear-gradient(rgba(20,34,59,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(20,34,59,.05) 1px, transparent 1px);
    background-size: 22px 22px; background-position: -1px -1px; }
.nv-ab-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; padding-bottom: .5rem; border-bottom: 2px solid var(--nv-ink); }
.nv-ab-head-t { font-size: 15px; font-weight: 900; color: var(--nv-ink); }
.nv-ab-all { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 800; color: var(--lb-live); text-decoration: none; }
.nv-ab-all .material-symbols-outlined { font-size: 17px; }
.nv-ab-all:hover { text-decoration: underline; }
.nv-ab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .7rem; }
.nv-ab-card { background: #fff; border: 1px solid var(--nv-line); border-inline-start: 3px solid var(--nv-ink); border-radius: 0; padding: .7rem .8rem; transition: border-color .15s ease, transform .15s ease; }
.nv-ab-card:hover { border-inline-start-color: var(--lb-live); transform: translateY(-1px); }
.nv-ab-card-h { display: flex; align-items: center; gap: .45rem; text-decoration: none; color: var(--nv-ink); font-weight: 800; font-size: 13.5px; margin-bottom: .55rem; }
.nv-ab-card-h > .material-symbols-outlined { font-size: 18px; color: var(--lb-action); }
.nv-ab-card-h:hover { color: var(--lb-live); }
.nv-ab-card-no { font-family: var(--lb-num); font-variant-numeric: tabular-nums; font-size: 11px; color: var(--nv-faint); background: var(--nv-surface-alt); border: 1px solid var(--nv-line); border-radius: 4px; padding: 1px 5px; }
.nv-ab-card-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nv-ab-card-go { margin-inline-start: auto; font-size: 16px !important; color: var(--nv-faint); }
.nv-ab-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.nv-ab-chip { font-size: 11.5px; font-weight: 700; color: var(--nv-muted); text-decoration: none; background: var(--nv-surface-alt); border: 1px solid var(--nv-line); border-radius: 999px; padding: 2px 9px; transition: background-color .14s ease, color .14s ease, border-color .14s ease; }
.nv-ab-chip:hover { background: var(--lb-live); border-color: var(--lb-live); color: #fff; }
.nv-ab-empty { text-align: center; color: var(--nv-faint); padding: 2.5rem 0; }
.nv-ab-empty .material-symbols-outlined { font-size: 40px; display: block; margin: 0 auto .6rem; }
.nv-ab-empty p { margin-bottom: .8rem; font-weight: 700; }
.nv-ab-empty .nv-ab-all { justify-content: center; }

/* ---------- ریسپانسیو مگامنو در تبلت (<1024px) ----------
   ارتفاع شناور + پدینگ پایین بیشتر تا ته مگامنو در تبلت دیده شود. */
@media (max-width: 1023px) {
    .nv-ab { max-height: calc(100vh - 180px); height: auto; }
    .nv-ab-body { padding-bottom: 2rem; }
}

@media (max-width: 640px) {
    .nv-ab { height: auto; max-height: var(--nv-mm-maxh, 70vh); }
    .nv-ab-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
    .nv-ab-grid { grid-template-columns: 1fr; }
}

/* ---------- ریسپانسیو عنوان کارت‌های حراجی در موبایل ----------
   در چیدمان تک‌ستونهٔ موبایل عنوان کامل نمایش داده می‌شود (حذف برش ۲خطی)
   تا متن‌های کمی بلند کوتاه نشوند؛ در چیدمان چندستونه همان clamp دوخطی
   می‌ماند تا ارتفاع کارت‌ها یکدست و شکیل بماند. */
@media (max-width: 640px) {
    .nv-lot-title, .nv-lc-title, .nw-title, .nd-title {
        display: block;
        -webkit-line-clamp: unset;
        line-clamp: unset;
        overflow: visible;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .nv-lc-title { min-height: 0; }
}