/* ==========================================================================
   خدمات  —  /services/
   شورت‌کد: [hug_services]
   همهٔ قاعده‌ها زیر .hug-scope.hug-services اسکوپ شده‌اند؛ با استایل آسترا تداخل ندارند.
   font-family عمداً تعریف نشده تا فونت از سفارشی‌سازی آسترا ارث برسد.
   ========================================================================== */

/* ── تنظیمات محلی ───────────────────────────────────────────────────── */
.hug-scope.hug-services{
  /* آفست اسکرول برای هدر چسبانِ وردپرس — با ارتفاع هدر خودتان تنظیم کنید */
  --hug-anchor-offset: 110px;
  /* علامتِ جهت: جابه‌جایی‌های افقی در چپ‌چین آینه می‌شوند */
  --hug-dx: 1;
}
.hug-scope.hug-services.hug-ltr{ --hug-dx: -1; }
.hug-scope.hug-services [id]{scroll-margin-top:var(--hug-anchor-offset)}

/* اگر برگه را «تمام‌عرض / Stretched» نکردید و نوارهای رنگی بریده می‌شوند،
   کامنت سه خط زیر را بردارید. (اول تنظیم آسترا را امتحان کنید؛ بهتر است.)
.hug-scope.hug-services{
  margin-inline: calc(50% - 50vw); width: 100vw; max-width: 100vw;
} */

