@charset "UTF-8";
/* =========================================================================
   ARIA CRM — ENTERPRISE DESIGN SYSTEM
   -------------------------------------------------------------------------
   یک لایه طراحی کامل و مستقل برای تبدیل ظاهر سایت به استاندارد یک شرکت
   نرم‌افزاری بزرگ و جاافتاده.

   قوانین این فایل:
   1) این فایل بعد از style.css و custom.css لود می‌شود و آخرین حرف را می‌زند.
   2) همه کامپوننت‌ها با پیشوند aria- نوشته شده‌اند تا مستقل از قالب Sasna
      باشند و با آپدیت/تغییر قالب نشکنند.
   3) هیچ رنگ تصادفی اضافه نشده: پایه رنگ برند همان #1cb9c8 موجود است،
      به‌علاوه یک سرمه‌ای عمیق برای وزن و اعتبار بصری (استاندارد B2B).
   4) فونت IRANYekan فقط وزن ۳۰۰ لود می‌شد؛ یعنی همه متن‌های bold سایت
      «چاق مصنوعی» رندر می‌شدند (یکی از اصلی‌ترین دلایل ظاهر غیرحرفه‌ای).
      Vazirmatn با ۵ وزن واقعی و self-host جایگزین شد (بدون وابستگی به CDN).
   ========================================================================= */

/* ---------------------------------------------------------------- 1. FONT */
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/vazirmatn/Vazirmatn-SemiBold.woff2') format('woff2');}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:800;font-display:swap;
  src:url('../fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2');}

/* -------------------------------------------------------------- 2. TOKENS */
:root{
  /* رنگ ساختاری */
  --a-navy:#0e2439;
  --a-navy-2:#16344e;
  --a-ink:#1b2f42;
  --a-body:#4d6070;
  --a-muted:#75879a;
  --a-line:#e4eaf0;
  --a-line-soft:#eef2f6;
  --a-surface:#ffffff;
  --a-surface-2:#f6f9fb;
  --a-surface-3:#eff4f8;

  /* رنگ برند (از style.css موجود استخراج شده) */
  --a-brand:#1cb9c8;
  --a-brand-d:#12909d;
  --a-brand-dd:#0c7280;
  --a-brand-tint:#e9f9fb;
  --a-brand-tint-2:#d3f2f5;

  /* تایپوگرافی */
  --a-font:'Vazirmatn','IRANYekan',Tahoma,'Segoe UI',sans-serif;
  --a-fs-display:clamp(30px,3.4vw,52px);
  --a-fs-h2:clamp(24px,2.2vw,36px);
  --a-fs-h3:clamp(18px,1.35vw,23px);
  --a-fs-lead:clamp(15.5px,1.05vw,18.5px);
  --a-fs-body:16px;
  --a-fs-sm:14.5px;
  --a-fs-xs:13px;

  /* فاصله‌گذاری */
  --a-s1:4px;  --a-s2:8px;  --a-s3:12px; --a-s4:16px;
  --a-s5:24px; --a-s6:32px; --a-s7:48px; --a-s8:64px;
  --a-s9:88px; --a-s10:112px;

  /* شکل و عمق */
  --a-r-sm:8px; --a-r:12px; --a-r-lg:18px; --a-r-pill:999px;
  --a-sh-1:0 1px 2px rgba(14,36,57,.05),0 1px 3px rgba(14,36,57,.04);
  --a-sh-2:0 4px 10px rgba(14,36,57,.05),0 12px 26px rgba(14,36,57,.06);
  --a-sh-3:0 10px 24px rgba(14,36,57,.07),0 26px 56px rgba(14,36,57,.09);
  --a-sh-brand:0 10px 24px rgba(28,185,200,.28);

  --a-container:1220px;
  --a-ease:cubic-bezier(.4,0,.2,1);
}

/* ---------------------------------------------------- 3. BASE TYPOGRAPHY */
/* ارتقای پایه: بدنه ۱۴px با line-height 24px بود که برای متن فارسی
   کوچک و فشرده است و حس «سایت قدیمی» می‌دهد. */
body{
  font-family:var(--a-font);
  font-size:var(--a-fs-body);
  line-height:1.9;
  color:var(--a-body);
  background:var(--a-surface);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--a-font);
  color:var(--a-navy);
  font-weight:700;
  line-height:1.5;
}
p{line-height:1.95;}
a{text-decoration:none;transition:color .18s var(--a-ease),background-color .18s var(--a-ease),border-color .18s var(--a-ease);}
a:hover,a:focus{text-decoration:none;}
img{max-width:100%;height:auto;}
button{font-family:inherit;}
::selection{background:var(--a-brand-tint-2);color:var(--a-navy);}

/* فقط برای اعداد لاتین (تلفن، تاریخ) — جهت‌دهی درست داخل متن فارسی */
.aria-num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed;white-space:nowrap;}

/* ------------------------------------------------------------- 4. LAYOUT */
.aria-container{
  width:100%;
  max-width:var(--a-container);
  margin-inline:auto;
  padding-inline:24px;
}
.aria-section{padding:var(--a-s9) 0;}
.aria-section--tight{padding:var(--a-s7) 0;}
.aria-section--grey{background:var(--a-surface-2);}
.aria-section--navy{background:var(--a-navy);}
.aria-section--line{border-top:1px solid var(--a-line-soft);}

/* هدِر بخش‌ها — یک الگوی واحد در کل سایت */
.aria-head{max-width:760px;margin:0 auto var(--a-s7);text-align:center;}
.aria-head--start{margin-inline:0;text-align:start;}
.aria-eyebrow{
  display:inline-block;
  font-size:var(--a-fs-xs);
  font-weight:700;
  letter-spacing:.02em;
  color:var(--a-brand-d);
  background:var(--a-brand-tint);
  border:1px solid var(--a-brand-tint-2);
  padding:5px 14px;
  border-radius:var(--a-r-pill);
  margin-bottom:var(--a-s4);
}
.aria-head h2,.aria-h2{
  font-size:var(--a-fs-h2);
  font-weight:800;
  line-height:1.45;
  color:var(--a-navy);
  margin:0 0 var(--a-s4);
  letter-spacing:-.01em;
}
.aria-head p,.aria-lead{
  font-size:var(--a-fs-lead);
  line-height:1.9;
  color:var(--a-muted);
  margin:0;
}
.aria-hl{color:var(--a-brand-d);}
/* هایلایت نرم برند زیر کلمه کلیدی تیتر — الگوی رایج سایت‌های نرم‌افزاری.
   با background-image پیاده شده (نه ::after با z-index منفی) تا مطمئناً
   پشت متن دیده شود و به stacking context والد وابسته نباشد. */
.aria-mark{
  color:var(--a-navy);
  white-space:nowrap;
  background-image:linear-gradient(to top,rgba(28,185,200,.30) 0,rgba(28,185,200,.30) .34em,transparent .34em);
  background-repeat:no-repeat;
  padding-inline:.08em;
}

