/*
* سایت عمومی پیمنت استیت — لایه‌ی طراحی v3 (ui-ux-pro-max: Trust & Authority، مینیمال/سوئیسی، موبایل‌فرست)
* بعد از bootstrap 5 RTL، app.css قدیمی، bs4-compat و ps-ui بار می‌شود و فقط ظاهر را بازنویسی می‌کند:
* هیچ بخشی از بدنه‌ی صفحات (که از DB می‌آید) حذف یا تغییر نمی‌کند و اسکریپت‌های قدیمی (ماشین‌حساب، قیمت‌ها، swiper) دست نمی‌خورند.
*/
/* ---------- توکن‌ها ---------- */
:root {
--site-nav-h: 68px;
--ink: #0f172a; --ink-2: #1e293b; --text: #1f2937; --text-2: #475569; --muted: #64748b;
--surface: #ffffff; --surface-2: #f6f7fb; --surface-3: #eef1f6; --line: #e5e7eb; --line-2: #d6dae1;
--brand: var(--ps-primary, #b8061f); --brand-dark: var(--ps-primary-dark, #8f0418); --brand-soft: #fdf0f1; --brand-ring: rgba(184, 6, 31, .18);
--ok: #0a9d58; --ok-soft: #e7f7ef; --info: #0b6fd1; --info-soft: #e8f1fd; --warn: #d97706; --warn-soft: #fef3e2;
--r-xs: 8px; --r-sm: 12px; --r-md: 16px; --r-lg: 20px; --r-xl: 28px;
--sh-1: 0 1px 2px rgba(15, 23, 42, .05), 0 4px 14px rgba(15, 23, 42, .06);
--sh-2: 0 8px 28px rgba(15, 23, 42, .10);
--sh-3: 0 22px 60px rgba(15, 23, 42, .18);
--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;
--ease: cubic-bezier(.2, .7, .2, 1); --t-fast: 160ms; --t-base: 240ms;
--fs-sm: 13px; --fs-base: 15px; --fs-md: 17px; --fs-lg: 20px; --fs-xl: clamp(24px, 3.2vw, 34px); --fs-2xl: clamp(30px, 5.2vw, 50px);
}
@font-face { font-family: 'Vazirmatn'; src: url('fonts/Vazirmatn-var.woff2') format('woff2-variations'), url('fonts/Vazirmatn-var.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
/* ---------- پایه ---------- */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.site { font-family: Vazirmatn, iran, Tahoma, system-ui, sans-serif; font-size: var(--fs-base); line-height: 1.9; color: var(--text); overflow-x: hidden; background: var(--surface); -webkit-font-smoothing: antialiased; }
body.site * { -webkit-tap-highlight-color: transparent; }
body.site h1, body.site h2, body.site h3, body.site h4, body.site .section-title h2 { font-family: inherit; font-weight: 800; color: var(--ink); letter-spacing: 0; }
body.site p { font-weight: 400; }
body.site a { transition: color var(--t-fast) var(--ease); }
body.site :focus-visible { outline: 3px solid var(--brand-ring); outline-offset: 2px; border-radius: 6px; }
.site-body { min-height: 40vh; }
.site-body img, .site-body video, .site-body iframe, .site-body table, .site-body svg { max-width: 100%; }
.site-body img { height: auto; }
.site-body h1, .site-body h2, .site-body h3, .site-body h4 { line-height: 1.6; word-break: break-word; text-wrap: balance; }
.site-body p { margin-bottom: .9rem; }
.site-body a:not(.btn):not(.mybtn):hover { color: var(--brand-dark); }
.skip-link { position: absolute; top: 8px; inset-inline-start: 8px; z-index: 20000; background: #fff; padding: 8px 14px; border-radius: 8px; box-shadow: var(--sh-2); }
.container { --bs-gutter-x: 24px; }
@media (max-width: 575.98px) { body.site { font-size: 14.5px; } .site-body .container, .site-body .container-fluid, .container { padding-inline: 16px; } }
/* بوت‌استرپ: رنگ اصلی = قرمز برند (نه آبی)؛ دکمه‌های داخل بدنه‌ی قدیمی هم همین را می‌گیرند */
body.site { --bs-primary: var(--brand); --bs-primary-rgb: 184, 6, 31; --bs-link-color: var(--brand); --bs-link-hover-color: var(--brand-dark); }
body.site .btn { --bs-btn-border-radius: 999px; font-weight: 700; min-height: 44px; padding-inline: 22px; transition: transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast); }
body.site .btn-sm { min-height: 36px; padding-inline: 16px; }
body.site .btn:active { transform: translateY(1px); }
body.site .btn-primary { --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-bg: var(--brand-dark); --bs-btn-hover-border-color: var(--brand-dark); --bs-btn-active-bg: var(--brand-dark); --bs-btn-active-border-color: var(--brand-dark); --bs-btn-focus-shadow-rgb: 184, 6, 31; box-shadow: 0 8px 20px rgba(184, 6, 31, .22); }
body.site .btn-primary:hover { box-shadow: 0 12px 26px rgba(184, 6, 31, .28); transform: translateY(-1px); }
body.site .btn-dark { --bs-btn-bg: var(--ink); --bs-btn-border-color: var(--ink); --bs-btn-hover-bg: var(--ink-2); --bs-btn-hover-border-color: var(--ink-2); }
body.site .btn-light { --bs-btn-bg: var(--surface); --bs-btn-border-color: var(--line); --bs-btn-color: var(--text); --bs-btn-hover-bg: var(--surface-2); --bs-btn-hover-border-color: var(--line-2); }
.mybtn, .btn.mybtn { background: var(--brand) !important; color: #fff !important; border: 0; border-radius: 999px !important; padding: 10px 26px; font-weight: 700; letter-spacing: 0; box-shadow: 0 8px 20px rgba(184, 6, 31, .22); transition: transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background-color var(--t-fast); }
.mybtn:hover, .btn.mybtn:hover { background: var(--brand-dark) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 12px 26px rgba(184, 6, 31, .28); }
.mybtn:focus-visible, .btn:focus-visible { outline: 3px solid var(--brand-ring); outline-offset: 2px; box-shadow: none !important; }
.site-body button:not([class]), .site-body input[type=submit]:not([class]) { border-radius: var(--r-sm); min-height: 44px; }
/* ---------- پیش‌بارگذار ---------- */
.preloader { transition: opacity .35s ease; }
.preloader.is-done { opacity: 0; pointer-events: none; }
/* ---------- نوار بالا ---------- */
.navbar-area { position: absolute; top: 0 !important; inset-inline: 0; z-index: 1030; background: linear-gradient(180deg, rgba(2, 6, 23, .55), rgba(2, 6, 23, 0)); transition: background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease); }
.navbar-area.is-sticky { position: fixed; background: rgba(255, 255, 255, .92) !important; backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px); box-shadow: 0 1px 0 rgba(15, 23, 42, .06), 0 10px 30px rgba(15, 23, 42, .08); animation: siteNavIn .35s var(--ease); }
@keyframes siteNavIn { from { transform: translateY(-100%); } to { transform: none; } }
body.hero-none .navbar-area { position: sticky; background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px); box-shadow: 0 1px 0 rgba(15, 23, 42, .06); }
body.hero-none .navbar-area:not(.is-sticky) nav .nav-link, body.hero-none .navbar-area:not(.is-sticky) .navbar > ul > li { color: var(--text); text-shadow: none; background: transparent; }
body.hero-none .navbar-area:not(.is-sticky) .nav-toggle span { background: var(--ink); }
.luvion-nav { position: static !important; right: auto !important; width: auto !important; height: auto !important; opacity: 1 !important; background: transparent !important; }
.navbar-area .navbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--site-nav-h); padding: 0 6px; direction: rtl; }
.navbar-area .navbar .logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.navbar-area .navbar .logo img { width: 140px; height: auto; position: static !important; bottom: auto !important; right: auto !important; transition: width var(--t-base) var(--ease); }
.navbar-area.is-sticky .navbar .logo img { width: 118px; }
.navbar-area #nav { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; direction: rtl; }
.navbar > ul > li { padding: 6px 0; background: transparent !important; }
.navbar > ul > li::after { display: none; }
nav .nav-link { position: relative; padding: 8px 12px !important; font-size: 14px; font-weight: 600; white-space: nowrap; border-radius: 999px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: background var(--t-fast), color var(--t-fast); }
nav .nav-link:hover { background: rgba(255, 255, 255, .14); color: #fff; }
.navbar-area.is-sticky nav .nav-link { color: var(--text); text-shadow: none; }
.navbar-area.is-sticky nav .nav-link:hover, body.hero-none .navbar-area nav .nav-link:hover { background: var(--surface-2); color: var(--brand); }
.navbar-area .nav-cta { margin-inline-start: 6px; }
.navbar-area .nav-cta .mybtn { margin: 0; padding: 8px 20px; font-size: 13.5px; min-height: 40px; display: inline-flex; align-items: center; }
.nav-cta-m { padding: 6px 16px !important; font-size: 12.5px !important; min-height: 38px !important; align-items: center; }
@media (max-width: 767.98px) { .nav-cta-m { display: inline-flex !important; } }
.nav-toggle { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 11px; border: 0; background: rgba(255, 255, 255, .16); border-radius: 12px; cursor: pointer; }
.nav-toggle span { display: block; height: 2px; width: 100%; background: #fff; border-radius: 2px; transition: background var(--t-fast); }
.navbar-area.is-sticky .nav-toggle { background: var(--surface-2); }
.navbar-area.is-sticky .nav-toggle span { background: var(--ink); }
.navbar-area .icofont-navigation-menu, .navbar-area .hidemenu.icofont-close { display: none !important; }
@media (max-width: 767.98px) {
:root { --site-nav-h: 60px; }
.navbar-area .navbar { min-height: 60px; padding: 0 2px; }
.navbar-area .navbar .logo img { width: 110px; }
.navbar-area .container { padding-inline: 12px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { nav .nav-link { padding: 6px 8px !important; font-size: 13px; } .navbar-area .navbar .logo img { width: 116px; } }
/* کشوی موبایل */
.site-menu { width: min(86vw, 330px); border: 0; }
.site-menu .offcanvas-header { padding: 16px 18px 6px; }
.site-menu-list { list-style: none; margin: 0; padding: 0; }
.site-menu-list li a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 10px 12px; border-bottom: 1px solid var(--surface-3); color: var(--text); font-size: 15px; font-weight: 600; border-radius: 12px; transition: background var(--t-fast), color var(--t-fast); }
.site-menu-list li a:hover { background: var(--brand-soft); color: var(--brand); }
.site-menu-list li a i { font-size: 13px; color: #9ca3af; }
.site-menu .btn-primary { min-height: 48px; }
.site-menu-foot { margin-top: 22px; padding-top: 14px; border-top: 1px dashed var(--line); display: grid; gap: 8px; font-size: 13px; }
.site-menu-foot a { color: var(--text-2); direction: ltr; text-align: right; }
.site-menu-foot i { margin-inline-start: 6px; color: var(--brand); }
/* ---------- سربرگ (hero) ---------- */
.header { position: relative; display: flex; align-items: center; justify-content: center; height: auto !important; min-height: min(100vh, 820px); padding: calc(var(--site-nav-h) + 48px) 0 110px; overflow: hidden; }
/* روکش سرمه‌ای به‌جای نارنجی: اعتماد و خوانایی متن روی عکس */
.header::before { content: ''; position: absolute; inset: 0; background: linear-gradient(165deg, rgba(2, 6, 23, .82) 0%, rgba(15, 23, 42, .62) 45%, rgba(15, 23, 42, .55) 70%, rgba(120, 10, 25, .55) 100%); pointer-events: none; }
.header::after { content: ''; position: absolute; inset-inline: 0; bottom: 0; height: 120px; background: linear-gradient(180deg, rgba(246, 247, 251, 0), var(--surface-2)); pointer-events: none; }
.header .hero-inner { position: relative; z-index: 1; }
.header.hero-min { min-height: clamp(340px, 54vh, 540px); padding-bottom: 80px; }
.header .main-banner-content { margin-top: 0; text-align: center; max-width: 840px; margin-inline: auto; }
.header .main-banner-content h1, .header .main-banner-content h2:first-child { font-size: var(--fs-2xl); font-weight: 900; color: #fff; margin-bottom: 14px; line-height: 1.35; text-shadow: 0 2px 14px rgba(0, 0, 0, .25); }
.header .main-banner-content h2 { font-size: clamp(17px, 3vw, 24px); font-weight: 700; color: #f1f5f9; margin-bottom: 12px; line-height: 1.7; text-shadow: 0 1px 8px rgba(0, 0, 0, .25); }
.header .main-banner-content p { font-size: clamp(14px, 2.4vw, 17px); color: #e2e8f0; margin-bottom: 28px; line-height: 1.9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: center; }
.hero-actions .btn, .hero-actions .mybtn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 30px; line-height: 1.2; font-size: 15.5px; }
.hero-actions .btn-outline-light { --bs-btn-border-radius: 999px; border-width: 2px; background: rgba(255, 255, 255, .06); backdrop-filter: blur(6px); }
.hero-actions .btn-outline-light:hover { background: #fff; color: var(--ink); }
.hero-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; margin-top: 28px; padding: 0; list-style: none; }
.hero-badges li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .18); color: #f8fafc; font-size: 13px; font-weight: 600; backdrop-filter: blur(6px); }
.hero-badges li svg { width: 16px; height: 16px; flex: 0 0 auto; }
#particles-js { position: absolute; inset: 0; z-index: 0; opacity: .7; }
.header.hero-home { min-height: min(100vh, 880px); }
@media (max-width: 575.98px) {
.header { padding-top: calc(var(--site-nav-h) + 28px); padding-bottom: 76px; }
.header.hero-min { min-height: 300px; padding-bottom: 60px; }
.hero-actions { flex-direction: column; align-items: stretch; }
.hero-actions .btn, .hero-actions .mybtn { width: 100%; }
.hero-badges { margin-top: 20px; }
.hero-badges li { font-size: 12px; padding: 7px 11px; }
}
/* ---------- صفحه‌ی اصلی: چهار باکس زیر سربرگ ---------- */
.featured-boxes-area { position: relative; z-index: 2; margin-top: -72px !important; }
.featured-boxes-inner { background: transparent !important; box-shadow: none !important; border-radius: 0; }
.featured-boxes-inner .row { row-gap: 16px; }
.featured-boxes-inner .col-lg-3 { border: 0 !important; padding: 0 8px !important; }
.single-featured-box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--sh-1); padding: 86px 22px 30px !important; text-align: center; height: 100%; transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base); }
.single-featured-box:hover { transform: translateY(-4px); box-shadow: var(--sh-2); border-color: var(--line-2); }
.single-featured-box .icon { top: 24px !important; width: 60px; height: 60px; border-radius: 18px; background: var(--brand-soft); display: grid; place-items: center; font-size: 30px !important; margin-top: 0 !important; transition: none !important; animation: none !important; }
.single-featured-box:hover .icon { top: 24px !important; animation: none !important; }
.single-featured-box .icon i { font-size: 30px; }
.single-featured-box h3 { font-size: 16.5px !important; font-weight: 800; margin: 0 0 8px !important; transform: none !important; }
.single-featured-box p { font-size: 13.5px !important; color: var(--text-2) !important; text-align: center !important; line-height: 1.9; margin: 0 !important; transform: none !important; }
.single-featured-box:hover h3, .single-featured-box:hover p { transform: none !important; }
.single-featured-box .read-more-btn { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; display: inline-block; margin-top: 14px; font-size: 13px !important; font-weight: 700 !important; color: var(--brand) !important; -webkit-text-fill-color: var(--brand) !important; background: none !important; }
.single-featured-box .read-more-btn::after { content: ' ←'; }
@media (max-width: 575.98px) { .featured-boxes-area { margin-top: -48px !important; } .featured-boxes-inner .row { row-gap: 12px; } .single-featured-box { padding: 78px 18px 24px !important; } }
/* ---------- عنوان بخش‌ها و نوار تزئینی ---------- */
.section-title { text-align: center; max-width: 720px; margin: 0 auto var(--sp-7); }
.section-title h2 { font-size: var(--fs-xl); font-weight: 800; margin: 0; }
.section-title .bar, .bar { height: 4px; width: 56px; margin: 18px auto 0; background: var(--brand-soft) !important; border-radius: 4px; }
.section-title .bar { margin: 18px auto 0; }
.overview-content .bar, .app-download-content .bar { margin-inline: 0; }
.bar::before { width: 10px; height: 10px; top: -3px; right: 0; border-radius: 50%; background: var(--brand) !important; box-shadow: 0 0 0 3px rgba(184, 6, 31, .15); animation: psBarDot 3s ease-in-out infinite !important; }
.ptb50 { padding: var(--sp-8) 0; }
.bg-secondary-light, .bg-secondary { background-color: var(--surface-2) !important; }
.site-body .radius { border-radius: var(--r-lg); }
/* ---------- ماشین‌حساب خرید/فروش (#buyCurency) ---------- */
#buyCurency { padding: var(--sp-8) 0 !important; }
#buyCurency > .container { direction: rtl; }
#buyCurency .col-lg-6 { padding: 0; margin-inline: auto !important; max-width: 640px; width: 100%; flex: 0 0 auto; }
#buyCurency > .container > .col-lg-6 > .bg-primary { background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--sh-2); padding: 20px !important; }
#buyCurency .bg-secondary-dark { background: var(--surface-3) !important; border-radius: 999px; padding: 6px !important; margin: 0 0 22px !important; }
#buyCurency .bg-secondary-dark .col-6 { padding: 0 3px; }
#buyCurency .bg-secondary-dark .btn { border-radius: 999px; min-height: 44px; font-weight: 700; font-size: 14.5px; border: 0; box-shadow: none; }
#buyCurency .bg-secondary-dark .btn-warning { background: var(--brand); color: #fff; }
#buyCurency .bg-secondary-dark .btn-warning:hover { background: var(--brand-dark); }
#buyCurency .bg-secondary-dark .btn-light { background: transparent; color: var(--text-2); }
#buyCurency .bg-secondary-dark .btn-light:hover { background: rgba(255, 255, 255, .7); color: var(--ink); }
#buyCurency .row.py-3 { border: 1.5px solid var(--line) !important; border-radius: var(--r-md); padding: 14px 12px !important; background: var(--surface); transition: border-color var(--t-fast), box-shadow var(--t-fast); }
#buyCurency .row.py-3:focus-within { border-color: var(--brand) !important; box-shadow: 0 0 0 4px var(--brand-ring); }
#buyCurency .row.py-3 > span[style*="top: -15px"] { color: var(--muted) !important; font-size: 12px !important; font-weight: 600; top: -11px !important; padding: 0 8px !important; border-radius: 6px; }
#buyCurency input[type=number] { font-size: 22px; font-weight: 800; color: var(--ink); padding: 4px 6px !important; direction: ltr; text-align: left; font-variant-numeric: tabular-nums; }
#buyCurency .coinAmount { font-size: 20px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
#buyCurency .col-6.text-left img { width: 30px; height: 30px; }
#buyCurency .selectBox { cursor: pointer; }
#buyCurency .selectBox__value { font-weight: 700; color: var(--ink); padding: 4px 8px; border-radius: 10px; }
#buyCurency .selectBox__value:hover { background: var(--surface-2); }
#buyCurency .btn.w-100:not(.btn-warning):not(.btn-light), #buyCurency .btn-primary, #buyCurency .btn-success { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; min-height: 52px; font-size: 16px; border-radius: 999px; }
#buyCurency .btn-primary:hover { background: var(--brand-dark) !important; }
#buyCurency img[src*="CalculatorExchange"] { background: var(--brand); border-radius: 50%; padding: 6px; box-shadow: 0 4px 12px rgba(184, 6, 31, .3); }
/* ---------- جدول قیمت‌ها (#symbols) ---------- */
#symbols { background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--r-xl) !important; box-shadow: var(--sh-1); padding: 18px 10px !important; margin-top: 0 !important; }
#symbols .btn-warning, .site-body .btn-warning { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
#symbols .btn-light { background: var(--surface-2) !important; border-color: var(--surface-2) !important; color: var(--text) !important; }
#symbols .btn-sm, #symbols .btn { border-radius: 999px; font-weight: 700; }
#symbols input[type=text], #symbols input[type=search] { min-height: 44px; border-radius: 999px; padding-inline: 16px; }
.site-body .crow { border-radius: var(--r-sm); transition: background var(--t-fast); border-bottom: 1px solid var(--surface-3) !important; margin-bottom: 0 !important; padding: 10px 4px !important; }
.site-body .crow:hover { background: var(--surface-2); }
.site-body .crow .img-fluid[alt="coin"] { width: 34px; height: 34px; border-radius: 50%; background: var(--surface-2); padding: 2px; }
.site-body .crow .ltr.text-right { font-weight: 700; color: var(--ink); font-size: 14px; }
.site-body .crow .t1 { font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.site-body .crow .change24 { font-weight: 700; font-variant-numeric: tabular-nums; }
.site-body .btm-border { border-color: var(--surface-3) !important; }
.site-body .hint { color: var(--muted); }
/* ---------- مزایا (overview) ---------- */
.overview-box { padding: var(--sp-7) 0; }
.overview-box .overview-content .content h2 { font-size: var(--fs-xl); margin-bottom: 6px; }
.overview-box .services-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: var(--sp-5); padding: 0; }
.overview-box .overview-content .content .services-list li, .overview-box .overview-content .content .services-list li.full { width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; }
.overview-box .overview-content .content .services-list li span { display: flex !important; align-items: center; gap: 10px; padding: 12px 14px !important; background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: none !important; color: var(--text) !important; font-weight: 700; font-size: 14px; transition: border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast); }
.overview-box .overview-content .content .services-list li span::before { display: none !important; }
.overview-box .overview-content .content .services-list li span:hover { border-color: var(--brand); transform: translateY(-2px); box-shadow: var(--sh-1); color: var(--ink) !important; }
.overview-box .overview-content .content .services-list li span i { position: static !important; top: auto !important; right: auto !important; left: auto !important; margin: 0 !important; width: 28px; height: 28px; line-height: 28px !important; border-radius: 50%; background: var(--ok-soft); color: var(--ok) !important; display: inline-flex; align-items: center; justify-content: center; align-self: center; font-size: 13px; flex: 0 0 auto; transform: none !important; }
.overview-box .overview-content .content .services-list li span i::before { line-height: 1; display: block; }
.overview-box .overview-content .content .services-list li span:hover i { color: var(--ok) !important; }
.overview-box img { max-width: 360px; }
@media (max-width: 991.98px) { .overview-box .overview-content { flex-direction: column; } .overview-box img { max-width: 260px; margin: 0 auto 20px; display: block; } }
@media (max-width: 420px) { .overview-box .services-list { grid-template-columns: 1fr; } }
/* ---------- امنیت (features-area) ---------- */
.features-area { padding: var(--sp-8) 0 var(--sp-6); }
.single-features-box { background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--r-lg) !important; padding: 26px 22px !important; box-shadow: none; height: calc(100% - 24px) !important; margin-bottom: 24px !important; transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) !important; }
.single-features-box::before { display: none !important; }
.single-features-box:hover { transform: translateY(-4px); box-shadow: var(--sh-2); border-color: var(--line-2); }
.single-features-box .icon { width: 56px !important; height: 56px !important; line-height: 56px !important; border-radius: 16px !important; margin-bottom: 16px !important; transform: none !important; transition: none !important; }
.single-features-box:hover .icon { transform: none !important; }
.single-features-box .icon i { font-size: 28px !important; top: 0 !important; line-height: 56px; }
.single-features-box h3 { font-size: 16.5px !important; margin-bottom: 8px !important; color: var(--ink) !important; }
.single-features-box p { font-size: 13.5px !important; color: var(--text-2) !important; line-height: 1.9; text-align: right !important; }
.single-features-box:hover h3, .single-features-box:hover h3 a, .single-features-box:hover p { color: inherit !important; }
/* ---------- نظرات کاربران ---------- */
.feedback-area { padding: var(--sp-8) 0; }
.sw1box .swiper-slide { background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--r-lg) !important; box-shadow: var(--sh-1) !important; padding: 26px 22px !important; }
.sw1box .swiper-slide .name { font-weight: 800; color: var(--ink); font-size: 15px; margin-bottom: 6px; }
.sw1box .swiper-slide .text { color: var(--text-2); font-size: 14px; line-height: 1.95; }
.sw1box .swiper-slide img { border-radius: 50%; border: 3px solid var(--brand-soft); }
.sw1box .swiper-slide-active::after { border-top-color: var(--surface) !important; }
.sw2box .swiper-slide img { border-color: var(--line) !important; filter: grayscale(.3); transition: transform var(--t-base) var(--ease), border-color var(--t-base), filter var(--t-base); }
.sw2box .swiper-slide-active img { border-color: var(--brand) !important; filter: none; }
.sw2box i { background: var(--surface) !important; border: 1px solid var(--line) !important; color: var(--text) !important; border-radius: 50% !important; box-shadow: var(--sh-1); }
.sw2box i:hover { background: var(--brand) !important; color: #fff !important; border-color: var(--brand) !important; }
/* ---------- مشتریان ما ---------- */
.ready-to-talk { background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 55%, #6e0d1c 100%) !important; padding: var(--sp-9) 0 150px !important; position: relative; overflow: hidden; }
.ready-to-talk::before { content: ''; position: absolute; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .10), transparent 70%); top: -180px; inset-inline-start: -120px; pointer-events: none; }
.ready-to-talk .section-title { margin-bottom: 18px; }
.ready-to-talk .section-title h2 { color: #fff !important; }
.ready-to-talk p, .ready-to-talk .t-biggest { color: #e2e8f0 !important; font-weight: 600; font-size: clamp(16px, 2.4vw, 22px) !important; text-align: center; margin: 0; }
.partner-area { margin-top: -110px; position: relative; z-index: 1; padding-bottom: var(--sp-7); }
.partner-inner { background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--r-xl) !important; box-shadow: var(--sh-2) !important; padding: 28px 18px !important; }
.partner-inner .col-6 { padding: 14px 10px; }
.partner-inner a { display: block; text-align: center; }
.partner-inner a img { max-height: 70px; width: auto; filter: grayscale(1); opacity: .7; transition: filter var(--t-base), opacity var(--t-base), transform var(--t-base) var(--ease); }
.partner-inner a:hover img, .partner-inner a:focus-visible img { filter: none; opacity: 1; transform: translateY(-2px); }
/* ---------- دانلود اپ ---------- */
.app-download-area { padding: var(--sp-8) 0; background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%); }
.app-download-content h2 { font-size: var(--fs-xl) !important; margin-bottom: 4px; }
.app-download-content h3 { font-size: var(--fs-md); font-weight: 700; color: var(--text-2); margin-bottom: 6px; }
.app-download-content p { color: var(--text-2); font-size: 15px; margin: 18px 0 22px; }
.app-download-content .btn-box { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 560px; }
@media (max-width: 991.98px) { .app-download-content .btn-box { max-width: none; } }
@media (max-width: 575.98px) { .app-download-content .btn-box { grid-template-columns: 1fr; } }
.app-download-content .btn-box a { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 14px; border-radius: 14px; width: 100%; white-space: nowrap; background: var(--ink) !important; color: #fff !important; font-size: 13px; line-height: 1.3; direction: ltr; text-align: left; box-shadow: var(--sh-1); transition: transform var(--t-fast) var(--ease), background var(--t-fast); position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; overflow: hidden; }
/* شبه‌المان‌های پرکننده‌ی قدیمی (گرادیان نارنجی) حذف می‌شوند تا روی صفحه نیفتند */
.app-download-content .btn-box a::before, .app-download-content .btn-box a::after { display: none !important; content: none !important; }
.app-download-content .btn-box a:hover { background: var(--brand) !important; transform: translateY(-2px); }
.app-download-content .btn-box a i { font-size: 26px; position: static !important; width: 30px; text-align: center; flex: 0 0 auto; transform: none !important; }
.app-download-content .btn-box a span { display: block; font-size: 14.5px; font-weight: 800; line-height: 1.2; }
@media (max-width: 991.98px) { .app-image { text-align: center; } .app-download-area .main-image img { max-width: 48%; } }
/* ---------- محتوای صفحات داخلی (بدنه‌ی قدیمی از DB) ---------- */
.site-body .box, .site-body .gifbox, .site-body .box2, .site-body .card, .site-body .table1 { border-radius: var(--r-lg); }
.site-body .box { background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); }
.site-body .gifbox, .site-body .box2 { transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease); }
.site-body .gifbox:hover, .site-body .box2:hover { transform: translateY(-3px); box-shadow: var(--sh-2); }
.site-body h1, .site-body .titr, .site-body .title1 { color: var(--ink) !important; }
.site-body h1[style*="border-bottom"] { border-bottom: 0 !important; padding: 0 0 14px !important; position: relative; font-size: clamp(22px, 3vw, 30px) !important; }
.site-body h1[style*="border-bottom"]::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 56px; height: 4px; border-radius: 4px; background: var(--brand); }
.site-body .textpay { line-height: 2; color: var(--text); }
.site-body .table-responsive { border-radius: var(--r-sm); }
.site-body table { width: 100%; border-collapse: separate; border-spacing: 0; }
.site-body .tablems, .site-body .table1 { font-size: 14px; }
.site-body .tablems td, .site-body .tablems th, .site-body .table1 td, .site-body .table1 th { vertical-align: middle; }
.site-body .tablems th, .site-body .table1 th, .site-body table thead th { background: var(--surface-2); font-weight: 700; color: var(--ink); }
.site-body input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not(.form-control):not(.form-check-input),
.site-body textarea:not(.form-control), .site-body select:not(.form-select):not(.form-control) { width: 100%; max-width: 100%; min-height: 44px; border: 1.5px solid var(--line); border-radius: var(--r-sm); padding: 10px 14px; font: inherit; background: #fff; color: var(--ink); transition: border-color var(--t-fast), box-shadow var(--t-fast); }
.site-body input:focus, .site-body textarea:focus, .site-body select:focus { outline: none; border-color: var(--brand) !important; box-shadow: 0 0 0 4px var(--brand-ring) !important; }
.site-body .form-control, .site-body .form-select { font-size: 14.5px; border-width: 1.5px; }
.site-body .form-control:focus, .site-body .form-select:focus { border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-ring); }
.site-body .form-label { font-weight: 700; color: var(--ink); font-size: 14px; }
.site-body .dropdown-menu { border: 1px solid var(--line); box-shadow: var(--sh-3); border-radius: var(--r-sm); padding: 6px; }
.site-body .dropdown-item { border-radius: 8px; padding: 9px 10px; min-height: 40px; display: flex; align-items: center; gap: 8px; }
.site-body .dropdown-item:hover { background: var(--surface-2); }
.site-body .dropdown-item:active, .site-body .dropdown-item.active { background: var(--brand); color: #fff; }
.site-body .selectBox .dropdown-menu { max-height: 320px; overflow: auto; }
.site-body .text-left { text-align: left !important; }
.site-body .red, .site-body .text-danger { color: var(--brand) !important; }
.site-body .alert { border-radius: var(--r-sm); }
@media (max-width: 767.98px) {
.site-body [class*="col-"] { min-width: 0; }
.site-body .textpay, .site-body .box, .site-body .gifbox { padding-inline: 14px; }
.site-body .gifbox img[style*="margin-top: -60px"] { margin-top: -40px !important; width: 100px !important; }
.site-body .mar132 { margin-top: 60px !important; }
.site-body table.tablems td, .site-body table.table1 td { padding: 10px !important; }
.site-body .d-table { display: block; }
.site-body .crow .col-md-4.d-none { display: none !important; }
.site-body h1 { font-size: 1.45rem; } .site-body h2 { font-size: 1.25rem; } .site-body h3 { font-size: 1.1rem; }
.site-body .featured-boxes-inner .col-lg-3 { border-inline-start: 0 !important; border-bottom: 0; }
.site-body .aparatbox iframe { height: 220px; }
#symbols { padding: 12px 6px !important; border-radius: var(--r-lg) !important; }
.site-body .crow .col-4.col-md-2 { flex-wrap: nowrap; }
}
/* ---------- اخبار/آموزش و پرسش‌وپاسخ ---------- */
.article-box-big, .article-box { border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease); }
a:hover > .article-box-big, a:hover > .article-box { transform: translateY(-3px); box-shadow: var(--sh-2); }
.site-body .bold-art { border-radius: var(--r-lg); overflow: hidden; }
.site-body .bold-art .title { border-radius: var(--r-md) !important; }
.site-body .art-title-bg { border-radius: var(--r-md); }
.site-body .title1 span { font-weight: 800; }
.ps-social-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border-radius: var(--r-md); background: var(--brand); color: #fff; font-weight: 700; margin-bottom: 14px; transition: transform var(--t-fast) var(--ease), background var(--t-fast); }
.ps-social-card:hover { background: var(--brand-dark); transform: translateY(-2px); color: #fff; }
.ps-social-card i { font-size: 30px; }
.ps-hot-badge { display: inline-block; background: var(--brand); color: #fff; padding: 5px 24px; border-radius: 999px; font-weight: 700; font-size: 14px; }
.site-body .card { border: 1px solid var(--line); box-shadow: none; overflow: hidden; }
.site-body .card .qs, .site-body .card .ans { margin: 0; padding: 16px 12px; }
.site-body .card .ans { background: var(--surface-2); border-top: 1px solid var(--surface-3); }
.site-body .card .name { font-weight: 800; color: var(--brand); margin-bottom: 4px; }
.site-body .card img.img-fluid { border-radius: 50%; max-width: 56px; }
.site-body .pagenum a { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 6px 10px; margin: 3px; border-radius: 12px; background: var(--surface-2); color: var(--text); font-weight: 700; }
.site-body .pagenum a.active { background: var(--brand); color: #fff; }
@media (max-width: 575.98px) { .site-body .bold-art { min-height: 200px; } }
/* ---------- فرم نظر ---------- */
.comment-box { padding: 0 !important; min-height: auto !important; overflow: hidden; }
.comment-box .titrbox { padding: 16px 20px; background: var(--brand-soft); color: var(--brand); font-weight: 800; border-bottom: 1px solid #f3dfe1; }
.comment-box-body { padding: 20px; }
/* ---------- پاورقی ---------- */
.footer-area { padding-top: var(--sp-8); padding-bottom: var(--sp-5); background: var(--ink); color: #cbd5e1; position: relative; }
.footer-area .single-footer-widget h3 { font-size: 15px; color: #fff; margin-bottom: 18px; position: relative; padding-bottom: 8px; }
.footer-area .single-footer-widget h3::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 34px; height: 3px; background: var(--brand); border-radius: 3px; }
.footer-area .single-footer-widget .list { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.footer-area .single-footer-widget .list li { font-size: 13.5px; }
.footer-area .single-footer-widget .list li a { display: inline-block; padding: 5px 0; color: #cbd5e1; transition: color var(--t-fast), transform var(--t-fast) var(--ease); }
.footer-area .single-footer-widget .list li a:hover { color: #fff; transform: translateX(-3px); }
.footer-contact { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 8px; font-size: 13px; color: #cbd5e1; }
.footer-contact li { display: flex; gap: 8px; align-items: flex-start; }
.footer-contact i { color: var(--brand); font-size: 16px; margin-top: 4px; }
.footer-contact a { color: #cbd5e1; }
.footer-contact a:hover { color: #fff; }
.footer-area .hint { color: #94a3b8 !important; line-height: 1.9; }
.copyright-area { margin-top: var(--sp-6); padding: 18px 0 0; border-top: 1px solid rgba(255, 255, 255, .08); display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.copyright-area p { margin: 0; font-size: 12.5px; color: #94a3b8; }
.footer-social { display: flex; gap: 8px; }
.footer-social a { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: #e5e7eb; font-size: 18px; transition: background var(--t-fast), transform var(--t-fast) var(--ease); }
.footer-social a:hover { background: var(--brand); color: #fff; transform: translateY(-2px); }
.map-image { opacity: .18; pointer-events: none; }
#gttop { position: fixed; bottom: 22px; inset-inline-start: 22px; width: 46px; height: 46px; border: 0; border-radius: 14px; background: var(--ink); color: #fff; font-size: 20px; display: grid; place-items: center; box-shadow: var(--sh-3); z-index: 1020; opacity: 0; transform: translateY(14px); pointer-events: none; transition: opacity var(--t-base), transform var(--t-base) var(--ease), background var(--t-fast); cursor: pointer; }
#gttop:hover { background: var(--brand); }
#gttop.is-visible { opacity: 1; transform: none; pointer-events: auto; }
@media (max-width: 575.98px) { #gttop { bottom: 16px; inset-inline-start: 14px; width: 42px; height: 42px; } .copyright-area { justify-content: center; text-align: center; } }
/* ---------- صفحه‌ی خطا ---------- */
.site-error { padding: 70px 12px 90px; background: var(--surface-2); }
.site-error-card { max-width: 640px; margin: 0 auto; text-align: center; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--sh-2); padding: 44px 24px; }
.site-error-code { font-size: clamp(56px, 14vw, 96px); font-weight: 900; line-height: 1; color: var(--brand); letter-spacing: -2px; }
.site-error-card h1 { font-size: 1.35rem; margin: 12px 0 10px; }
.site-error-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 22px; }
/* ---------- ظاهر شدن نرم بخش‌ها ---------- */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s var(--ease), transform .5s var(--ease); }
.reveal.is-in { opacity: 1; transform: none; }
/* ---------- دسترس‌پذیری و حرکت ---------- */
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.navbar-area.is-sticky { animation: none; }
.reveal { opacity: 1; transform: none; transition: none; }
.mybtn, .btn, .single-featured-box, .single-features-box, .sw1box .swiper-slide, .partner-inner a img, .site-body .gifbox, .site-body .box2 { transition: none !important; }
.single-featured-box:hover, .single-features-box:hover { transform: none; }
}
/* ردیف قیمت در موبایل: نماد و جفت‌ارز در یک خط */
@media (max-width: 575.98px) {
.site-body .crow .col-4.col-md-2 .col-9 { padding-inline: 4px !important; }
.site-body .crow .ltr.text-right { font-size: 12.5px; white-space: nowrap; }
.site-body .crow .ltr.text-right .hint { font-size: 11px; }
.site-body .crow .hint.t-small { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.site-body .crow .img-fluid[alt="coin"] { width: 28px; height: 28px; }
.site-body .crow .t1 { font-size: 13px; }
}
/* عنوان‌های اینلاین صفحات قدیمی محصول (span با رنگ #ef5661 و زیرخط) ⇒ عنوان بخش با رنگ برند */
.site-body span[style*="ef5661"] { display: inline-block; color: var(--ink) !important; font-weight: 800; font-size: clamp(20px, 2.6vw, 26px); line-height: 1.5; padding: 0 0 10px !important; border-bottom: 3px solid var(--brand) !important; margin-bottom: 6px; }
.site-body div[style*="df4d19"], .site-body span[style*="df4d19"] { color: var(--brand) !important; font-weight: 800 !important; }
.site-body .textpay > div[style*="margin-top"] { background: var(--surface-2); border-radius: var(--r-md); padding: 16px 18px; }
/* دکمه‌های مارکت: کلاس play-store-btn قدیمی حاشیه/موقعیت خودش را دارد ⇒ هر سه دکمه یکسان */
.app-download-content .btn-box a, .app-download-content .btn-box .play-store-btn, .app-download-content .btn-box .app-store-btn { margin: 0 !important; position: relative !important; inset: auto !important; transform: none !important; float: none !important; }
.app-download-content .btn-box .play-store-btn::before, .app-download-content .btn-box .play-store-btn::after { display: none !important; content: none !important; }
/* پاورقی در موبایل: متن تماس داخل ستون بماند */
.footer-area .single-footer-widget { max-width: 100%; min-width: 0; }
.footer-contact li { min-width: 0; padding: 0 !important; position: static !important; }
.footer-contact li span, .footer-contact li a { min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.footer-contact li a[href^="tel"], .footer-contact li a[href^="mailto"] { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.footer-contact i { position: static !important; }
/* ========== v4 — انتخاب ارز ماشین‌حساب، پاورقی، پویایی و تعامل ========== */
/* انتخاب ارز: نوار پایینیِ تمام‌عرض قدیمی روی عدد و فلش می‌افتاد ⇒ دکمه‌ی فشرده در ستون خودش؛ منو زیر همان دکمه */
#buyCurency .row.py-3 > .col-6 { display: flex; align-items: center; min-height: 46px; }
#buyCurency .row.py-3 > .col-6.text-left { justify-content: flex-end; }
#buyCurency input[type=number] { width: 100%; appearance: textfield; -moz-appearance: textfield; background: transparent; }
#buyCurency input[type=number]::-webkit-outer-spin-button, #buyCurency input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#buyCurency .selectBox { position: relative !important; inset: auto !important; width: auto !important; max-width: 100%; display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 8px !important; border-radius: 999px !important; background: var(--surface-2) !important; border: 1px solid var(--line) !important; border-top-color: var(--line) !important; font-size: 14px !important; color: var(--ink) !important; user-select: none; transition: border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast); }
#buyCurency .selectBox:hover { border-color: var(--line-2) !important; background: var(--surface-3) !important; }
#buyCurency .selectBox.show { background: var(--surface) !important; border-color: var(--brand) !important; box-shadow: 0 0 0 4px var(--brand-ring); }
#buyCurency .selectBox__value { display: inline-flex !important; align-items: center; gap: 8px; padding: 0 !important; background: transparent !important; font-weight: 700; white-space: nowrap; overflow: visible; }
#buyCurency .selectBox__value:hover { background: transparent; }
#buyCurency .selectBox__value img { width: 26px !important; height: 26px; border-radius: 50%; }
#buyCurency .selectBox::after { position: static !important; top: auto !important; right: auto !important; width: 14px; height: 9px; line-height: 0; flex: 0 0 auto; opacity: .7; transform: none !important; transition: transform var(--t-base) var(--ease) !important; }
#buyCurency .selectBox.show::after { transform: rotate(180deg) !important; }
#buyCurency .selectBox .dropdown-menu { position: absolute; top: calc(100% + 8px) !important; left: 0 !important; right: auto !important; width: min(300px, calc(100vw - 48px)) !important; max-height: 300px; padding: 6px; z-index: -1; transform: translateY(-8px) scale(.98); transform-origin: top left; transition: opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease), visibility 0s linear var(--t-base) !important; }
#buyCurency .selectBox.show .dropdown-menu { z-index: 1050; transform: none; transition: opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease) !important; }
#buyCurency .dropdown-item { font-size: 14px; font-weight: 600; cursor: pointer; }
#buyCurency .dropdown-item img { pointer-events: none; border-radius: 50%; }
#buyCurency .dropdown-item:hover { background: var(--surface-2); color: var(--ink); }
#buyCurency .dropdown-item.active { background: var(--brand-soft); color: var(--brand); }
#buyCurency .dropdown-item.active::after { content: '✓'; margin-inline-start: auto; font-weight: 800; }
#buyCurency .dropdown-item:active { background: var(--brand); color: #fff; }
/* پاورقی: پس‌زمینه‌ی عمقی با هاله‌ی برند، خط درخشان بالا، لینک‌ها با نقطه‌ی متحرک، آیکون‌های تماس در کاشی */
.footer-area { padding-top: var(--sp-9); background: radial-gradient(900px 420px at 88% -10%, rgba(184, 6, 31, .38), transparent 60%), radial-gradient(700px 360px at 4% 110%, rgba(59, 130, 246, .14), transparent 60%), linear-gradient(180deg, #121c33 0%, var(--ink) 100%); overflow: hidden; }
.footer-area::before { content: ''; position: absolute; top: 0; inset-inline: 0; height: 4px; background: linear-gradient(90deg, var(--brand), #ff5a6e 35%, rgba(255, 255, 255, .35) 60%, var(--brand)); background-size: 200% 100%; animation: ftShimmer 7s linear infinite; z-index: 2; }
@keyframes ftShimmer { to { background-position: -200% 0; } }
.footer-area .container { position: relative; z-index: 1; }
.footer-area .map-image { position: absolute; inset: 0; opacity: .07; pointer-events: none; z-index: 0; }
.footer-area .map-image img { width: 100%; height: 100%; object-fit: cover; }
.footer-area .logo img { filter: drop-shadow(0 8px 20px rgba(184, 6, 31, .35)); transition: transform var(--t-base) var(--ease); }
.footer-area .logo a:hover img { transform: translateY(-2px); }
.footer-area .single-footer-widget h3 { font-size: 16px; }
.footer-area .single-footer-widget h3::after { width: 28px; transition: width var(--t-base) var(--ease); }
.footer-area .single-footer-widget:hover h3::after { width: 56px; }
.footer-area .single-footer-widget .list li a { position: relative; padding-inline-start: 16px; color: #b6c2d4; }
.footer-area .single-footer-widget .list li a::before { content: ''; position: absolute; inset-inline-start: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .25); transform: translateY(-50%); transition: background var(--t-fast), transform var(--t-fast) var(--ease), box-shadow var(--t-fast); }
.footer-area .single-footer-widget .list li a:hover { color: #fff; transform: translateX(-4px); }
.footer-area .single-footer-widget .list li a:hover::before { background: var(--brand); box-shadow: 0 0 0 4px rgba(184, 6, 31, .25); transform: translateY(-50%) scale(1.15); }
.footer-contact { gap: 10px; }
.footer-contact li { align-items: center; gap: 10px; }
.footer-contact i { width: 36px; height: 36px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .08); color: #ff6b7d; margin: 0 !important; font-size: 16px; transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast) var(--ease); }
.footer-contact li:hover i { background: var(--brand); color: #fff; transform: translateY(-2px); }
.footer-contact a:hover { color: #fff; }
.copyright-area { margin-top: var(--sp-7); padding-top: 22px; }
.footer-social a { width: 44px; height: 44px; border-radius: 14px; position: relative; overflow: hidden; isolation: isolate; }
.footer-social a::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, var(--brand), #ff5a6e); opacity: 0; transition: opacity var(--t-base); z-index: -1; }
.footer-social a:hover { background: rgba(255, 255, 255, .08); transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 24px rgba(184, 6, 31, .35); }
.footer-social a:hover::before { opacity: 1; }
/* نوار پیشرفت اسکرول در لبه‌ی بالای صفحه + حلقه‌ی پیشرفت روی دکمه‌ی بالا */
.scroll-progress { position: fixed; top: 0; inset-inline-start: 0; height: 3px; width: 100%; transform-origin: right center; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, #ff5a6e, var(--brand)); z-index: 1040; pointer-events: none; }
#gttop { background: linear-gradient(var(--ink), var(--ink)) padding-box, conic-gradient(var(--brand) calc(var(--p, 0) * 1turn), rgba(255, 255, 255, .25) 0) border-box; border: 3px solid transparent; }
#gttop:hover { background: linear-gradient(var(--brand), var(--brand)) padding-box, conic-gradient(var(--brand) calc(var(--p, 0) * 1turn), rgba(255, 255, 255, .25) 0) border-box; }
/* ظاهر شدن پلکانی: --i از site.js؛ خط زیر عنوان‌ها هنگام ظاهر شدن کشیده می‌شود */
.reveal { --i: 0; transition-delay: calc(var(--i) * 70ms); transform: translateY(18px); }
.reveal .bar, .reveal.section-title .bar { transform: scaleX(.25); transition: transform .8s var(--ease) .25s; }
.reveal.is-in .bar { transform: none; }
/* سربرگ: ورود پلکانی عنوان، متن، دکمه‌ها و نشان‌ها */
.header .main-banner-content > * { animation: heroIn .7s var(--ease) both; }
.header .main-banner-content > :nth-child(1) { animation-delay: .05s; }
.header .main-banner-content > :nth-child(2) { animation-delay: .15s; }
.header .main-banner-content > :nth-child(3) { animation-delay: .25s; }
.header .main-banner-content > :nth-child(4) { animation-delay: .35s; }
.header .main-banner-content > :nth-child(5) { animation-delay: .45s; }
.hero-badges li { animation: heroIn .6s var(--ease) both; transition: background var(--t-fast), transform var(--t-fast) var(--ease), border-color var(--t-fast); }
.hero-badges li:nth-child(1) { animation-delay: .5s; } .hero-badges li:nth-child(2) { animation-delay: .58s; } .hero-badges li:nth-child(3) { animation-delay: .66s; } .hero-badges li:nth-child(4) { animation-delay: .74s; }
.hero-badges li:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .35); transform: translateY(-2px); }
@keyframes heroIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
/* نور دنبال‌کننده‌ی نشانگر روی کارت‌ها (فقط دستگاه‌های با ماوس) و فشردگی هنگام کلیک */
@media (hover: hover) and (pointer: fine) {
.ps-glow { position: relative; overflow: hidden; isolation: isolate; }
.ps-glow::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity var(--t-base); background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), rgba(184, 6, 31, .11), transparent 65%); z-index: -1; }
.ps-glow:hover::after { opacity: 1; }
.single-featured-box .icon { transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) !important; }
.single-featured-box:hover .icon { transform: translateY(-4px) rotate(-6deg); box-shadow: 0 10px 22px rgba(184, 6, 31, .18); }
.single-features-box:hover .icon { transform: scale(1.08) !important; transition: transform var(--t-base) var(--ease) !important; }
}
.single-featured-box, .single-features-box { transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base); }
.single-featured-box:hover, .single-features-box:hover { transform: translateY(-6px); }
body.site .btn:active, .mybtn:active, .hero-badges li:active { transform: scale(.97); }
/* درخشش عبوری روی دکمه‌های اصلی هنگام هاور */
.mybtn, body.site .btn-primary, #buyCurency .btn.w-100:not(.btn-warning):not(.btn-light) { position: relative; overflow: hidden; isolation: isolate; }
.mybtn::after, body.site .btn-primary::after, #buyCurency .btn.w-100:not(.btn-warning):not(.btn-light)::after { content: ''; position: absolute; top: -20%; bottom: -20%; width: 34%; inset-inline-start: -60%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .38), transparent); transform: skewX(-18deg); transition: inset-inline-start .7s var(--ease); pointer-events: none; }
.mybtn:hover::after, body.site .btn-primary:hover::after, #buyCurency .btn.w-100:not(.btn-warning):not(.btn-light):hover::after { inset-inline-start: 130%; }
/* ردیف قیمت‌ها: نوار برند در سمت راست هنگام هاور؛ لوگوی شرکا با رنگ و بزرگ‌نمایی */
.site-body .crow { position: relative; }
.site-body .crow::before { content: ''; position: absolute; inset-inline-start: 0; top: 20%; bottom: 20%; width: 3px; border-radius: 3px; background: var(--brand); opacity: 0; transition: opacity var(--t-fast); }
.site-body .crow:hover::before { opacity: 1; }
.partner-inner a img { transition: filter var(--t-base), opacity var(--t-base), transform var(--t-base) var(--ease); }
.partner-inner a:hover img { transform: translateY(-3px) scale(1.06); }
@media (prefers-reduced-motion: reduce) {
.footer-area::before { animation: none; }
.header .main-banner-content > *, .hero-badges li { animation: none; }
.reveal .bar { transform: none; transition: none; }
.ps-glow::after, .mybtn::after, body.site .btn-primary::after { display: none; }
.scroll-progress { display: none; }
}
/* ========== v4.1 — صفحات محصول قدیمی (خرید/فروش تتر، ترون، یووچر…): سربرگ داخلی، titleBox، titleBox2، mylist، نوارهای خاکستری ========== */
/* سربرگ محصول: header داخل بدنه با استایل اینلاین (پس‌زمینه‌ی نقشه‌ی نقطه‌ای خودش می‌ماند) */
.site-body > header[style] { background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important; padding: 16px 0 0 !important; margin: 0 !important; position: relative; overflow: hidden; }
.site-body > header[style] > .container[style] { color: var(--text) !important; padding-top: 40px !important; padding-bottom: 56px !important; }
.site-body > header h1[style] { font-family: inherit !important; font-size: var(--fs-2xl) !important; line-height: 1.35 !important; font-weight: 900; color: var(--ink); margin-bottom: 18px !important; text-wrap: balance; }
.site-body h1 .red, .site-body h2 .red { color: var(--brand) !important; }
.site-body > header p[style] { font-size: 16px !important; line-height: 1.95 !important; color: var(--text-2); }
.site-body > header div[style*="border-bottom: 4px solid red"] { border-bottom: 0 !important; padding-bottom: 14px !important; margin-bottom: 20px !important; position: relative; }
.site-body > header div[style*="border-bottom: 4px solid red"]::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 72px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--brand), #ff5a6e); }
.site-body > header .mybtn[style] { border-radius: 999px !important; padding: 12px 28px 12px 56px !important; min-height: 52px; font-size: 16px; }
.site-body > header .row .col-1.col-md-2 img, .site-body > header .row .col-1 img { width: 48px; height: 48px; object-fit: contain; padding: 6px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); }
.site-body > header .row .t-big { font-size: 15px !important; font-weight: 700; color: var(--ink); }
.site-body > header .col-lg-5:last-child img { animation: psFloat 6s ease-in-out infinite; filter: drop-shadow(0 24px 40px rgba(15, 23, 42, .18)); }
@keyframes psFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
/* نوارهای خاکستری/تیره‌ی اینلاین ⇒ سطح روشن / نوار تیره‌ی برند */
.site-body div.py-5[style*="DFDFDF"] { background: var(--surface-2) !important; }
.site-body #buyCurency[style*="DFDFDF"] { background: linear-gradient(180deg, var(--surface-2), #e9edf4) !important; }
.site-body div.py-5[style*="646464"] { background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #4a0a14 100%) !important; color: #e2e8f0; }
.site-body div.py-5[style*="646464"] .title[style] { color: #fff !important; }
.site-body div.py-5[style*="646464"] .text-light, .site-body div.py-5[style*="646464"] p { color: #e2e8f0 !important; }
.site-body div.py-5[style*="646464"] img.img-fluid { border-radius: var(--r-lg); }
/* عنوان بخش: خط قرمز سراسری ⇒ عنوان با زیرخط کوتاه برند */
.site-body .titleBox { margin-bottom: 28px !important; }
.site-body .titleBox::after { display: none !important; }
.site-body .titleBox .title { display: inline-block; font-size: clamp(19px, 2.4vw, 26px) !important; font-weight: 800 !important; line-height: 1.5; color: var(--ink) !important; padding: 0 0 12px !important; background: transparent !important; position: relative; text-wrap: balance; }
.site-body .titleBox .title::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 56px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--brand), #ff5a6e); }
.site-body p.t-big[style*="line-height"] { line-height: 2 !important; font-size: 16px !important; color: var(--text); }
/* فهرست مزایا: خط تیره‌ی قرمز ⇒ کارت‌های کوچک با تیک */
.site-body .mylist { padding: 0; margin: 0; display: grid; gap: 8px; }
.site-body .mylist li { padding: 10px 46px 10px 14px !important; line-height: 1.9 !important; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-sm); font-size: 14.5px !important; color: var(--text); transition: transform var(--t-fast) var(--ease), box-shadow var(--t-fast), border-color var(--t-fast); }
.site-body .mylist li:hover { transform: translateX(-3px); border-color: var(--brand); box-shadow: var(--sh-1); }
.site-body .mylist li::after { content: ''; width: 24px !important; height: 24px !important; right: 12px !important; top: 50% !important; transform: translateY(-50%); border-radius: 50%; background: var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8061f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 13px no-repeat !important; }
/* بلوک‌های شماره‌دار (titleBox2): نوار عنوان برند + کارت متن سفید؛ تصویر شماره به‌صورت مدال کوچک */
.site-body .titleBox2 { position: relative; margin: 0 0 28px !important; padding-top: 0 !important; }
.site-body .titleBox2 .title { background: linear-gradient(90deg, var(--brand), #d4213a) !important; color: #fff !important; border-radius: 14px 14px 0 14px !important; padding: 10px 18px 10px 58px !important; font-size: 16px !important; font-weight: 800; min-width: 0 !important; max-width: 100%; box-shadow: 0 8px 18px rgba(184, 6, 31, .22); display: inline-flex !important; align-items: center; min-height: 48px; position: relative; z-index: 2; line-height: 1.5; }
.site-body .titleBox2 .title img { width: 64px !important; height: 64px; object-fit: cover; border: 4px solid #fff !important; box-shadow: var(--sh-2); left: -28px !important; top: 50% !important; transform: translateY(-50%); background: #fff; }
.site-body .titleBox2 .text { background: var(--surface) !important; border: 1px solid var(--line); border-radius: 0 16px 16px 16px !important; padding: 22px 20px !important; line-height: 2 !important; color: var(--text) !important; font-size: 14.5px; box-shadow: var(--sh-1); }
.site-body .titleBox2 .text.invert { background: rgba(255, 255, 255, .97) !important; }
.site-body .titleBox2:hover .title img { transform: translateY(-50%) rotate(-8deg) scale(1.05); transition: transform var(--t-base) var(--ease); }
@media (max-width: 768px) {
.site-body .titleBox2 .title { font-size: 14.5px !important; padding: 8px 14px 8px 46px !important; min-height: 44px; }
.site-body .titleBox2 .title img { width: 52px !important; height: 52px; left: -20px !important; border-width: 3px !important; }
.site-body .titleBox2 .text { padding: 18px 16px !important; font-size: 14px; }
.site-body > header[style] > .container[style] { padding-top: 24px !important; padding-bottom: 36px !important; background-size: 150% auto !important; }
.site-body > header .col-lg-5.px-5 { padding-inline: 48px !important; margin-top: 16px; }
}
/* تصاویر توضیحی کنار متن‌ها */
.site-body .row > [class*="col-lg"] > img.img-fluid { border-radius: var(--r-lg); transition: transform var(--t-base) var(--ease); }
.site-body .row > [class*="col-lg"] > img.img-fluid:hover { transform: translateY(-4px); }
@media (prefers-reduced-motion: reduce) { .site-body > header .col-lg-5:last-child img { animation: none; } }
.site-body .titleBox, .site-body .titleBox .title { text-align: start !important; }
.site-body .titleBox .title { text-wrap: balance; display: block; max-width: 100%; }
.site-body .titleBox .title::after { inset-inline-start: 0; }
.site-body .titleBox2 .title { margin-left: 30px; }
@media (max-width: 768px) { .site-body .titleBox2 .title { margin-left: 22px; } }
.site-body .titleBox2 .title { max-width: calc(100% - 30px); }
@media (max-width: 768px) { .site-body .titleBox2 .title { max-width: calc(100% - 22px); } }
.site-body .mylist li, .site-body .titleBox2 .text, .site-body .titleBox2 .title { text-align: start; }
/* سربرگ صفحات محصول: تمام‌عرض و سفید مثل نسخه‌ی قبلی؛ فونت عنوان همان فونت اینلاین صفحه (fanny) */
.site-body > header[style] { background: #fff !important; }
.site-body > header h1[style] { font-family: fanny, Vazirmatn, sans-serif !important; font-size: clamp(30px, 3.6vw, 44px) !important; line-height: 1.5 !important; font-weight: 700; }
/* سربرگ محصول: دکمه و آیکون‌های ویژگی مرتب (دکمه راست‌چین با آیکون داخلی؛ ویژگی‌ها به‌صورت چیپ کنار هم) */
.site-body > header div[style*="border-bottom: 4px solid red"] { text-align: start !important; border-bottom: 1px solid var(--line) !important; padding-bottom: 22px !important; margin-bottom: 20px !important; }
.site-body > header div[style*="border-bottom: 4px solid red"]::after { display: none; }
.site-body > header .mybtn[style] { display: inline-flex !important; align-items: center; gap: 10px; padding: 12px 28px !important; }
.site-body > header .mybtn[style] i { position: static !important; font-size: 1.25em !important; line-height: 1; }
.site-body > header .row:has(> .col-1.padd5) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 0; margin: 0 !important; }
.site-body > header .row > .col-1.padd5 { flex: 0 0 auto; width: auto; max-width: none; padding: 0 !important; }
.site-body > header .row > .col-5.padd5 { flex: 0 0 auto; width: auto; max-width: none; padding: 0 28px 0 10px !important; }
.site-body > header .row .col-1.col-md-2 img, .site-body > header .row .col-1 img { width: 46px; height: 46px; border-radius: 12px; display: block; }
.site-body > header .row .t-big { font-size: 14.5px !important; white-space: nowrap; }
@media (max-width: 575.98px) { .site-body > header .row > .col-5.padd5 { padding: 0 16px 0 8px !important; } .site-body > header .row .t-big { font-size: 13.5px !important; } }
/* پاورقی موبایل: فشرده‌تر — فاصله‌های کمتر، فهرست‌های دوستونه، کپی‌رایت و شبکه‌ها وسط */
@media (max-width: 767.98px) {
.footer-area { padding-top: 44px; padding-bottom: 18px; }
.footer-area .row.g-4 { --bs-gutter-y: 18px; }
.footer-area .logo img { width: 112px; margin-bottom: 10px !important; }
.footer-contact { gap: 6px; font-size: 12.5px; margin-bottom: 10px; }
.footer-contact i { width: 32px; height: 32px; border-radius: 9px; font-size: 14px; }
.footer-area .hint { font-size: 11.5px !important; line-height: 1.8; }
.footer-area .single-footer-widget h3 { font-size: 14px; margin-bottom: 8px; padding-bottom: 6px; }
.footer-area .single-footer-widget .list { gap: 0; }
.footer-area .single-footer-widget .list li { font-size: 12.5px; }
.footer-area .single-footer-widget .list li a { padding: 6px 0; padding-inline-start: 14px; }
.footer-area .single-footer-widget .list li a::before { width: 5px; height: 5px; }
.footer-area .col-12.col-md-6.col-lg-3:last-child .list { grid-template-columns: 1fr 1fr; column-gap: 12px; }
.footer-area .col-12.col-md-6.col-lg-3:last-child { padding-top: 6px; border-top: 1px solid rgba(255, 255, 255, .06); margin-top: 4px; }
.copyright-area { margin-top: 22px; padding-top: 16px; flex-direction: column; gap: 12px; padding-bottom: 56px; }
.copyright-area p { font-size: 11.5px; }
.footer-social a { width: 42px; height: 42px; }
}
/* منوی موبایل: از راست باز می‌شود (offcanvas-start در RTL) و عرض محدود؛ بوت‌استرپ ۵.۳ عرض را با متغیر می‌گیرد */
.site-menu, .site-menu.offcanvas { --bs-offcanvas-width: min(86vw, 330px); width: min(86vw, 330px) !important; }
/* ماشین‌حساب: مقدار پرداخت/دریافت وسط ستون خودش */
#buyCurency input[type=number] { text-align: center; }
#buyCurency .row.py-3 > .col-6:not(.text-left) { justify-content: center; }
#buyCurency .row.py-3 > .col-6:not(.text-left) .coinAmount, #buyCurency .row.py-3 > .col-6:not(.text-left) .coinAmount2 { display: block; width: 100%; text-align: center; direction: ltr; font-variant-numeric: tabular-nums; }
@media (max-width: 575.98px) { #buyCurency input[type=number], #buyCurency .coinAmount, #buyCurency .coinAmount2 { font-size: 17px; } #buyCurency input[type=number] { min-width: 0; padding: 4px 2px !important; } }
/* واحد تومان: فاصله بین پرچم و نوشته */
#buyCurency .row.py-3 > .col-6.text-left { gap: 8px; }
#buyCurency .row.py-3 > .col-6.text-left > span { font-weight: 700; color: var(--ink); }
/* ========== v5 — جدول قیمت ارزها (#symbols): نوار ابزار، سرستون، ردیف‌ها، درصد تغییر و نمودار ========== */
#symbols { padding: 16px 12px 8px !important; }
#symbols > .px-5.mb-4 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 0 6px !important; margin-bottom: 14px !important; }
#symbols > .px-5.mb-4 .icofont-search { position: relative; z-index: 1; width: 40px; margin: 0 0 0 -40px !important; text-align: center; font-size: 18px !important; color: var(--muted) !important; pointer-events: none; }
#symbols #filterinput { width: min(100%, 280px) !important; display: inline-block; padding-inline-start: 42px !important; text-align: start !important; direction: rtl; font-size: 14px; border: 1.5px solid var(--line); background: var(--surface-2); }
#symbols #filterinput:focus { background: var(--surface); }
#symbols #filterinput::placeholder { color: var(--muted); }
#symbols .market { margin: 0 !important; min-height: 40px; padding-inline: 18px; font-size: 13.5px; }
#symbols #tooman { margin-inline-start: auto !important; }
#symbols .market.btn-light { background: transparent !important; border: 1.5px solid var(--line) !important; color: var(--text-2) !important; }
#symbols .market.btn-light:hover { border-color: var(--brand) !important; color: var(--brand) !important; }
#symbols .market.btn-warning { box-shadow: 0 6px 16px rgba(184, 6, 31, .22); }
#symbols > .row.btm-border { background: var(--surface-2); border: 0 !important; border-radius: 12px; margin: 0 2px 6px !important; padding: 10px 6px !important; font-size: 12.5px; font-weight: 700; color: var(--muted); }
.site-body .crow { padding: 12px 6px !important; border-bottom: 1px solid var(--surface-3) !important; }
.site-body .crow:last-child { border-bottom: 0 !important; }
.site-body .crow:hover { background: var(--surface-2); }
.site-body .crow .img-fluid[alt="coin"] { width: 40px; height: 40px; padding: 3px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); transition: transform var(--t-fast) var(--ease); }
.site-body .crow:hover .img-fluid[alt="coin"] { transform: scale(1.08); }
.site-body .crow .ltr.text-right { font-size: 15px; }
.site-body .crow .ltr.text-right .hint { font-size: 12px; font-weight: 500; color: var(--muted); }
.site-body .crow .ltr.text-right .hint.t-small { font-size: 12px; }
.site-body .crow .t1 { font-size: 15.5px; white-space: nowrap; }
.site-body .crow .hint .t1 { font-weight: 600; color: var(--muted); font-size: 12.5px; }
.site-body .crow .change24 { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 14px; font-weight: 800; direction: ltr; }
.site-body .crow .change24::before { font-size: 9px; line-height: 1; }
.site-body .crow .change24.green { color: var(--ok); }
.site-body .crow .change24.green::before { content: '▲'; }
.site-body .crow .change24.red { color: var(--brand); }
.site-body .crow .change24.red::before { content: '▼'; }
.site-body .crow .col-md-4 img { height: 44px; width: auto; max-width: 100%; opacity: .95; transition: filter var(--t-base); }
.site-body .crow:has(.change24.green) .col-md-4 img { filter: hue-rotate(80deg) saturate(.85) brightness(.85); }
.site-body .crow:has(.change24.red) .col-md-4 img { filter: hue-rotate(-45deg) saturate(1.3); }
#smloader { position: relative; }
@media (max-width: 767.98px) {
#symbols > .px-5.mb-4 { gap: 10px 8px; }
#symbols #filterinput { width: 100% !important; }
#symbols .market { flex: 1 1 0; }
#symbols > .row.btm-border { font-size: 11.5px; padding: 8px 2px !important; }
.site-body .crow { padding: 10px 2px !important; }
.site-body .crow .img-fluid[alt="coin"] { width: 32px; height: 32px; padding: 2px; }
.site-body .crow .ltr.text-right { font-size: 13px; }
.site-body .crow .t1 { font-size: 13.5px; }
.site-body .crow .hint .t1 { font-size: 11.5px; }
.site-body .crow .change24 { font-size: 12.5px; }
}
/* نقطه‌ی متحرک زیر عنوان بخش‌ها (همان حرکت قدیمی MOVE-BG، با طول نوار جدید) */
@keyframes psBarDot { 0% { transform: translateX(0); } 50% { transform: translateX(-46px); } 100% { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .bar::before { animation: none !important; } }
@media (max-width: 767.98px) { #symbols #filterinput { width: calc(100% - 8px) !important; } }
/* آیکون ارزها همیشه داخل یک دایره‌ی توپر (لوگوهای شفاف هم دایره دیده شوند) */
.site-body .crow .img-fluid[alt="coin"], #buyCurency .dropdown-item img, #buyCurency .selectBox__value img, .site-body img[src*="img/coins/"] { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 50% !important; background: var(--surface-2) !important; border: 1px solid var(--line) !important; display: block; flex: 0 0 auto; }
.site-body .crow .img-fluid[alt="coin"] { width: 40px !important; height: 40px !important; padding: 5px !important; background: #fff !important; box-shadow: var(--sh-1); }
#buyCurency .dropdown-item img { width: 30px !important; height: 30px; padding: 3px; }
#buyCurency .selectBox__value img { width: 28px !important; height: 28px; padding: 3px; }
/* آیکون جستجو به‌صورت پس‌زمینه‌ی خود فیلد (در هر عرضی داخل کادر می‌ماند) */
#symbols > .px-5.mb-4 .icofont-search { display: none !important; }
#symbols #filterinput { padding-inline-start: 44px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 14px center; background-size: 18px 18px; }
@media (max-width: 767.98px) { #symbols #filterinput { width: 100% !important; } }
/* ستون آیکون ارز نباید تصویر را باریک کند (img-fluid با max-width ستون ۳/۱۲ دایره را بیضی می‌کرد) */
.site-body .crow > .col-4.col-md-2 { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.site-body .crow > .col-4.col-md-2 > .col-3 { flex: 0 0 auto; width: auto; max-width: none; padding: 0 !important; }
.site-body .crow > .col-4.col-md-2 > .col-9 { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; padding: 0 !important; }
.site-body .crow .img-fluid[alt="coin"] { max-width: none !important; }
@media (max-width: 575.98px) { .site-body .crow > .col-4.col-md-2 { gap: 6px; } .site-body .crow .img-fluid[alt="coin"] { width: 32px !important; height: 32px !important; padding: 4px !important; } }
/* اسلایدر نظرات در عرض تبلت از کادر بیرون می‌زد ⇒ برش در خود بخش */
.feedback-area, .sw1box, .sw2box { overflow: hidden; }
/* فهرست مزایا در عرض تبلت با حاشیه‌ی منفی قدیمی از کادر بیرون می‌زد */
.overview-box .services-list, .overview-box .overview-content .content .services-list { margin-inline: 0 !important; width: 100%; max-width: 100%; }
.overview-box .overview-content .content { max-width: 100%; min-width: 0; }
/* ========== v6 — بقیه‌ی صفحات: محتوایی (textpay)، گیفت‌کارت‌ها، جدول‌ها، صفحات پی‌پال/یوتوپیا (voucher-bg)، نوارهای رنگی اینلاین ========== */
/* تصویرهای شکسته (میزبان آپلود قدیمی dln.hostnetwork.ir در دسترس نیست) پنهان می‌شوند تا آیکون خراب نماند؛ کلاس را site.js می‌گذارد */
.site-body img.is-broken, .site-body img[src$="/img/"], .site-body img[src$="captcha.php"] { display: none !important; }
/* --- صفحات محتوایی: container > row(عنوان) + row(متن | تصویر) --- */
.site-body > .container[style*="padding: 20px 5px"] { padding: 28px 16px 56px !important; }
.site-body .row > span[style*="ef5661"] { flex: 0 0 auto; width: auto; max-width: 100%; margin: 0 12px 22px; font-size: clamp(22px, 2.8vw, 30px); }
.site-body .row[style*="text-align: justify"] { text-align: start !important; font-size: 15px !important; }
.site-body .textpay { font-size: 15px; }
.site-body .textpay > div[style*="padding: 20px"] { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-md); padding: 18px 20px !important; margin-top: 18px; }
.site-body .textpay > div[style*="padding: 20px"] > div[style*="font-weight: bold"] { font-size: 16px !important; color: var(--ink); margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px dashed var(--line-2); }
.site-body .row > .col-md-5[style*="text-align: center"] > img, .site-body .row > .col-md-4[style*="text-align: center"] > img { max-width: 100% !important; height: auto; border-radius: var(--r-lg); margin: 6px auto 0 !important; }
/* کارت «محاسبه هزینه» */
.site-body .row[style*="ox-shadow"] { box-shadow: var(--sh-1) !important; border: 1px solid var(--line); border-radius: var(--r-lg) !important; padding: 16px 12px !important; margin: 0 !important; align-items: center; row-gap: 10px; background: var(--surface); }
.site-body .row[style*="ox-shadow"] > .col-md-2 > span > img { width: 34px !important; margin: 0 6px 0 0 !important; vertical-align: middle; }
.site-body .row[style*="ox-shadow"] > [class*="col-"] { padding-top: 0 !important; }
.site-body .input1 { min-height: 44px !important; height: auto !important; border-radius: 12px !important; font-size: 14.5px; }
.site-body div.input1 { border: 0 !important; background: var(--surface-2); display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; font-weight: 700; color: var(--ink); margin: 0 !important; width: 100%; }
.site-body input[type=submit][style*="2ecc71"], .site-body button[style*="2ecc71"], .site-body a[style*="2ecc71"] { background: var(--brand) !important; border: 0 !important; border-radius: 999px !important; min-height: 44px; padding: 0 28px !important; color: #fff !important; font-weight: 700; box-shadow: 0 8px 20px rgba(184, 6, 31, .22); width: auto !important; cursor: pointer; }
.site-body input[type=submit][style*="2ecc71"]:hover { background: var(--brand-dark) !important; }
/* کارت‌های گیفت‌کارت */
.site-body .gifbox { background: var(--surface) !important; border: 1px solid var(--line); box-shadow: var(--sh-1); border-radius: var(--r-lg) !important; padding: 0 14px 20px !important; }
.site-body .gifbox > div:first-child img { border-radius: 14px; box-shadow: var(--sh-2); }
.site-body .gifbox > div:nth-child(2) { font-size: 15px !important; color: var(--ink) !important; font-weight: 700; margin-top: 14px !important; }
.site-body .gifbox > div[style*="a7d129"] { color: var(--brand) !important; font-size: 15px !important; font-weight: 800; font-variant-numeric: tabular-nums; }
.site-body .gifbox .mybtn { min-height: 44px; }
/* جدول‌های قیمت */
.site-body table.table1 { border: 1px solid var(--line); border-radius: var(--r-md); border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: var(--sh-1); }
.site-body table.table1 td, .site-body table.table1 th { border-bottom: 1px solid var(--surface-3) !important; border-inline: 0 !important; padding: 12px 10px !important; }
.site-body table.table1 tbody tr:hover { background: var(--surface-2); }
.site-body table.table1 tr:last-child td { border-bottom: 0 !important; }
.site-body table.table1 .mybtn, .site-body table.table1 .btn { min-height: 40px; padding: 6px 18px; font-size: 13.5px; }
@media (max-width: 767.98px) { .site-body table.table1, .site-body table.tablems { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } }
/* جعبه‌های راهنما (box2) و فرم بلیت */
.site-body .box2 { background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); }
/* --- صفحات پی‌پال / یوتوپیا / وب‌مانی (سربرگ با voucher-bg.svg، نوارهای رنگی، v-title، qsbox) --- */
.site-body .fanni { font-family: fanny, Vazirmatn, sans-serif; text-align: start !important; line-height: 1.5 !important; font-size: clamp(28px, 3.4vw, 42px) !important; font-weight: 700; color: var(--ink); margin: 12px 0 !important; text-wrap: balance; }
.site-body .fanni.text-center { text-align: center !important; }
.site-body .fanni .red, .site-body .fanni span[style*="red"] { color: var(--brand) !important; }
.site-body div[style*="border-bottom: 3px solid red"] { border-bottom: 1px solid var(--line) !important; padding: 20px 0 22px !important; margin-bottom: 18px !important; text-align: start !important; }
.site-body > div[style*="voucher-bg.svg"] { background-size: cover !important; padding: 36px 0 44px !important; }
.site-body > div[style*="voucher-bg.svg"] .row { align-items: center; }
.site-body > div[style*="voucher-bg.svg"] .row > .col-md-7 img, .site-body > div[style*="voucher-bg.svg"] .row > .col-md-6 img { filter: drop-shadow(0 20px 36px rgba(15, 23, 42, .16)); }
.site-body > div[style*="voucher-bg.svg"] .mybtn { display: inline-flex !important; align-items: center; gap: 10px; min-height: 52px; padding: 12px 28px !important; border-radius: 999px !important; font-size: 16px; }
.site-body > div[style*="voucher-bg.svg"] .mybtn i { position: static !important; font-size: 1.25em !important; }
.site-body > div[style*="voucher-bg.svg"] .row .col-1 img, .site-body > div[style*="voucher-bg.svg"] .row .col-md-2 img { width: 46px; height: 46px; object-fit: contain; padding: 6px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); }
/* نوارهای رنگی اینلاین */
.site-body > div[style*="rgb(226"], .site-body > div[style*="#f3f3f3"], .site-body > div[style*="#E9E9E9"], .site-body > div[style*="#ECECEC"], .site-body > div[style*="#EBEBEB"], .site-body > div[style*="#E7D7C8"], .site-body > div[style*="#e2e2e2"] { background: var(--surface-2) !important; }
.site-body > div[style*="background-color: red"], .site-body > div[style*="background-color: #f62c2c"], .site-body > div[style*="background: red"] { background: linear-gradient(135deg, var(--brand) 0%, #8f0418 100%) !important; color: #fff; }
.site-body > div[style*="background-color: black"], .site-body > div[style*="background-color: #000"], .site-body > div[style*="background-color: #111"] { background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #3a0810 100%) !important; }
.site-body > div[style*="background-color: black"] > div[style*="voucher-bg.svg"] { opacity: .08 !important; }
.site-body > div.pt-5.pb-5, .site-body > div.pt-3.pb-3 { padding-top: var(--sp-7) !important; padding-bottom: var(--sp-7) !important; }
/* عنوان بخش‌های این صفحات */
.site-body .v-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 26px !important; }
.site-body .v-title span { font-size: clamp(20px, 2.4vw, 26px); font-weight: 800; color: var(--ink); line-height: 1.5; }
.site-body .v-title > div[style] { width: 56px !important; height: 4px !important; border-radius: 4px; background: linear-gradient(90deg, var(--brand), #ff5a6e) !important; margin: 0 !important; }
.site-body > div[style*="background-color: red"] .v-title span, .site-body > div[style*="background-color: black"] .v-title span, .site-body > div[style*="background-color: #000"] .v-title span { color: #fff; }
.site-body > div[style*="background-color: red"] .v-title > div[style] { background: rgba(255, 255, 255, .75) !important; }
.site-body p[style*="line-height: 35px"], .site-body div[style*="line-height: 35px"] { line-height: 2 !important; font-size: 15px; }
.site-body .t-bigger { font-size: 20px !important; font-weight: 800; color: var(--ink); line-height: 1.6; }
.site-body .t-biggest { font-weight: 800; line-height: 1.6; }
/* کارت محاسبه داخل نوار تیره و دکمه‌های رنگی قدیمی */
.site-body .bg-primary.radius { background: var(--surface) !important; border-radius: var(--r-xl) !important; box-shadow: var(--sh-3); }
.site-body [style*="background-color: #f62c2c"]:not(div.pt-5), .site-body [style*="background:#f62c2c"], .site-body [style*="background: #f62c2c"] { background: var(--brand) !important; border-radius: 999px !important; }
.site-body [style*="00dbd4"] { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; border-radius: 999px !important; min-height: 44px; font-weight: 700; box-shadow: 0 8px 20px rgba(184, 6, 31, .22); }
.site-body [style*="00dbd4"]:hover { background: var(--brand-dark) !important; }
/* آکاردئون سؤالات (qsbox) */
.site-body .qsbox .qs { border: 1px solid var(--line); border-radius: var(--r-md) !important; padding: 14px 18px !important; font-size: 15.5px !important; font-weight: 700; background: var(--surface) !important; color: var(--ink); transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast); }
.site-body .qsbox .qs:hover { border-color: var(--brand); }
.site-body .qsbox.open1 .qs { background: var(--brand) !important; color: #fff !important; border-color: var(--brand); }
.site-body .qsbox.close1 .qs::before { color: var(--brand) !important; }
.site-body .qsbox.open1 .ans { background: var(--surface-2); border-radius: var(--r-md); padding: 16px 20px !important; line-height: 2; margin-top: -4px; }
/* مودال‌های قدیمی */
.site-body .modal-content { border: 0; border-radius: var(--r-lg); box-shadow: var(--sh-3); }
.site-body .modal-header { border-bottom: 1px solid var(--line); }
@media (max-width: 767.98px) {
.site-body > .container[style*="padding: 20px 5px"] { padding: 20px 12px 44px !important; }
.site-body .row > span[style*="ef5661"] { margin: 0 8px 16px; }
.site-body .row[style*="ox-shadow"] > [class*="col-"] { width: 100%; }
.site-body .row[style*="ox-shadow"] > .col-md-2:first-child { text-align: start !important; font-weight: 700; }
.site-body > div[style*="voucher-bg.svg"] { padding: 24px 0 32px !important; }
.site-body .fanni { font-size: 26px !important; }
.site-body .gifbox { margin-top: 70px; }
}
/* وقتی تصویر کنار متن شکسته است، ستون خالی حذف و متن تمام‌عرض می‌شود */
.site-body .row > [class*="col-md-"]:has(> img.is-broken:only-child) { display: none; }
.site-body .row:has(> [class*="col-md-"] > img.is-broken:only-child) > .textpay { flex: 0 0 100%; max-width: 100%; }
/* عنوان‌های fanni قدیمی با word-spacing اینلاین کلمات را پخش می‌کردند */
.site-body .fanni div[style*="word-spacing"] { word-spacing: normal !important; }
/* چیپ‌های ویژگی در سربرگ صفحات پی‌پال/یوتوپیا (همان چیدمان صفحات تتر) */
.site-body > div[style*="voucher-bg.svg"] .row:has(> .col-1.padd5), .site-body > div[style*="voucher-bg.svg"] .row:has(> .col-md-2.padd5) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 0; margin: 0 !important; }
.site-body > div[style*="voucher-bg.svg"] .row > .col-1.padd5, .site-body > div[style*="voucher-bg.svg"] .row > .col-md-2.padd5 { flex: 0 0 auto; width: auto; max-width: none; padding: 0 !important; }
.site-body > div[style*="voucher-bg.svg"] .row > .col-5.padd5, .site-body > div[style*="voucher-bg.svg"] .row > .col-md-4.padd5 { flex: 0 0 auto; width: auto; max-width: none; padding: 0 28px 0 10px !important; }
.site-body > div[style*="voucher-bg.svg"] .row .t-big { font-size: 14.5px !important; font-weight: 700; color: var(--ink); white-space: nowrap; }
@media (max-width: 575.98px) { .site-body > div[style*="voucher-bg.svg"] .row > .col-5.padd5, .site-body > div[style*="voucher-bg.svg"] .row > .col-md-4.padd5 { padding: 0 14px 0 8px !important; } .site-body > div[style*="voucher-bg.svg"] .row .t-big { font-size: 13px !important; } }
/* نوار تیره: متن داخل کارت‌های سفید (text.invert) باید تیره بماند؛ فقط متن مستقیم روی نوار روشن است */
.site-body div.py-5[style*="646464"] .titleBox2 .text, .site-body div.py-5[style*="646464"] .titleBox2 .text p, .site-body div.py-5[style*="646464"] .titleBox2 .text div, .site-body div.py-5[style*="646464"] .titleBox2 .text li, .site-body div.py-5[style*="646464"] .titleBox2 .text span { color: var(--text) !important; }
.site-body div.py-5[style*="646464"] .titleBox2 .text strong, .site-body div.py-5[style*="646464"] .titleBox2 .text b, .site-body div.py-5[style*="646464"] .titleBox2 .text h3, .site-body div.py-5[style*="646464"] .titleBox2 .text h4 { color: var(--ink) !important; }
.site-body .titleBox2 .text strong, .site-body .titleBox2 .text b, .site-body .titleBox2 .text h3, .site-body .titleBox2 .text h4 { color: var(--ink); }
/* عنوان‌های قرمز خام (mytitle) ⇒ نوار برند */
.site-body .mytitle { background: linear-gradient(90deg, var(--brand), #d4213a) !important; color: #fff !important; border-radius: 14px 14px 0 14px !important; padding: 10px 18px !important; font-weight: 800; display: inline-block; box-shadow: 0 8px 18px rgba(184, 6, 31, .22); }
/* ========== v6.1 — یووچر/پرفکت‌مانی: چیپ‌های سربرگ به‌صورت گرید، آکاردئون qsbox با کلاس act، دکمه‌های کشیده (stretch) و دکمه‌های مارکت ========== */
/* چیپ‌های ویژگی سربرگ: گرید ۴ستونه (آیکون، متن، آیکون، متن) تا هیچ‌وقت آیکون از متنش جدا نشود */
.site-body > header .row:has(> .col-1), .site-body > div[style*="voucher-bg.svg"] .row:has(> .col-1) { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px 10px; align-items: center; margin: 0 !important; }
.site-body > header .row > .col-1, .site-body > header .row > .col-5, .site-body > div[style*="voucher-bg.svg"] .row > .col-1, .site-body > div[style*="voucher-bg.svg"] .row > .col-5 { flex: none; width: auto; max-width: none; padding: 0 !important; margin: 0 !important; }
.site-body > header .row > .col-1 img, .site-body > div[style*="voucher-bg.svg"] .row > .col-1 img { width: 46px; height: 46px; object-fit: contain; padding: 6px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); display: block; }
.site-body > header .row > .col-5, .site-body > div[style*="voucher-bg.svg"] .row > .col-5 { font-size: 14px !important; font-weight: 700; color: var(--ink); line-height: 1.5; padding-inline-end: 12px !important; }
@media (max-width: 420px) { .site-body > header .row:has(> .col-1), .site-body > div[style*="voucher-bg.svg"] .row:has(> .col-1) { grid-template-columns: auto minmax(0, 1fr); } }
/* آکاردئون سؤالات با کلاس act (اسکریپت صفحه فقط کلاس را toggle می‌کند؛ CSS باز/بسته شدن اینجاست) */
.site-body .qsbox .qs { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; user-select: none; }
.site-body .qsbox .qs span { flex: 1 1 auto; }
.site-body .qsbox .qs i { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 13px; background: var(--brand-soft); color: var(--brand); transition: transform var(--t-base) var(--ease), background var(--t-fast), color var(--t-fast); }
.site-body .qsbox .qs .icofont-minus { display: none; }
.site-body .qsbox.act .qs { background: var(--brand) !important; color: #fff !important; border-color: var(--brand); border-radius: var(--r-md) var(--r-md) 0 0 !important; }
.site-body .qsbox.act .qs i { background: rgba(255, 255, 255, .18); color: #fff; }
.site-body .qsbox.act .qs .icofont-plus { display: none; }
.site-body .qsbox.act .qs .icofont-minus { display: inline-grid; }
.site-body .qsbox .ans { height: 0; overflow: hidden; padding: 0 20px !important; margin: 0; transition: padding var(--t-base) var(--ease); }
.site-body .qsbox.act .ans { height: auto; padding: 16px 20px !important; background: var(--surface-2); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 var(--r-md) var(--r-md); line-height: 2; animation: psFadeIn .3s var(--ease); }
.site-body .qsbox.act .ans p:last-child { margin-bottom: 0; }
@keyframes psFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
/* دکمه‌های کشیده‌ی قدیمی (stretch) با کلاس‌های t-bigger/t-biggest: اندازه‌ی یکنواخت و تک‌خطی */
.site-body .btn.stretch { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 50px; padding: 10px 20px !important; font-size: 15px !important; line-height: 1.3 !important; border-radius: 999px !important; white-space: normal; text-wrap: balance; }
.site-body .btn.stretch i { font-size: 1.15em !important; position: static !important; }
.site-body a > .btn.stretch { pointer-events: none; }
.site-body a:has(> .btn.stretch) { display: block; text-decoration: none; }
.site-body .mybtn2, .site-body .btn.mybtn2 { background: transparent !important; border: 2px solid var(--brand) !important; color: var(--brand) !important; border-radius: 999px !important; font-weight: 700; box-shadow: none; transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast) var(--ease); }
.site-body .mybtn2:hover, .site-body a:hover > .btn.mybtn2 { background: var(--brand) !important; color: #fff !important; }
.site-body div[style*="padding:40px 0 25px"] { padding: 22px 0 18px !important; }
/* دکمه‌های مارکت در بخش «دانلود اپلیکیشن» */
.site-body a[href*="play.google"] > .btn, .site-body a[href$=".apk"] > .btn, .site-body a[href*="apps.apple"] > .btn, .site-body a[href*="cafebazaar"] > .btn, .site-body a[href*="myket"] > .btn { background: var(--ink) !important; color: #fff !important; border: 0 !important; border-radius: 14px !important; min-height: 56px; font-size: 15px !important; font-weight: 800; gap: 10px; box-shadow: var(--sh-1); }
.site-body a[href*="play.google"] > .btn i, .site-body a[href$=".apk"] > .btn i, .site-body a[href*="apps.apple"] > .btn i, .site-body a[href*="cafebazaar"] > .btn i, .site-body a[href*="myket"] > .btn i { font-size: 24px !important; }
.site-body a[href*="play.google"]:hover > .btn, .site-body a[href$=".apk"]:hover > .btn, .site-body a[href*="apps.apple"]:hover > .btn, .site-body a[href*="cafebazaar"]:hover > .btn { background: var(--brand) !important; transform: translateY(-2px); }
/* دکمه‌های مارکت با کلاس mybtn2 (خطی) هم پر و تیره باشند */
.site-body a[href*="play.google"] > .btn.mybtn2, .site-body a[href$=".apk"] > .btn.mybtn2, .site-body a[href*="apps.apple"] > .btn.mybtn2, .site-body a[href*="cafebazaar"] > .btn.mybtn2 { background: var(--ink) !important; border: 0 !important; color: #fff !important; }
.site-body a[href*="play.google"]:hover > .btn.mybtn2, .site-body a[href$=".apk"]:hover > .btn.mybtn2 { background: var(--brand) !important; }
/* چیپ‌های سربرگ در ستون باریک: با container query دو ستونه می‌شوند و متن‌ها نمی‌شکنند */
.site-body > header .row > [class*="col-lg-"], .site-body > div[style*="voucher-bg.svg"] .row > [class*="col-md-"] { container-type: inline-size; }
.site-body > header .row > .col-5, .site-body > div[style*="voucher-bg.svg"] .row > .col-5 { white-space: nowrap; }
@container (max-width: 400px) { .site-body > header .row:has(> .col-1), .site-body > div[style*="voucher-bg.svg"] .row:has(> .col-1) { grid-template-columns: auto minmax(0, 1fr); } }
/* HTML قدیمی دکمه‌ی اندروید تودرتو و معکوس است () ⇒ مرورگر لینک را داخل دکمه می‌گذارد */
.site-body .btn.stretch:has(> a[href*="play.google"]), .site-body .btn.stretch:has(> a[href*="apps.apple"]), .site-body .btn.stretch:has(> a[href*="cafebazaar"]) { background: var(--ink) !important; border: 0 !important; color: #fff !important; border-radius: 14px !important; min-height: 56px; font-size: 15px !important; font-weight: 800; box-shadow: var(--sh-1); padding: 0 !important; }
.site-body .btn.stretch > a[href*="play.google"], .site-body .btn.stretch > a[href*="apps.apple"], .site-body .btn.stretch > a[href*="cafebazaar"] { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; color: #fff !important; text-decoration: none; }
.site-body .btn.stretch > a[href*="play.google"] i, .site-body .btn.stretch > a[href*="apps.apple"] i { font-size: 24px !important; }
.site-body .btn.stretch:has(> a[href*="play.google"]):hover, .site-body .btn.stretch:has(> a[href*="apps.apple"]):hover { background: var(--brand) !important; transform: translateY(-2px); }
.site-body .btn.stretch i, .site-body .btn.stretch > a i { color: inherit !important; }
.site-body a[href$=".apk"] > .btn i, .site-body a[href*="apps.apple"] > .btn i, .site-body .btn.stretch:has(> a[href*="play.google"]) i { color: #fff !important; }
/* گوشه‌ی تیز کارت متن زیر عنوان باید سمت راست (زیر نوار عنوان) باشد، نه چپ */
.site-body .titleBox2 .text { border-radius: 16px 0 16px 16px !important; }
.site-body .titleBox2 .title, .site-body .mytitle { border-radius: 14px 14px 0 14px !important; }
/* ========== v7 — اخبار/آموزش و صفحه‌ی مطلب (قالب‌های articles.php و article.php) ========== */
.ps-art-page { padding: 28px 16px 24px; }
.ps-art-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.ps-art-head h1 { font-size: var(--fs-xl); margin: 0 0 6px; }
.ps-art-head p { margin: 0; color: var(--text-2); font-size: 15px; }
.ps-art-tabs { display: inline-flex; align-items: center; gap: 6px; padding: 5px; border-radius: 999px; background: var(--surface-3); }
.ps-art-tabs a { padding: 8px 20px; border-radius: 999px; font-weight: 700; color: var(--text-2); min-height: 40px; display: inline-flex; align-items: center; transition: background var(--t-fast), color var(--t-fast); }
.ps-art-tabs a:hover { color: var(--brand); }
.ps-art-tabs a.is-active { background: var(--brand); color: #fff; box-shadow: 0 6px 16px rgba(184, 6, 31, .22); }
.ps-art-count { padding: 0 12px; font-size: 12.5px; color: var(--muted); white-space: nowrap; }
/* کاشی‌های خدمات */
.ps-promo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 40px; }
.ps-promo { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; min-height: 240px; padding: 22px; border-radius: var(--r-lg); background-size: cover; background-position: center; color: #fff; overflow: hidden; isolation: isolate; box-shadow: var(--sh-1); transition: transform var(--t-base) var(--ease), box-shadow var(--t-base); }
.ps-promo::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 23, 42, .05) 20%, rgba(15, 23, 42, .78) 100%); z-index: -1; transition: background var(--t-base); }
.ps-promo:hover { transform: translateY(-4px); box-shadow: var(--sh-2); color: #fff; }
.ps-promo:hover::before { background: linear-gradient(180deg, rgba(184, 6, 31, .15) 10%, rgba(120, 10, 25, .85) 100%); }
.ps-promo-wide { grid-column: span 2; }
.ps-promo-tag { position: absolute; top: 16px; inset-inline-start: 16px; padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .3); font-size: 12px; font-weight: 700; backdrop-filter: blur(6px); }
.ps-promo-title { font-size: 19px; font-weight: 800; line-height: 1.55; text-shadow: 0 2px 10px rgba(0, 0, 0, .3); }
.ps-promo-by { font-size: 12.5px; opacity: .85; }
/* چیدمان اصلی */
.ps-art-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.ps-art-section-title { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.ps-art-section-title h2 { font-size: 22px; margin: 0; white-space: nowrap; }
.ps-art-section-title .bar { flex: 1 1 auto; height: 1px; margin: 0; width: auto; background: var(--line) !important; position: relative; }
.ps-art-section-title .bar::before { top: -3px; }
.ps-art-more { font-size: 13.5px; font-weight: 700; color: var(--brand); white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
.ps-art-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ps-art-media { position: relative; aspect-ratio: 16 / 10; background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #5a0b17 100%); overflow: hidden; flex: 0 0 auto; }
.ps-art-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.ps-art-media .ps-art-ph { position: absolute; inset: 0; display: grid; place-items: center; z-index: 0; }
.ps-art-media .ps-art-ph img { position: static; width: 44px; height: 44px; opacity: .35; filter: grayscale(1) brightness(3); object-fit: contain; }
.ps-art-media > img { z-index: 1; }
.ps-art-media > img.is-broken { display: none !important; }
.ps-art-card { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; color: var(--text); box-shadow: var(--sh-1); transition: transform var(--t-base) var(--ease), box-shadow var(--t-base), border-color var(--t-base); min-width: 0; }
.ps-art-card:hover, .ps-art-row:hover { transform: translateY(-4px); box-shadow: var(--sh-2); border-color: var(--line-2); color: var(--text); }
.ps-art-card:hover .ps-art-media > img, .ps-art-row:hover .ps-art-media > img { transform: scale(1.05); }
.ps-art-body { display: flex; flex-direction: column; gap: 8px; padding: 16px 16px 14px; flex: 1 1 auto; min-width: 0; }
.ps-art-kind { align-self: flex-start; font-size: 11.5px; font-weight: 700; color: var(--brand); background: var(--brand-soft); padding: 3px 10px; border-radius: 999px; }
.ps-art-body h3 { font-size: 15.5px; line-height: 1.65; margin: 0; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ps-art-body p { font-size: 13.5px; color: var(--text-2); line-height: 1.9; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ps-art-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--line); font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.ps-art-meta i { color: var(--brand); margin-inline-end: 3px; }
.ps-art-rows { display: grid; gap: 14px; }
.ps-art-row { display: grid; grid-template-columns: 220px minmax(0, 1fr); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; color: var(--text); box-shadow: var(--sh-1); transition: transform var(--t-base) var(--ease), box-shadow var(--t-base); }
.ps-art-row .ps-art-media { aspect-ratio: auto; min-height: 100%; }
.ps-art-row .ps-art-body p { -webkit-line-clamp: 2; }
.ps-art-empty { text-align: center; padding: 56px 16px; background: var(--surface-2); border-radius: var(--r-lg); color: var(--muted); }
.ps-art-empty i { font-size: 44px; display: block; margin-bottom: 10px; color: var(--line-2); }
/* ستون کناری */
.ps-art-side { display: grid; gap: 18px; position: sticky; top: calc(var(--site-nav-h) + 16px); }
.ps-side-cta { background: linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 20px; text-align: center; box-shadow: var(--sh-1); }
.ps-side-cta img { width: 150px; height: auto; margin: 0 auto 10px; display: block; }
.ps-side-cta h3 { font-size: 16px; margin: 0 0 6px; }
.ps-side-cta p { font-size: 13px; color: var(--text-2); margin: 0 0 14px; line-height: 1.8; }
.ps-side-box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 16px; box-shadow: var(--sh-1); }
.ps-side-head { text-align: center; margin-bottom: 12px; }
.ps-hot-list { list-style: none; margin: 0; padding: 0; counter-reset: hot; display: grid; }
.ps-hot-list li + li { border-top: 1px solid var(--surface-3); }
.ps-hot-list a { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 4px 10px; padding: 10px 2px; color: var(--text); align-items: start; }
.ps-hot-list a:hover .ps-hot-t { color: var(--brand); }
.ps-hot-n { width: 30px; height: 30px; border-radius: 10px; background: var(--brand-soft); color: var(--brand); font-weight: 800; display: grid; place-items: center; font-size: 13px; grid-row: span 2; }
.ps-hot-t { font-size: 13.5px; font-weight: 700; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color var(--t-fast); }
.ps-hot-v { font-size: 11.5px; color: var(--muted); }
.ps-hot-v i { color: var(--brand); }
/* دسته‌های موضوعی */
.ps-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 48px 0; }
.ps-topic { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 18px; box-shadow: var(--sh-1); }
.ps-topic h3 { font-size: 16px; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--line); position: relative; }
.ps-topic h3::after { content: ''; position: absolute; bottom: -1px; inset-inline-start: 0; width: 40px; height: 3px; border-radius: 3px; background: var(--brand); }
.ps-topic ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ps-topic li a { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; align-items: center; color: var(--text); padding: 4px; border-radius: var(--r-sm); transition: background var(--t-fast); }
.ps-topic li a:hover { background: var(--surface-2); color: var(--brand); }
.ps-topic .ps-art-media { aspect-ratio: 4 / 3; border-radius: 10px; }
.ps-topic .ps-art-media .ps-art-ph img { width: 24px; height: 24px; }
.ps-topic li span { font-size: 13.5px; font-weight: 700; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ps-topic li small { display: block; font-size: 11.5px; color: var(--muted); font-weight: 400; margin-top: 3px; }
.ps-topic-empty { color: var(--muted); font-size: 13px; text-align: center; margin: 20px 0; }
/* دربارهٔ ما + آمار */
.ps-about { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, 1fr); gap: 28px; align-items: center; background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #4a0a14 100%); color: #e2e8f0; border-radius: var(--r-xl); padding: 36px 32px; margin-bottom: 20px; }
.ps-about h2 { color: #fff; font-size: 20px; margin: 0 0 12px; }
.ps-about p { line-height: 2; font-size: 14.5px; margin: 0; color: #cbd5e1; }
.ps-about-img { width: 100%; max-width: 320px; margin: 0 auto; border-radius: var(--r-lg); display: block; }
.ps-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ps-stats div { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); border-radius: var(--r-md); padding: 14px 10px; text-align: center; }
.ps-stats strong { display: block; font-size: 26px; font-weight: 900; color: #ff6b7d; font-family: inherit; direction: ltr; }
.ps-stats span { font-size: 12.5px; color: #cbd5e1; }
/* صفحه‌ی مطلب */
.ps-article { padding: 24px 16px 48px; max-width: 1140px; }
.ps-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); margin-bottom: 18px; }
.ps-crumbs a { color: var(--text-2); }
.ps-crumbs a:hover { color: var(--brand); }
.ps-crumbs i { font-size: 10px; }
.ps-crumbs span { color: var(--ink); font-weight: 600; }
.ps-article-head { max-width: 860px; margin-bottom: 24px; }
.ps-article-head h1 { font-size: clamp(22px, 3vw, 32px); line-height: 1.6; margin: 10px 0 14px; text-wrap: balance; }
.ps-article-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
.ps-article-meta i { color: var(--brand); margin-inline-end: 4px; }
.ps-article-cover { margin: 0 0 28px; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--sh-2); max-height: 460px; }
.ps-article-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ps-article-cover:has(img.is-broken) { display: none; }
.ps-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; }
.ps-article-body { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); padding: 32px 34px; box-shadow: var(--sh-1); font-size: 16px; line-height: 2.1; color: var(--text); overflow-wrap: anywhere; min-width: 0; }
.ps-article-body p { margin: 0 0 1.1em; text-align: start !important; }
.ps-article-body h2, .ps-article-body h3, .ps-article-body h4 { margin: 1.6em 0 .6em; line-height: 1.6; color: var(--ink); }
.ps-article-body h2 { font-size: 22px; padding-inline-start: 14px; border-inline-start: 4px solid var(--brand); }
.ps-article-body h3 { font-size: 18px; }
.ps-article-body h4 { font-size: 16px; }
.ps-article-body span[style*="color"] { color: var(--brand) !important; font-weight: 700; }
.ps-article-body img { max-width: 100%; height: auto; border-radius: var(--r-md); display: block; margin: 18px auto; box-shadow: var(--sh-1); }
.ps-article-body img.is-broken { display: none; }
.ps-article-body ul, .ps-article-body ol { padding-inline-start: 1.4em; margin: 0 0 1.1em; }
.ps-article-body li { margin-bottom: .35em; }
.ps-article-body blockquote { margin: 1.2em 0; padding: 14px 18px; background: var(--brand-soft); border-inline-start: 4px solid var(--brand); border-radius: var(--r-sm); }
.ps-article-body a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.ps-article-body table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 14px; display: block; overflow-x: auto; }
.ps-article-body td, .ps-article-body th { border: 1px solid var(--line); padding: 8px 10px; }
.ps-article-body th { background: var(--surface-2); }
.ps-article-body iframe, .ps-article-body video { max-width: 100%; border-radius: var(--r-md); }
.ps-article-body > *:first-child { margin-top: 0; }
.ps-article-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 28px; padding-top: 20px; border-top: 1px dashed var(--line); font-size: 13.5px; color: var(--text-2); }
.ps-article-share > span { margin-inline-end: 6px; font-weight: 700; }
.ps-article-share a, .ps-copy-link { width: 42px; height: 42px; border-radius: 12px; display: inline-grid; place-items: center; background: var(--surface-2); color: var(--ink); font-size: 18px; border: 1px solid var(--line); transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast) var(--ease); text-decoration: none !important; }
.ps-copy-link { width: auto; padding: 0 14px; gap: 6px; grid-auto-flow: column; font-size: 13px; font-weight: 700; cursor: pointer; min-height: 42px !important; }
.ps-article-share a:hover, .ps-copy-link:hover { background: var(--brand); color: #fff; border-color: var(--brand); transform: translateY(-2px); }
.ps-copy-link.is-done { background: var(--ok); border-color: var(--ok); color: #fff; }
.ps-article-side { display: grid; gap: 18px; position: sticky; top: calc(var(--site-nav-h) + 16px); }
.ps-related { list-style: none; margin: 0; padding: 0; display: grid; }
.ps-related li + li { border-top: 1px solid var(--surface-3); }
.ps-related a { display: block; padding: 10px 2px; color: var(--text); }
.ps-related a span { display: block; font-size: 13.5px; font-weight: 700; line-height: 1.6; transition: color var(--t-fast); }
.ps-related a:hover span { color: var(--brand); }
.ps-related small { font-size: 11.5px; color: var(--muted); }
.ps-related small i { color: var(--brand); }
.ps-side-back { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--text-2); font-size: 14px; }
.ps-side-back:hover { color: var(--brand); }
@media (max-width: 991.98px) {
.ps-art-layout, .ps-article-layout { grid-template-columns: 1fr; }
.ps-art-side, .ps-article-side { position: static; }
.ps-art-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ps-topics { grid-template-columns: 1fr; }
.ps-about { grid-template-columns: 1fr; text-align: center; padding: 28px 20px; }
.ps-promo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ps-promo-wide { grid-column: span 2; }
}
@media (max-width: 575.98px) {
.ps-art-page { padding-top: 20px; }
.ps-art-head h1 { font-size: 24px; }
.ps-art-tabs { width: 100%; }
.ps-art-tabs a { flex: 1 1 0; justify-content: center; }
.ps-art-count { display: none; }
.ps-promo-grid { grid-template-columns: 1fr; gap: 10px; }
.ps-promo, .ps-promo-wide { grid-column: auto; min-height: 190px; padding: 16px; }
.ps-promo-title { font-size: 16px; }
.ps-art-grid { grid-template-columns: 1fr; }
.ps-art-row { grid-template-columns: 1fr; }
.ps-art-row .ps-art-media { aspect-ratio: 16 / 9; }
.ps-art-section-title h2 { font-size: 18px; }
.ps-article { padding-top: 16px; }
.ps-article-body { padding: 20px 16px; font-size: 15px; border-radius: var(--r-lg); }
.ps-article-cover { border-radius: var(--r-lg); }
.ps-stats strong { font-size: 22px; }
}
.ps-about h2, .ps-about-stats h2 { color: #fff !important; }
.ps-topics { grid-template-columns: repeat(var(--ps-topic-n, 3), minmax(0, 1fr)); }
.ps-article-body p:empty { display: none; }
.ps-article-body br + br { display: none; }
@media (max-width: 991.98px) { .ps-topics { grid-template-columns: 1fr; } }
/* v7.1 — افکت‌های بلاگ نرم‌تر: جابه‌جایی کمتر، زمان طولانی‌تر و منحنی ملایم؛ بدون بزرگ‌نمایی تند */
.ps-art-page, .ps-article { --ps-ease: cubic-bezier(.25, .8, .25, 1); --ps-t: 420ms; }
.ps-promo { transition: transform var(--ps-t) var(--ps-ease), box-shadow var(--ps-t) var(--ps-ease); }
.ps-promo::before { transition: background .6s var(--ps-ease); }
.ps-promo:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(15, 23, 42, .12); }
.ps-promo:hover::before { background: linear-gradient(180deg, rgba(15, 23, 42, .02) 20%, rgba(120, 10, 25, .8) 100%); }
.ps-art-card, .ps-art-row { transition: transform var(--ps-t) var(--ps-ease), box-shadow var(--ps-t) var(--ps-ease), border-color var(--ps-t) var(--ps-ease); }
.ps-art-card:hover, .ps-art-row:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15, 23, 42, .09); }
.ps-art-media img { transition: transform 1.2s var(--ps-ease), opacity .4s var(--ps-ease); }
.ps-art-card:hover .ps-art-media > img, .ps-art-row:hover .ps-art-media > img { transform: scale(1.025); }
.ps-art-card:hover h3, .ps-art-row:hover h3 { color: var(--brand); }
.ps-art-body h3 { transition: color var(--ps-t) var(--ps-ease); }
.ps-art-tabs a { transition: background var(--ps-t) var(--ps-ease), color var(--ps-t) var(--ps-ease), box-shadow var(--ps-t) var(--ps-ease); }
.ps-hot-t, .ps-related a span, .ps-topic li a, .ps-crumbs a, .ps-side-back, .ps-art-more { transition: color var(--ps-t) var(--ps-ease), background var(--ps-t) var(--ps-ease); }
.ps-article-share a, .ps-copy-link { transition: background var(--ps-t) var(--ps-ease), color var(--ps-t) var(--ps-ease), border-color var(--ps-t) var(--ps-ease), transform var(--ps-t) var(--ps-ease); }
.ps-article-share a:hover, .ps-copy-link:hover { transform: translateY(-1px); }
.ps-art-page .ps-social-card { transition: background var(--ps-t) var(--ps-ease), transform var(--ps-t) var(--ps-ease); }
.ps-art-page .ps-social-card:hover { transform: translateY(-1px); }
.ps-art-page .btn-primary:hover, .ps-article .btn-primary:hover { transform: none; }
.ps-art-page .reveal, .ps-article .reveal { transition-duration: .7s; transform: translateY(10px); }
@media (prefers-reduced-motion: reduce) { .ps-promo:hover, .ps-art-card:hover, .ps-art-row:hover, .ps-article-share a:hover, .ps-copy-link:hover { transform: none; } .ps-art-card:hover .ps-art-media > img, .ps-art-row:hover .ps-art-media > img { transform: none; } }
/* قاعده‌ی عمومی body.site a (اولویت بالاتر) transition لینک‌های بلاگ را به فقط رنگ محدود می‌کرد ⇒ هاور می‌پرید؛ اینجا با همان اولویت بازنویسی می‌شود */
body.site a.ps-promo { transition: transform var(--ps-t) var(--ps-ease), box-shadow var(--ps-t) var(--ps-ease), color var(--ps-t) var(--ps-ease); }
body.site a.ps-art-card, body.site a.ps-art-row { transition: transform var(--ps-t) var(--ps-ease), box-shadow var(--ps-t) var(--ps-ease), border-color var(--ps-t) var(--ps-ease), color var(--ps-t) var(--ps-ease); }
body.site .ps-art-tabs a, body.site .ps-article-share a, body.site .ps-topic li a, body.site .ps-hot-list a, body.site .ps-related a, body.site a.ps-side-back, body.site a.ps-art-more, body.site .ps-crumbs a { transition: background var(--ps-t) var(--ps-ease), color var(--ps-t) var(--ps-ease), border-color var(--ps-t) var(--ps-ease), transform var(--ps-t) var(--ps-ease), box-shadow var(--ps-t) var(--ps-ease); }
body.site a.ps-social-card { transition: background var(--ps-t) var(--ps-ease), transform var(--ps-t) var(--ps-ease), color var(--ps-t) var(--ps-ease); }
/* متادیتای پایین کارت‌ها: هر آیتم یک واحد (آیکون + عدد) با جهت ثابت و فاصله‌ی یکسان؛ تاریخ راست، بازدید چپ */
.ps-art-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: nowrap; }
.ps-art-meta > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; direction: rtl; unicode-bidi: isolate; line-height: 1; }
.ps-art-meta > span i { margin: 0; font-size: 13px; line-height: 1; display: inline-block; }
.ps-article-meta { align-items: center; }
.ps-article-meta > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; line-height: 1; }
.ps-article-meta > span i { margin: 0; font-size: 14px; line-height: 1; }
.ps-hot-v, .ps-related small, .ps-topic li small { display: inline-flex; align-items: center; gap: 4px; line-height: 1.4; }
.ps-hot-v i, .ps-related small i { margin: 0; font-size: 12px; }
/* متن کارت‌ها راست‌چین (justify قدیمی کلمات را پخش می‌کرد) */
.ps-art-body h3, .ps-art-body p, .ps-hot-t, .ps-related a span, .ps-topic li span, .ps-promo-title, .ps-article-body h1, .ps-article-body h2, .ps-article-body h3, .ps-side-cta p { text-align: start !important; }
/* v7.2 — صفحه‌ی مطلب: بدون سربرگ عمومی، مسیر فشرده، عنوان راست‌چین، متن فشرده‌تر و خواناتر */
body.hero-none .ps-article { padding-top: 22px; }
.ps-crumbs { padding: 8px 14px; background: var(--surface-2); border-radius: 999px; display: inline-flex; max-width: 100%; }
.ps-crumbs span { unicode-bidi: plaintext; direction: rtl; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 46ch; }
.ps-article-head { max-width: 900px; margin-bottom: 22px; }
.ps-article-head h1 { text-align: start !important; font-size: clamp(23px, 3.2vw, 34px); line-height: 1.55; margin: 12px 0 14px; }
.ps-article-meta { gap: 6px 18px; }
.ps-article-body { font-size: 16.5px; line-height: 2; padding: 30px 32px; }
.ps-article-body p { margin: 0 0 .85em; }
.ps-article-body p[dir] { text-align: start !important; }
.ps-article-body p:has(> a:only-child), .ps-article-body p:has(> .ps-term:only-child) { display: inline-block; margin: 0 0 8px 8px; }
.ps-article-body .ps-term, .ps-article-body p:has(> a:only-child) > a { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line); color: var(--ink); font-weight: 600; text-decoration: none; font-size: 14.5px; }
.ps-article-body a:not(.ps-term) { text-decoration-color: rgba(184, 6, 31, .4); }
.ps-article-body a:hover { text-decoration-color: var(--brand); }
.ps-article-body ul, .ps-article-body ol { padding-inline-start: 1.5em; }
.ps-article-body li { margin-bottom: .45em; }
.ps-article-body li::marker { color: var(--brand); }
.ps-article-body strong { color: var(--ink); }
.ps-article-body > p:first-of-type { font-size: 17.5px; color: var(--ink); }
.ps-article-side .ps-side-cta { background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #4a0a14 100%); color: #e2e8f0; border: 0; }
.ps-article-side .ps-side-cta h3 { color: #fff; }
.ps-article-side .ps-side-cta p { color: #cbd5e1; }
@media (max-width: 575.98px) {
.ps-crumbs { width: 100%; }
.ps-crumbs span { max-width: 22ch; }
.ps-article-head h1 { font-size: 22px; }
.ps-article-body { font-size: 15.5px; line-height: 2; padding: 20px 16px; }
.ps-article-body > p:first-of-type { font-size: 16px; }
}
.ps-article-body li, .ps-article-body blockquote, .ps-article-body td { text-align: start !important; }
/* مسیر ناوبری مطلب: عنصر nav در app.css قدیمی ltr است ⇒ راست‌چین صریح */
.ps-crumbs { direction: rtl; justify-content: flex-start; }
/* عنوان مطلب کوچک‌تر و جمع‌وجورتر */
.ps-article-head h1 { font-size: clamp(19px, 2.2vw, 24px) !important; line-height: 1.6; font-weight: 800; margin: 10px 0 10px; max-width: 760px; }
.ps-article-head .ps-art-kind { font-size: 11px; }
@media (max-width: 575.98px) { .ps-article-head h1 { font-size: 18px !important; } }
/* دسته‌های موضوعی: عنوان (حداکثر دو خط) و تاریخ جدا از هم */
.ps-topic li > a > span { display: flex; flex-direction: column; gap: 6px; -webkit-line-clamp: unset; overflow: visible; display: -webkit-box; }
.ps-topic li > a > span { display: flex !important; }
.ps-topic .ps-topic-t { font-size: 13.5px; font-weight: 700; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ps-topic li small { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--muted); font-weight: 400; margin: 0; line-height: 1.4; }
.ps-topic li small i { color: var(--brand); font-size: 11px; }
/* ========== v8 — پرسش و پاسخ (questions.php): سرصفحه‌ی فشرده، کارت گفت‌وگو، صفحه‌بندی ========== */
.ps-faq { padding: 22px 16px 48px; max-width: 980px; }
.ps-faq .ps-crumbs { margin-bottom: 16px; }
.ps-faq-head { margin-bottom: 26px; }
.ps-faq-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ps-faq-title h1 { font-size: clamp(20px, 2.4vw, 26px); margin: 0 0 6px; }
.ps-faq-title p { margin: 0; color: var(--text-2); font-size: 14px; line-height: 1.9; max-width: 640px; }
.ps-faq-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 140px; padding: 12px 18px; border-radius: var(--r-lg); background: var(--brand-soft); color: var(--brand); }
.ps-faq-stat strong { font-size: 26px; font-weight: 900; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ps-faq-stat span { font-size: 12px; font-weight: 700; }
.ps-faq-list { display: grid; gap: 16px; }
.ps-faq-item { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--sh-1); overflow: hidden; transition: box-shadow .42s cubic-bezier(.25, .8, .25, 1), border-color .42s cubic-bezier(.25, .8, .25, 1); }
.ps-faq-item:hover { box-shadow: var(--sh-2); border-color: var(--line-2); }
.ps-faq-q, .ps-faq-a { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px 20px; align-items: start; }
.ps-faq-a { background: var(--surface-2); border-top: 1px solid var(--line); }
.ps-faq-avatar { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--surface-3); color: var(--ink); font-weight: 800; font-size: 17px; flex: 0 0 auto; }
.ps-faq-avatar.is-ps { background: var(--brand); }
.ps-faq-avatar.is-ps img { width: 26px; height: 26px; filter: brightness(0) invert(1); }
.ps-faq-bubble { min-width: 0; }
.ps-faq-who { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; font-size: 13px; }
.ps-faq-who > span { font-weight: 800; color: var(--ink); }
.ps-faq-who time { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.ps-faq-who time i { color: var(--brand); font-size: 12px; }
.ps-faq-who em { font-style: normal; font-size: 11px; font-weight: 700; color: var(--brand); background: var(--brand-soft); padding: 2px 9px; border-radius: 999px; }
.ps-faq-q h2, .ps-faq-q h1 { font-size: 15.5px; font-weight: 700; line-height: 1.8; margin: 0; color: var(--ink); text-align: start !important; text-wrap: pretty; }
.ps-faq-q h1 { font-size: 17px; }
.ps-faq-q h2 a { color: inherit; transition: color .3s; }
.ps-faq-q h2 a:hover { color: var(--brand); }
.ps-faq-text { font-size: 14.5px; line-height: 2; color: var(--text); text-align: start !important; overflow-wrap: anywhere; }
.ps-faq-text p { margin: 0 0 .6em; }
.ps-faq-text p:last-child { margin-bottom: 0; }
.ps-faq-link { position: absolute; top: 14px; inset-inline-end: 14px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: var(--muted); background: transparent; opacity: 0; transition: opacity .3s, background .3s, color .3s; }
.ps-faq-item:hover .ps-faq-link, .ps-faq-link:focus-visible { opacity: 1; }
.ps-faq-link:hover { background: var(--brand-soft); color: var(--brand); }
.ps-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-top: 30px; }
.ps-pager a { min-width: 40px; height: 40px; padding: 0 12px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: var(--surface); border: 1px solid var(--line); color: var(--text); font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; transition: background .3s, color .3s, border-color .3s; }
.ps-pager a:hover { border-color: var(--brand); color: var(--brand); }
.ps-pager a.is-active { background: var(--brand); border-color: var(--brand); color: #fff; }
.ps-pager a.is-disabled { opacity: .45; pointer-events: none; }
.ps-pager-dots { color: var(--muted); padding: 0 4px; }
.ps-pager-info { text-align: center; color: var(--muted); font-size: 12.5px; margin: 10px 0 0; }
.ps-faq-foot { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 28px; }
.ps-faq-foot .btn { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 575.98px) {
.ps-faq { padding: 16px 12px 40px; }
.ps-faq-stat { width: 100%; flex-direction: row; gap: 10px; padding: 10px 16px; }
.ps-faq-stat strong { font-size: 20px; }
.ps-faq-q, .ps-faq-a { grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 14px 14px; }
.ps-faq-avatar { width: 36px; height: 36px; border-radius: 11px; font-size: 15px; }
.ps-faq-avatar.is-ps img { width: 20px; height: 20px; }
.ps-faq-q h2 { font-size: 14.5px; }
.ps-faq-q h1 { font-size: 16px; }
.ps-faq-text { font-size: 14px; }
.ps-faq-link { opacity: 1; top: 10px; }
.ps-pager a { min-width: 36px; height: 36px; padding: 0 10px; }
.ps-pager-nav span { display: none; }
}
/* ========== v8.1 — صفحات «قوانین و شرایط» و «تماس با ما» (بدنه از DB؛ کلاس‌های box/titrbox/news2/law) ========== */
.site-body > .container[style*="padding-bottom: 40px"] { padding: 28px 16px 56px !important; max-width: 1000px; }
.site-body .box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl) !important; box-shadow: var(--sh-1); padding: 26px 28px !important; margin: 0 0 18px; }
.site-body .titrbox { font-size: clamp(18px, 2.2vw, 22px); font-weight: 800; color: var(--ink); padding: 0 0 12px !important; margin: 0 0 18px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; position: relative; text-align: start; }
.site-body .titrbox::after { content: ''; position: absolute; bottom: -1px; inset-inline-start: 0; width: 56px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--brand), #ff5a6e); }
.site-body .titrbox i.fa, .site-body .titrbox i[class^="fa"] { display: none; }
.site-body .news2 { padding: 0 !important; color: var(--text) !important; }
.site-body .law { font-size: 15px !important; line-height: 2.1 !important; text-align: start !important; color: var(--text); }
.site-body .law > br:first-child { display: none; }
.site-body div[style*="width: 94%"] { width: 100% !important; margin: 0 !important; }
.site-body div[style*="padding-bottom: 50px"] { padding-bottom: 0 !important; }
.site-body div#comment.row { margin: 0 -9px !important; width: auto !important; }
.site-body div#comment > [class*="col-md-6"] { padding: 0 9px !important; }
.site-body .news2 > div { font-size: 15px; line-height: 2; }
.site-body .news2 > div[style*="direction: ltr"] { direction: rtl !important; text-align: start !important; font-variant-numeric: tabular-nums; }
.site-body .news2 > div.latin { direction: ltr; text-align: end; font-weight: 700; color: var(--brand); }
.site-body .news2 > div > a[style*="6a6966"] { color: var(--text) !important; font-size: 15px !important; display: block; margin-top: 12px; padding: 14px 16px; background: var(--surface-2); border-radius: var(--r-md); line-height: 1.9; }
.site-body .news2 > div[style*="2B3794"] { color: var(--ink) !important; font-weight: 700; margin-top: 18px !important; }
.site-body .news2 a[href=""] { display: none !important; }
.site-body .news2 a.ins { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: var(--brand) !important; color: #fff !important; margin: 0 !important; font-size: 0 !important; transition: background .3s, transform .3s; }
.site-body .news2 a.ins::before { content: ''; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='white'/%3E%3C/svg%3E") center / contain no-repeat; }
.site-body .news2 a.ins:hover { background: var(--brand-dark) !important; transform: translateY(-2px); }
.site-body .news2 a.ins i { display: none; }
.site-body .comment-box .comment-box-body { padding: 0; }
.site-body #map { border-radius: var(--r-lg); overflow: hidden; height: 300px !important; margin-top: 0 !important; border: 1px solid var(--line); }
.site-body .box[style*="min-height: 450px"] { min-height: 0 !important; height: 100%; }
@media (max-width: 767.98px) { .site-body .box { padding: 20px 16px !important; border-radius: var(--r-lg) !important; } .site-body .law { font-size: 14.5px !important; } .site-body div#comment > [class*="col-md-6"] + [class*="col-md-6"] { margin-top: 0; } }
.site-body .news2, .site-body .news2 > div, .site-body .news2 > div > a[style*="6a6966"] { text-align: start !important; }
.site-body .comment-box .titrbox { background: transparent !important; padding-inline: 0 !important; }
.site-body .comment-box .titrbox i { color: var(--brand); margin-inline-end: 6px; }
/* صفحه‌بندی پرسش‌وپاسخ: nav در app.css قدیمی ltr است ⇒ راست‌چین صریح (قبلی راست، بعدی چپ) */
.ps-pager { direction: rtl; }
/* ========== v8.2 — قوانین و شرایط (ساختار جدید ps-law) ========== */
.ps-law { max-width: 900px; margin: 0 auto; padding: 24px 16px 56px; }
.ps-law-head { margin-bottom: 26px; }
.ps-law-head h1 { font-size: clamp(21px, 2.6vw, 28px); margin: 0 0 12px; text-align: start; }
.ps-law-head h1::after { content: ''; display: block; width: 56px; height: 4px; border-radius: 4px; margin-top: 12px; background: linear-gradient(90deg, var(--brand), #ff5a6e); }
.ps-law-lead { font-size: 15.5px; line-height: 2; color: var(--text-2); background: var(--brand-soft); border-inline-start: 4px solid var(--brand); padding: 14px 18px; border-radius: var(--r-md); margin: 0; text-align: start; }
.ps-law-list { list-style: none; margin: 0; padding: 0; counter-reset: rule; display: grid; gap: 12px; }
.ps-law-list li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 16px 18px; box-shadow: var(--sh-1); transition: border-color .42s cubic-bezier(.25, .8, .25, 1), box-shadow .42s cubic-bezier(.25, .8, .25, 1); scroll-margin-top: 90px; }
.ps-law-list li:hover, .ps-law-list li:target { border-color: var(--brand); box-shadow: var(--sh-2); }
.ps-law-list li:target { background: var(--brand-soft); }
.ps-law-n { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--ink); color: #fff; font-weight: 800; font-size: 16px; font-variant-numeric: tabular-nums; }
.ps-law-list li:hover .ps-law-n { background: var(--brand); }
.ps-law-list li p { margin: 0; font-size: 15px; line-height: 2; color: var(--text); text-align: start !important; overflow-wrap: anywhere; }
.ps-law-note { margin: 22px 0 0; padding: 14px 18px; border-radius: var(--r-md); background: var(--surface-2); color: var(--text-2); font-size: 14px; text-align: start; }
@media (max-width: 575.98px) {
.ps-law { padding: 16px 12px 44px; }
.ps-law-list li { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 14px 14px; }
.ps-law-n { width: 34px; height: 34px; border-radius: 10px; font-size: 14px; }
.ps-law-list li p { font-size: 14.5px; }
}
/* ========== v8.3 — تماس با ما (ساختار جدید ps-contact) + فهرست بخش‌های قوانین ========== */
.ps-law-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ps-law-toc a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); font-weight: 700; font-size: 13.5px; transition: border-color .3s, color .3s; }
.ps-law-toc a:hover { border-color: var(--brand); color: var(--brand); }
.ps-law-toc small { font-size: 11.5px; color: var(--muted); font-weight: 400; }
.ps-law-h { font-size: 19px; margin: 32px 0 14px; padding-inline-start: 14px; border-inline-start: 4px solid var(--brand); line-height: 1.5; scroll-margin-top: 90px; text-align: start; }
.ps-law-final { margin-top: 28px; background: var(--brand-soft); color: var(--text); border-inline-start: 4px solid var(--brand); }
.ps-contact { max-width: 1040px; margin: 0 auto; padding: 24px 16px 56px; }
.ps-contact-head { margin-bottom: 22px; max-width: 760px; }
.ps-contact-head h1 { font-size: clamp(21px, 2.6vw, 28px); margin: 0 0 10px; text-align: start; }
.ps-contact-head h1::after { content: ''; display: block; width: 56px; height: 4px; border-radius: 4px; margin-top: 12px; background: linear-gradient(90deg, var(--brand), #ff5a6e); }
.ps-contact-head p { margin: 0; color: var(--text-2); font-size: 14.5px; line-height: 2; text-align: start; }
.ps-contact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ps-contact-card { display: flex; flex-direction: column; gap: 4px; padding: 20px 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--sh-1); color: var(--text); text-align: start; min-width: 0; transition: transform .42s cubic-bezier(.25, .8, .25, 1), box-shadow .42s cubic-bezier(.25, .8, .25, 1), border-color .42s; }
body.site a.ps-contact-card { transition: transform .42s cubic-bezier(.25, .8, .25, 1), box-shadow .42s cubic-bezier(.25, .8, .25, 1), border-color .42s, color .3s; }
a.ps-contact-card:hover { transform: translateY(-2px); box-shadow: var(--sh-2); border-color: var(--brand); color: var(--text); }
.ps-contact-card i { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand); font-size: 20px; margin-bottom: 8px; }
.ps-contact-card span { font-size: 12.5px; color: var(--muted); font-weight: 700; }
.ps-contact-card strong { font-size: 15px; color: var(--ink); line-height: 1.7; overflow-wrap: anywhere; }
.ps-contact-card strong[dir="ltr"] { text-align: end; font-variant-numeric: tabular-nums; }
.ps-contact-card small { font-size: 12px; color: var(--text-2); }
.ps-contact-card.is-primary { background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #4a0a14 100%); border: 0; color: #e2e8f0; }
.ps-contact-card.is-primary i { background: var(--brand); color: #fff; }
.ps-contact-card.is-primary span, .ps-contact-card.is-primary small { color: #cbd5e1; }
.ps-contact-card.is-primary strong { color: #fff; }
a.ps-contact-card.is-primary:hover { color: #e2e8f0; }
.ps-contact-social { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 18px 0 30px; font-size: 14px; color: var(--text-2); }
.ps-contact-social > span { font-weight: 700; color: var(--ink); margin-inline-end: 4px; }
.ps-contact-social a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-weight: 700; font-size: 13.5px; transition: background .3s, color .3s, border-color .3s; }
.ps-contact-social a i { color: var(--brand); font-size: 16px; }
.ps-contact-social a:hover { background: var(--brand); border-color: var(--brand); color: #fff; }
.ps-contact-social a:hover i { color: #fff; }
.ps-contact-bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: stretch; }
.ps-contact-form, .ps-contact-map { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--sh-1); padding: 24px; display: flex; flex-direction: column; }
.ps-contact-form h2, .ps-contact-map h2 { font-size: 18px; margin: 0 0 6px; text-align: start; }
.ps-contact-form > p { font-size: 13.5px; color: var(--text-2); margin: 0 0 14px; text-align: start; }
.ps-contact-form .box.comment-box { border: 0; box-shadow: none; padding: 0 !important; margin: 0; background: transparent; }
.ps-contact-form .comment-box .titrbox { display: none; }
.ps-contact-form .form-control { min-height: 46px; border-radius: 12px; }
.ps-contact-form textarea.form-control { min-height: 130px; }
.ps-contact-form .btn-primary { min-height: 46px; padding-inline: 32px; }
.ps-contact-map #map { flex: 1 1 auto; min-height: 320px; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); margin-top: 8px; }
.ps-contact-route { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-weight: 700; font-size: 13.5px; color: var(--brand); align-self: flex-start; }
@media (max-width: 991.98px) { .ps-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ps-contact-bottom { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .ps-contact { padding: 16px 12px 44px; } .ps-contact-grid { grid-template-columns: 1fr; gap: 10px; } .ps-contact-card { padding: 16px; } .ps-contact-form, .ps-contact-map { padding: 18px 16px; border-radius: var(--r-lg); } .ps-contact-map #map { min-height: 260px; } .ps-law-toc a { font-size: 12.5px; padding: 7px 12px; } }
.ps-contact-form .box.comment-box { overflow: visible; border-radius: 0 !important; }
.ps-contact-form .form-label { display: block; padding-inline-end: 2px; }
/* ========== v8.4 — موبایل: پرسش‌وپاسخ، قوانین، تماس با ما ========== */
@media (max-width: 575.98px) {
/* پرسش‌وپاسخ: صفحه‌بندی تک‌ردیفه، کارت‌ها فشرده‌تر */
.ps-pager { gap: 4px; }
.ps-pager a { min-width: 34px; height: 36px; padding: 0 8px; font-size: 13px; border-radius: 10px; }
.ps-pager .ps-pager-nav { padding: 0 10px; }
.ps-pager .ps-pager-nav span { display: none; }
.ps-pager-dots { padding: 0 2px; }
.ps-faq-head { margin-bottom: 18px; }
.ps-faq-title h1 { font-size: 20px; }
.ps-faq-title p { font-size: 13.5px; line-height: 1.8; }
.ps-faq-list { gap: 12px; }
.ps-faq-q h2 { font-size: 14px; line-height: 1.75; }
.ps-faq-text { font-size: 13.5px; line-height: 1.9; }
.ps-faq-who { font-size: 12.5px; }
.ps-faq-item { border-radius: var(--r-lg); }
/* قوانین: سرصفحه و کارت‌ها جمع‌وجورتر */
.ps-law-head h1 { font-size: 19px; }
.ps-law-lead { font-size: 14px; line-height: 1.9; padding: 12px 14px; }
.ps-law-toc { gap: 6px; }
.ps-law-h { font-size: 17px; margin: 24px 0 12px; }
.ps-law-list { gap: 10px; }
.ps-law-list li { padding: 12px 12px; border-radius: var(--r-md); }
.ps-law-list li p { font-size: 14px; line-height: 1.9; }
.ps-law-note { font-size: 13.5px; padding: 12px 14px; }
/* تماس با ما: کارت‌ها به‌صورت ردیف افقی (آیکون کنار متن) تا صفحه کوتاه شود */
.ps-contact-head h1 { font-size: 20px; }
.ps-contact-head p { font-size: 13.5px; line-height: 1.9; }
.ps-contact-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-areas: "icon label" "icon value" "icon note"; column-gap: 12px; row-gap: 2px; padding: 14px; align-items: center; }
.ps-contact-card i { grid-area: icon; width: 40px; height: 40px; font-size: 18px; margin: 0; align-self: start; }
.ps-contact-card span { grid-area: label; }
.ps-contact-card strong { grid-area: value; font-size: 14px; line-height: 1.6; }
.ps-contact-card strong[dir="ltr"] { text-align: start; direction: ltr; unicode-bidi: isolate; justify-self: start; }
.ps-contact-card small { grid-area: note; font-size: 11.5px; }
.ps-contact-social { margin: 14px 0 22px; gap: 8px; }
.ps-contact-social > span { flex: 0 0 100%; margin: 0; font-size: 13.5px; }
.ps-contact-social a { flex: 1 1 0; justify-content: center; }
.ps-contact-bottom { gap: 12px; }
.ps-contact-form h2, .ps-contact-map h2 { font-size: 16px; }
.ps-contact-form .form-control { min-height: 44px; }
.ps-contact-form textarea.form-control { min-height: 110px; }
.ps-contact-form .btn-primary { width: 100%; }
.ps-contact-map #map { min-height: 240px; }
.ps-contact-route { align-self: center; }
}
/* پرسش‌وپاسخ: متن سؤال و جواب ریزتر */
.ps-faq-q h2 { font-size: 14px !important; font-weight: 700; line-height: 1.75; }
.ps-faq-q h1 { font-size: 15.5px !important; }
.ps-faq-text { font-size: 13.5px !important; line-height: 1.9; }
.ps-faq-who { font-size: 12.5px; }
.ps-faq-q, .ps-faq-a { padding: 14px 18px; }
@media (max-width: 575.98px) { .ps-faq-q h2 { font-size: 13.5px !important; } .ps-faq-q h1 { font-size: 14.5px !important; } .ps-faq-text { font-size: 13px !important; line-height: 1.85; } .ps-faq-who { font-size: 12px; } .ps-faq-q, .ps-faq-a { padding: 12px 12px; } }
/* ========== v8.5 — بخش «مزایای استفاده» صفحه‌ی اصلی: کانتینر وسط، راست‌چین، متن راست و تصویر چپ، فهرست دوستونه با فاصله از عنوان ========== */
.site-body > .container-fluid.ptb50:has(> .overview-box) { padding-inline: 16px; }
.overview-box { max-width: 1140px; margin: 0 auto; padding: var(--sp-8) 0 !important; display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 40px; align-items: center; direction: rtl !important; }
.overview-box .overview-content { flex: none !important; max-width: none !important; direction: rtl !important; width: 100%; }
.overview-box .overview-content .content, .overview-box .overview-content .content.left-content { max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: start; }
.overview-box .overview-content .content h2 { text-align: start; margin-bottom: 8px !important; }
.overview-content .bar { margin: 14px 0 0 !important; }
.overview-box .overview-content .content .services-list, .overview-box .services-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 28px 0 0 !important; padding: 0 !important; list-style: none; }
.overview-box .overview-content .content .services-list li span { justify-content: flex-start; font-size: 14.5px; font-weight: 600; }
.overview-box > div:not(.overview-content) { display: flex; justify-content: center; }
.overview-box img { max-width: 380px !important; width: 100%; height: auto; }
@media (max-width: 991.98px) {
.overview-box { grid-template-columns: 1fr; gap: 24px; padding: var(--sp-7) 0 !important; }
.overview-box > div:not(.overview-content) { order: -1; }
.overview-box img { max-width: 240px !important; }
}
@media (max-width: 420px) { .overview-box .overview-content .content .services-list, .overview-box .services-list { grid-template-columns: 1fr !important; } }
/* ========== v9 — ایده‌های قالب جدید: تیکر قیمت، کارت‌های آمار در سربرگ، جدول ارزها با تب، کارت‌های شماره‌دار، فوتر روشن ========== */
/* --- تیکر قیمت (دسکتاپ، چسبیده به پایین) --- */
.ps-ticker { position: fixed; bottom: 0; inset-inline: 0; height: 44px; background: rgba(255, 255, 255, .94); backdrop-filter: saturate(160%) blur(10px); -webkit-backdrop-filter: saturate(160%) blur(10px); border-top: 1px solid var(--line); z-index: 1025; overflow: hidden; direction: ltr; }
.ps-ticker::before, .ps-ticker::after { content: ''; position: absolute; top: 0; bottom: 0; width: 70px; z-index: 2; pointer-events: none; }
.ps-ticker::before { left: 0; background: linear-gradient(90deg, #fff, transparent); }
.ps-ticker::after { right: 0; background: linear-gradient(270deg, #fff, transparent); }
.ps-ticker-track { display: flex; align-items: center; height: 100%; width: max-content; animation: psTicker 60s linear infinite; }
.ps-ticker:hover .ps-ticker-track { animation-play-state: paused; }
@keyframes psTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.ps-ticker-item { display: inline-flex; align-items: center; gap: 8px; padding: 0 22px; height: 100%; border-inline-end: 1px solid var(--surface-3); color: var(--text); font-size: 12.5px; white-space: nowrap; direction: rtl; font-variant-numeric: tabular-nums; transition: background .3s; }
.ps-ticker-item:hover { background: var(--surface-2); color: var(--text); }
.ps-ticker-item img { width: 20px; height: 20px; border-radius: 50%; background: var(--surface-2); padding: 2px; }
.ps-ticker-item b { font-weight: 800; color: var(--ink); direction: ltr; }
.ps-ticker-price { font-weight: 700; }
.ps-ticker-price::after { content: ' تومان'; font-weight: 400; color: var(--muted); font-size: 11px; }
.ps-ticker-chg { font-weight: 700; padding: 1px 7px; border-radius: 999px; font-size: 11.5px; direction: ltr; }
.ps-ticker-chg::before { font-size: 9px; margin-inline-end: 2px; }
.is-up .ps-ticker-chg { color: var(--ok); background: var(--ok-soft); }
.is-up .ps-ticker-chg::before { content: '▲'; }
.is-down .ps-ticker-chg { color: var(--brand); background: var(--brand-soft); }
.is-down .ps-ticker-chg::before { content: '▼'; }
@media (min-width: 768px) { body.site:has(.ps-ticker) { padding-bottom: 44px; } body.site:has(.ps-ticker) #gttop { bottom: 66px; } }
@media (max-width: 767.98px) { .ps-ticker { display: none; } }
@media (prefers-reduced-motion: reduce) { .ps-ticker-track { animation: none; overflow-x: auto; } }
/* --- کارت‌های آمار زیر سربرگ خانه --- */
.hero-stats { list-style: none; margin: 34px auto 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; max-width: 920px; }
.hero-stats li { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 12px 14px; border-radius: var(--r-lg); background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #f8fafc; animation: heroIn .7s var(--ease) both; animation-delay: .6s; transition: background var(--t-base), transform var(--t-base) var(--ease); }
.hero-stats li:nth-child(2) { animation-delay: .68s; } .hero-stats li:nth-child(3) { animation-delay: .76s; } .hero-stats li:nth-child(4) { animation-delay: .84s; }
.hero-stats li:hover { background: rgba(255, 255, 255, .16); transform: translateY(-2px); }
.hero-stat-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: rgba(184, 6, 31, .55); border: 1px solid rgba(255, 255, 255, .2); }
.hero-stat-ic svg { width: 20px; height: 20px; }
.hero-stats strong { font-size: 24px; font-weight: 900; line-height: 1.2; direction: ltr; font-variant-numeric: tabular-nums; }
.hero-stats li > span:last-child { font-size: 12.5px; color: #e2e8f0; }
@media (max-width: 767.98px) { .hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 24px; } .hero-stats li { padding: 12px 8px 10px; } .hero-stats strong { font-size: 20px; } .hero-stat-ic { width: 36px; height: 36px; } }
/* --- جدول ارزها: تب‌های مرتب‌سازی + دکمه‌ی خرید ردیف --- */
.ps-coin-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 4px; border-radius: 999px; background: var(--surface-3); margin: 0 0 14px; }
.ps-coin-tabs button { border: 0; background: transparent; padding: 8px 16px; border-radius: 999px; font-weight: 700; font-size: 13.5px; color: var(--text-2); min-height: 38px; cursor: pointer; transition: background .3s, color .3s, box-shadow .3s; }
.ps-coin-tabs button:hover { color: var(--brand); }
.ps-coin-tabs button.is-active { background: var(--surface); color: var(--ink); box-shadow: var(--sh-1); }
#symbols > .px-5.mb-4 { align-items: center; }
#symbols .ps-coin-tabs { margin: 0; flex: 0 0 auto; }
#symbols .market { min-height: 36px; padding-inline: 14px; font-size: 13px; }
#symbols #tooman { margin-inline-start: auto !important; }
.site-body .crow .ps-row-chart { display: flex; align-items: center; justify-content: center; gap: 14px; }
.site-body .crow .ps-row-chart img { flex: 0 0 auto; }
.ps-row-buy { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 34px; padding: 0 14px; border-radius: 10px; border: 1.5px solid var(--brand); color: var(--brand) !important; font-weight: 700; font-size: 13px; transition: background .3s, color .3s; }
.ps-row-buy:hover { background: var(--brand); color: #fff !important; }
.site-body .crow.is-hidden { display: none !important; }
@media (max-width: 767.98px) { #symbols .ps-coin-tabs { width: 100%; } #symbols .ps-coin-tabs button { flex: 1 1 0; padding: 8px 6px; font-size: 12.5px; } }
/* --- «امنیت در پیمنت استیت»: کارت‌های شماره‌دار با آیکون در گوشه --- */
.features-area .row { counter-reset: feat; }
.features-area .single-features-box { position: relative; counter-increment: feat; padding: 26px 22px 24px !important; text-align: start !important; overflow: visible !important; }
.features-area .single-features-box::before { content: '0' counter(feat); display: block !important; position: absolute; top: 18px; inset-inline-end: 20px; font-size: 13px; font-weight: 800; color: var(--line-2); letter-spacing: .04em; font-variant-numeric: tabular-nums; width: auto !important; height: auto !important; background: none !important; opacity: 1 !important; }
.features-area .single-features-box .icon { margin: 0 0 18px !important; width: 60px !important; height: 60px !important; line-height: 60px !important; border-radius: 18px !important; background: var(--brand-soft) !important; color: var(--brand) !important; }
.features-area .single-features-box .icon i { color: var(--brand) !important; line-height: 60px; }
.features-area .single-features-box h3 { text-align: start !important; }
.features-area .single-features-box:hover { border-color: rgba(184, 6, 31, .35); }
/* --- فوتر روشن --- */
.footer-area { background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important; color: var(--text-2); padding-top: var(--sp-8); padding-bottom: var(--sp-5); border-top: 1px solid var(--line); overflow: visible; }
.footer-area::before { animation: none; height: 3px; background: linear-gradient(90deg, var(--brand), #ff5a6e 50%, var(--brand)); }
.footer-area .map-image { display: none; }
.footer-about-text { font-size: 13.5px; line-height: 2; color: var(--text-2); margin: 14px 0 16px; max-width: 360px; text-align: start; }
.footer-area .logo img { filter: none; }
.footer-area .single-footer-widget h3 { color: var(--ink); font-size: 15.5px; }
.footer-area .single-footer-widget h3::after { background: linear-gradient(90deg, var(--brand), #ff5a6e); }
.footer-area .single-footer-widget .list li a { color: var(--text-2); padding-inline-start: 14px; }
.footer-area .single-footer-widget .list li a::before { background: var(--line-2); }
.footer-area .single-footer-widget .list li a:hover { color: var(--brand); }
.footer-area .single-footer-widget .list li a:hover::before { background: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.footer-social a { background: var(--surface); border: 1px solid var(--line); color: var(--text); box-shadow: var(--sh-1); }
.footer-social a:hover { color: #fff; border-color: var(--brand); }
.footer-contact { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 34px 0 0; padding: 0; color: var(--text); font-size: 13px; }
.footer-contact li { display: flex !important; align-items: center !important; gap: 10px; padding: 12px 14px !important; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--sh-1); min-width: 0; }
.footer-contact i { background: var(--brand-soft); border: 0; color: var(--brand); }
.footer-contact li:hover i { background: var(--brand); color: #fff; transform: none; }
.footer-contact a { color: var(--text); font-weight: 600; }
.footer-contact a:hover { color: var(--brand); }
.footer-contact span { line-height: 1.7; }
.copyright-area { border-top: 1px solid var(--line); margin-top: var(--sp-6); padding-top: 18px; }
.copyright-area p { color: var(--muted); }
.copyright-area p a { color: var(--brand); font-weight: 700; }
.footer-year { color: var(--muted); margin-inline-start: 6px; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 12.5px; }
.footer-legal a { color: var(--text-2); }
.footer-legal a:hover { color: var(--brand); }
#gttop { background: var(--brand); }
@media (max-width: 991.98px) { .footer-contact { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
.footer-area { background: var(--surface-2) !important; padding-top: 36px; }
.footer-about { text-align: center; }
.footer-about-text { margin-inline: auto; font-size: 12.5px; }
.footer-social { justify-content: center; }
.footer-contact { grid-template-columns: 1fr; gap: 8px; margin-top: 22px; }
.footer-contact li { padding: 10px 12px !important; }
.copyright-area { flex-direction: column; text-align: center; padding-bottom: 56px; }
.footer-legal { justify-content: center; }
.footer-area .col-12.col-md-4.col-lg-3:last-child { padding-top: 0; border-top: 0; margin-top: 0; }
.footer-area .col-12.col-md-4.col-lg-3:last-child .list { grid-template-columns: 1fr 1fr; column-gap: 12px; }
}
/* ========== v9.1 — سربرگ خانه: نقشه‌ی نقطه‌ای ایران به‌جای عکس، آیکون‌های شناور ارزها ========== */
.header.hero-home { background-image: url('/img/iran-dots.svg'), radial-gradient(900px 600px at 72% 40%, rgba(184, 6, 31, .35), transparent 65%), radial-gradient(700px 500px at 15% 90%, rgba(59, 130, 246, .18), transparent 60%), linear-gradient(160deg, #0b1227 0%, #121c33 55%, #2a0b16 100%) !important; background-size: auto 74%, cover, cover, cover !important; background-position: 50% 58%, center, center, center !important; background-repeat: no-repeat !important; }
.header.hero-home::before { background: linear-gradient(180deg, rgba(11, 18, 39, .55) 0%, rgba(11, 18, 39, .15) 45%, rgba(11, 18, 39, .35) 100%); }
.header.hero-home .hero-inner { z-index: 2; }
.header.hero-home #particles-js { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.header.hero-home .ps-coins-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
@media (max-width: 767.98px) { .header.hero-home { background-size: auto 48%, cover, cover, cover !important; background-position: 50% 92%, center, center, center !important; } }
/* ========== v9.2 — صفحات تتر/ترون: کارت قیمت + ماشین‌حساب چسبان در ستون کناری ========== */
.ps-coin-layout { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 28px; align-items: start; max-width: 1140px; margin: 0 auto; padding: 28px 16px 8px; }
.ps-coin-aside { position: sticky; top: calc(var(--site-nav-h) + 14px); display: grid; gap: 16px; }
.ps-coin-main { min-width: 0; }
.ps-coin-main > div { margin-inline: 0 !important; }
.ps-coin-main > div.py-5, .ps-coin-main > div.py-lg-5 { padding: 28px 0 !important; }
.ps-coin-main > div[style*="DFDFDF"], .ps-coin-main > div[style*="646464"] { border-radius: var(--r-xl); padding: 28px 20px !important; }
.ps-coin-main .container { max-width: 100%; padding-inline: 4px; }
.ps-coin-main .titleBox2 .title img { left: -22px !important; width: 56px !important; height: 56px; }
/* ماشین‌حساب داخل ستون کناری: بدون نوار پس‌زمینه */
.is-coin-page #buyCurency { background: transparent !important; padding: 0 !important; }
.is-coin-page #buyCurency > .container { padding: 0 !important; background: none !important; max-width: 100%; }
.is-coin-page #buyCurency .col-lg-6 { max-width: 100%; }
.is-coin-page #buyCurency > .container > .col-lg-6 > .bg-primary { padding: 18px !important; }
/* کارت قیمت */
.ps-price-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--sh-2); padding: 20px; }
.ps-pc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ps-pc-head img { width: 46px; height: 46px; border-radius: 50%; background: var(--surface-2); padding: 4px; border: 1px solid var(--line); }
.ps-pc-head b { display: block; font-size: 17px; color: var(--ink); }
.ps-pc-head b span { font-size: 12.5px; color: var(--muted); font-weight: 600; direction: ltr; unicode-bidi: isolate; }
.ps-pc-head small { font-size: 11.5px; color: var(--muted); }
.ps-pc-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 8px; }
.ps-pc-price strong { font-size: 30px; font-weight: 900; color: var(--ink); line-height: 1.1; font-variant-numeric: tabular-nums; }
.ps-pc-price > span { font-size: 13px; color: var(--muted); }
.ps-pc-chg { margin-inline-start: auto; font-size: 13px; font-weight: 800; padding: 4px 10px; border-radius: 999px; direction: rtl; }
.ps-pc-chg small { font-weight: 500; font-size: 11px; opacity: .8; }
.ps-pc-chg.is-up { color: var(--ok); background: var(--ok-soft); }
.ps-pc-chg.is-up::before { content: '▲ '; font-size: 9px; }
.ps-pc-chg.is-down { color: var(--brand); background: var(--brand-soft); }
.ps-pc-chg.is-down::before { content: '▼ '; font-size: 9px; }
.ps-pc-usd { font-size: 13px; color: var(--muted); margin-top: 4px; direction: ltr; text-align: end; font-variant-numeric: tabular-nums; }
.ps-pc-rates { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 16px 0 14px; }
.ps-pc-rates > div { background: var(--surface-2); border-radius: var(--r-md); padding: 10px 12px; }
.ps-pc-rates span { display: block; font-size: 11.5px; color: var(--muted); margin-bottom: 4px; }
.ps-pc-rates b { font-size: 14.5px; color: var(--ink); font-variant-numeric: tabular-nums; }
.ps-pc-rates i { font-style: normal; font-size: 11px; color: var(--muted); font-weight: 400; }
.ps-pc-chart { margin: 0; padding-top: 12px; border-top: 1px dashed var(--line); }
.ps-pc-chart img { width: 100%; height: 64px; object-fit: contain; display: block; filter: hue-rotate(80deg) saturate(.85) brightness(.85); }
.ps-pc-chart figcaption { font-size: 11.5px; color: var(--muted); text-align: center; margin-top: 4px; }
@media (max-width: 991.98px) {
.ps-coin-layout { grid-template-columns: 1fr; gap: 18px; padding: 18px 12px 0; }
.ps-coin-aside { position: static; }
.ps-coin-main > div[style*="DFDFDF"], .ps-coin-main > div[style*="646464"] { padding: 22px 12px !important; border-radius: var(--r-lg); }
}
/* ========== v9.3 — «چرا پیمنت استیت؟» (جایگزین بخش مزایا؛ ایده از قالب جدید) ========== */
.ps-why { padding: var(--sp-9) 0 var(--sp-8); background: var(--surface); }
.ps-why-head { text-align: center; max-width: 720px; margin: 0 auto 36px; }
.ps-why-head h2 { font-size: clamp(26px, 3.4vw, 38px); font-weight: 900; margin: 0 0 10px; }
.ps-why-head h2 span { color: var(--brand); }
.ps-why-head p { margin: 0; color: var(--text-2); font-size: 15.5px; }
.ps-why-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ps-why-card { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 26px 22px 24px; box-shadow: var(--sh-1); transition: transform .42s cubic-bezier(.25, .8, .25, 1), box-shadow .42s cubic-bezier(.25, .8, .25, 1), border-color .42s; text-align: start; }
.ps-why-card:hover { transform: translateY(-3px); box-shadow: var(--sh-2); border-color: rgba(184, 6, 31, .35); }
.ps-why-n { position: absolute; top: 18px; inset-inline-end: 20px; font-size: 13px; font-weight: 800; color: var(--line-2); letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.ps-why-ic { width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand); font-size: 28px; margin-bottom: 18px; transition: transform .42s cubic-bezier(.25, .8, .25, 1); }
.ps-why-card:hover .ps-why-ic { transform: translateY(-3px) rotate(-6deg); }
.ps-why-card h3 { font-size: 17px; font-weight: 800; margin: 0 0 8px; color: var(--ink); }
.ps-why-card p { margin: 0; font-size: 13.5px; line-height: 1.95; color: var(--text-2); }
@media (max-width: 991.98px) { .ps-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .ps-why { padding: var(--sp-8) 0 var(--sp-7); } }
@media (max-width: 575.98px) { .ps-why-grid { grid-template-columns: 1fr; gap: 12px; } .ps-why-head { margin-bottom: 24px; } .ps-why-head h2 { font-size: 24px; } .ps-why-card { padding: 20px 16px; } .ps-why-ic { width: 50px; height: 50px; font-size: 24px; border-radius: 14px; margin-bottom: 12px; } }
/* خوانایی متن سربرگ روی نقشه: هاله‌ی تیره‌ی نرم پشت بلوک متن + سایه‌ی متن */
.header.hero-home .main-banner-content { position: relative; isolation: isolate; }
.header.hero-home .main-banner-content::before { content: ''; position: absolute; inset: -40px -80px -30px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 60% 70% at 50% 45%, rgba(9, 14, 32, .78) 0%, rgba(9, 14, 32, .55) 45%, rgba(9, 14, 32, 0) 75%); }
.header.hero-home .main-banner-content h1, .header.hero-home .main-banner-content h2:first-child { text-shadow: 0 2px 6px rgba(0, 0, 0, .55), 0 0 28px rgba(0, 0, 0, .45); }
.header.hero-home .main-banner-content h2, .header.hero-home .main-banner-content p { text-shadow: 0 1px 4px rgba(0, 0, 0, .6), 0 0 18px rgba(0, 0, 0, .4); }
.header.hero-home .main-banner-content p { color: #f1f5f9; }
.header.hero-home .hero-badges li { background: rgba(9, 14, 32, .45); border-color: rgba(255, 255, 255, .22); }
.header.hero-home .hero-stats li { background: rgba(9, 14, 32, .42); border-color: rgba(255, 255, 255, .2); }
@media (max-width: 767.98px) { .header.hero-home .main-banner-content::before { inset: -20px -16px -16px; } }
/* شیشه‌ای‌تر: زمینه‌ی روشن‌تر و شفاف‌تر، بلور قوی‌تر، لبه‌ی نورانی بالا */
.header.hero-home .hero-badges li, .header.hero-home .hero-stats li { background: linear-gradient(160deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05)); border: 1px solid rgba(255, 255, 255, .28); backdrop-filter: blur(16px) saturate(170%); -webkit-backdrop-filter: blur(16px) saturate(170%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 30px rgba(0, 0, 0, .18); }
.header.hero-home .hero-stats li:hover, .header.hero-home .hero-badges li:hover { background: linear-gradient(160deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .08)); }
.header.hero-home .hero-stat-ic { background: rgba(184, 6, 31, .6); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); }
.header.hero-home .hero-stats strong, .header.hero-home .hero-badges li span { text-shadow: 0 1px 3px rgba(0, 0, 0, .45); }
/* ========== v9.4 — «چرا پیمنت استیت؟» دقیقاً با متن، آیکون و افکت‌های قالب جدید (why-card) ========== */
.ps-why-v2 .ps-why-head { margin-bottom: 3.5rem; max-width: 700px; }
.ps-why-v2 .ps-why-head h2 { font-size: 2.5rem; font-weight: 900; letter-spacing: -.5px; }
.ps-why-v2 .ps-why-head h2 span { background: linear-gradient(135deg, var(--brand), #ff6501); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.ps-why-v2 .ps-why-head p { font-size: 1.1rem; line-height: 1.8; color: var(--muted); }
.ps-why-v2 .ps-why-grid { gap: 1.5rem; }
.ps-why-v2 .ps-why-card { border: 1px solid rgba(0, 0, 0, .05); border-radius: 20px; padding: 2rem; overflow: hidden; display: flex; flex-direction: column; height: 100%; box-shadow: none; transition: transform .5s cubic-bezier(.16, 1, .3, 1), box-shadow .5s cubic-bezier(.16, 1, .3, 1), border-color .5s; }
.ps-why-v2 .ps-why-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background: linear-gradient(135deg, rgba(184, 6, 31, .035), rgba(255, 101, 1, .035)); transition: height .5s cubic-bezier(.16, 1, .3, 1); z-index: 0; }
.ps-why-v2 .ps-why-card:hover { transform: translateY(-8px); border-color: rgba(184, 6, 31, .15); box-shadow: 0 20px 40px rgba(0, 0, 0, .06), 0 0 0 1px rgba(184, 6, 31, .05); }
.ps-why-v2 .ps-why-card:hover::before { height: 100%; }
.ps-why-v2 .ps-why-card > * { position: relative; z-index: 1; }
.ps-why-v2 .ps-why-n { top: 1.5rem; inset-inline-end: auto; left: 1.5rem; font-size: .75rem; letter-spacing: 1px; color: rgba(0, 0, 0, .15); transition: color .4s; }
.ps-why-v2 .ps-why-card:hover .ps-why-n { color: var(--brand); }
.ps-why-v2 .ps-why-ic { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg, rgba(184, 6, 31, .08), rgba(255, 101, 1, .08)); margin-bottom: 1.5rem; transition: transform .5s cubic-bezier(.16, 1, .3, 1), background .5s, box-shadow .5s; }
.ps-why-v2 .ps-why-card:hover .ps-why-ic { background: linear-gradient(135deg, var(--brand), #ff6501); transform: scale(1.05) rotate(-5deg); box-shadow: 0 10px 25px rgba(184, 6, 31, .25); }
.ps-why-v2 .ps-why-ic img { width: 40px; height: 40px; filter: brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(5000%) hue-rotate(-10deg); transition: filter .5s, transform .5s cubic-bezier(.16, 1, .3, 1); }
.ps-why-v2 .ps-why-card:hover .ps-why-ic img { filter: brightness(0) invert(1); transform: scale(1.1); }
.ps-why-v2 .ps-why-card h3 { font-size: 1.15rem; font-weight: 800; margin-bottom: .8rem; transition: color .4s; }
.ps-why-v2 .ps-why-card:hover h3 { color: var(--brand); }
.ps-why-v2 .ps-why-card p { font-size: 14px; line-height: 1.9; color: var(--muted); flex: 1 1 auto; }
.ps-why-line { display: block; position: relative; margin-top: 1.5rem; height: 2px; border-radius: 2px; overflow: hidden; }
.ps-why-line::after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 100%; background: linear-gradient(90deg, var(--brand), #ff6501); transition: width .6s cubic-bezier(.16, 1, .3, 1); }
.ps-why-v2 .ps-why-card:hover .ps-why-line::after { width: 100%; }
.ps-why-v2 .ps-why-card.reveal { transition-delay: calc(var(--i, 0) * 60ms); }
@media (max-width: 991.98px) { .ps-why-v2 .ps-why-head h2 { font-size: 2rem; } }
@media (max-width: 575.98px) { .ps-why-v2 .ps-why-head h2 { font-size: 1.6rem; } .ps-why-v2 .ps-why-card { padding: 1.4rem; } .ps-why-v2 .ps-why-ic { width: 56px; height: 56px; } }
.ps-why-v2 .ps-why-n { left: auto; inset-inline-start: 1.5rem; }
/* شیشه‌ی سربرگ شفاف‌تر (زمینه‌ی کمتر، بلور ملایم‌تر) و هاور نرم‌تر */
.header.hero-home .hero-badges li, .header.hero-home .hero-stats li { background: linear-gradient(160deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025)); border-color: rgba(255, 255, 255, .22); backdrop-filter: blur(10px) saturate(150%); -webkit-backdrop-filter: blur(10px) saturate(150%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 8px 24px rgba(0, 0, 0, .12); transition: background .6s cubic-bezier(.25, .8, .25, 1), transform .6s cubic-bezier(.25, .8, .25, 1), border-color .6s cubic-bezier(.25, .8, .25, 1), box-shadow .6s cubic-bezier(.25, .8, .25, 1); }
.header.hero-home .hero-stats li:hover, .header.hero-home .hero-badges li:hover { background: linear-gradient(160deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05)); border-color: rgba(255, 255, 255, .3); transform: translateY(-1px); }
.header.hero-home .hero-stat-ic { background: rgba(184, 6, 31, .5); }
/* ========== v9.5 — «امکانات پیمنت استیت» (قالب جدید: تصویر انیمیشنی + آیتم‌های نوبتی) جایگزین بخش امنیت ========== */
.ps-feat { padding: var(--sp-6) 0 var(--sp-8); background: var(--surface); }
.ps-feat-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px; align-items: center; }
.ps-feat-media img { width: 100%; max-width: 520px; height: auto; display: block; margin: 0 auto; }
.ps-feat-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.ps-feat-head img { width: 35px; height: 35px; }
.ps-feat-head h2 { font-size: 22px; font-weight: 800; margin: 0; color: var(--ink); }
.ps-feat-head h2 span { color: var(--brand); }
.ps-feat-lead { font-size: 14px; color: var(--text-2); margin: 0 0 14px; line-height: 1.9; text-align: start; }
.ps-feat-list { display: grid; gap: 0; }
.ps-feat-item { display: flex; align-items: center; gap: 12px; padding: .75rem; margin: 1rem 0; background: #f9f9f9; border: 1px solid #e5e7eb; border-radius: 10px; transform: scale(.9); transform-origin: center; transition: transform .6s cubic-bezier(.4, 0, .2, 1), border-color .6s ease, box-shadow .6s ease, background .6s ease; }
.ps-feat-item.is-active { transform: scale(1); border-color: var(--brand); box-shadow: 0 10px 25px rgba(0, 0, 0, .08); background: var(--surface); }
.ps-feat-item img { width: 45px; height: 45px; flex: 0 0 auto; }
.ps-feat-item h3 { font-size: 14px; font-weight: 800; margin: 0 0 6px; color: var(--ink); }
.ps-feat-item p { font-size: 12px; color: var(--muted); margin: 0; line-height: 1.8; text-align: start; }
@media (max-width: 991.98px) { .ps-feat-grid { grid-template-columns: 1fr; gap: 12px; } .ps-feat-media img { max-width: 320px; } .ps-feat-item { margin: .7rem 0; } }
@media (prefers-reduced-motion: reduce) { .ps-feat-item { transform: none; } }
/* ========== v9.6 — «دانلود اپلیکیشن» (چیدمان قالب جدید؛ سه لینک مارکت قدیمی حفظ شده) ========== */
.ps-app { padding: var(--sp-7) 0 var(--sp-8); background: var(--surface); }
.ps-app-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); gap: 32px; align-items: center; }
.ps-app-text { text-align: center; padding: 24px 0; }
.ps-app-text h2 { font-size: 28px; font-weight: 800; margin: 0 0 8px; color: var(--ink); }
.ps-app-sub { font-size: 16px; color: var(--text-2); margin: 0 0 24px; }
.ps-app-desc { font-size: 16px; line-height: 2.1; color: var(--text); max-width: 560px; margin: 0 auto 32px; }
.ps-app-desc strong { color: var(--brand); font-weight: 800; }
.ps-app-desc mark { background: #fff8f0; color: inherit; padding: 0 4px; border-radius: 3px; }
.ps-app-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 20px; }
.ps-app-btn { display: inline-flex; align-items: center; gap: 10px; min-width: 190px; min-height: 60px; padding: 10px 20px; border-radius: 12px; background: var(--surface); border: 2px solid #eee; color: var(--ink) !important; font-weight: 700; text-align: start; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.ps-app-btn img { width: 28px; height: 28px; object-fit: contain; flex: 0 0 auto; }
.ps-app-btn i { font-size: 26px; color: var(--brand); flex: 0 0 auto; }
.ps-app-btn span { display: flex; flex-direction: column; line-height: 1.3; }
.ps-app-btn small { font-size: 11px; color: var(--muted); font-weight: 500; }
.ps-app-btn b { font-size: 15px; font-weight: 800; }
.ps-app-btn:hover { transform: translateY(-3px); border-color: #ff6701; box-shadow: 0 6px 15px rgba(255, 103, 1, .18); color: var(--ink) !important; }
.ps-app-btn.is-play:hover { border-color: #34a853; box-shadow: 0 6px 15px rgba(52, 168, 83, .18); }
.ps-app-btn.is-apk:hover { border-color: var(--brand); box-shadow: 0 6px 15px rgba(184, 6, 31, .18); }
.ps-app-note { font-size: 12px; color: #555; margin: 0; display: flex; align-items: center; justify-content: center; gap: 6px; }
.ps-app-note i { color: var(--brand); font-size: 14px; }
.ps-app-note strong { color: var(--brand); }
.ps-app-media img { width: 100%; max-width: 480px; height: auto; display: block; margin: 0 auto; }
@media (max-width: 991.98px) { .ps-app-grid { grid-template-columns: 1fr; gap: 8px; } .ps-app-media { order: -1; } .ps-app-media img { max-width: 300px; } .ps-app-text { padding: 8px 0 0; } .ps-app-text h2 { font-size: 24px; } .ps-app-desc { font-size: 15px; } .ps-app-btns { flex-direction: column; align-items: stretch; } .ps-app-btn { justify-content: center; } }
/* ========== v9.7 — «اخبار فوری» صفحه‌ی اصلی (کارت‌های تصویری قالب جدید) ========== */
.ps-news { padding: var(--sp-6) 0 var(--sp-8); background: var(--surface); }
.ps-news-head { margin-bottom: 20px; }
.ps-news-kicker { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: .04em; direction: ltr; justify-content: flex-end; }
.ps-news-kicker span { width: 34px; height: 4px; border-radius: 4px; background: var(--brand); }
.ps-news-title { display: flex; align-items: center; gap: 12px; margin-top: 6px; }
.ps-news-title i.icofont-hash { width: 38px; height: 38px; border-radius: 10px; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 18px; }
.ps-news-title h2 { font-size: 20px; font-weight: 800; color: var(--brand); margin: 0; }
.ps-news-title a { margin-inline-start: auto; font-size: 13px; font-weight: 700; color: var(--text-2); display: inline-flex; align-items: center; gap: 4px; }
.ps-news-title a:hover { color: var(--brand); }
.ps-news-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.ps-news-card { position: relative; display: block; min-height: 200px; border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 60%, #5a0b17 100%); color: #fff !important; box-shadow: var(--sh-1); transition: transform .42s cubic-bezier(.25, .8, .25, 1), box-shadow .42s cubic-bezier(.25, .8, .25, 1); }
.ps-news-card:hover { transform: translateY(-3px); box-shadow: var(--sh-2); }
.ps-news-media { position: absolute; inset: 0; }
.ps-news-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.25, .8, .25, 1); }
.ps-news-media img.is-broken { display: none; }
.ps-news-card:hover .ps-news-media img { transform: scale(1.04); }
.ps-news-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .83) 40%, rgba(255, 255, 255, .1) 100%); }
.ps-news-body { position: absolute; inset-inline: 0; bottom: 0; padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.ps-news-date { font-size: 11px; color: #e2e8f0; display: inline-flex; align-items: center; gap: 4px; }
.ps-news-date i { color: #ff8a95; }
.ps-news-body h3 { font-size: 13.5px; font-weight: 700; line-height: 1.7; margin: 0; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: start; }
.ps-news-line { display: block; margin-top: 4px; height: 3px; width: 40px; border-radius: 2px; background: linear-gradient(135deg, rgba(255, 103, 1, .85), rgba(184, 6, 31, .9)); transition: width .5s ease; }
.ps-news-card:hover .ps-news-line { width: 40%; }
@media (max-width: 991.98px) { .ps-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .ps-news-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .ps-news-card { min-height: 170px; } .ps-news-body { padding: 12px; } .ps-news-body h3 { font-size: 12.5px; } .ps-news-title a span { display: none; } }
.ps-news-title .ps-news-hash { width: 38px; height: 38px; border-radius: 10px; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 20px; font-weight: 800; font-style: normal; line-height: 1; }
.ps-news-body h3 { color: #fff !important; opacity: 1; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.ps-news-card, .ps-news-card:hover { color: #fff !important; }
/* ========== v9.8 — حلقه‌ی پیشرفت دکمه‌ی بالا دوباره دیده شود؛ هاور دکمه‌ها نرم و بدون پرش ========== */
#gttop { background: linear-gradient(var(--brand), var(--brand)) padding-box, conic-gradient(#fff calc(var(--p, 0) * 1turn), rgba(255, 255, 255, .28) 0) border-box !important; border: 3px solid transparent !important; box-shadow: 0 10px 24px rgba(184, 6, 31, .3), 0 0 0 2px rgba(255, 255, 255, .85); transition: opacity .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease); }
#gttop:hover { background: linear-gradient(var(--brand-dark), var(--brand-dark)) padding-box, conic-gradient(#fff calc(var(--p, 0) * 1turn), rgba(255, 255, 255, .28) 0) border-box !important; box-shadow: 0 14px 30px rgba(184, 6, 31, .38), 0 0 0 2px #fff; }
#gttop.is-visible:hover { transform: translateY(-2px); }
body.site .btn, .mybtn, .btn.mybtn, body.site .btn-primary { transition: transform .45s cubic-bezier(.25, .8, .25, 1), box-shadow .45s cubic-bezier(.25, .8, .25, 1), background-color .45s cubic-bezier(.25, .8, .25, 1), color .45s cubic-bezier(.25, .8, .25, 1), border-color .45s cubic-bezier(.25, .8, .25, 1); }
body.site .btn-primary:hover, .mybtn:hover, .btn.mybtn:hover { transform: translateY(-1px); }
body.site .btn:active, .mybtn:active, .btn.mybtn:active { transform: translateY(0) scale(.985); transition-duration: .15s; }
.mybtn::after, body.site .btn-primary::after, #buyCurency .btn.w-100:not(.btn-warning):not(.btn-light)::after { transition: inset-inline-start .9s cubic-bezier(.25, .8, .25, 1); }
.hero-actions .btn-outline-light, .ps-pager a, .ps-art-tabs a, .ps-coin-tabs button, .ps-row-buy, .ps-app-btn, .footer-social a, .ps-contact-social a, .ps-article-share a, .ps-copy-link { transition-duration: .45s; transition-timing-function: cubic-bezier(.25, .8, .25, 1); }
/* ========== v10 — پالایش کل صفحه‌ی اصلی: ریتم فاصله‌ها، پس‌زمینه‌های متناوب، پاورقی فشرده، موبایل ========== */
:root { --sec-y: 72px; --sec-y-m: 44px; }
/* فاصله‌ی یکنواخت بخش‌ها */
.site-body > #buyCurency, .site-body > .bg-primary > .container.pt-3, .ps-why, .ps-feat, .ps-news, .feedback-area, .ps-app { padding-top: var(--sec-y) !important; padding-bottom: var(--sec-y) !important; }
.site-body > .bg-primary > .container.pt-3 > #symbols { margin-top: 0 !important; margin-bottom: 0 !important; }
.ps-why-v2 .ps-why-head, .ps-feat-head, .ps-news-head { margin-bottom: 28px; }
/* پس‌زمینه‌های متناوب: سفید / روشن */
.site-body > #buyCurency { background: var(--surface-2) !important; }
.site-body > .bg-primary { background: var(--surface) !important; }
.ps-why { background: linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%) !important; }
.ps-feat { background: var(--surface) !important; }
.ps-news { background: var(--surface-2) !important; }
.feedback-area { background: var(--surface) !important; }
.ps-app { background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%) !important; }
.ready-to-talk { padding: var(--sec-y) 0 150px !important; }
.partner-area { padding-bottom: var(--sec-y); }
.partner-inner { background: var(--surface) !important; }
.ps-why-v2 .ps-why-card { background: var(--surface); border-color: var(--line); }
.ps-news-head .ps-news-kicker { color: var(--muted); }
/* پاورقی فشرده */
.footer-area { padding: 44px 0 16px !important; background: var(--surface) !important; border-top: 1px solid var(--line); }
.footer-area::before { height: 3px; }
.footer-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 24px 32px; align-items: start; }
.footer-about { text-align: start; }
.footer-logo { display: inline-block; margin-bottom: 10px; }
.footer-logo img { width: 130px; height: auto; }
.footer-about p { font-size: 12.5px; line-height: 1.9; color: var(--text-2); margin: 0 0 12px; max-width: 320px; }
.footer-social { display: flex; gap: 8px; }
.footer-social a { width: 36px; height: 36px; border-radius: 10px; font-size: 16px; }
.footer-col h3 { font-size: 14px; color: var(--ink); margin: 0 0 10px; padding-bottom: 6px; position: relative; }
.footer-col h3::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 26px; height: 2px; border-radius: 2px; background: var(--brand); }
.footer-col .list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.footer-col .list li a { display: inline-block; padding: 4px 0; padding-inline-start: 12px; font-size: 13px; color: var(--text-2); position: relative; transition: color .3s, transform .3s; }
.footer-col .list li a::before { content: ''; position: absolute; inset-inline-start: 0; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--line-2); transform: translateY(-50%); transition: background .3s; }
.footer-col .list li a:hover { color: var(--brand); transform: translateX(-3px); }
.footer-col .list li a:hover::before { background: var(--brand); }
.footer-area .footer-contact { display: flex !important; flex-wrap: wrap; gap: 8px 24px; margin: 26px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px solid var(--line); grid-template-columns: none; font-size: 12.5px; color: var(--text-2); }
.footer-area .footer-contact li { display: inline-flex !important; align-items: center; gap: 8px; padding: 0 !important; background: none; border: 0; box-shadow: none; border-radius: 0; min-width: 0; }
.footer-area .footer-contact i { width: 28px; height: 28px; border-radius: 8px; font-size: 13px; background: var(--brand-soft); color: var(--brand); margin: 0 !important; }
.footer-area .footer-contact a { color: var(--text); font-weight: 600; direction: ltr; unicode-bidi: isolate; }
.footer-area .copyright-area { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }
.footer-area .copyright-area p { font-size: 12px; color: var(--muted); margin: 0; }
.footer-legal { gap: 4px 14px; font-size: 12px; }
@media (max-width: 991.98px) {
.footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.footer-about { grid-column: 1 / -1; }
.footer-about p { max-width: none; }
}
@media (max-width: 767.98px) {
:root { --sec-y: var(--sec-y-m); }
.ps-why-v2 .ps-why-head, .ps-feat-head, .ps-news-head { margin-bottom: 18px; }
.ready-to-talk { padding: var(--sec-y-m) 0 120px !important; }
.partner-area { margin-top: -90px; padding-bottom: var(--sec-y-m); }
.partner-inner { padding: 16px 8px !important; }
.partner-inner .col-6 { padding: 8px 6px; }
.partner-inner a img { max-height: 48px; }
.footer-area { padding: 28px 0 14px !important; background: var(--surface-2) !important; }
.footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.footer-about { text-align: center; }
.footer-about p { font-size: 12px; margin-inline: auto; }
.footer-social { justify-content: center; }
.footer-col:last-child { grid-column: 1 / -1; }
.footer-col:last-child .list { grid-template-columns: 1fr 1fr; column-gap: 12px; }
.footer-col h3 { font-size: 13px; }
.footer-col .list li a { font-size: 12.5px; padding: 3px 0; padding-inline-start: 11px; }
.footer-area .footer-contact { gap: 8px 14px; margin-top: 18px !important; justify-content: center; font-size: 12px; }
.footer-area .footer-contact li { flex: 0 0 calc(50% - 7px); }
.footer-area .footer-contact li:first-child { flex-basis: 100%; }
.footer-area .copyright-area { flex-direction: column; text-align: center; padding-bottom: 60px; }
.footer-legal { justify-content: center; }
.featured-boxes-area { margin-top: -40px !important; }
.single-featured-box { padding: 70px 16px 20px !important; }
.single-featured-box p { font-size: 13px !important; }
.ps-feat-item { padding: .6rem; }
.ps-why-v2 .ps-why-card { padding: 1.2rem; }
}
/* ========== v10.1 — بخش‌ها یکی‌درمیان تیره/روشن؛ حلقه‌ی دکمه‌ی بالا با رنگ متضاد ========== */
/* ترتیب: ماشین‌حساب (روشن) → جدول (تیره) → چرا (روشن) → امکانات (تیره) → اخبار (روشن) → نظرات (تیره) → مشتریان (تیره‌ی برند، قبلاً) → اپ (روشن) */
.ps-dark-section, .site-body > .bg-primary, .ps-feat, .feedback-area { background: linear-gradient(160deg, #0f172a 0%, #121c33 60%, #26101c 100%) !important; color: #e2e8f0; }
/* جدول ارزها روی تیره */
.site-body > .bg-primary #symbols { background: var(--surface) !important; border-color: transparent; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
/* امکانات روی تیره */
.ps-feat .ps-feat-head h2, .ps-feat-item h3 { color: #fff; }
.ps-feat-lead { color: #cbd5e1; }
.ps-feat-item { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); }
.ps-feat-item p { color: #cbd5e1; }
.ps-feat-item.is-active { background: rgba(255, 255, 255, .12); border-color: #ff5a6e; box-shadow: 0 14px 34px rgba(0, 0, 0, .35); }
.ps-feat-item.is-active h3 { color: #fff; }
.ps-feat-media img { filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .35)); }
/* نظرات روی تیره */
.feedback-area .section-title h2 { color: #fff !important; }
.feedback-area .section-title .bar { background: rgba(255, 255, 255, .18) !important; }
.sw1box .swiper-slide { background: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .12) !important; box-shadow: none !important; }
.sw1box .swiper-slide .name { color: #fff; }
.sw1box .swiper-slide .text { color: #cbd5e1; }
.sw1box .swiper-slide-active::after { border-top-color: rgba(255, 255, 255, .06) !important; }
.sw2box i { background: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, .18) !important; color: #fff !important; }
.sw2box .swiper-slide img { border-color: rgba(255, 255, 255, .25) !important; }
.sw2box .swiper-slide-active img { border-color: #ff5a6e !important; }
/* بخش‌های روشن */
.site-body > #buyCurency, .ps-news, .ps-app { background: var(--surface) !important; }
.ps-why { background: var(--surface-2) !important; }
.ready-to-talk { background: linear-gradient(160deg, #0f172a 0%, #121c33 55%, #6e0d1c 100%) !important; }
/* دکمه‌ی بالا: پایه‌ی تیره، حلقه‌ی قرمز، همیشه متضاد با زمینه */
#gttop, #gttop:hover { background: linear-gradient(var(--ink), var(--ink)) padding-box, conic-gradient(var(--brand) calc(var(--p, 0) * 1turn), rgba(15, 23, 42, .25) 0) border-box !important; border: 3px solid transparent !important; box-shadow: 0 10px 24px rgba(15, 23, 42, .35), 0 0 0 2px #fff !important; color: #fff; }
#gttop:hover { background: linear-gradient(var(--brand), var(--brand)) padding-box, conic-gradient(var(--brand) calc(var(--p, 0) * 1turn), rgba(15, 23, 42, .25) 0) border-box !important; }
@media (max-width: 767.98px) { .sw1box .swiper-slide { padding: 20px 16px !important; } }
/* دکمه‌های دانلود: هاور نرم و آهسته */
.ps-app-btn { transition: transform .5s cubic-bezier(.25, .8, .25, 1), border-color .5s cubic-bezier(.25, .8, .25, 1), box-shadow .5s cubic-bezier(.25, .8, .25, 1), background-color .5s cubic-bezier(.25, .8, .25, 1); }
.ps-app-btn:hover { transform: translateY(-2px); }
.ps-app-btn img, .ps-app-btn i { transition: transform .5s cubic-bezier(.25, .8, .25, 1); }
.ps-app-btn:hover img, .ps-app-btn:hover i { transform: scale(1.06); }
.hero-stats strong { font-variant-numeric: tabular-nums; min-width: 4ch; display: inline-block; }
/* ========== v10.2 — کارت‌های بالای صفحه: آیکون در هاور سر جایش می‌ماند (translateX(-50%) قدیمی حفظ می‌شود)، کمی بزرگ و یک دور حول محور Y؛ در موبایل روی متن نمی‌افتد ========== */
.single-featured-box { perspective: 600px; }
.single-featured-box .icon { transform: translateX(-50%) !important; transform-style: preserve-3d; transition: transform .9s cubic-bezier(.25, .8, .25, 1), box-shadow .9s cubic-bezier(.25, .8, .25, 1), background .6s !important; animation: none !important; }
.single-featured-box:hover .icon { transform: translateX(-50%) scale(1.12) rotateY(360deg) !important; box-shadow: 0 12px 26px rgba(184, 6, 31, .18); }
.single-featured-box .icon i { backface-visibility: visible; }
.single-featured-box { transition: transform .6s cubic-bezier(.25, .8, .25, 1), box-shadow .6s cubic-bezier(.25, .8, .25, 1), border-color .6s; }
.single-featured-box:hover { transform: translateY(-4px); }
@media (max-width: 767.98px) { .single-featured-box { padding: 104px 16px 22px !important; } .single-featured-box .icon { top: 26px !important; } }
@media (prefers-reduced-motion: reduce) { .single-featured-box:hover .icon { transform: translateX(-50%) !important; } }
/* ========== v10.3 — بخش‌های «تیره» فقط کمی تیره‌تر از سفید (خاکستری‌آبی روشن)، نه سرمه‌ای؛ متن‌ها دوباره تیره ========== */
:root { --surface-alt: #eef1f6; }
.site-body > .bg-primary, .ps-feat, .feedback-area { background: var(--surface-alt) !important; color: var(--text); }
.site-body > .bg-primary #symbols { border-color: var(--line); box-shadow: var(--sh-1); }
.ps-feat .ps-feat-head h2, .ps-feat-item h3, .ps-feat-item.is-active h3 { color: var(--ink); }
.ps-feat-lead, .ps-feat-item p { color: var(--text-2); }
.ps-feat-item { background: var(--surface); border-color: var(--line); }
.ps-feat-item.is-active { background: var(--surface); border-color: var(--brand); box-shadow: 0 10px 25px rgba(0, 0, 0, .08); }
.ps-feat-media img { filter: none; }
.feedback-area .section-title h2 { color: var(--ink) !important; }
.feedback-area .section-title .bar { background: var(--brand-soft) !important; }
.sw1box .swiper-slide { background: var(--surface) !important; border-color: var(--line) !important; box-shadow: var(--sh-1) !important; }
.sw1box .swiper-slide .name { color: var(--ink); }
.sw1box .swiper-slide .text { color: var(--text-2); }
.sw1box .swiper-slide-active::after { border-top-color: var(--surface) !important; }
.sw2box i { background: var(--surface) !important; border-color: var(--line) !important; color: var(--text) !important; }
.sw2box .swiper-slide img { border-color: var(--line) !important; }
.sw2box .swiper-slide-active img { border-color: var(--brand) !important; }
.ps-why { background: var(--surface) !important; }
.ps-why-v2 .ps-why-card { border-color: var(--line); }
.site-body > #buyCurency { background: var(--surface) !important; }
.ps-news { background: var(--surface) !important; }
.ps-app { background: var(--surface-alt) !important; }
.footer-area { background: var(--surface) !important; }
/* v10.4 — سکشن‌های جایگزین روشن‌تر؛ ترنزیشن دکمه‌های دانلود (قبلاً body.site a آن را له می‌کرد و هاور می‌پرید)؛ فاصله‌ی آیکون کارت‌های ویژگی از متن؛ عنوان ستون‌های فوتر راست‌چین (app.css: nav { direction: ltr }) */
:root { --surface-alt: #f4f6f9; }
body.site .ps-app-btn { transition: transform .5s cubic-bezier(.25, .8, .25, 1), border-color .5s cubic-bezier(.25, .8, .25, 1), box-shadow .5s cubic-bezier(.25, .8, .25, 1), background-color .5s cubic-bezier(.25, .8, .25, 1), color .3s; }
.single-featured-box { padding: 112px 22px 28px !important; }
.single-featured-box .icon { top: 26px !important; }
.single-featured-box h3 { margin-bottom: 10px !important; }
@media (max-width: 767.98px) { .single-featured-box { padding: 110px 16px 22px !important; } }
.footer-area .footer-col { direction: rtl; text-align: start; }
.footer-area .footer-col h3, .footer-area .footer-col .list { text-align: start; }
/* v10.5 — تصویرسازی‌های SVG جایگزین تصاویر هاست ازکارافتاده (img/cards): سایه و گردی داخل خود SVG است */
.site-body .gifbox > div:first-child img[src$=".svg"] { border-radius: 0; box-shadow: none; }
.site-body img[src^="/img/cards/"], .site-body img[src="/img/badge-secure.svg"] { height: auto; }
/* v10.6 — رفع یافته‌های بازبینی تصویری ۲۲ صفحه‌ی محصول و بلاگ */
/* ردیف ماشین‌حساب: آیکون و عنوان «محاسبه هزینه» در یک خط و هم‌تراز */
.site-body .row[style*="ox-shadow"] > .col-md-2 { display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; padding-top: 10px !important; }
.site-body .row[style*="ox-shadow"] > .col-md-2 img[src="/img/calc-icon.png"] { margin: 0 !important; width: 36px !important; }
.site-body .row[style*="ox-shadow"] > .col-md-2 > span, .site-body .row[style*="ox-shadow"] > .col-md-2 > div { display: inline-flex !important; align-items: center; font-size: 17px !important; }
/* FAQهای تو در تو: پدینگ ردیف‌های تو در تو حذف شود تا متن کل عرض باکس را بگیرد */
.site-body .row.box .row, .site-body .row.box .accordion-item12, .site-body .box .accordion12, .site-body .box .padd987 { padding-inline: 0; }
/* ردیف بدون ستون داخل متن ⇒ جریان معمولی متن (نه فلکس) */
.site-body .textpay .row:not(:has(> [class*="col"])) { display: block; }
/* جدول محصول روی باکس «امکانات و مزایا» نیفتد */
.site-body .container > .row[style*="-25px"] { margin-top: 0 !important; }
/* کارت‌های یک ردیف هم‌قد و دکمه همیشه پایین کارت */
.site-body .row > [class*="col-md-3"]:has(> .gifbox) { display: flex; flex-direction: column; }
.site-body .row > [class*="col-md-3"]:has(> .gifbox) > .gifbox { display: flex; flex-direction: column; flex: 1 1 auto; }
.site-body .gifbox > div:last-child { margin-top: auto; }
/* صفحات تک‌محصولی (psn): لوگوی پاپ‌آوت وارد پاراگراف بالا نشود */
.site-body div[style*="margin-top: 20px"] > .row > [class*="col-md-"] > .gifbox { margin-top: 60px; }
/* زیرنویس نشان امنیت */
.ps-trust-cap { display: block; font-size: 12px; color: var(--muted); margin-top: 4px; }
/* کاور مقاله: ارتفاع معین و کراپ وسط؛ بندانگشتی‌های کوچک به‌جای کشیده‌شدن روی پس‌زمینه‌ی محو می‌نشینند */
.ps-article-cover { position: relative; aspect-ratio: 2.4 / 1; max-height: 460px; background: var(--surface-2); }
.ps-article-cover img { position: relative; width: 100%; height: 100%; object-fit: cover; }
.ps-article-cover.is-small::before { content: ''; position: absolute; inset: -24px; background: var(--cover) center / cover no-repeat; filter: blur(26px) saturate(1.15); opacity: .55; }
.ps-article-cover.is-small img { object-fit: contain; }
/* آیکون‌های ریز (لینک مقاله‌ی مرتبط) داخل متن بمانند؛ پاراگراف‌های خالی‌شده پنهان */
.ps-article-body img.is-icon { display: inline-block; width: 1.25em; height: 1.25em; margin: 0 .25em; vertical-align: text-bottom; box-shadow: none; border-radius: 0; }
.ps-article-body p.is-empty { display: none; }
/* جعبه‌ی فراخوان (به‌جای فرم قدیمی بلیط پرواز) */
.ps-cta-box { text-align: center; padding: 22px 16px; border: 1px dashed var(--line-2); border-radius: var(--r-lg); background: var(--surface-2); margin: 8px 0; }
.ps-cta-box p { margin: 0 0 14px; color: var(--text-2); font-size: 14.5px; }
.ps-cta-box .btn, .ps-cta-box .mybtn { margin: 4px; }
@media (max-width: 767.98px) {
/* فاصله‌ی کارت‌های محصول پشت‌سرهم: فقط جای پاپ‌آوت آیکون بماند */
.site-body .mar132 { margin-top: 0 !important; }
.site-body .mbot30 { margin-bottom: 0 !important; }
.site-body .row > .col-md-4[style="padding: 10px;"]:not(:has(*)) { display: none; }
/* جدول محصول به‌صورت کارت‌های پشت‌سرهم با برچسب و مقدار در یک خط */
.site-body table.table1 { white-space: normal; }
.site-body table.table1 tbody, .site-body table.table1 tr { display: block; width: 100%; }
.site-body table.table1 td { display: flex; align-items: center; gap: 8px; text-align: start; }
.site-body table.table1 td::before { float: none !important; margin-inline-end: auto; font-weight: 700; color: var(--muted); flex: 0 0 auto; }
/* خط قیمت در صفحات باریک یک‌خطی بماند */
.site-body .valbox span[style*="font-size: 45px"] { font-size: 32px !important; }
/* تصویر، قیمت و دکمه پیش از متن طولانی */
.site-body .row > .col-md-5:has(> .valbox) { order: -1; }
}
/* v10.6b — دکمه‌ی کارت‌های هم‌قد همیشه پایین (margin-top اینلاین قدیمی را خنثی می‌کند)؛ پسوند «مادام العمر!» نشکند */
.site-body .row > [class*="col-md-3"]:has(> .gifbox) > .gifbox > div:last-child { margin-top: auto !important; padding-top: 15px; }
.site-body .valbox span[style*="#df4d19"]:not([style*="font-size"]) { display: inline-block; white-space: nowrap; }
/* ردیف‌های بدون ستون داخل ستون‌ها (مثل «زمان انجام سفارش بین ۱ الی ۲۴ ساعت») ⇒ متن معمولی، نه آیتم‌های فلکس */
.site-body [class*="col-"] > .row:not(:has(> [class*="col"])), .site-body [class*="col-"] > .row:not(:has(> [class*="col"])) .row { display: block; }
/* v10.7 — ستون «رمزارز و ووچر» اول پاورقی (اولویت کسب‌وکار) */
.footer-grid { grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 1fr)); }
@media (max-width: 991.98px) { .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-col:last-child { grid-column: auto; } .footer-col:last-child .list { grid-template-columns: 1fr; } }
/* یادداشت امنیتی زیر دکمه‌های دانلود در موبایل به‌صورت متن معمولی (نه آیتم‌های فلکس پراکنده) */
@media (max-width: 575.98px) { .ps-app-note { display: block; text-align: center; line-height: 1.9; } .ps-app-note i { display: inline-block; vertical-align: middle; margin-inline-end: 4px; } }
/* v10.8 — هیرو صفحه‌ی اصلی: نقشه‌ی نقطه‌ای سمت چپ و پررنگ‌تر، متن‌ها سمت راست (دسکتاپ)؛ موبایل مثل قبل وسط‌چین */
.header.hero-home { background-image: url('/img/iran-dots-bright.svg'), radial-gradient(900px 600px at 72% 40%, rgba(184, 6, 31, .35), transparent 65%), radial-gradient(700px 500px at 15% 90%, rgba(59, 130, 246, .18), transparent 60%), linear-gradient(160deg, #0b1227 0%, #121c33 55%, #2a0b16 100%) !important; }
@media (min-width: 992px) {
.header.hero-home { background-size: auto 54%, cover, cover, cover !important; background-position: 9% 36%, center, center, center !important; }
.header.hero-home .hero-inner { display: grid; grid-template-columns: minmax(0, 58%) minmax(0, 1fr); column-gap: 24px; align-items: center; }
.header.hero-home .main-banner-content { grid-column: 1; text-align: start; margin-inline: 0; max-width: 620px; }
.header.hero-home .main-banner-content::before { inset: -40px -60px -30px -40px; }
.header.hero-home .hero-actions, .header.hero-home .hero-badges { justify-content: flex-start; }
.header.hero-home .hero-stats { grid-column: 1 / -1; margin-inline: 0; max-width: none; }
}
@media (min-width: 1400px) { .header.hero-home { background-size: auto 58%, cover, cover, cover !important; background-position: 12% 36%, center, center, center !important; } }
/* موبایل: متن وسط است و نقشه پشت آن می‌افتد ⇒ نسخه‌ی کم‌رنگ قبلی تا متن خوانا بماند */
@media (max-width: 767.98px) { .header.hero-home { background-image: url('/img/iran-dots.svg'), radial-gradient(900px 600px at 72% 40%, rgba(184, 6, 31, .35), transparent 65%), radial-gradient(700px 500px at 15% 90%, rgba(59, 130, 246, .18), transparent 60%), linear-gradient(160deg, #0b1227 0%, #121c33 55%, #2a0b16 100%) !important; } }
/* v10.9 — نقشه به‌جای background یک ![]()
است که نقطه‌هایش خودشان (داخل SVG با CSS) روشن و خاموش می‌شوند؛ چشمک‌های کانواس حذف شد */
.header.hero-home { background-image: radial-gradient(900px 600px at 72% 40%, rgba(184, 6, 31, .35), transparent 65%), radial-gradient(700px 500px at 15% 90%, rgba(59, 130, 246, .18), transparent 60%), linear-gradient(160deg, #0b1227 0%, #121c33 55%, #2a0b16 100%) !important; background-size: cover, cover, cover !important; background-position: center, center, center !important; }
.header.hero-home .hero-map { position: absolute; z-index: 1; width: auto; height: 74%; left: 50%; top: 58%; transform: translate(-50%, -58%); pointer-events: none; user-select: none; }
@media (min-width: 992px) { .header.hero-home .hero-map { height: 54%; left: 9%; top: calc(36% - 40px); transform: translate(-9%, -36%); } }
@media (min-width: 1400px) { .header.hero-home .hero-map { height: 58%; left: 12%; top: calc(36% - 40px); transform: translate(-12%, -36%); } }
@media (max-width: 767.98px) { .header.hero-home { background-image: radial-gradient(900px 600px at 72% 40%, rgba(184, 6, 31, .35), transparent 65%), radial-gradient(700px 500px at 15% 90%, rgba(59, 130, 246, .18), transparent 60%), linear-gradient(160deg, #0b1227 0%, #121c33 55%, #2a0b16 100%) !important; background-size: cover, cover, cover !important; background-position: center, center, center !important; } .header.hero-home .hero-map { height: 48%; left: 50%; top: 92%; transform: translate(-50%, -92%); opacity: .55; } }
/* v10.10 — نقشه‌ی درخشان (iran-map-glow.svg) جای نقشه‌ی نقطه‌ای؛ کمی هاله‌ی نرم دور تصویر */
.header.hero-home .hero-map { filter: drop-shadow(0 0 28px rgba(59, 130, 246, .35)); }
/* v10.11 — هیرو: تیتر دو رنگ، دکمه‌های آیکون‌دار، ردیف ویژگی‌ها با جداکننده، بافت نقطه‌ای + وینیت، پارالاکس نقشه (متغیر --px/--py از JS)، راهنمای اسکرول */
.hero-accent { background: linear-gradient(90deg, #ff5a6a 0%, #ff8f6b 60%, #ffb36b 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; padding-inline: 2px; }
@supports not (background-clip: text) { .hero-accent { color: #ff6b7a; } }
.header.hero-home .main-banner-content h1 { font-size: clamp(40px, 5vw, 66px); line-height: 1.15; margin-bottom: 10px; letter-spacing: -.01em; }
.header.hero-home .main-banner-content h2 { font-size: clamp(21px, 2.6vw, 32px); font-weight: 800; line-height: 1.5; margin-bottom: 14px; }
.header.hero-home .main-banner-content p { font-size: clamp(14px, 1.3vw, 17px); color: #dbe4f3; margin-bottom: 30px; }
.hero-actions .mybtn, .hero-actions .btn { gap: 9px; }
.hero-actions svg { width: 18px; height: 18px; flex: 0 0 auto; }
.header.hero-home .hero-actions .mybtn { box-shadow: 0 12px 34px rgba(184, 6, 31, .5), 0 2px 6px rgba(0, 0, 0, .25); }
.header.hero-home .hero-actions .mybtn:hover { box-shadow: 0 16px 40px rgba(184, 6, 31, .6), 0 2px 6px rgba(0, 0, 0, .25); }
.header.hero-home .hero-actions .mybtn svg { transition: transform .25s var(--ease); }
.header.hero-home .hero-actions .mybtn:hover svg { transform: translateX(-4px); }
.header.hero-home .hero-badges { gap: 2px 0; margin-top: 24px; }
.header.hero-home .hero-badges li { position: relative; background: none !important; border: 0 !important; border-radius: 0; padding: 6px 16px; font-size: 13.5px; color: #e6edf7; box-shadow: none; }
.header.hero-home .hero-badges li:first-child { padding-inline-start: 0; }
.header.hero-home .hero-badges li + li::before { content: ''; position: absolute; inset-inline-start: 0; top: 22%; height: 56%; width: 1px; background: rgba(255, 255, 255, .25); }
.header.hero-home .hero-badges svg { width: 17px; height: 17px; color: #ff8a95; }
.header.hero-home { background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1.5px), radial-gradient(ellipse 72% 62% at 50% 46%, transparent 52%, rgba(3, 7, 20, .62) 100%), radial-gradient(900px 600px at 72% 40%, rgba(184, 6, 31, .35), transparent 65%), radial-gradient(700px 500px at 15% 90%, rgba(59, 130, 246, .18), transparent 60%), linear-gradient(160deg, #0b1227 0%, #121c33 55%, #2a0b16 100%) !important; background-size: 26px 26px, cover, cover, cover, cover !important; background-position: 0 0, center, center, center, center !important; }
.header.hero-home .hero-map { transform: translate(-50%, -58%) translate(var(--px, 0px), var(--py, 0px)); will-change: transform; }
@media (min-width: 992px) { .header.hero-home .hero-map { transform: translate(-9%, -36%) translate(var(--px, 0px), var(--py, 0px)); } }
@media (min-width: 1400px) { .header.hero-home .hero-map { transform: translate(-12%, -36%) translate(var(--px, 0px), var(--py, 0px)); } }
@media (max-width: 767.98px) { .header.hero-home .hero-map { transform: translate(-50%, -92%); } .header.hero-home .hero-badges li { padding: 5px 10px; font-size: 12px; } }
.hero-scroll { position: absolute; left: 50%; bottom: 26px; z-index: 3; width: 38px; height: 38px; margin-left: -19px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .06); color: #fff; display: grid; place-items: center; backdrop-filter: blur(4px); animation: heroScroll 2.2s ease-in-out infinite; transition: background .2s, border-color .2s; }
.hero-scroll svg { width: 18px; height: 18px; }
.hero-scroll:hover { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .6); color: #fff; }
@keyframes heroScroll { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
@media (max-width: 767.98px), (max-height: 680px) { .hero-scroll { display: none; } }
@media (prefers-reduced-motion: reduce) { .hero-scroll { animation: none; } }
/* v10.12 — آمار هیرو زیر متن در ستون راست؛ نقشه بزرگ‌تر و وسط ستون چپ */
@media (min-width: 992px) {
.header.hero-home .hero-inner { grid-template-columns: minmax(0, 52%) minmax(0, 1fr); column-gap: 20px; }
.header.hero-home .main-banner-content { max-width: none; }
.header.hero-home .hero-stats { grid-column: 1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 26px 0 0; max-width: none; }
.header.hero-home .hero-stats li { padding: 12px 6px 10px; gap: 2px; }
.header.hero-home .hero-stats strong { font-size: 20px; }
.header.hero-home .hero-stats li > span:last-child { font-size: 11.5px; }
.header.hero-home .hero-stat-ic { width: 30px; height: 30px; }
.header.hero-home .hero-map { height: 64%; left: 5%; top: calc(50% - 24px); transform: translate(-5%, -50%) translate(var(--px, 0px), var(--py, 0px)); }
}
@media (min-width: 1200px) { .header.hero-home .hero-map { height: 68%; left: 6%; } }
@media (min-width: 1400px) { .header.hero-home .hero-map { height: 74%; left: 12%; top: calc(50% - 24px); transform: translate(-12%, -50%) translate(var(--px, 0px), var(--py, 0px)); } }
/* v10.12b — چهار نشان در یک ردیف در ستون راست؛ راهنمای اسکرول بالاتر از کارت‌های قیمت */
@media (min-width: 992px) { .header.hero-home .hero-badges li { padding: 5px 11px; font-size: 12.5px; white-space: nowrap; } .header.hero-home .hero-badges svg { width: 15px; height: 15px; } }
.hero-scroll { bottom: 108px; }
/* v10.13 — کارت‌های آمار کوچک‌تر و با فاصله از نقشه؛ نقشه کمی کوچک‌تر تا به متن نچسبد */
@media (min-width: 992px) {
.header.hero-home .hero-inner { column-gap: 44px; }
.header.hero-home .hero-stats { max-width: 500px; gap: 8px; margin-top: 24px; }
.header.hero-home .hero-stats li { padding: 10px 4px 8px; border-radius: 14px; }
.header.hero-home .hero-stats strong { font-size: 18px; }
.header.hero-home .hero-stats li > span:last-child { font-size: 11px; }
.header.hero-home .hero-stat-ic { width: 28px; height: 28px; border-radius: 9px; }
.header.hero-home .hero-stat-ic svg { width: 15px; height: 15px; }
.header.hero-home .hero-map { height: 58%; left: 4%; transform: translate(-4%, -50%) translate(var(--px, 0px), var(--py, 0px)); }
}
@media (min-width: 1200px) { .header.hero-home .hero-map { height: 62%; left: 5%; transform: translate(-5%, -50%) translate(var(--px, 0px), var(--py, 0px)); } }
@media (min-width: 1400px) { .header.hero-home .hero-map { height: 70%; left: 10%; transform: translate(-10%, -50%) translate(var(--px, 0px), var(--py, 0px)); } }
/* v10.14 — فاصله‌ی آیکون کارت‌های آمار از عدد */
.hero-stats .hero-stat-ic { margin-bottom: 8px; }
@media (min-width: 992px) { .header.hero-home .hero-stats li { gap: 3px; padding-top: 12px; } .header.hero-home .hero-stat-ic { margin-bottom: 7px; } }
/* v10.15 — هاله‌ی دور نقشه ملایم‌تر */
.header.hero-home .hero-map { filter: drop-shadow(0 0 22px rgba(59, 130, 246, .18)); }
/* v10.16 — پس‌زمینه‌ی هیرو هماهنگ با نقشه: سرمه‌ای عمیق یکدست، نور آبی پشت نقشه، نور قرمز ملایم فقط پشت دکمه‌ها، بدون ته‌رنگ قهوه‌ای */
.header.hero-home { background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1.5px), radial-gradient(ellipse 74% 64% at 50% 46%, transparent 50%, rgba(2, 6, 18, .66) 100%), radial-gradient(620px 560px at 24% 48%, rgba(37, 99, 235, .30), transparent 70%), radial-gradient(520px 420px at 80% 52%, rgba(184, 6, 31, .22), transparent 70%), linear-gradient(165deg, #070e22 0%, #0a1530 50%, #081128 100%) !important; background-size: 26px 26px, cover, cover, cover, cover !important; background-position: 0 0, center, center, center, center !important; }
.header.hero-home::before { background: linear-gradient(180deg, rgba(5, 10, 26, .55) 0%, rgba(5, 10, 26, .08) 40%, rgba(5, 10, 26, .3) 100%); }
.header.hero-home .hero-map { filter: drop-shadow(0 0 34px rgba(37, 99, 235, .22)); }
/* v10.17 — قرمز پررنگ‌تر سمت راست (مثل طرح مرجع) + هاله‌های متحرک آرام (پویایی پس‌زمینه) */
.header.hero-home { background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1.5px), radial-gradient(ellipse 74% 64% at 50% 46%, transparent 50%, rgba(2, 6, 18, .6) 100%), radial-gradient(620px 560px at 24% 48%, rgba(37, 99, 235, .28), transparent 70%), radial-gradient(760px 640px at 84% 40%, rgba(214, 24, 52, .40), transparent 68%), radial-gradient(900px 520px at 100% 92%, rgba(140, 8, 38, .45), transparent 70%), linear-gradient(165deg, #070e22 0%, #0b1631 50%, #140c26 100%) !important; background-size: 26px 26px, cover, cover, cover, cover, cover !important; background-position: 0 0, center, center, center, center, center !important; }
.hero-glow { position: absolute; z-index: 0; pointer-events: none; border-radius: 50%; mix-blend-mode: screen; will-change: transform, opacity; }
.hero-glow.is-red { width: 62vw; height: 74vh; right: -12vw; top: 2vh; background: radial-gradient(closest-side, rgba(230, 30, 60, .55), rgba(230, 30, 60, .18) 45%, transparent 72%); animation: heroGlowA 16s ease-in-out infinite alternate; }
.hero-glow.is-crimson { width: 48vw; height: 52vh; right: -8vw; bottom: -14vh; background: radial-gradient(closest-side, rgba(160, 10, 48, .6), rgba(160, 10, 48, .2) 50%, transparent 74%); animation: heroGlowB 22s ease-in-out infinite alternate; }
.hero-glow.is-blue { width: 46vw; height: 64vh; left: -6vw; top: 14vh; background: radial-gradient(closest-side, rgba(37, 99, 235, .42), rgba(37, 99, 235, .14) 48%, transparent 74%); animation: heroGlowC 19s ease-in-out infinite alternate; }
@keyframes heroGlowA { 0% { transform: translate(0, 0) scale(1); opacity: .85; } 50% { transform: translate(-5vw, 4vh) scale(1.12); opacity: 1; } 100% { transform: translate(2vw, -3vh) scale(.96); opacity: .8; } }
@keyframes heroGlowB { 0% { transform: translate(0, 0) scale(1); opacity: .9; } 100% { transform: translate(-6vw, -6vh) scale(1.18); opacity: .7; } }
@keyframes heroGlowC { 0% { transform: translate(0, 0) scale(1); opacity: .8; } 100% { transform: translate(4vw, 5vh) scale(1.1); opacity: 1; } }
@media (max-width: 767.98px) { .hero-glow.is-red { width: 120vw; height: 50vh; right: -40vw; top: 0; } .hero-glow.is-blue { width: 100vw; height: 50vh; left: -30vw; top: 40vh; } .hero-glow.is-crimson { display: none; } }
@media (prefers-reduced-motion: reduce) { .hero-glow { animation: none; } }
/* v10.18 — صفحه‌ی اصلی: کارت‌های آمار روشن، محوشدگی ملایم‌تر زیر هیرو، سرتیتر یکدست بخش‌ها، نوار مراحل، ماشین‌حساب دو ستونه، جدول قیمت، نظرات، پرسش‌های پرتکرار، QR اپ، دکمه‌ی چسبان موبایل */
/* کارت‌های آمار هیرو: پس‌زمینه‌ی روشن، متن تیره، آیکون قرمز دایره‌ای */
.header.hero-home .hero-stats li, .header.hero-home .hero-stats li:hover { background: rgba(255, 255, 255, .96); border: 1px solid rgba(255, 255, 255, .9); box-shadow: 0 14px 34px rgba(2, 6, 23, .35); }
.header.hero-home .hero-stats li:hover { transform: translateY(-3px); }
.header.hero-home .hero-stats strong { color: #0f172a; text-shadow: none; }
.header.hero-home .hero-stats li > span:last-child { color: #475569; }
.header.hero-home .hero-stat-ic { border-radius: 50%; background: var(--brand); color: #fff; border: 0; box-shadow: 0 6px 16px rgba(184, 6, 31, .35); }
.header.hero-home .hero-stat-ic svg { color: #fff; }
/* محوشدگی زیر هیرو: کوتاه‌تر و کم‌رنگ‌تر */
.header.hero-home::after { height: 70px; background: linear-gradient(180deg, rgba(246, 247, 251, 0) 0%, rgba(246, 247, 251, .35) 60%, var(--surface-2) 100%); }
/* سرتیتر یکدست */
.ps-sec-head { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.ps-sec-head h2 { font-size: clamp(24px, 3.2vw, 36px); font-weight: 900; margin: 0 0 10px; line-height: 1.5; }
.ps-sec-head h2 span { color: var(--brand); }
.ps-sec-head p { margin: 0; color: var(--text-2); font-size: 15px; }
.ps-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: .02em; color: var(--brand); background: var(--brand-soft, rgba(184, 6, 31, .1)); border-radius: 999px; padding: 4px 12px; margin-bottom: 12px; }
.ps-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ps-feat-eyebrow { margin-bottom: 8px; }
/* نوار مراحل (جای چهار کارت تکراری) */
.ps-steps { position: relative; z-index: 2; margin-top: -60px; }
.ps-steps-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: 0 20px 50px rgba(2, 6, 23, .14); overflow: hidden; counter-reset: step; }
.ps-steps-list li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 26px 18px 22px; border-inline-start: 1px solid var(--line); }
.ps-steps-list li:first-child { border-inline-start: 0; }
.ps-steps-list li i { font-size: 30px; color: var(--brand); margin-bottom: 10px; }
.ps-steps-list h3 { font-size: 15.5px; font-weight: 800; margin: 0 0 6px; }
.ps-steps-list p { margin: 0; font-size: 12.5px; color: var(--text-2); line-height: 1.8; }
.ps-step-no { position: absolute; top: 12px; inset-inline-start: 14px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--brand-soft, rgba(184, 6, 31, .1)); color: var(--brand); font-size: 12.5px; font-weight: 900; }
.ps-steps-list li:not(:last-child)::after { content: ''; position: absolute; top: 50%; inset-inline-end: -9px; width: 18px; height: 18px; border-radius: 50%; background: var(--surface); border: 1px solid var(--line); transform: translateY(-50%); z-index: 1; }
/* ماشین‌حساب: دو ستون در دسکتاپ */
#buyCurency .ps-calc-head { margin-bottom: 20px; }
#buyCurency .ps-calc-wrap { direction: rtl; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: stretch; max-width: 1040px; margin: 0 auto; }
#buyCurency .ps-calc-wrap > .col-lg-6 { max-width: none !important; margin: 0 !important; }
#buyCurency .ps-calc-side { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--sh-1); padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.ps-calc-side-head { display: flex; align-items: center; justify-content: space-between; font-size: 15px; }
.ps-live { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-2); }
.ps-live i { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 0 rgba(22, 163, 74, .5); animation: psLive 1.6s ease-out infinite; }
@keyframes psLive { 0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, .5); } 100% { box-shadow: 0 0 0 9px rgba(22, 163, 74, 0); } }
.ps-rates { display: flex; flex-direction: column; }
.ps-rate { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: 13px; transition: background var(--t-fast); border-radius: 8px; }
.ps-rate:last-child { border-bottom: 0; }
.ps-rate:hover { background: var(--surface-2); color: var(--ink); }
.ps-rate img { width: 30px; height: 30px; border-radius: 50%; }
.ps-rate span { display: flex; flex-direction: column; line-height: 1.4; }
.ps-rate span small { color: var(--muted); font-size: 11px; direction: ltr; text-align: start; }
.ps-rate strong { font-weight: 800; font-variant-numeric: tabular-nums; }
.ps-rate strong small { font-weight: 500; color: var(--muted); font-size: 11px; }
.ps-rate i { font-style: normal; font-size: 12px; font-weight: 700; direction: ltr; min-width: 58px; text-align: end; }
.ps-rate i.is-up { color: #16a34a; } .ps-rate i.is-down { color: #dc2626; }
.ps-calc-usdt { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; color: var(--text-2); background: var(--surface-2); border-radius: 10px; padding: 8px 12px; }
.ps-calc-usdt b { color: var(--ink); font-variant-numeric: tabular-nums; }
.ps-calc-cta { margin-top: auto; text-align: center; }
.ps-calc-note { margin: 0; font-size: 12px; color: var(--muted); text-align: center; }
.ps-presets { display: flex; flex-wrap: wrap; gap: 6px; margin: -8px 0 14px; direction: rtl; }
.ps-presets button { border: 1px solid var(--line); background: var(--surface); color: var(--text-2); border-radius: 999px; padding: 5px 12px; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast); }
.ps-presets button:hover, .ps-presets button.is-on { background: var(--brand); border-color: var(--brand); color: #fff; }
@media (min-width: 992px) { #buyCurency .ps-calc-wrap { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
/* جدول قیمت */
#symbols .ps-row-chart { position: relative; }
#symbols .ps-row-chart img { transition: filter .3s; }
#symbols .ps-row-chart img.is-up { filter: hue-rotate(75deg) saturate(1.3) brightness(.9); }
#symbols .ps-row-chart img.is-down { filter: hue-rotate(-45deg) saturate(1.4); }
#symbols .ps-row-buy { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); padding: 4px 12px; border-radius: 999px; background: var(--brand); color: #fff; font-size: 12px; font-weight: 700; opacity: 0; transition: opacity var(--t-fast), transform var(--t-fast); text-decoration: none; }
#symbols .crow:hover .ps-row-buy, #symbols .crow:focus-within .ps-row-buy { opacity: 1; }
#symbols .ps-row-buy:hover { color: #fff; transform: translateY(-50%) scale(1.04); }
#symbols .crow.is-clickable { cursor: pointer; }
#symbols .crow.is-more { display: none !important; }
#symbols.is-expanded .crow.is-more { display: flex !important; }
.ps-rows-more { display: block; margin: 6px auto 0; border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 999px; padding: 9px 22px; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: background var(--t-fast), border-color var(--t-fast); }
.ps-rows-more:hover { background: var(--surface-2); border-color: var(--line-2, var(--line)); }
.ps-rows-more b { color: var(--muted); font-weight: 600; }
/* نظرات: شبکه‌ی کارت */
.ps-testi { padding: var(--sec-y, 72px) 0; background: var(--surface); }
.ps-testi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ps-testi-card { margin: 0; background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px 20px 18px; display: flex; flex-direction: column; gap: 14px; position: relative; transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.ps-testi-card:hover { transform: translateY(-3px); box-shadow: var(--sh-2); }
.ps-testi-card::before { content: '”'; position: absolute; top: 6px; inset-inline-end: 16px; font-size: 54px; line-height: 1; color: var(--brand); opacity: .18; font-family: Georgia, serif; }
.ps-testi-card blockquote { margin: 0; font-size: 14px; line-height: 1.95; color: var(--text); flex: 1 1 auto; }
.ps-testi-card figcaption { display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--line); padding-top: 12px; }
.ps-testi-card figcaption img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.ps-testi-card figcaption b { display: block; font-size: 13.5px; }
.ps-stars { color: #f59e0b; font-size: 13px; letter-spacing: 2px; }
.ps-testi-card:nth-child(4), .ps-testi-card:nth-child(5) { display: none; }
@media (min-width: 992px) { .ps-testi-card:nth-child(4), .ps-testi-card:nth-child(5) { display: flex; } .ps-testi-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .ps-testi-card { grid-column: span 2; } .ps-testi-card:nth-child(4) { grid-column: 2 / span 2; } .ps-testi-card:nth-child(5) { grid-column: 4 / span 2; } }
/* پرسش‌های پرتکرار */
.ps-hfaq { padding: var(--sec-y, 72px) 0; background: var(--surface-2); }
.ps-hfaq-list { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.ps-hfaq-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; transition: border-color var(--t-fast), box-shadow var(--t-fast); }
.ps-hfaq-item[open] { border-color: rgba(184, 6, 31, .35); box-shadow: var(--sh-1); }
.ps-hfaq-item summary { list-style: none; display: flex; align-items: center; gap: 12px; padding: 16px 18px; cursor: pointer; font-weight: 700; font-size: 15px; }
.ps-hfaq-item summary::-webkit-details-marker { display: none; }
.ps-hfaq-q { flex: 1 1 auto; }
.ps-hfaq-chev { width: 28px; height: 28px; border-radius: 50%; background: var(--surface-2); flex: 0 0 auto; position: relative; transition: transform .25s var(--ease), background var(--t-fast); }
.ps-hfaq-chev::before { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: translate(-50%, -65%) rotate(45deg); }
.ps-hfaq-item[open] .ps-hfaq-chev { transform: rotate(180deg); background: var(--brand-soft, rgba(184, 6, 31, .1)); }
.ps-hfaq-item[open] .ps-hfaq-chev::before { border-color: var(--brand); }
.ps-hfaq-a { padding: 0 18px 18px 56px; color: var(--text-2); font-size: 14px; line-height: 1.95; }
.ps-hfaq-more { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 22px; margin-top: 24px; }
.ps-hfaq-ask { font-size: 13.5px; color: var(--brand); font-weight: 700; }
/* اپلیکیشن: QR + وب‌اپ */
.ps-app-qr-row { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 4px 0 18px; }
.ps-app-qr { width: 124px; height: 124px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--sh-1); display: grid; place-items: center; flex: 0 0 auto; }
.ps-app-qr img, .ps-app-qr canvas { width: 108px !important; height: 108px !important; display: block; }
.ps-app-qr-text { display: flex; flex-direction: column; gap: 4px; text-align: start; font-size: 13px; color: var(--text-2); }
.ps-app-qr-text b { color: var(--ink); font-size: 14.5px; }
.ps-app-pwa { margin-top: 6px; font-size: 12.5px; color: var(--brand); font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
/* دکمه‌ی چسبان موبایل */
.ps-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; display: flex; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); border-top: 1px solid var(--line); transform: translateY(110%); transition: transform .3s var(--ease); }
.ps-sticky-cta.is-on { transform: translateY(0); }
.ps-sticky-cta .btn { flex: 1 1 0; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
@media (min-width: 768px) { .ps-sticky-cta { display: none; } }
@media (max-width: 991.98px) {
.ps-steps-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ps-steps-list li:nth-child(odd) { border-inline-start: 0; }
.ps-steps-list li:nth-child(n+3) { border-top: 1px solid var(--line); }
.ps-steps-list li:nth-child(2)::after { display: none; }
.ps-testi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
.ps-steps { margin-top: -40px; }
.ps-steps-list li { padding: 20px 12px 16px; }
.ps-steps-list li::after { display: none; }
.ps-testi-grid { grid-template-columns: 1fr; }
.ps-testi-card:nth-child(4), .ps-testi-card:nth-child(5) { display: flex; }
.ps-hfaq-a { padding-left: 18px; }
.ps-app-qr-row { flex-direction: column; text-align: center; }
.ps-app-qr-text { text-align: center; align-items: center; }
.ps-rate i { min-width: 0; }
body.is-home { padding-bottom: 72px; }
}
@media (prefers-reduced-motion: reduce) { .ps-live i { animation: none; } }
/* v10.19 — پیش‌بارگذار برند: هم‌رنگ هیرو (سرمه‌ای + نور قرمز)، نشان با حلقه‌های موج، نوار پیشرفت نامعین؛ با reduced-motion ثابت */
.preloader { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; color: #fff; background: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1.4px) 0 0 / 26px 26px, radial-gradient(700px 520px at 78% 30%, rgba(214, 24, 52, .38), transparent 68%), radial-gradient(600px 500px at 20% 75%, rgba(37, 99, 235, .25), transparent 70%), linear-gradient(165deg, #070e22 0%, #0b1631 55%, #140c26 100%); transition: opacity .4s ease, visibility .4s; }
.preloader.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.ps-load { display: flex; flex-direction: column; align-items: center; gap: 10px; animation: psLoadIn .5s var(--ease) both; }
.ps-load-mark { position: relative; width: 84px; height: 84px; display: grid; place-items: center; margin-bottom: 8px; }
.ps-load-mark img { position: relative; z-index: 1; width: 48px; height: 48px; border-radius: 14px; background: #fff; padding: 6px; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); animation: psLoadPulse 1.8s ease-in-out infinite; }
.ps-load-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255, 90, 110, .7); animation: psLoadRing 1.8s ease-out infinite; }
.ps-load-ring.is-2 { animation-delay: .9s; border-color: rgba(159, 208, 255, .6); }
.ps-load-brand { font-size: 20px; font-weight: 900; letter-spacing: -.01em; }
.ps-load-sub { font-size: 12.5px; color: rgba(255, 255, 255, .7); }
.ps-load-bar { position: relative; width: 168px; height: 3px; border-radius: 999px; background: rgba(255, 255, 255, .14); overflow: hidden; margin-top: 6px; }
.ps-load-bar span { position: absolute; top: 0; bottom: 0; width: 40%; border-radius: 999px; background: linear-gradient(90deg, #ff5a6a, #ff8f6b); animation: psLoadBar 1.2s cubic-bezier(.4, 0, .2, 1) infinite; }
@keyframes psLoadIn { from { opacity: 0; transform: translateY(8px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes psLoadPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes psLoadRing { 0% { transform: scale(.55); opacity: .9; } 100% { transform: scale(1.25); opacity: 0; } }
@keyframes psLoadBar { 0% { inset-inline-start: -40%; } 100% { inset-inline-start: 100%; } }
@media (prefers-reduced-motion: reduce) { .ps-load, .ps-load-mark img, .ps-load-ring, .ps-load-bar span { animation: none; } .ps-load-ring { opacity: .35; transform: scale(.9); } .ps-load-bar span { inset-inline-start: 30%; } }
/* v10.20 — کارت‌های آمار هیرو: برجسته و براق (شیشه‌ای با درخشش)؛ پیش‌فرض‌های مبلغ زیر آیکون تبدیل */
.header.hero-home .hero-stats li { position: relative; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%); border: 1px solid rgba(255, 255, 255, .9); box-shadow: 0 18px 40px rgba(2, 6, 23, .4), 0 2px 0 rgba(255, 255, 255, .9) inset, 0 -2px 0 rgba(15, 23, 42, .06) inset; }
.header.hero-home .hero-stats li::before { content: ''; position: absolute; top: -60%; bottom: -60%; width: 46%; left: -70%; background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, .85) 50%, transparent 80%); transform: skewX(-18deg); opacity: .9; animation: heroShine 5.5s ease-in-out infinite; pointer-events: none; }
.header.hero-home .hero-stats li:nth-child(2)::before { animation-delay: .6s; } .header.hero-home .hero-stats li:nth-child(3)::before { animation-delay: 1.2s; } .header.hero-home .hero-stats li:nth-child(4)::before { animation-delay: 1.8s; }
.header.hero-home .hero-stats li::after { content: ''; position: absolute; inset: 0 0 auto 0; height: 46%; background: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0)); pointer-events: none; }
.header.hero-home .hero-stats li > * { position: relative; z-index: 1; }
.header.hero-home .hero-stats li:hover { transform: translateY(-4px); box-shadow: 0 24px 50px rgba(2, 6, 23, .5), 0 2px 0 rgba(255, 255, 255, .95) inset, 0 -2px 0 rgba(15, 23, 42, .06) inset; }
.header.hero-home .hero-stat-ic { background: linear-gradient(160deg, #ff4d5e 0%, #b8061f 70%); box-shadow: 0 8px 18px rgba(184, 6, 31, .4), 0 1px 0 rgba(255, 255, 255, .55) inset; }
@keyframes heroShine { 0% { left: -70%; } 45% { left: 130%; } 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) { .header.hero-home .hero-stats li::before { animation: none; display: none; } }
.ps-presets { margin: 24px 0 14px; justify-content: flex-start; }
/* v10.21 — دکمه‌ی «خرید» ردیف‌های جدول: متن سفید با اولویت بالاتر از قوانین لینک جدول */
#symbols .crow .ps-row-buy, #symbols .crow .ps-row-buy:hover, #symbols .crow .ps-row-buy:focus { color: #fff !important; background: var(--brand) !important; display: inline-flex !important; align-items: center; justify-content: center; height: 28px; line-height: 1; padding: 0 14px; font-size: 12.5px; font-weight: 800; text-decoration: none !important; box-shadow: 0 6px 14px rgba(184, 6, 31, .35); }
#symbols .crow .ps-row-buy:hover { background: var(--brand-dark) !important; }
/* v10.22 — صفحات داخلی هماهنگ با صفحهٔ اصلی: نوار سربرگ سرمه‌ای با عنوان و مسیر صفحه (به‌جای عکس قدیمی)، تایپوگرافی بدنهٔ لندینگ‌ها، سرتیتر یکدست قالب‌ها */
.header.hero-min { min-height: 0; padding: calc(var(--site-nav-h) + 44px) 0 64px; background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1.5px), radial-gradient(ellipse 80% 70% at 50% 50%, transparent 55%, rgba(2, 6, 18, .55) 100%), radial-gradient(560px 360px at 82% 50%, rgba(214, 24, 52, .34), transparent 68%), radial-gradient(520px 340px at 14% 70%, rgba(37, 99, 235, .26), transparent 70%), linear-gradient(165deg, #070e22 0%, #0b1631 55%, #140c26 100%) !important; background-size: 26px 26px, cover, cover, cover, cover !important; background-position: 0 0, center, center, center, center !important; display: block; }
.header.hero-min::before { background: linear-gradient(180deg, rgba(5, 10, 26, .45) 0%, rgba(5, 10, 26, 0) 50%, rgba(5, 10, 26, .25) 100%); }
.header.hero-min::after { height: 56px; background: linear-gradient(180deg, rgba(246, 247, 251, 0) 0%, rgba(246, 247, 251, .3) 60%, var(--surface-2) 100%); }
.header.hero-min .hero-glow.is-red { width: 44vw; height: 120%; right: -10vw; top: -20%; animation-duration: 18s; }
.header.hero-min .hero-glow.is-blue { width: 36vw; height: 120%; left: -8vw; top: 0; animation-duration: 21s; }
.header.hero-min .hero-glow.is-crimson { display: none; }
.hero-page { position: relative; z-index: 2; text-align: start; max-width: 860px; }
.hero-crumbs { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); font-size: 12.5px; color: #e2e8f0; max-width: 100%; }
.hero-crumbs a { color: #fff; opacity: .85; }
.hero-crumbs a:hover { opacity: 1; color: #fff; }
.hero-crumbs i { width: 5px; height: 5px; border-radius: 50%; background: #ff5a6a; flex: 0 0 auto; }
.hero-crumbs span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero-page-title { font-size: clamp(26px, 3.6vw, 44px); font-weight: 900; line-height: 1.35; color: #fff; margin: 0 0 10px; text-shadow: 0 2px 10px rgba(0, 0, 0, .35); text-wrap: balance; }
.hero-lead { font-size: clamp(14px, 1.3vw, 16.5px); color: #d9e1ef; line-height: 1.9; margin: 0 0 18px; max-width: 720px; }
.hero-badges-min { justify-content: flex-start; margin-top: 6px; gap: 2px 0; }
.hero-badges-min li { position: relative; background: none !important; border: 0 !important; border-radius: 0; padding: 4px 14px; font-size: 12.5px; color: #e6edf7; }
.hero-badges-min li:first-child { padding-inline-start: 0; }
.hero-badges-min li + li::before { content: ''; position: absolute; inset-inline-start: 0; top: 24%; height: 52%; width: 1px; background: rgba(255, 255, 255, .25); }
.hero-badges-min svg { width: 15px; height: 15px; color: #ff8a95; }
@media (max-width: 767.98px) { .header.hero-min { padding: calc(var(--site-nav-h) + 24px) 0 44px; } .hero-page-title { font-size: 24px; } .hero-badges-min { display: none; } .hero-lead { font-size: 13.5px; margin-bottom: 4px; } }
/* بدنهٔ لندینگ‌های قدیمی: متن راست‌چین و خوانا، بخش‌ها با فاصلهٔ منظم */
.site-body > .container > .row[style*="text-align: justify"] { text-align: start !important; font-size: 15px !important; line-height: 2; }
.site-body > .container > .row[style*="text-align: justify"] .textpay { padding-top: 6px !important; }
.site-body > .container[style*="padding: 20px 5px"] { padding-top: 36px !important; }
.site-body > .container > div[style*="margin-top: 70px"] { margin-top: 44px !important; }
/* سرتیتر یکدست قالب‌های اخبار و پرسش‌وپاسخ */
.ps-art-head .ps-eyebrow, .ps-faq-title .ps-eyebrow { margin-bottom: 8px; }
.ps-accent { color: var(--brand); }
/* v10.23 — نقشه‌ی هیرو = خود تصویر مرجع (برش‌خورده)؛ لبه‌ها با ماسک شعاعی در پس‌زمینه محو می‌شوند؛ سکه‌های کانواس خاموش */
.header.hero-home .hero-map.is-photo { filter: none; border-radius: 0; -webkit-mask-image: radial-gradient(ellipse 62% 64% at 50% 50%, #000 58%, rgba(0, 0, 0, .55) 76%, transparent 100%); mask-image: radial-gradient(ellipse 62% 64% at 50% 50%, #000 58%, rgba(0, 0, 0, .55) 76%, transparent 100%); object-fit: contain; }
@media (min-width: 992px) { .header.hero-home .hero-map.is-photo { height: 62%; left: 2%; top: calc(50% - 10px); transform: translate(-2%, -50%) translate(var(--px, 0px), var(--py, 0px)); } }
@media (min-width: 1200px) { .header.hero-home .hero-map.is-photo { height: 66%; left: 3%; } }
@media (min-width: 1400px) { .header.hero-home .hero-map.is-photo { height: 76%; left: 8%; transform: translate(-8%, -50%) translate(var(--px, 0px), var(--py, 0px)); } }
@media (max-width: 767.98px) { .header.hero-home .hero-map.is-photo { height: 46%; opacity: .5; } }
/* v10.24 — «ارزهای دیجیتال» قرمزتر؛ نقشه‌ی عکسی پاک‌شده + سکه‌ها و افکت‌های کانواس روی آن */
.hero-accent { background: linear-gradient(90deg, #ff2440 0%, #ff4d5e 55%, #ff7a6b 100%); -webkit-background-clip: text; background-clip: text; }
@supports not (background-clip: text) { .hero-accent { color: #ff3b52; } }
/* v10.25 — ماشین‌حساب: برچسب «پرداخت می‌کنید» فقط به اندازهٔ متن (نه تمام‌عرض روی لبهٔ کادر)؛ پیش‌فرض‌های مبلغ داخل کادر ورودی؛ آیکون تبدیل روی هیچ‌چیز نمی‌افتد */
#buyCurency .row.py-3 > span[style*="top: -15px"] { width: auto !important; max-width: none; flex: 0 0 auto; inset-inline-end: 14px; right: auto; left: auto; top: -10px !important; padding: 0 8px !important; border-radius: 999px; background: var(--surface) !important; }
#buyCurency .row.py-3 > img[src*="CalculatorExchange"] { z-index: 3; }
#buyCurency .row.py-3.has-presets { padding-bottom: 30px !important; }
#buyCurency .ps-presets { margin: 10px 0 0 !important; padding: 10px 0 0; border-top: 1px dashed var(--line); justify-content: flex-start; gap: 6px; }
#buyCurency .ps-presets button { min-height: 30px; padding: 3px 11px; font-size: 12px; }
@media (max-width: 575.98px) { #buyCurency .ps-presets button { flex: 1 1 calc(50% - 6px); } }