.hug-scope.hug-services{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-btn:#F59E1B; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC;
  --text:#22304A; --muted:#6B7280; --on-dark:#F3F6FA;
  --success:#16A34A; --success-bg:#EAF6EC; --danger:#DC2626;
  --r-card:12px; --r-btn:8px; --r-pill:999px;
  --shadow-md:0 8px 24px rgba(30,42,56,.10);
  --focus:0 0 0 3px rgba(245,158,11,.45);
  --dur-fast:160ms; --dur-base:220ms; --dur-mod:360ms;
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --maxw:1280px; --pad-x:80px; --gutter:24px; --measure:66ch;}
@media (max-width:768px){
.hug-scope.hug-services{--pad-x:24px;}
}
.hug-scope.hug-services, .hug-scope.hug-services *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-services{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-services .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-services section{padding-block:104px}
@media (max-width:768px){
.hug-scope.hug-services section{padding-block:64px}
}
.hug-scope.hug-services h1, .hug-scope.hug-services h2, .hug-scope.hug-services h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-services h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-services h3{font-size:20px; font-weight:600}
.hug-scope.hug-services .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-services .muted{color:var(--muted)}
.hug-scope.hug-services a{color:inherit; text-decoration:none}
.hug-scope.hug-services .sec-head{max-width:680px; margin-bottom:44px}
.hug-scope.hug-services .sec-head p{color:var(--muted); margin-top:14px}
.hug-scope.hug-services .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-services .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-services .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-services .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-services .assume{display:inline-block; font-size:11px; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:2px 9px; vertical-align:middle}
.hug-scope.hug-services .ph{background:repeating-linear-gradient(45deg,#E8ECF2,#E8ECF2 10px,#F1F4F8 10px,#F1F4F8 20px);
  border:1px dashed #C3CBD8; border-radius:var(--r-card); display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#78859A; font-size:13px; text-align:center; padding:16px}
.hug-scope.hug-services .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-services .btn{display:inline-flex; align-items:center; gap:8px; height:44px; padding-inline:22px; border-radius:var(--r-btn);
  font-weight:500; font-size:15px; border:1px solid transparent; cursor:pointer; font-family:inherit;
  transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}
.hug-scope.hug-services .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-services .btn-primary{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-services .btn-primary:hover{transform:translateY(-1px); background:#1A263C}
.hug-scope.hug-services .btn-accent{background:var(--accent-btn); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-services .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-services .btn-ghost{background:transparent; border-color:var(--line); color:var(--ink)}
.hug-scope.hug-services .btn-ghost:hover{background:var(--surface)}
.hug-scope.hug-services .icn{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-services .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-services .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-services .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-services :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-services[id], .hug-scope.hug-services [id]{scroll-margin-top:88px}
.hug-scope.hug-services header{position:sticky; top:0; z-index:50; background:rgba(247,248,250,.82); backdrop-filter:blur(12px); border-bottom:1px solid var(--line)}
@supports not (backdrop-filter:blur(1px)){
.hug-scope.hug-services header{background:#F7F8FA}
}
.hug-scope.hug-services .crumb{font-size:13px; color:var(--muted); padding-top:22px}
.hug-scope.hug-services .crumb a:hover{color:var(--ink)}
.hug-scope.hug-services .crumb span{margin-inline:6px; color:var(--line)}
.hug-scope.hug-services .hero{padding-block:56px 96px}
.hug-scope.hug-services .hero-grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:56px; align-items:start}
.hug-scope.hug-services .hero h1{font-size:clamp(32px,4.6vw,56px); letter-spacing:-.015em; max-width:14ch}
.hug-scope.hug-services .hero .sub{font-size:clamp(17px,1.8vw,20px); color:var(--ink-soft); max-width:52ch; margin-top:22px}
.hug-scope.hug-services .hero .cta-row{display:flex; gap:14px; margin-top:30px; flex-wrap:wrap}
.hug-scope.hug-services .ccard{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden}
.hug-scope.hug-services .ccard header{position:static; background:var(--ink); backdrop-filter:none; border:0; color:#fff; padding:16px 22px; font-size:15px; font-weight:600}
.hug-scope.hug-services .ccard .body{padding:6px 22px 22px}
.hug-scope.hug-services .ccard .grp{padding-block:16px; border-bottom:1px solid var(--line)}
.hug-scope.hug-services .ccard .grp:last-child{border-bottom:0}
.hug-scope.hug-services .ccard .lab{font-size:12px; color:var(--muted); margin-bottom:8px}
.hug-scope.hug-services .ccard ul{list-style:none; display:flex; flex-wrap:wrap; gap:6px}
.hug-scope.hug-services .ccard li{font-size:13.5px; background:var(--surface-2); border-radius:var(--r-pill); padding:5px 12px; color:var(--ink-soft)}
.hug-scope.hug-services .ccard li.keep{background:transparent; border:1px dashed var(--line)}
.hug-scope.hug-services .ccard .kv{display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-size:14px}
.hug-scope.hug-services .ccard .kv + .kv{margin-top:10px}
.hug-scope.hug-services .ccard .kv span{color:var(--muted)}
.hug-scope.hug-services .ccard .kv b{color:var(--ink); font-variant-numeric:tabular-nums}
@media (max-width:900px){
.hug-scope.hug-services .hero-grid{grid-template-columns:minmax(0,1fr); gap:36px}
}
.hug-scope.hug-services .cmp{background:var(--surface-2); border-block:1px solid var(--line)}
.hug-scope.hug-services .cmp-grid{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr); gap:0; border:1px solid var(--line);
  border-radius:var(--r-card); overflow:hidden; background:var(--surface)}
.hug-scope.hug-services .cmp-grid > div{padding:18px 20px; border-bottom:1px solid var(--line)}
.hug-scope.hug-services .cmp-grid .hd{background:var(--surface-2); font-weight:600; color:var(--ink); font-size:14px}
.hug-scope.hug-services .cmp-grid .hd.us{background:var(--accent-soft); color:var(--accent-ink)}
.hug-scope.hug-services .cmp-grid .rowlab{font-size:14px; color:var(--muted)}
.hug-scope.hug-services .cmp-grid .a, .hug-scope.hug-services .cmp-grid .b{font-size:14.5px; display:flex; gap:9px; align-items:flex-start}
.hug-scope.hug-services .cmp-grid .a{color:var(--ink-soft)}
.hug-scope.hug-services .cmp-grid .b{color:var(--ink); font-weight:500; background:rgba(253,241,221,.35)}
.hug-scope.hug-services .cmp-grid .a svg{stroke:var(--muted)}
.hug-scope.hug-services .cmp-grid .b svg{stroke:var(--accent-ink)}
.hug-scope.hug-services .cmp-grid svg{flex:0 0 auto; width:16px; height:16px; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; margin-top:4px}
.hug-scope.hug-services .cmp-grid > div:nth-last-child(-n+3){border-bottom:0}
@media (max-width:860px){
.hug-scope.hug-services .cmp-grid{grid-template-columns:minmax(0,1fr); border-radius:var(--r-card)}
.hug-scope.hug-services .cmp-grid .hd:first-child{display:none}
.hug-scope.hug-services .cmp-grid .rowlab{background:var(--surface-2); font-weight:600; color:var(--ink); padding-block:12px}
}
.hug-scope.hug-services .feat{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; border:1px solid var(--line);
  border-radius:var(--r-card); overflow:hidden; background:var(--surface); margin-bottom:16px;
  transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.hug-scope.hug-services .feat:hover{border-color:var(--accent); box-shadow:var(--shadow-md); transform:translateY(-2px)}
.hug-scope.hug-services .feat .txt{padding:38px 36px}
.hug-scope.hug-services .feat .tag{display:inline-block; font-size:12px; font-weight:600; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:4px 12px; margin-bottom:16px}
.hug-scope.hug-services .feat h3{font-size:28px; margin-bottom:12px}
.hug-scope.hug-services .feat p{color:var(--ink-soft); max-width:44ch}
.hug-scope.hug-services .feat ul{list-style:none; margin-top:20px; display:grid; gap:8px}
.hug-scope.hug-services .feat li{font-size:14px; color:var(--muted); display:flex; gap:9px; align-items:flex-start}
.hug-scope.hug-services .feat li svg{flex:0 0 auto; width:16px; height:16px; stroke:var(--accent); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; margin-top:4px}
.hug-scope.hug-services .feat .go{display:inline-flex; align-items:center; gap:6px; margin-top:24px; font-weight:600; color:var(--ink)}
.hug-scope.hug-services .feat:hover .go{color:var(--accent-ink)}
.hug-scope.hug-services .feat .ph{border:0; border-radius:0; height:100%; min-height:300px}
@media (max-width:860px){
.hug-scope.hug-services .feat{grid-template-columns:minmax(0,1fr)}
.hug-scope.hug-services .feat .ph{min-height:200px}
}
.hug-scope.hug-services .srow{display:grid; grid-template-columns:56px minmax(0,1fr) minmax(0,1.25fr) 130px; gap:20px; align-items:center;
  padding:22px 24px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card);
  transition:border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.hug-scope.hug-services .srow + .srow{margin-top:10px}
.hug-scope.hug-services .srow:hover{border-color:var(--accent); transform:translateX(calc(var(--hug-dx,1) * -3px))}
.hug-scope.hug-services .srow .ic{width:40px; height:40px; border-radius:10px; background:var(--surface-2); color:var(--ink-soft); display:grid; place-items:center;
  transition:background var(--dur-fast), color var(--dur-fast)}
.hug-scope.hug-services .srow:hover .ic{background:var(--accent-soft); color:var(--accent-ink)}
.hug-scope.hug-services .srow h3{font-size:18px}
.hug-scope.hug-services .srow p{font-size:14px; color:var(--muted)}
.hug-scope.hug-services .srow .go{font-size:14px; color:var(--ink-soft); text-align:end; font-weight:500}
.hug-scope.hug-services .srow:hover .go{color:var(--accent-ink)}
@media (max-width:860px){
.hug-scope.hug-services .srow{grid-template-columns:40px minmax(0,1fr); row-gap:8px}
.hug-scope.hug-services .srow p{grid-column:2/-1}
.hug-scope.hug-services .srow .go{display:none}
}
.hug-scope.hug-services .stepper{position:relative; padding-inline-start:38px}
.hug-scope.hug-services .stepper::before{content:""; position:absolute; inset-inline-start:11px; top:8px; bottom:8px; width:2px; background:var(--line)}
.hug-scope.hug-services .stp{position:relative; padding-block:26px}
.hug-scope.hug-services .stp + .stp{border-top:1px solid var(--line)}
.hug-scope.hug-services .stp::before{content:""; position:absolute; inset-inline-start:-33px; top:32px; width:12px; height:12px; border-radius:50%;
  background:var(--bg); border:2px solid var(--ink-soft); transition:background var(--dur-fast), border-color var(--dur-fast)}
.hug-scope.hug-services .stp:hover::before{background:var(--accent); border-color:var(--accent)}
.hug-scope.hug-services .stp .top{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:8px}
.hug-scope.hug-services .stp h3{font-size:20px}
.hug-scope.hug-services .stp .dur{font-size:12px; font-weight:600; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:4px 12px;}
.hug-scope.hug-services .stp .cols{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; margin-top:14px; font-size:14px}
.hug-scope.hug-services .stp .cols dt{color:var(--muted); font-size:12px; margin-bottom:5px}
.hug-scope.hug-services .stp .cols dd{color:var(--ink-soft)}
@media (max-width:760px){
.hug-scope.hug-services .stp .cols{grid-template-columns:minmax(0,1fr); gap:12px}
}
.hug-scope.hug-services .qgrid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 48px}
.hug-scope.hug-services .qitem{padding-block:26px; border-top:1px solid var(--line)}
.hug-scope.hug-services .qitem h3{font-size:17px; margin-bottom:10px; display:flex; gap:10px; align-items:flex-start}
.hug-scope.hug-services .qitem h3 span{color:var(--accent); font-size:14px; font-weight:600; margin-top:3px}
.hug-scope.hug-services .qitem p{font-size:15px; color:var(--ink-soft); max-width:48ch}
@media (max-width:860px){
.hug-scope.hug-services .qgrid{grid-template-columns:minmax(0,1fr); gap:0}
}
.hug-scope.hug-services .casecard{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:0; border:1px solid var(--line);
  border-radius:var(--r-card); overflow:hidden; background:var(--surface)}
.hug-scope.hug-services .casecard .ph{border:0; border-radius:0; min-height:260px}
.hug-scope.hug-services .casecard .txt{padding:36px}
.hug-scope.hug-services .casecard .hero-num{font-size:56px; font-weight:700; color:var(--ink); line-height:1;}
.hug-scope.hug-services .casecard .hero-num i{font-style:normal; color:var(--accent)}
.hug-scope.hug-services .casecard p{color:var(--ink-soft); margin-top:14px; max-width:42ch}
@media (max-width:860px){
.hug-scope.hug-services .casecard{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-services .routes{background:var(--surface-2); border-top:1px solid var(--line); padding-block:96px}
.hug-scope.hug-services .route-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--gutter)}
.hug-scope.hug-services .route{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:34px 32px;
  transition:border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast)}
.hug-scope.hug-services .route:hover{border-color:var(--accent); transform:translateY(-2px); box-shadow:var(--shadow-md)}
.hug-scope.hug-services .route h3{font-size:22px; margin-bottom:10px}
.hug-scope.hug-services .route p{color:var(--muted); font-size:15px; margin-bottom:22px; max-width:40ch}
.hug-scope.hug-services .route .meta{font-size:13px; color:var(--muted); margin-top:16px}
@media (max-width:760px){
.hug-scope.hug-services .route-grid{grid-template-columns:minmax(0,1fr)}
}