/* ------------------------------------------------------------ 5. BUTTONS */
.aria-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--a-font);
  font-size:15.5px;font-weight:600;line-height:1;
  padding:15px 28px;
  border-radius:var(--a-r-sm);
  border:1.5px solid transparent;
  cursor:pointer;
  text-align:center;
  transition:all .2s var(--a-ease);
  white-space:nowrap;
}
.aria-btn i,.aria-btn svg{font-size:1.05em;}
.aria-btn--primary{background:var(--a-brand);color:#fff !important;border-color:var(--a-brand);}
.aria-btn--primary:hover{background:var(--a-brand-d);border-color:var(--a-brand-d);color:#fff !important;
  box-shadow:var(--a-sh-brand);transform:translateY(-2px);}
.aria-btn--navy{background:var(--a-navy);color:#fff !important;border-color:var(--a-navy);}
.aria-btn--navy:hover{background:var(--a-navy-2);border-color:var(--a-navy-2);color:#fff !important;
  box-shadow:0 10px 24px rgba(14,36,57,.22);transform:translateY(-2px);}
.aria-btn--ghost{background:#fff;color:var(--a-navy) !important;border-color:var(--a-line);}
.aria-btn--ghost:hover{border-color:var(--a-brand);color:var(--a-brand-d) !important;
  box-shadow:var(--a-sh-2);transform:translateY(-2px);}
.aria-btn--onnavy{background:rgba(255,255,255,.08);color:#fff !important;border-color:rgba(255,255,255,.28);}
.aria-btn--onnavy:hover{background:rgba(255,255,255,.16);color:#fff !important;border-color:rgba(255,255,255,.5);}
.aria-btn--sm{padding:11px 20px;font-size:14.5px;}
.aria-btn--lg{padding:17px 34px;font-size:16.5px;}
.aria-btn-row{display:flex;gap:14px;flex-wrap:wrap;}
.aria-btn-row--center{justify-content:center;}

/* لینک متنی با فلش — RTL: فلش به سمت چپ */
.aria-link{
  display:inline-flex;align-items:center;gap:7px;
  font-weight:600;font-size:15px;color:var(--a-brand-d) !important;
}
.aria-link::after{content:'←';font-size:1.05em;transition:transform .2s var(--a-ease);}
.aria-link:hover{color:var(--a-brand-dd) !important;}
.aria-link:hover::after{transform:translateX(-4px);}

/* ============================== 6. HEADER =============================== */
.aria-topbar{
  background:var(--a-navy);
  color:rgba(255,255,255,.72);
  font-size:13.5px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.aria-topbar .aria-container{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:42px;
}
.aria-topbar a{color:rgba(255,255,255,.82) !important;}
.aria-topbar a:hover{color:#fff !important;}
.aria-topbar-list{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;}
.aria-topbar-list li{display:flex;align-items:center;gap:7px;}
.aria-topbar-list i{color:var(--a-brand);font-size:13px;}
.aria-topbar-list img{width:16px;height:16px;}
.aria-topbar-login{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid rgba(255,255,255,.22);
  padding:5px 14px;border-radius:var(--a-r-pill);
  font-weight:500;
}
.aria-topbar-login:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);}

.aria-header{
  background:#fff;
  border-bottom:1px solid var(--a-line-soft);
  position:sticky;top:0;z-index:900;
}
.aria-header.is-stuck{box-shadow:0 4px 18px rgba(14,36,57,.08);}
.aria-header .aria-container{
  display:flex;align-items:center;gap:26px;min-height:76px;
}
.aria-logo{flex:0 0 auto;display:flex;align-items:center;}
.aria-logo img{height:46px;width:auto;display:block;}

.aria-nav{margin-inline-start:auto;}
.aria-nav > ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none;}
.aria-nav > ul > li{position:relative;}
.aria-nav > ul > li > a{
  display:flex;align-items:center;gap:6px;
  padding:10px 14px;
  font-size:15.5px;font-weight:500;
  color:var(--a-ink) !important;
  border-radius:var(--a-r-sm);
}
.aria-nav > ul > li > a:hover,
.aria-nav > ul > li.is-open > a,
.aria-nav > ul > li.is-active > a{color:var(--a-brand-d) !important;background:var(--a-brand-tint);}
.aria-nav .aria-caret{font-size:10px;opacity:.55;transition:transform .2s var(--a-ease);}
.aria-nav > ul > li.is-open .aria-caret{transform:rotate(180deg);}

/* --- فلایت‌اوت ساده --- */
.aria-drop{
  position:absolute;top:calc(100% + 10px);inset-inline-end:0;
  min-width:264px;
  background:#fff;
  border:1px solid var(--a-line);
  border-radius:var(--a-r);
  box-shadow:var(--a-sh-3);
  padding:8px;
  margin:0;list-style:none;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all .2s var(--a-ease);
}
.aria-nav li:hover > .aria-drop,
.aria-nav li.is-open > .aria-drop{opacity:1;visibility:visible;transform:translateY(0);}
.aria-drop a{
  display:block;padding:10px 14px;border-radius:var(--a-r-sm);
  font-size:15px;color:var(--a-ink) !important;font-weight:500;
}
.aria-drop a:hover{background:var(--a-surface-2);color:var(--a-brand-d) !important;}

/* --- مگامنو --- */
.aria-mega{
  position:absolute;top:calc(100% + 10px);inset-inline-end:0;
  width:720px;
  background:#fff;
  border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);
  box-shadow:var(--a-sh-3);
  padding:26px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all .2s var(--a-ease);
}
.aria-nav li:hover > .aria-mega,
.aria-nav li.is-open > .aria-mega{opacity:1;visibility:visible;transform:translateY(0);}
.aria-mega-col .aria-mega-title{
  font-size:12.5px;font-weight:700;letter-spacing:.04em;
  color:var(--a-muted);text-transform:uppercase;
  margin:0 0 12px;padding-bottom:10px;
  border-bottom:1px solid var(--a-line-soft);
}
.aria-mega-col ul{margin:0;padding:0;list-style:none;}
.aria-mega-col li + li{margin-top:2px;}
.aria-mega-col a{
  display:flex;gap:11px;align-items:flex-start;
  padding:9px 10px;border-radius:var(--a-r-sm);
}
.aria-mega-col a:hover{background:var(--a-surface-2);}
.aria-mega-ic{
  flex:0 0 auto;width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  background:var(--a-brand-tint);color:var(--a-brand-d);font-size:14px;
}
.aria-mega-tx strong{
  display:block;font-size:14.5px;font-weight:600;color:var(--a-ink);line-height:1.6;
}
.aria-mega-tx span{display:block;font-size:12.5px;color:var(--a-muted);line-height:1.7;}
.aria-mega-col a:hover .aria-mega-tx strong{color:var(--a-brand-d);}

.aria-header-cta{display:flex;align-items:center;gap:10px;flex:0 0 auto;}

/* دکمه منوی موبایل */
.aria-burger{
  display:none;
  width:44px;height:44px;border-radius:var(--a-r-sm);
  border:1px solid var(--a-line);background:#fff;
  align-items:center;justify-content:center;
  font-size:18px;color:var(--a-navy);cursor:pointer;
}

/* ================================ 7. HERO =============================== */
.aria-hero{
  position:relative;
  background:
    radial-gradient(900px 420px at 88% -8%,rgba(28,185,200,.13),transparent 62%),
    radial-gradient(760px 380px at 6% 8%,rgba(14,36,57,.055),transparent 60%),
    linear-gradient(180deg,#fbfdfe 0%,#ffffff 100%);
  border-bottom:1px solid var(--a-line-soft);
  overflow:hidden;
  padding:var(--a-s9) 0 var(--a-s8);
}
.aria-hero-grid{
  display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;
}
.aria-hero-badge{
  display:inline-flex;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r-pill);padding-block:6px;padding-inline-start:8px;padding-inline-end:16px;
  font-size:13.5px;font-weight:500;color:var(--a-ink);
  box-shadow:var(--a-sh-1);margin-bottom:var(--a-s5);
}
.aria-hero-badge b{
  background:var(--a-brand-tint);color:var(--a-brand-dd);
  font-weight:700;font-size:12.5px;
  padding:4px 11px;border-radius:var(--a-r-pill);
}
.aria-hero h1{
  font-size:var(--a-fs-display);
  font-weight:800;
  line-height:1.42;
  letter-spacing:-.015em;
  color:var(--a-navy);
  margin:0 0 var(--a-s4);
}
.aria-hero-sub{
  font-size:var(--a-fs-lead);
  line-height:1.95;
  color:var(--a-body);
  margin:0 0 var(--a-s6);
  max-width:600px;
}
.aria-hero .aria-btn-row{margin-bottom:var(--a-s5);}
.aria-hero-note{
  display:flex;flex-wrap:wrap;gap:8px 22px;
  font-size:14px;color:var(--a-muted);margin:0;padding:0;list-style:none;
}
.aria-hero-note li{display:flex;align-items:center;gap:7px;}
.aria-hero-note i{color:var(--a-brand);font-size:13px;}

/* قاب تصویر محصول — «پنجره نرم‌افزار» به‌جای عکس استوک */
.aria-hero-visual{position:relative;}
.aria-shot{
  background:#fff;
  border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);
  box-shadow:var(--a-sh-3);
  overflow:hidden;
}
.aria-shot-bar{
  display:flex;align-items:center;gap:7px;
  padding:11px 15px;
  background:var(--a-surface-2);
  border-bottom:1px solid var(--a-line-soft);
}
.aria-shot-bar i{width:10px;height:10px;border-radius:50%;background:#dfe6ed;display:block;}
.aria-shot-bar i:nth-child(1){background:#f0b6b0;}
.aria-shot-bar i:nth-child(2){background:#f5d9a8;}
.aria-shot-bar i:nth-child(3){background:#bfe3c4;}
.aria-shot-bar span{
  margin-inline-start:auto;font-size:12px;color:var(--a-muted);
  background:#fff;border:1px solid var(--a-line-soft);
  padding:3px 14px;border-radius:var(--a-r-pill);
}
.aria-shot img{display:block;width:100%;}

/* کارت شناور کنار تصویر (آمار واقعی) */
.aria-hero-float{
  position:absolute;inset-inline-start:-18px;bottom:-22px;
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r);box-shadow:var(--a-sh-3);
  padding:14px 18px;display:flex;align-items:center;gap:13px;
}
.aria-hero-float .ic{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:var(--a-brand-tint);color:var(--a-brand-d);font-size:16px;
}
.aria-hero-float strong{display:block;font-size:17px;font-weight:800;color:var(--a-navy);line-height:1.4;}
.aria-hero-float span{display:block;font-size:12.5px;color:var(--a-muted);line-height:1.5;}

/* ========================= 8. LOGO WALL (اعتمادسازی) ==================== */
.aria-logowall{padding:var(--a-s7) 0;background:#fff;border-bottom:1px solid var(--a-line-soft);}
.aria-logowall-title{
  text-align:center;font-size:13.5px;font-weight:600;
  color:var(--a-muted);letter-spacing:.01em;margin:0 0 var(--a-s5);
}
.aria-logowall-track{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:center;justify-items:center;
  gap:26px 30px;
}
.aria-logowall-track img{
  height:52px;width:auto;object-fit:contain;
  filter:grayscale(1);opacity:.62;
  transition:filter .25s var(--a-ease),opacity .25s var(--a-ease);
}
.aria-logowall-track img:hover{filter:grayscale(0);opacity:1;}

/* ============================== 9. STATS ================================ */
.aria-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--a-line-soft);
  border:1px solid var(--a-line-soft);border-radius:var(--a-r-lg);overflow:hidden;
}
.aria-stat{background:#fff;padding:30px 24px;text-align:center;}
.aria-stat b{
  display:block;font-size:clamp(24px,2.2vw,34px);font-weight:800;
  color:var(--a-navy);line-height:1.35;letter-spacing:-.01em;
  white-space:nowrap;
}
.aria-stat span{display:block;font-size:14px;color:var(--a-muted);margin-top:4px;}

/* ===================== 10. اکوسیستم محصول (کارت‌ها) ===================== */
.aria-grid{display:grid;gap:24px;}
.aria-grid--2{grid-template-columns:repeat(2,1fr);}
.aria-grid--3{grid-template-columns:repeat(3,1fr);}
.aria-grid--4{grid-template-columns:repeat(4,1fr);}

.aria-card{
  background:#fff;
  border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);
  padding:28px;
  transition:all .25s var(--a-ease);
  display:flex;flex-direction:column;
  height:100%;
}
.aria-card:hover{
  border-color:var(--a-brand-tint-2);
  box-shadow:var(--a-sh-2);
  transform:translateY(-3px);
}
.aria-card-ic{
  width:50px;height:50px;border-radius:14px;
  display:grid;place-items:center;
  background:var(--a-brand-tint);color:var(--a-brand-d);
  font-size:21px;margin-bottom:var(--a-s4);
}
.aria-card h3{
  font-size:var(--a-fs-h3);font-weight:700;color:var(--a-navy);
  margin:0 0 10px;line-height:1.55;
}
.aria-card p{font-size:15px;line-height:1.9;color:var(--a-body);margin:0 0 var(--a-s4);}
.aria-card .aria-link{margin-top:auto;}

/* کارت با تیتر برجسته (اکوسیستم اصلی) */
.aria-card--lead{padding:32px;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%);}
.aria-card--lead .aria-card-ic{width:56px;height:56px;font-size:24px;}

/* فهرست چک‌مارک داخل کارت */
.aria-check{margin:0 0 var(--a-s4);padding:0;list-style:none;}
.aria-check li{
  position:relative;padding-inline-start:26px;
  font-size:14.8px;line-height:1.95;color:var(--a-body);
}
.aria-check li + li{margin-top:5px;}
.aria-check li::before{
  content:'✓';position:absolute;inset-inline-start:0;top:0;
  color:var(--a-brand-d);font-weight:800;font-size:13px;
}

/* ==================== 11. نمایش محصول (بلوک متناوب) ==================== */
.aria-showcase{padding:var(--a-s9) 0;}
.aria-showcase + .aria-showcase{border-top:1px solid var(--a-line-soft);}
.aria-showcase--grey{background:var(--a-surface-2);}
.aria-showcase-row{
  display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;
}
.aria-showcase--flip .aria-showcase-row{direction:ltr;}
.aria-showcase--flip .aria-showcase-row > *{direction:rtl;}
.aria-showcase-tag{
  display:inline-block;font-size:12.5px;font-weight:700;
  color:var(--a-brand-d);background:var(--a-brand-tint);
  padding:5px 13px;border-radius:var(--a-r-pill);margin-bottom:var(--a-s3);
}
.aria-showcase h3{
  font-size:clamp(21px,1.75vw,29px);font-weight:800;line-height:1.5;
  color:var(--a-navy);margin:0 0 var(--a-s4);letter-spacing:-.01em;
}
.aria-showcase p{font-size:15.8px;line-height:1.98;color:var(--a-body);margin:0 0 var(--a-s4);}
.aria-showcase-media img{
  display:block;width:100%;
  border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);
  box-shadow:var(--a-sh-3);
}

/* ==================== 12. چرا آریا (تفاوت‌ها) ========================== */
.aria-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.aria-why-item{
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r);padding:26px;
  border-top:3px solid var(--a-brand);
}
.aria-why-item h3{font-size:17px;font-weight:700;color:var(--a-navy);margin:0 0 9px;line-height:1.6;}
.aria-why-item p{font-size:14.8px;line-height:1.92;color:var(--a-body);margin:0;}

/* ==================== 13. نظرات مشتریان =============================== */
.aria-quote{
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);padding:28px;
  display:flex;flex-direction:column;height:100%;
}
.aria-quote-stars{color:#f0b429;font-size:13px;letter-spacing:2px;margin-bottom:var(--a-s3);}
.aria-quote p{
  font-size:15.2px;line-height:2;color:var(--a-ink);margin:0 0 var(--a-s5);flex:1;
}
.aria-quote-by{display:flex;align-items:center;gap:13px;padding-top:var(--a-s4);border-top:1px solid var(--a-line-soft);}
.aria-quote-by img{
  width:46px;height:46px;border-radius:50%;object-fit:cover;
  border:1px solid var(--a-line);background:#fff;flex:0 0 auto;
}
.aria-quote-by strong{display:block;font-size:15px;font-weight:700;color:var(--a-navy);line-height:1.6;}
.aria-quote-by span{display:block;font-size:13px;color:var(--a-muted);line-height:1.7;}

/* ==================== 14. سوالات متداول =============================== */
.aria-faq{max-width:880px;margin-inline:auto;}
.aria-faq-item{
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r);margin-bottom:12px;overflow:hidden;
  transition:border-color .2s var(--a-ease),box-shadow .2s var(--a-ease);
}
.aria-faq-item.is-open{border-color:var(--a-brand-tint-2);box-shadow:var(--a-sh-2);}
.aria-faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:19px 24px;background:none;border:0;cursor:pointer;
  font-family:var(--a-font);font-size:16px;font-weight:600;
  color:var(--a-navy);text-align:start;line-height:1.7;
}
.aria-faq-q:hover{color:var(--a-brand-d);}
.aria-faq-q::after{
  content:'+';flex:0 0 auto;
  width:28px;height:28px;border-radius:50%;
  background:var(--a-brand-tint);color:var(--a-brand-d);
  display:grid;place-items:center;font-size:17px;font-weight:700;
  transition:transform .22s var(--a-ease);
}
.aria-faq-item.is-open .aria-faq-q::after{content:'−';transform:rotate(180deg);}
.aria-faq-a{display:none;padding:0 24px 22px;font-size:15.2px;line-height:2;color:var(--a-body);}
.aria-faq-item.is-open .aria-faq-a{display:block;}
.aria-faq-a p{margin:0 0 10px;}
.aria-faq-a p:last-child{margin:0;}

