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

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

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

.hug-scope.hug-contact{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A; --ink-2:#3A4A6B;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC;
  --text:#22304A; --muted:#6B7280; --muted-2:#5F6672;
  --on-dark:#F3F6FA; --on-dark-2:#C2C9D2; --on-dark-3:#A8B1BC;
  --success:#16A34A; --success-bg:#EAF6EC; --success-ink:#15803D;
  --warning:#D97706; --warning-bg:#FDF3E6; --warning-ink:#92400E; --warn-on-dark:#FFD9A3;
  --danger:#DC2626;  --danger-bg:#FDECEC;  --danger-ink:#991B1B;
  --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-contact{--pad-x:20px;}
}
.hug-scope.hug-contact, .hug-scope.hug-contact *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-contact{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-contact .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-contact section{padding-block:80px}
@media (max-width:768px){
.hug-scope.hug-contact section{padding-block:52px}
}
.hug-scope.hug-contact h1, .hug-scope.hug-contact h2, .hug-scope.hug-contact h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-contact h2{font-size:clamp(24px,3vw,31px); font-weight:600}
.hug-scope.hug-contact h3{font-size:19px; font-weight:600}
.hug-scope.hug-contact .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-contact a{color:inherit; text-decoration:none}
.hug-scope.hug-contact .num{font-variant-numeric:tabular-nums}
.hug-scope.hug-contact .sec-head{max-width:660px; margin-bottom:36px}
.hug-scope.hug-contact .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-contact .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-contact .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-contact .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-contact .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; padding-inline:24px; 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-contact .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-contact .btn-primary{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-contact .btn-primary:hover{transform:translateY(-1px); background:#1A263C}
.hug-scope.hug-contact .btn-accent{background:var(--accent); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-contact .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-contact .btn[disabled]{opacity:.45; cursor:not-allowed; transform:none}
.hug-scope.hug-contact .icn{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto}
.hug-scope.hug-contact .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-contact .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-contact .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-contact :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-contact[id], .hug-scope.hug-contact [id]{scroll-margin-top:96px}
.hug-scope.hug-contact .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
.hug-scope.hug-contact .crumb{font-size:13px; color:var(--muted-2); padding-top:20px}
.hug-scope.hug-contact .crumb span{margin-inline:6px; color:var(--line)}
.hug-scope.hug-contact .ct-hero{background:var(--surface); border-bottom:1px solid var(--line); padding-block:28px 56px}
.hug-scope.hug-contact .ct-top{margin:18px 0 34px}
.hug-scope.hug-contact .ct-hero h1{font-size:clamp(28px,3.6vw,44px); margin-bottom:12px}
.hug-scope.hug-contact .ct-hero .lede{color:var(--ink-soft); max-width:56ch; font-size:17px; margin-bottom:20px}
.hug-scope.hug-contact .ct-open{display:inline-flex; align-items:center; gap:9px; border-radius:var(--r-pill); padding:9px 16px;
  font-size:13.5px; font-weight:500; background:var(--surface-2); color:var(--muted-2); white-space:nowrap}
.hug-scope.hug-contact .ct-open .dot{width:9px; height:9px; border-radius:50%; background:currentColor; flex:0 0 auto}
.hug-scope.hug-contact .ct-open.is-open{background:var(--success-bg); color:var(--success-ink)}
.hug-scope.hug-contact .ct-open b{font-weight:600}
.hug-scope.hug-contact .ct-router{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
@media (max-width:800px){
.hug-scope.hug-contact .ct-router{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-contact .ct-route{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:13px; align-items:center;
  background:var(--bg); border:1px solid var(--line); border-radius:var(--r-card); padding:16px 18px;
  transition:border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.hug-scope.hug-contact .ct-route:hover{border-color:#CBD3DE; transform:translateY(-2px)}
.hug-scope.hug-contact .ct-route .rc{width:34px; height:34px; border-radius:9px; background:var(--surface-2); color:var(--ink-soft); display:grid; place-items:center}
.hug-scope.hug-contact .ct-route b{display:block; font-size:14.5px; font-weight:600; color:var(--ink)}
.hug-scope.hug-contact .ct-route span{font-size:12.5px; color:var(--muted-2); line-height:1.5}
.hug-scope.hug-contact .ct-route .arw{width:16px; height:16px; stroke:var(--muted); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-contact .ct-route:hover .arw{stroke:var(--accent-ink)}
.hug-scope.hug-contact .ct-brand{background:var(--bg)}
.hug-scope.hug-contact .ct-grid{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:26px; align-items:start}
@media (max-width:1000px){
.hug-scope.hug-contact .ct-grid{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-contact .ct-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:30px 32px}
@media (max-width:560px){
.hug-scope.hug-contact .ct-card{padding:24px 20px}
}
.hug-scope.hug-contact .ct-fs{border:0; margin-bottom:26px}
.hug-scope.hug-contact .ct-fs:last-of-type{margin-bottom:0}
.hug-scope.hug-contact .ct-lg{font-size:12px; font-weight:600; letter-spacing:.05em; color:var(--accent-ink); margin-bottom:16px;
  display:flex; align-items:center; gap:10px}
.hug-scope.hug-contact .ct-lg::after{content:""; flex:1; height:1px; background:var(--line)}
.hug-scope.hug-contact .f{margin-bottom:16px}
.hug-scope.hug-contact .f label{display:block; font-size:14px; font-weight:500; margin-bottom:7px}
.hug-scope.hug-contact .f label .req{color:var(--danger-ink); margin-inline-start:3px}
.hug-scope.hug-contact .f .why{display:block; font-size:12.5px; color:var(--muted); font-weight:400; margin-top:2px}
.hug-scope.hug-contact .f input, .hug-scope.hug-contact .f select, .hug-scope.hug-contact .f textarea{width:100%; min-height:48px; border:1px solid var(--line); border-radius:var(--r-btn);
  background:var(--surface); padding:12px 14px; font-family:inherit; font-size:15px; color:var(--text);
  transition:border-color var(--dur-fast)}
.hug-scope.hug-contact .f textarea{min-height:96px; resize:vertical; line-height:1.6}
.hug-scope.hug-contact .f input:focus, .hug-scope.hug-contact .f select:focus, .hug-scope.hug-contact .f textarea:focus{outline:none; border-color:var(--accent); box-shadow:var(--focus)}
.hug-scope.hug-contact .f input[aria-invalid="true"], .hug-scope.hug-contact .f select[aria-invalid="true"]{border-color:var(--danger)}
.hug-scope.hug-contact .f .ltr{direction:ltr; text-align:center; font-variant-numeric:tabular-nums; letter-spacing:.1em}
.hug-scope.hug-contact .fe{font-size:13px; color:var(--danger-ink); margin-top:6px; display:none}
.hug-scope.hug-contact .fe.on{display:block}
.hug-scope.hug-contact .g2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media (max-width:600px){
.hug-scope.hug-contact .g2{grid-template-columns:1fr}
}
.hug-scope.hug-contact .ct-pick{display:grid; grid-template-columns:1fr 1fr; gap:10px}
@media (max-width:600px){
.hug-scope.hug-contact .ct-pick{grid-template-columns:1fr}
}
.hug-scope.hug-contact .ct-pick label{display:flex; gap:10px; align-items:flex-start; border:1px solid var(--line); border-radius:var(--r-btn);
  padding:13px 14px; cursor:pointer; margin:0; font-weight:400; transition:border-color var(--dur-fast), background var(--dur-fast)}
.hug-scope.hug-contact .ct-pick label:hover{background:var(--surface-2)}
.hug-scope.hug-contact .ct-pick input{width:auto; min-height:0; margin-top:4px; accent-color:var(--ink); flex:0 0 auto}
.hug-scope.hug-contact .ct-pick label:has(input:checked){border-color:var(--ink); background:var(--surface-2)}
.hug-scope.hug-contact .ct-pick b{display:block; font-size:14px; font-weight:600; color:var(--ink)}
.hug-scope.hug-contact .ct-pick span{font-size:12.5px; color:var(--muted-2)}
.hug-scope.hug-contact .ct-panel{position:sticky; top:96px; background:var(--ink); color:var(--on-dark);
  border-radius:var(--r-card); padding:26px 26px 22px; overflow:hidden}
@media (max-width:1000px){
.hug-scope.hug-contact .ct-panel{position:static}
}
.hug-scope.hug-contact .ct-panel h2{color:#fff; font-size:17px; font-weight:600; margin-bottom:4px}
.hug-scope.hug-contact .ct-panel .ph{font-size:12.5px; color:var(--on-dark-3); margin-bottom:20px}
.hug-scope.hug-contact .ct-say{font-size:15.5px; line-height:2; color:var(--on-dark-2); border-top:1px solid rgba(255,255,255,.12); padding-top:18px}
.hug-scope.hug-contact .ct-say v{font-style:normal; color:var(--accent-hi); font-weight:600}
.hug-scope.hug-contact .ct-say v.e{color:var(--on-dark-3); font-weight:400;
  border-bottom:1px dashed rgba(168,177,188,.55); padding-bottom:2px}
.hug-scope.hug-contact .ct-notes{margin-top:20px; display:grid; gap:10px}
.hug-scope.hug-contact .ct-note{background:var(--ink-2); border-radius:var(--r-btn); padding:13px 15px; font-size:13px; line-height:1.7;
  color:var(--warn-on-dark); display:flex; gap:10px; align-items:flex-start;
  animation:contact-nin var(--dur-base) var(--ease-out)}
@keyframes contact-nin{from{opacity:0; transform:translateY(-4px)}
to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-contact .ct-note{animation:none}
}
.hug-scope.hug-contact .ct-note svg{width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; margin-top:3px; flex:0 0 auto}
.hug-scope.hug-contact .ct-note b{color:#fff; font-weight:600}
.hug-scope.hug-contact .ct-note a{color:#fff; border-bottom:1px solid rgba(255,255,255,.45)}
.hug-scope.hug-contact .ct-after{margin-top:20px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12);
  font-size:12.5px; color:var(--on-dark-3); line-height:1.8}
.hug-scope.hug-contact .ct-notes-m{display:none}
@media (max-width:1000px){
.hug-scope.hug-contact .ct-panel{order:-1}
.hug-scope.hug-contact .ct-panel .ct-notes, .hug-scope.hug-contact .ct-panel .ct-after{display:none}
.hug-scope.hug-contact .ct-notes-m{display:grid; gap:10px; margin-top:4px}
.hug-scope.hug-contact .ct-notes-m .ct-note{background:var(--warning-bg); color:var(--warning-ink)}
.hug-scope.hug-contact .ct-notes-m .ct-note b{color:var(--warning-ink)}
.hug-scope.hug-contact .ct-notes-m .ct-note a{color:var(--warning-ink); border-bottom-color:rgba(146,64,14,.45)}
}
.hug-scope.hug-contact .ct-sent{display:none}
.hug-scope.hug-contact .ct-sent.on{display:block}
.hug-scope.hug-contact .ct-sent .ok{width:52px; height:52px; border-radius:50%; background:var(--success-bg); display:grid; place-items:center; margin-bottom:18px}
.hug-scope.hug-contact .ct-sent .ok svg{width:26px; height:26px; stroke:var(--success-ink); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-contact .ct-sent .dh{font-size:23px; font-weight:700; color:var(--ink); line-height:1.2; margin-bottom:10px}
.hug-scope.hug-contact .ct-sent:focus{outline:none}
.hug-scope.hug-contact .ct-sent p{color:var(--ink-soft); max-width:52ch; margin-bottom:14px}
.hug-scope.hug-contact .ct-ref{display:inline-flex; align-items:center; gap:9px; background:var(--surface-2); border-radius:var(--r-btn);
  padding:10px 15px; font-size:14px; color:var(--ink); margin-top:6px}
.hug-scope.hug-contact .ct-ref b{letter-spacing:.06em}
.hug-scope.hug-contact .ct-report{background:var(--surface-2); border-block:1px solid var(--line)}
.hug-scope.hug-contact .ct-rgrid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:start}
@media (max-width:900px){
.hug-scope.hug-contact .ct-rgrid{grid-template-columns:minmax(0,1fr); gap:28px}
}
.hug-scope.hug-contact .ct-rside p{color:var(--ink-soft); font-size:15px; margin-bottom:14px; max-width:46ch}
.hug-scope.hug-contact .ct-rside .tip{font-size:13.5px; color:var(--muted-2); border-inline-start:2px solid var(--line); padding-inline-start:14px; line-height:1.8}
.hug-scope.hug-contact .ct-office{background:var(--bg)}
.hug-scope.hug-contact .ct-ogrid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start}
@media (max-width:860px){
.hug-scope.hug-contact .ct-ogrid{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-contact .ct-obox{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:26px 28px}
.hug-scope.hug-contact .ct-obox h3{font-size:16px; margin-bottom:16px}
.hug-scope.hug-contact .ct-addr{font-size:15px; color:var(--ink-soft); line-height:1.9; margin-bottom:16px}
.hug-scope.hug-contact .ct-maps{display:flex; gap:8px; flex-wrap:wrap; padding-top:16px; border-top:1px solid var(--line)}
.hug-scope.hug-contact .ct-maps a{font-size:13px; color:var(--ink); background:var(--surface-2); border-radius:var(--r-pill); padding:7px 14px;
  display:inline-flex; align-items:center; gap:7px; transition:background var(--dur-fast)}
.hug-scope.hug-contact .ct-maps a:hover{background:#E4E9F0}
.hug-scope.hug-contact .ct-maps svg{width:14px; height:14px; stroke:var(--muted-2); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-contact .ct-ch{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; padding-block:15px}
.hug-scope.hug-contact .ct-ch + .ct-ch{border-top:1px solid var(--line)}
.hug-scope.hug-contact .ct-ch .ci{width:36px; height:36px; border-radius:9px; background:var(--surface-2); color:var(--ink-soft); display:grid; place-items:center}
.hug-scope.hug-contact .ct-ch b{display:block; font-size:14.5px; color:var(--ink); font-weight:600}
.hug-scope.hug-contact .ct-ch b .num{letter-spacing:.04em}
.hug-scope.hug-contact .ct-ch span{font-size:12.5px; color:var(--muted-2)}
.hug-scope.hug-contact .ct-ch .sla{font-size:11.5px; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:3px 10px; white-space:nowrap}
.hug-scope.hug-contact .ct-hours{margin-top:18px; padding-top:16px; border-top:1px solid var(--line); font-size:13.5px; color:var(--muted-2); line-height:1.9}
.hug-scope.hug-contact .ct-hours b{color:var(--ink); font-weight:600}
.hug-scope.hug-contact .bnote{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:12px 16px; max-width:var(--measure); line-height:1.8}