/* ==================== 15. نوار CTA پایانی ============================= */
.aria-cta{
  background:
    radial-gradient(700px 300px at 85% 0%,rgba(28,185,200,.22),transparent 60%),
    var(--a-navy);
  border-radius:var(--a-r-lg);
  padding:56px;
  display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;
}
.aria-cta h2{font-size:clamp(22px,2vw,31px);font-weight:800;color:#fff;margin:0 0 10px;line-height:1.5;}
.aria-cta p{font-size:16px;line-height:1.9;color:rgba(255,255,255,.76);margin:0;max-width:620px;}

/* ==================== 16. فوتر ======================================== */
.aria-footer{background:var(--a-navy);color:rgba(255,255,255,.66);padding:var(--a-s8) 0 0;}
.aria-footer-top{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;
  padding-bottom:var(--a-s7);
}
.aria-footer-brand img{height:46px;width:auto;margin-bottom:var(--a-s4);}
.aria-footer-brand p{font-size:14.6px;line-height:1.95;color:rgba(255,255,255,.6);margin:0 0 var(--a-s4);max-width:340px;}
.aria-footer .aria-footer-title{
  font-size:15px;font-weight:700;color:#fff;margin:0 0 var(--a-s4);
}
.aria-footer ul{margin:0;padding:0;list-style:none;}
.aria-footer li + li{margin-top:11px;}
.aria-footer a{color:rgba(255,255,255,.66) !important;font-size:14.6px;}
.aria-footer a:hover{color:var(--a-brand) !important;}
.aria-footer-contact li{display:flex;gap:10px;align-items:flex-start;font-size:14.6px;line-height:1.85;}
.aria-footer-contact i{color:var(--a-brand);font-size:14px;margin-top:6px;flex:0 0 auto;}
.aria-footer-social{display:flex;gap:10px;margin-top:var(--a-s4);}
.aria-footer-social a{
  width:38px;height:38px;border-radius:10px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;font-size:15px;
}
.aria-footer-social a:hover{background:var(--a-brand);border-color:var(--a-brand);color:#fff !important;}
.aria-footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  padding:22px 0;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-size:13.6px;color:rgba(255,255,255,.5);
}
.aria-footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap;}
.aria-footer-badges{display:flex;gap:12px;align-items:center;}
.aria-footer-badges img{height:56px;width:auto;background:#fff;border-radius:8px;padding:3px;}

/* ==================== 17. RESPONSIVE ================================== */
@media (max-width:1199px){
  .aria-mega{width:640px;}
  .aria-nav > ul > li > a{padding:10px 11px;font-size:15px;}
}
@media (max-width:1024px){
  :root{--a-s9:64px;--a-s8:48px;}
  .aria-hero-grid{grid-template-columns:1fr;gap:44px;}
  .aria-hero-sub{max-width:none;}
  .aria-showcase-row{grid-template-columns:1fr;gap:34px;}
  .aria-showcase--flip .aria-showcase-row{direction:rtl;}
  .aria-grid--4{grid-template-columns:repeat(2,1fr);}
  .aria-why{grid-template-columns:repeat(2,1fr);}
  .aria-footer-top{grid-template-columns:1fr 1fr;gap:34px;}
  .aria-cta{grid-template-columns:1fr;padding:40px;}
}
@media (max-width:900px){
  .aria-nav,.aria-header-cta .aria-btn--ghost{display:none;}
  .aria-burger{display:flex;margin-inline-start:auto;}
  .aria-header .aria-container{min-height:66px;gap:14px;}
  .aria-stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
  :root{--a-s9:52px;--a-s8:40px;--a-s7:32px;}
  .aria-container{padding-inline:18px;}
  .aria-grid--2,.aria-grid--3,.aria-grid--4{grid-template-columns:1fr;}
  .aria-why{grid-template-columns:1fr;}
  .aria-footer-top{grid-template-columns:1fr;gap:30px;}
  .aria-topbar-list{gap:14px;font-size:12.5px;}
  .aria-topbar .aria-container{min-height:38px;}
  .aria-hero{padding:52px 0 44px;}
  .aria-hero-float{position:static;margin-top:16px;}
  .aria-cta{padding:32px 24px;}
  .aria-btn{width:100%;}
  .aria-btn-row{flex-direction:column;}
  .aria-logowall-track img{height:40px;}
  .aria-footer-bottom{flex-direction:column;align-items:flex-start;}
}

/* منوی موبایل (کشویی ساده) */
.aria-mobilenav{display:none;background:#fff;border-top:1px solid var(--a-line-soft);}
.aria-mobilenav.is-open{display:block;}
.aria-mobilenav ul{margin:0;padding:10px 0;list-style:none;}
.aria-mobilenav > ul > li > a{
  display:block;padding:13px 24px;font-size:15.5px;font-weight:600;color:var(--a-navy) !important;
}
.aria-mobilenav ul ul{padding:0 0 8px;}
.aria-mobilenav ul ul a{
  display:block;padding:9px 24px 9px 40px;font-size:14.5px;color:var(--a-body) !important;font-weight:500;
}
.aria-mobilenav ul ul a::before{content:'—';margin-inline-end:8px;opacity:.35;}
.aria-mobilenav .aria-btn{margin:12px 24px;width:calc(100% - 48px);}

/* ==================== 18. کمکی‌ها ===================================== */
.aria-hide{display:none !important;}
.aria-center{text-align:center;}
.aria-mt-6{margin-top:var(--a-s6);}
.aria-mt-7{margin-top:var(--a-s7);}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}

/* =========================================================================
   19. اجزای تکمیلی هدر و فوتر
   ========================================================================= */

/* دکمه شناور واتس‌اپ — جایگزین تصویر بزرگ «Click to Chat» قبلی */
.aria-wa-fab{
  position:fixed;right:22px;bottom:22px;z-index:950;
  width:54px;height:54px;border-radius:50%;
  background:#25d366;color:#fff !important;
  display:grid;place-items:center;font-size:26px;
  box-shadow:0 8px 22px rgba(37,211,102,.42);
  transition:transform .2s var(--a-ease),box-shadow .2s var(--a-ease);
}
.aria-wa-fab:hover{transform:scale(1.07);box-shadow:0 12px 28px rgba(37,211,102,.5);color:#fff !important;}

/* مگامنو باید نسبت به آیتم منو موقعیت بگیرد */
.aria-nav > ul > li.aria-has-mega{position:static;}
.aria-header .aria-container{position:relative;}
.aria-nav > ul > li.aria-has-mega > .aria-mega{inset-inline-end:0;}

/* فوتر: نماد اعتماد */
.aria-footer-badges img{height:88px;width:auto;background:#fff;border-radius:10px;padding:5px;}

/* فوتر: خبرنامه */
.aria-footer-news{margin-top:var(--a-s6);}
.aria-footer-news .aria-footer-title{margin-bottom:8px;}
.aria-footer-news p{font-size:14px;color:rgba(255,255,255,.55);margin:0 0 12px;line-height:1.8;}
.aria-news-form{display:flex;gap:8px;}
.aria-news-form input{
  flex:1;min-width:0;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--a-r-sm);
  padding:11px 14px;
  color:#fff;font-family:var(--a-font);font-size:14px;
}
.aria-news-form input::placeholder{color:rgba(255,255,255,.4);}
.aria-news-form input:focus{outline:none;border-color:var(--a-brand);background:rgba(255,255,255,.1);}
.aria-news-form button{
  flex:0 0 auto;
  background:var(--a-brand);color:#fff;
  border:0;border-radius:var(--a-r-sm);
  padding:11px 20px;font-family:var(--a-font);font-size:14px;font-weight:600;
  cursor:pointer;transition:background .2s var(--a-ease);
}
.aria-news-form button:hover{background:var(--a-brand-d);}

/* فوتر: تازه‌ترین مقالات */
.aria-footer-posts{
  border-top:1px solid rgba(255,255,255,.1);
  padding:var(--a-s6) 0;
}
.aria-footer-posts .aria-footer-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 var(--a-s4);}
.aria-footer-posts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.aria-footer-post{
  display:block;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--a-r);
  padding:15px 17px;
}
.aria-footer-post:hover{background:rgba(255,255,255,.09);border-color:rgba(28,185,200,.4);}
.aria-footer-post strong{
  display:block;font-size:14.4px;font-weight:600;line-height:1.75;
  color:rgba(255,255,255,.86);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.aria-footer-post span{display:block;font-size:12.2px;color:rgba(255,255,255,.42);margin-top:7px;}
.aria-footer-post:hover strong{color:var(--a-brand);}

@media (max-width:1024px){ .aria-footer-posts-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:767px){
  .aria-logowall-track{grid-template-columns:repeat(3,1fr);}
  .aria-footer-posts-grid{grid-template-columns:1fr;}
  .aria-topbar-hide-sm{display:none !important;}
  .aria-wa-fab{width:48px;height:48px;font-size:23px;right:16px;bottom:16px;}
  .aria-news-form{flex-direction:column;}
  .aria-news-form button{width:100%;}
}
@media (max-width:900px){ .aria-topbar-hide-sm{display:none !important;} }

/* =========================================================================
   20. اجزای صفحه اصلی: ماژول‌ها و بلوک محتوای متنی (SEO)
   ========================================================================= */

/* تیتر بخش‌های نمایش محصول — h2 است (سلسله‌مراتب درست زیر h1) ولی اندازه‌اش
   عمداً کمی کوچک‌تر از تیتر بخش‌های اصلی است تا شلوغی بصری ایجاد نشود. */
.aria-showcase h2.aria-showcase-h{
  font-size:clamp(21px,1.75vw,29px);font-weight:800;line-height:1.5;
  color:var(--a-navy);margin:0 0 var(--a-s4);letter-spacing:-.01em;
}

/* کارت ماژول‌ها */
.aria-modules{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
}
.aria-module{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);overflow:hidden;
  transition:all .25s var(--a-ease);
}
.aria-module:hover{border-color:var(--a-brand-tint-2);box-shadow:var(--a-sh-2);transform:translateY(-3px);}
.aria-module-thumb{
  display:block;background:var(--a-surface-2);
  border-bottom:1px solid var(--a-line-soft);
  aspect-ratio:27/24;overflow:hidden;padding:14px;
}
.aria-module-thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.aria-module-body{display:block;padding:16px 18px 18px;}
.aria-module-body strong{
  display:block;font-size:15.2px;font-weight:600;line-height:1.7;
  color:var(--a-navy);margin-bottom:7px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.aria-module:hover .aria-module-body strong{color:var(--a-brand-d);}
.aria-module-cat{
  display:inline-block;font-size:12px;font-weight:600;
  color:var(--a-brand-d);background:var(--a-brand-tint);
  padding:3px 11px;border-radius:var(--a-r-pill);
}

/* بلوک محتوای متنی طولانی (SEO) — عرض محدود برای خوانایی */
.aria-prose{max-width:860px;}
.aria-prose .aria-head{margin-bottom:var(--a-s5);}
.aria-prose p{font-size:16.2px;line-height:2.05;color:var(--a-body);margin:0 0 var(--a-s4);}
.aria-prose h3{
  font-size:20px;font-weight:700;color:var(--a-navy);
  margin:var(--a-s6) 0 var(--a-s3);line-height:1.6;
}
.aria-prose a{color:var(--a-brand-d);font-weight:600;border-bottom:1px solid var(--a-brand-tint-2);}
.aria-prose a:hover{color:var(--a-brand-dd);border-bottom-color:var(--a-brand);}

@media (max-width:1024px){ .aria-modules{grid-template-columns:repeat(3,1fr);} }
@media (max-width:900px){  .aria-modules{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){  .aria-modules{grid-template-columns:1fr;} }

/* =========================================================================
   21. لایه پل (BRIDGE) — بازطراحی کامپوننت‌های قدیمی قالب Sasna
   -------------------------------------------------------------------------
   صفحات داخلی (crm.php، automation.php، features.php، plans.php، ...) هنوز
   با کلاس‌های قالب اصلی نوشته شده‌اند. به‌جای بازنویسی تک‌تک آن‌ها، این بخش
   همان کلاس‌ها را با زبان طراحی جدید بازتعریف می‌کند تا کل سایت یکدست شود
   بدون اینکه ساختار HTML و لینک‌های داخلی صفحات دست بخورد (حفظ SEO).
   ========================================================================= */

/* ---- بنر بالای صفحات داخلی (Breadcrumb) ---- */
.tm-breadcrumb-area{
  position:relative;
  background:
    radial-gradient(760px 340px at 88% 0%,rgba(28,185,200,.20),transparent 62%),
    linear-gradient(180deg,var(--a-navy) 0%,var(--a-navy-2) 100%) !important;
  padding:var(--a-s8) 0 !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tm-breadcrumb-area::before,
.tm-breadcrumb-area::after{display:none !important;}
.tm-breadcrumb h1{
  font-size:clamp(26px,2.6vw,42px) !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  color:#fff !important;
  margin:0 0 var(--a-s4) !important;
  letter-spacing:-.01em;
}
.tm-breadcrumb ul{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:0;padding:0;list-style:none;
}
.tm-breadcrumb ul li{
  display:flex;align-items:center;gap:10px;
  font-size:14.5px;color:rgba(255,255,255,.62);
}
.tm-breadcrumb ul li + li::before{content:'/';opacity:.4;}
.tm-breadcrumb ul li a{color:rgba(255,255,255,.72) !important;}
.tm-breadcrumb ul li a:hover{color:var(--a-brand) !important;}
.tm-breadcrumb ul li:last-child a{color:#fff !important;}

/* ---- فاصله‌گذاری استاندارد بخش‌ها ---- */
.tm-padding-section{padding-top:var(--a-s9) !important;padding-bottom:var(--a-s9) !important;}
.tm-padding-section-top{padding-top:var(--a-s9) !important;}
.tm-padding-section-bottom{padding-bottom:var(--a-s9) !important;}

/* ---- تیتر بخش‌ها ---- */
.tm-section-title h2{
  font-size:var(--a-fs-h2) !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  color:var(--a-navy) !important;
  margin:0 0 var(--a-s4) !important;
  letter-spacing:-.01em;
}
.tm-section-title h2::before,
.tm-section-title h2::after{display:none !important;}
.tm-section-title p{
  font-size:var(--a-fs-lead) !important;
  line-height:1.9 !important;
  color:var(--a-muted) !important;
  max-width:760px;margin-inline:auto;
}
.tm-section-title{margin-bottom:var(--a-s7) !important;}

/* ---- کارت‌های خدمات/امکانات (tm-service و tm-service2) ---- */
.tm-service,.tm-service2{
  background:#fff !important;
  border:1px solid var(--a-line) !important;
  border-radius:var(--a-r-lg) !important;
  padding:30px 26px !important;
  height:100%;
  box-shadow:none !important;
  transition:all .25s var(--a-ease);
}
.tm-service:hover,.tm-service2:hover{
  border-color:var(--a-brand-tint-2) !important;
  box-shadow:var(--a-sh-2) !important;
  transform:translateY(-3px);
}
.tm-service-icon,.tm-service2-icon{
  display:inline-grid !important;place-items:center;
  width:56px !important;height:56px !important;
  border-radius:15px !important;
  background:var(--a-brand-tint) !important;
  color:var(--a-brand-d) !important;
  font-size:23px !important;
  margin-bottom:var(--a-s4) !important;
  border:0 !important;
}
.tm-service-icon::before,.tm-service2-icon::before,
.tm-service-icon::after,.tm-service2-icon::after{display:none !important;}
.tm-service:hover .tm-service-icon,
.tm-service2:hover .tm-service2-icon{background:var(--a-brand) !important;color:#fff !important;}
.tm-service h5,.tm-service2 .h5,.tm-service .h5,.tm-service2 h5{
  font-size:17.5px !important;font-weight:700 !important;
  color:var(--a-navy) !important;line-height:1.6 !important;
  margin:0 0 10px !important;
}
.tm-service h5 a,.tm-service .h5 a{color:var(--a-navy) !important;}
.tm-service h5 a:hover,.tm-service .h5 a:hover{color:var(--a-brand-d) !important;}
.tm-service p,.tm-service2 p{
  font-size:14.8px !important;line-height:1.92 !important;
  color:var(--a-body) !important;margin:0 !important;
}

/* ---- دکمه‌های قالب ---- */
.tm-button{
  display:inline-flex !important;align-items:center;justify-content:center;gap:9px;
  background:var(--a-brand) !important;color:#fff !important;
  font-family:var(--a-font) !important;
  font-size:15.5px !important;font-weight:600 !important;line-height:1 !important;
  padding:15px 30px !important;
  border:1.5px solid var(--a-brand) !important;
  border-radius:var(--a-r-sm) !important;
  transition:all .2s var(--a-ease) !important;
}
.tm-button::before,.tm-button::after{display:none !important;}
.tm-button:hover{
  background:var(--a-brand-d) !important;border-color:var(--a-brand-d) !important;color:#fff !important;
  box-shadow:var(--a-sh-brand) !important;transform:translateY(-2px);
}
.tm-button-outline{
  display:inline-flex !important;align-items:center;justify-content:center;
  background:#fff !important;color:var(--a-navy) !important;
  border:1.5px solid var(--a-line) !important;
  border-radius:var(--a-r-sm) !important;
  padding:15px 30px !important;font-size:15.5px !important;font-weight:600 !important;
}
.tm-button-outline:hover{
  border-color:var(--a-brand) !important;color:var(--a-brand-d) !important;
  background:#fff !important;box-shadow:var(--a-sh-2) !important;transform:translateY(-2px);
}

/* ---- جدول قیمت‌ها (plans.php) ---- */
.tm-pricebox{
  background:#fff !important;
  border:1px solid var(--a-line) !important;
  border-radius:var(--a-r-lg) !important;
  overflow:hidden;
  box-shadow:none !important;
  transition:all .25s var(--a-ease);
  height:100%;display:flex;flex-direction:column;
}
.tm-pricebox:hover{box-shadow:var(--a-sh-3) !important;border-color:var(--a-brand-tint-2) !important;transform:translateY(-4px);}
.tm-pricebox-header{
  background:var(--a-surface-2) !important;
  border-bottom:1px solid var(--a-line-soft) !important;
  padding:28px 26px 22px !important;text-align:center;
}
.tm-pricebox-header h3,.tm-pricebox-header .h3,.tm-pricebox-header h4{
  font-size:19px !important;font-weight:700 !important;color:var(--a-navy) !important;margin:0 !important;
}
.tm-pricebox-price{
  font-size:clamp(24px,2vw,32px) !important;font-weight:800 !important;
  color:var(--a-brand-d) !important;line-height:1.5 !important;display:block;
}
.tm-pricebox-body{padding:26px !important;flex:1;}
.tm-pricebox-body ul{margin:0;padding:0;list-style:none;}
.tm-pricebox-body ul li{
  position:relative;padding-inline-start:26px;
  font-size:14.8px;line-height:1.95;color:var(--a-body);
  border-bottom:1px solid var(--a-line-soft);padding-block:9px;
}
.tm-pricebox-body ul li:last-child{border-bottom:0;}
.tm-pricebox-body ul li::before{
  content:'✓';position:absolute;inset-inline-start:0;top:9px;
  color:var(--a-brand-d);font-weight:800;font-size:13px;
}
.tm-pricebox-footer{padding:0 26px 28px !important;text-align:center;}

/* ---- فرم‌ها (تماس با ما، دمو، خبرنامه) ---- */
.tm-contact-formfield input,
.tm-contact-formfield textarea,
.tm-contact-formfield select,
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea,select{
  font-family:var(--a-font) !important;
  font-size:15px !important;
  color:var(--a-ink) !important;
  background:#fff !important;
  border:1px solid var(--a-line) !important;
  border-radius:var(--a-r-sm) !important;
  padding:13px 16px !important;
  width:100%;
  transition:border-color .2s var(--a-ease),box-shadow .2s var(--a-ease);
}
.tm-contact-formfield input:focus,
.tm-contact-formfield textarea:focus,
input:focus,textarea:focus,select:focus{
  outline:none !important;
  border-color:var(--a-brand) !important;
  box-shadow:0 0 0 3px rgba(28,185,200,.14) !important;
}
.tm-contact-formfield label{
  display:block;font-size:14.5px;font-weight:600;
  color:var(--a-ink);margin-bottom:7px;
}
.tm-contact-block{
  background:#fff !important;
  border:1px solid var(--a-line) !important;
  border-radius:var(--a-r-lg) !important;
  padding:28px !important;height:100%;
  box-shadow:none !important;
}
.tm-contact-icon{
  display:inline-grid !important;place-items:center;
  width:52px !important;height:52px !important;border-radius:14px !important;
  background:var(--a-brand-tint) !important;color:var(--a-brand-d) !important;
  font-size:21px !important;margin-bottom:var(--a-s4) !important;border:0 !important;
}
.tm-contact-formwrapper{
  background:#fff;border:1px solid var(--a-line);
  border-radius:var(--a-r-lg);padding:34px;box-shadow:var(--a-sh-1);
}

/* ---- اعضای تیم (about-us.php) ---- */
.tm-member{
  background:#fff !important;border:1px solid var(--a-line) !important;
  border-radius:var(--a-r-lg) !important;overflow:hidden;
  transition:all .25s var(--a-ease);
}
.tm-member:hover{box-shadow:var(--a-sh-2) !important;transform:translateY(-3px);}
.tm-member-bottom{padding:20px !important;text-align:center;}
.tm-member-bottom .h5,.tm-member-bottom h5{
  font-size:16.5px !important;font-weight:700 !important;color:var(--a-navy) !important;margin:0 0 5px !important;
}
.tm-member-bottom p{font-size:13.8px !important;color:var(--a-muted) !important;margin:0 !important;}

/* ---- آمار (funfact) ---- */
.tm-funfact{text-align:center;}
.tm-funfact-icon{
  display:inline-grid !important;place-items:center;
  width:56px !important;height:56px !important;border-radius:15px !important;
  background:rgba(255,255,255,.1) !important;color:var(--a-brand) !important;
  font-size:23px !important;margin-bottom:var(--a-s4) !important;
}
.tm-funfact-content h2,.tm-funfact-content .h2{
  font-size:clamp(28px,2.6vw,40px) !important;font-weight:800 !important;
  color:#fff !important;line-height:1.4 !important;margin:0 !important;
}
.tm-funfact-content p,.tm-funfact-content p.h5{
  color:rgba(255,255,255,.72) !important;font-size:14.8px !important;margin:6px 0 0 !important;
}

/* ---- آکاردئون (سوالات متداول در صفحات داخلی) ---- */
.tm-accordion .card{
  background:#fff !important;
  border:1px solid var(--a-line) !important;
  border-radius:var(--a-r) !important;
  margin-bottom:12px !important;overflow:hidden;
}
.tm-accordion .card-header{
  background:none !important;border:0 !important;padding:0 !important;
}
.tm-accordion .card-header a,
.tm-accordion .card-header button{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;padding:18px 24px !important;
  font-family:var(--a-font) !important;
  font-size:16px !important;font-weight:600 !important;
  color:var(--a-navy) !important;text-align:start;line-height:1.7;
  background:none !important;border:0 !important;
}
.tm-accordion .card-header a:hover{color:var(--a-brand-d) !important;}
.tm-accordion .card-body{
  padding:0 24px 22px !important;
  font-size:15.2px !important;line-height:2 !important;color:var(--a-body) !important;
}

/* ---- متن‌های عمومی داخل صفحات ---- */
.tm-section p{color:var(--a-body);}
.tm-section h3,.tm-section h4{color:var(--a-navy);}

/* ---- پس‌زمینه‌های خاکستری قالب یکدست شوند ---- */
.bg-grey,.grey-bg{background:var(--a-surface-2) !important;}

@media (max-width:767px){
  .tm-padding-section{padding-top:var(--a-s8) !important;padding-bottom:var(--a-s8) !important;}
  .tm-breadcrumb-area{padding:var(--a-s7) 0 !important;}
}

/* طول خط متن‌های بلند فارسی — خطوط خیلی بلند خوانایی را به‌شدت کم می‌کنند */
.aria-article-text{max-width:880px;margin-inline:auto;}
.aria-article-text p,.aria-article-text li{
  font-size:16.2px !important;line-height:2.05 !important;color:var(--a-body) !important;
}
.aria-article-text h3{
  font-size:20px !important;font-weight:700 !important;color:var(--a-navy) !important;
  margin:var(--a-s6) 0 var(--a-s3) !important;
}
.aria-article-text a{color:var(--a-brand-d) !important;font-weight:600;}
.aria-article-text a:hover{color:var(--a-brand-dd) !important;}

/* ---- فهرست‌های نشان‌دار در RTL ---- */
.stylish-list{list-style:none !important;margin:0 0 var(--a-s4) !important;padding:0 !important;}
.stylish-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:15.5px;line-height:1.95;color:var(--a-body);
  margin-bottom:8px;
}
.stylish-list li i{color:var(--a-brand-d);font-size:15px;margin-top:6px;flex:0 0 auto;}
/* هر فهرست بدون کلاس مخصوص هم در RTL نشانه‌اش سمت راست باشد */
.tm-section ul:not([class]),
.aria-article-text ul,
.plans-intro-text ul:not(.stylish-list){padding-inline-start:22px;padding-inline-end:0;}

/* تیتر کارت‌های امکانات (بعد از اصلاح h5 به h3 برای سلسله‌مراتب درست) */
.tm-service h3.aria-card-h,.tm-service2 h3.aria-card-h{
  font-size:17.5px !important;font-weight:700 !important;
  color:var(--a-navy) !important;line-height:1.6 !important;margin:0 0 10px !important;
}
.tm-service h3.aria-card-h a{color:var(--a-navy) !important;}
.tm-service h3.aria-card-h a:hover{color:var(--a-brand-d) !important;}

/* تیترهای تبدیل‌شده از h4/h5/h6 به h3 (اصلاح سلسله‌مراتب) — اندازه بصری
   عمداً همان اندازه قبلی نگه داشته شده تا ظاهر صفحات تغییر نکند. */
.tm-accordion h3.mb-0,
.card-header h3.mb-0{font-size:16.5px !important;font-weight:600 !important;margin:0 !important;}
.tm-contact-block h3,
.tm-member-bottom h3,
.tm-funfact-content h3{font-size:17px !important;font-weight:700 !important;color:var(--a-navy) !important;margin:0 0 8px !important;}
.tm-funfact-content h3{color:#fff !important;}

/* پولیش موبایل: نوار بالایی در عرض‌های خیلی کم دو خطی نشود */
@media (max-width:480px){
  .aria-topbar .aria-container{gap:10px;}
  .aria-topbar-list{gap:10px;font-size:11.8px;}
  .aria-topbar-login{padding:4px 10px;white-space:nowrap;}
  .aria-topbar-list li{white-space:nowrap;}
  .aria-logo img{height:38px;}
  .aria-header-cta .aria-btn--sm{padding:9px 14px;font-size:13.5px;}
}

/* گوشی‌های خیلی باریک (≤۴۰۰px): نوار بالایی دقیقاً جا شود و اسکرول افقی نسازد */
@media (max-width:400px){
  .aria-topbar .aria-container{gap:6px;padding-inline:12px;}
  .aria-topbar-list{gap:8px;font-size:11.2px;}
  .aria-topbar-list li{min-width:0;}
  .aria-topbar-login{padding:4px 9px;font-size:11.2px;}
  .aria-topbar-login .aria-i,.aria-topbar-login i{display:none;}
}


/* =====================================================================
   ۱۹. اجزای صفحات درباره ما / تماس با ما / سفارش
   ---------------------------------------------------------------------
   این بخش در بازطراحی ساختاری این سه صفحه اضافه شد. همان توکن‌های بالا
   استفاده می‌شود؛ هیچ رنگ، شعاع یا فاصله تصادفی تازه‌ای معرفی نشده است.
   ===================================================================== */

/* ---------------------------------------------- ۱۹.۱ گام‌های روش کار */
.aria-steps{
  counter-reset:aria-step;
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.aria-steps li{
  position:relative;
  background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r);
  padding:28px 24px 24px;
}
.aria-steps li::before{
  counter-increment:aria-step;content:counter(aria-step);
  position:absolute;top:-16px;inset-inline-start:24px;
  width:34px;height:34px;border-radius:50%;
  background:var(--a-navy);color:#fff;
  font-size:14px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.aria-steps h3{font-size:17px;font-weight:700;color:var(--a-navy);margin:6px 0 9px;line-height:1.6;}
.aria-steps p{font-size:14.8px;line-height:1.92;color:var(--a-body);margin:0;}

/* -------------------------------------------------------- ۱۹.۲ تیم */
.aria-team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.aria-member{
  background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r-lg);
  padding:24px;text-align:center;transition:box-shadow .2s var(--a-ease),transform .2s var(--a-ease);
}
.aria-member:hover{box-shadow:var(--a-sh-2);transform:translateY(-3px);}
.aria-member-photo{
  width:104px;height:104px;margin:0 auto var(--a-s4);
  border-radius:50%;overflow:hidden;
  border:3px solid var(--a-brand-tint-2);background:var(--a-surface-3);
}
.aria-member-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.aria-member h3{font-size:16.5px;font-weight:700;color:var(--a-navy);margin:0 0 4px;line-height:1.6;}
.aria-member p{font-size:14px;color:var(--a-muted);margin:0;}

/* ------------------------------------------ ۱۹.۳ سیستم فرم یکپارچه */
.aria-field{display:block;margin-bottom:var(--a-s5);}
.aria-field > label{
  display:block;font-size:14.5px;font-weight:600;color:var(--a-navy);
  margin-bottom:9px;line-height:1.6;
}
.aria-field > label span{color:#d64545;font-weight:700;}
.aria-field input[type="text"],
.aria-field input[type="email"],
.aria-field input[type="tel"],
.aria-field input[type="url"],
.aria-field input[type="number"],
.aria-field select,
.aria-field textarea{
  width:100%;
  font-family:var(--a-font);
  font-size:15.2px;line-height:1.8;color:var(--a-ink);
  background:#fff;
  border:1.5px solid var(--a-line);
  border-radius:var(--a-r-sm);
  padding:13px 16px;
  transition:border-color .18s var(--a-ease),box-shadow .18s var(--a-ease);
  -webkit-appearance:none;appearance:none;
}
.aria-field textarea{resize:vertical;min-height:130px;}
.aria-field select{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2375879a' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:left 16px center;
  background-size:12px 8px;
  padding-inline-end:16px;padding-inline-start:42px;
  cursor:pointer;
}
.aria-field input:focus,
.aria-field select:focus,
.aria-field textarea:focus{
  outline:none;border-color:var(--a-brand);
  box-shadow:0 0 0 3px var(--a-brand-tint);
}
.aria-field input::placeholder,
.aria-field textarea::placeholder{color:#9fb0be;}
.aria-field-hint{display:block;margin-top:8px;font-size:13px;line-height:1.85;color:var(--a-muted);}
.aria-field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.aria-field--half{max-width:340px;}
.aria-form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:var(--a-s2);}
.aria-form-note{font-size:13.5px;color:var(--a-muted);}

/* پیام نتیجه فرم */
.aria-alert{
  border-radius:var(--a-r-sm);padding:15px 18px;margin-bottom:var(--a-s5);
  font-size:14.8px;line-height:1.85;font-weight:600;
  border:1px solid transparent;
}
.aria-alert--ok{background:#eaf8f0;border-color:#bfe6d0;color:#1c6b42;}
.aria-alert--err{background:#fdeeee;border-color:#f3cfcf;color:#a8322f;}

/* ------------------------------------------- ۱۹.۴ صفحه تماس با ما */
.aria-contactlist{list-style:none;margin:0;padding:0;}
.aria-contactlist li{
  display:flex;flex-direction:column;gap:2px;
  padding:10px 0;border-top:1px solid var(--a-line-soft);
}
.aria-contactlist li:first-child{border-top:0;padding-top:0;}
.aria-contactlist li > a,
.aria-contactlist li > span{font-size:15.2px;font-weight:600;color:var(--a-navy) !important;}
.aria-contactlist li > a:hover{color:var(--a-brand-d) !important;}
.aria-contactlist small{font-size:12.8px;color:var(--a-muted);}

.aria-contact-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start;}
.aria-formcard{
  background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r-lg);
  padding:38px;box-shadow:var(--a-sh-1);
}
.aria-formcard h2{font-size:clamp(20px,1.8vw,26px);font-weight:800;color:var(--a-navy);margin:0 0 10px;}
.aria-formcard-sub{font-size:15.2px;line-height:1.95;color:var(--a-body);margin:0 0 var(--a-s6);}

.aria-contact-aside{display:flex;flex-direction:column;gap:20px;position:sticky;top:96px;}
.aria-aside-box{
  background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r);
  padding:26px;
}
.aria-aside-box h3{font-size:16.5px;font-weight:700;color:var(--a-navy);margin:0 0 10px;line-height:1.6;}
.aria-aside-box p{font-size:14.8px;line-height:1.92;color:var(--a-body);margin:0 0 var(--a-s4);}
.aria-aside-box .aria-btn{width:100%;}
.aria-aside-box--navy{background:var(--a-navy);border-color:var(--a-navy);}
.aria-aside-box--navy h3{color:#fff;}
.aria-aside-box--navy p{color:rgba(255,255,255,.74);}
.aria-aside-phone{margin:0 !important;}
.aria-aside-phone a{font-size:21px;font-weight:800;color:#fff !important;}
.aria-aside-phone a:hover{color:var(--a-brand) !important;}

/* ---------------------------------------------- ۱۹.۵ نوار اعتماد */
.aria-trustbar{background:var(--a-surface-2);border-bottom:1px solid var(--a-line-soft);padding:20px 0;}
.aria-trustbar ul{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.aria-trustbar li{display:flex;align-items:center;gap:12px;font-size:14.2px;line-height:1.7;color:var(--a-body);}
.aria-trustbar i{
  flex:0 0 auto;width:36px;height:36px;border-radius:var(--a-r-sm);
  background:var(--a-brand-tint);color:var(--a-brand-d);
  display:flex;align-items:center;justify-content:center;font-size:15px;
}
.aria-trustbar b{display:block;color:var(--a-navy);font-weight:700;}

/* ------------------------------------------------ ۱۹.۶ صفحه سفارش */
.aria-checkout{display:grid;grid-template-columns:1fr 372px;gap:34px;align-items:start;}
.aria-checkout-main{min-width:0;}

.aria-step{
  background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r-lg);
  padding:32px;margin-bottom:26px;
}
.aria-step-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:var(--a-s6);}
.aria-step-num{
  flex:0 0 auto;width:36px;height:36px;border-radius:50%;
  background:var(--a-navy);color:#fff;font-weight:700;font-size:15px;
  display:flex;align-items:center;justify-content:center;margin-top:3px;
}
.aria-step-head h2{font-size:clamp(19px,1.6vw,23px);font-weight:800;color:var(--a-navy);margin:0 0 6px;line-height:1.5;}
.aria-step-head p{font-size:14.8px;line-height:1.9;color:var(--a-body);margin:0;}

/* کارت انتخاب نسخه */
.aria-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.aria-opt{display:block;margin:0;cursor:pointer;}
.aria-opt input{position:absolute;opacity:0;width:0;height:0;}
.aria-opt-box{
  display:block;height:100%;
  border:1.5px solid var(--a-line);border-radius:var(--a-r);
  padding:22px;background:#fff;
  transition:border-color .18s var(--a-ease),box-shadow .18s var(--a-ease);
}
.aria-opt:hover .aria-opt-box{border-color:var(--a-brand-tint-2);box-shadow:var(--a-sh-1);}
.aria-opt input:checked + .aria-opt-box{
  border-color:var(--a-brand);box-shadow:0 0 0 3px var(--a-brand-tint);
}
.aria-opt input:focus-visible + .aria-opt-box{outline:2px solid var(--a-brand-d);outline-offset:2px;}
.aria-opt-top{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
.aria-opt-title{font-size:17px;font-weight:700;color:var(--a-navy);}
.aria-opt-price{font-size:19px;font-weight:800;color:var(--a-brand-d);}
.aria-opt-price.is-free{color:#1c6b42;}
.aria-opt-sub{display:block;font-size:13.6px;color:var(--a-muted);margin-bottom:var(--a-s4);line-height:1.75;}
.aria-opt .aria-check{margin-bottom:var(--a-s3);}
.aria-opt-tip{display:block;font-size:13.2px;line-height:1.9;color:var(--a-muted);
  border-top:1px solid var(--a-line-soft);padding-top:12px;}

.aria-note{
  display:flex;gap:11px;align-items:flex-start;
  background:var(--a-brand-tint);border:1px solid var(--a-brand-tint-2);
  border-radius:var(--a-r-sm);padding:14px 16px;margin-top:var(--a-s5);
  font-size:14.2px;line-height:1.85;color:var(--a-navy);
}
.aria-note i{color:var(--a-brand-d);margin-top:4px;}

/* ماژول‌های هسته */
.aria-coregrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.aria-core{
  display:flex;gap:13px;align-items:flex-start;
  background:var(--a-surface-2);border:1px solid var(--a-line-soft);
  border-radius:var(--a-r);padding:20px;
}
.aria-core-ic{
  flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  background:var(--a-brand);color:#fff;font-size:12px;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.aria-core h3{font-size:15.8px;font-weight:700;color:var(--a-navy);margin:0 0 6px;line-height:1.6;}
.aria-core p{font-size:14px;line-height:1.9;color:var(--a-body);margin:0;}

/* فیلتر ماژول‌ها */
.aria-modfilter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--a-s6);}
.aria-chip{
  font-family:var(--a-font);font-size:13.8px;font-weight:600;
  padding:9px 18px;border-radius:var(--a-r-pill);cursor:pointer;
  background:#fff;color:var(--a-body);border:1px solid var(--a-line);
  transition:all .18s var(--a-ease);
}
.aria-chip:hover{border-color:var(--a-brand-tint-2);color:var(--a-brand-d);}
.aria-chip.is-active{background:var(--a-navy);border-color:var(--a-navy);color:#fff;}

/* گروه ماژول */
.aria-optgroup + .aria-optgroup{margin-top:var(--a-s6);padding-top:var(--a-s6);border-top:1px solid var(--a-line-soft);}
.aria-optgroup-head{margin-bottom:var(--a-s4);}
.aria-optgroup-head h3{font-size:17px;font-weight:700;color:var(--a-navy);margin:0 0 5px;line-height:1.6;}
.aria-optgroup-head p{font-size:14px;line-height:1.85;color:var(--a-muted);margin:0;}
.aria-mods{border:1px solid var(--a-line);border-radius:var(--a-r);overflow:hidden;}
.aria-mod + .aria-mod{border-top:1px solid var(--a-line-soft);}
.aria-mod.is-paid{background:#fff;}
.aria-mod.is-free{background:var(--a-surface-2);}
.aria-mod-head{display:flex;align-items:center;gap:14px;padding:14px 18px;}
.aria-mod-pick{
  display:flex;align-items:center;gap:11px;margin:0;flex:1 1 auto;min-width:0;cursor:pointer;
}
.aria-mod-pick--static{cursor:default;}
.aria-mod-pick input[type="checkbox"]{
  flex:0 0 auto;width:19px;height:19px;margin:0;cursor:pointer;
  accent-color:var(--a-brand);
}
.aria-mod-tick{
  flex:0 0 auto;width:19px;height:19px;border-radius:5px;
  background:var(--a-brand-tint);color:var(--a-brand-d);font-size:10px;
  display:flex;align-items:center;justify-content:center;
}
.aria-mod-name{font-size:14.8px;font-weight:600;color:var(--a-navy);line-height:1.6;}
.aria-mod-price{
  flex:0 0 auto;font-size:14px;font-weight:700;color:var(--a-brand-d);
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
.aria-mod-price.is-free{color:#1c6b42;background:#eaf8f0;border-radius:var(--a-r-pill);padding:3px 12px;font-size:12.6px;}
.aria-mod-price.is-var{color:var(--a-muted);font-weight:600;}
/* دکمه «توضیحات» — عمداً متن دارد تا با «افزودن به سفارش» اشتباه گرفته نشود */
.aria-mod-more{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--a-font);font-size:13.2px;font-weight:600;
  padding:7px 13px;border-radius:var(--a-r-pill);
  border:1px solid var(--a-line);background:#fff;color:var(--a-muted);
  cursor:pointer;white-space:nowrap;transition:all .18s var(--a-ease);
}
.aria-mod-more:hover{border-color:var(--a-brand-tint-2);color:var(--a-brand-d);background:var(--a-brand-tint);}
.aria-mod-more-i{
  position:relative;width:11px;height:11px;flex:0 0 auto;
}
.aria-mod-more-i::before,.aria-mod-more-i::after{
  content:'';position:absolute;top:50%;left:50%;background:currentColor;
  transform:translate(-50%,-50%);transition:opacity .18s var(--a-ease);
}
.aria-mod-more-i::before{width:11px;height:1.6px;}
.aria-mod-more-i::after{width:1.6px;height:11px;}
.aria-mod-more[aria-expanded="true"] .aria-mod-more-i::after{opacity:0;}
.aria-mod-more[aria-expanded="true"]{border-color:var(--a-brand);color:var(--a-brand-d);}

/* برچسب «افزودن به سفارش» کنار تیک — بعد از انتخاب به «افزوده شد» تبدیل می‌شود */
.aria-mod-add{
  font-size:12.4px;font-weight:600;color:var(--a-muted);
  border:1px dashed var(--a-line);border-radius:var(--a-r-pill);
  padding:2px 10px;white-space:nowrap;
}
.aria-mod-pick input:checked ~ .aria-mod-add{
  color:#1c6b42;border-style:solid;border-color:#bfe6d0;background:#eaf8f0;
}

/* ردیف انتخاب‌شده کاملاً واضح دیده شود */
.aria-mod.is-checked{background:var(--a-brand-tint) !important;box-shadow:inset 3px 0 0 var(--a-brand);}
.aria-mod.is-checked .aria-mod-name{color:var(--a-brand-dd);}

/* راهنمای کوتاه بالای فهرست ماژول‌ها */
.aria-hint{
  display:flex;gap:11px;align-items:flex-start;
  background:var(--a-surface-2);border:1px solid var(--a-line-soft);
  border-radius:var(--a-r-sm);padding:13px 16px;margin-bottom:var(--a-s5);
  font-size:14px;line-height:1.85;color:var(--a-body);
}
.aria-hint i{color:var(--a-brand-d);margin-top:4px;}
.aria-hint b{color:var(--a-navy);font-weight:700;}
.aria-mod-desc{
  padding:0 18px 18px 52px;
  font-size:14px;line-height:1.95;color:var(--a-body);
}
.aria-mod-desc p{margin:0 0 9px;font-size:14px;line-height:1.95;}
.aria-mod-desc ul{margin:0 0 9px;padding-inline-start:20px;}
.aria-mod-desc li{margin-bottom:5px;}
.aria-mod-desc a{color:var(--a-brand-d);font-weight:600;border-bottom:1px solid var(--a-brand-tint-2);}
.aria-mod-desc a:hover{color:var(--a-brand-dd);}

/* خلاصه سفارش */
.aria-checkout-side{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow-y:auto;
  scrollbar-width:thin;}
.aria-summary{
  background:#fff;border:1px solid var(--a-line);border-radius:var(--a-r-lg);
  padding:28px;box-shadow:var(--a-sh-2);
}
.aria-summary h2{font-size:19px;font-weight:800;color:var(--a-navy);margin:0 0 var(--a-s5);}
.aria-summary-list{list-style:none;margin:0 0 var(--a-s4);padding:0;max-height:340px;overflow-y:auto;}
.aria-summary-list li{
  display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  padding:10px 0;border-bottom:1px dashed var(--a-line-soft);
  font-size:14px;line-height:1.7;color:var(--a-body);
}
.aria-summary-list li b{color:var(--a-navy);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;}
.aria-summary-list li b.is-free{color:#1c6b42;}
.aria-summary-empty{color:var(--a-muted) !important;justify-content:center !important;font-size:14px;}
.aria-summary-total{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  background:var(--a-surface-2);border-radius:var(--a-r-sm);
  padding:16px 18px;margin-bottom:var(--a-s5);
}
.aria-summary-total > span{font-size:14.5px;font-weight:600;color:var(--a-body);}
.aria-summary-total b{font-size:21px;font-weight:800;color:var(--a-navy);white-space:nowrap;}
.aria-summary-pay h3{font-size:15px;font-weight:700;color:var(--a-navy);margin:0 0 12px;}
.aria-pay{
  display:flex;align-items:flex-start;gap:11px;margin:0 0 var(--a-s5);
  border:1.5px solid var(--a-line);border-radius:var(--a-r-sm);padding:14px;cursor:pointer;
}
.aria-pay input{margin:3px 0 0;accent-color:var(--a-brand);}
.aria-pay b{display:block;font-size:14.5px;font-weight:700;color:var(--a-navy);}
.aria-pay small{display:block;font-size:12.8px;color:var(--a-muted);margin-top:3px;line-height:1.7;}
.aria-pay:has(input:checked){border-color:var(--a-brand);background:var(--a-brand-tint);}
.aria-summary-terms{font-size:13px;line-height:1.9;color:var(--a-muted);margin:0 0 var(--a-s4);}
.aria-summary-terms a{color:var(--a-brand-d);font-weight:600;}
.aria-summary-help{font-size:13.2px;line-height:1.9;color:var(--a-muted);margin:var(--a-s4) 0 0;text-align:center;}
.aria-summary-help a{color:var(--a-brand-d);font-weight:600;}
.aria-btn--block{width:100%;}

/* --------------------------------------------- ۱۹.۷ ریسپانسیو */
@media (max-width:1099px){
  .aria-checkout{grid-template-columns:1fr;}
  .aria-checkout-side{position:static;}
  .aria-summary{box-shadow:var(--a-sh-1);}
  .aria-summary-list{max-height:none;}
}
@media (max-width:1024px){
  .aria-steps{grid-template-columns:repeat(2,1fr);}
  .aria-team{grid-template-columns:repeat(2,1fr);}
  .aria-contact-grid{grid-template-columns:1fr;}
  .aria-contact-aside{position:static;}
  .aria-opts{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .aria-trustbar ul{grid-template-columns:1fr;gap:12px;}
  .aria-coregrid{grid-template-columns:1fr;}
}
@media (max-width:767px){
  .aria-steps,.aria-team{grid-template-columns:1fr;}
  .aria-field-row{grid-template-columns:1fr;}
  .aria-formcard{padding:26px 20px;}
  .aria-step{padding:24px 18px;}
  .aria-step-head{gap:12px;}
  .aria-mod-head{flex-wrap:wrap;gap:10px 12px;}
  .aria-mod-pick{flex:1 1 100%;order:1;}
  .aria-mod-price{order:2;}
  .aria-mod-more{order:3;margin-inline-start:auto;}
  .aria-mod-desc{padding:0 18px 18px;}
  .aria-summary{padding:22px 18px;}
}


/* --------------------- نوار چسبان مبلغ (پایین صفحه) ---------------------
   وقتی ستون خلاصه سفارش کنار صفحه جا نمی‌شود (عرض‌های کوچک و متوسط)،
   مبلغ قابل پرداخت به‌صورت یک نوار ثابت پایین صفحه همیشه در دید می‌ماند. */
.aria-stickybar{
  position:fixed;inset-inline:0;bottom:0;z-index:60;
  background:rgba(255,255,255,.97);
  border-top:1px solid var(--a-line);
  box-shadow:0 -6px 22px rgba(14,36,57,.10);
  backdrop-filter:saturate(180%) blur(8px);
  transform:translateY(105%);
  transition:transform .25s var(--a-ease);
}
.aria-stickybar.is-on{transform:translateY(0);}
.aria-stickybar-in{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 0;
}
.aria-stickybar-price{min-width:0;}
.aria-stickybar-price > span{display:block;font-size:12.6px;color:var(--a-muted);line-height:1.5;}
.aria-stickybar-price b{font-size:20px;font-weight:800;color:var(--a-navy);white-space:nowrap;}
.aria-stickybar .aria-btn{flex:0 0 auto;width:auto;}

@media (max-width:1099px){
  .aria-orderform{padding-bottom:78px;}
}
@media (max-width:640px){
  /* در عرض کم، دکمه شناور واتس‌اپ نباید روی مبلغ بیفتد */
  .aria-stickybar-in{padding:9px 0;gap:10px;}
  .aria-stickybar-price > span{font-size:11.2px;white-space:nowrap;}
  .aria-stickybar-price b{font-size:16.5px;white-space:nowrap;}
  /* در سیستم طراحی، دکمه‌ها زیر ۷۶۷px تمام‌عرض می‌شوند؛ در نوار پایین نباید این‌طور باشد */
  .aria-stickybar .aria-btn{flex:0 0 auto;width:auto;padding:11px 18px;font-size:14px;}
  .aria-stickybar-price{flex:1 1 auto;}
}


/* نشانگر انتخاب روی کارت نسخه — تا کاربر مطمئن باشد کدام نسخه فعال است */
.aria-opt-titlerow{display:flex;align-items:center;gap:10px;}
.aria-opt-radio{
  flex:0 0 auto;width:19px;height:19px;border-radius:50%;
  border:2px solid var(--a-line);background:#fff;position:relative;
  transition:border-color .18s var(--a-ease);
}
.aria-opt-radio::after{
  content:'';position:absolute;inset:3px;border-radius:50%;
  background:var(--a-brand);transform:scale(0);transition:transform .18s var(--a-ease);
}
.aria-opt input:checked + .aria-opt-box .aria-opt-radio{border-color:var(--a-brand);}
.aria-opt input:checked + .aria-opt-box .aria-opt-radio::after{transform:scale(1);}
.aria-opt input:checked + .aria-opt-box .aria-opt-title{color:var(--a-brand-dd);}

/* وقتی نوار مبلغ پایین صفحه باز است، دکمه شناور واتس‌اپ بالاتر می‌رود
   تا روی مبلغ نیفتد (کلاس روی body توسط جاوااسکریپت صفحه سفارش ست می‌شود). */
body.aria-bar-on .aria-wa-fab{bottom:92px;}
@media (min-width:641px){ body.aria-bar-on .aria-wa-fab{bottom:22px;} }

.aria-onlysm{display:none;}
@media (max-width:640px){
  .aria-onlylg{display:none;}
  .aria-onlysm{display:inline;}
}