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

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

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

.hug-scope.hug-brand-fax{--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;
  --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;

  /* ---- BRAND TINT: تنها توکن‌هایی که در هر لندینگ برند عوض می‌شوند ----
     قاعده: رنگ برند فقط برای بند هیرو و لهجه‌های بسیار کوچک همان صفحه.
     CTA و همهٔ عناصر رابط از توکن‌های سیستم می‌آیند. دورو: خانوادهٔ زیتونی. */
  --brand-deep:#0E5A66;   /* بند هیرو — سفید روی آن ۷٫۸۶:۱ */
  --brand-mid:#3E6C74;    /* متن ثانوی روی زمینهٔ روشن برند — ۵٫۲۸ روی tint */
  --brand-tint:#EEF5F6;   /* روشن‌تر از حدس اول، تا accent-ink روی آن ۴٫۵۵ شود نه ۴٫۴۱ */
  --brand-on:#C9E1E5;     /* متن ثانوی روی بند تیره — ۵٫۷۶ */
  --brand-ink:#123840;}
@media (max-width:768px){
.hug-scope.hug-brand-fax{--pad-x:24px;}
}
.hug-scope.hug-brand-fax, .hug-scope.hug-brand-fax *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-brand-fax{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-brand-fax .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-brand-fax section{padding-block:96px}
@media (max-width:768px){
.hug-scope.hug-brand-fax section{padding-block:60px}
}
.hug-scope.hug-brand-fax h1, .hug-scope.hug-brand-fax h2, .hug-scope.hug-brand-fax h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-brand-fax h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-brand-fax h3{font-size:20px; font-weight:600}
.hug-scope.hug-brand-fax .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-brand-fax .muted{color:var(--muted)}
.hug-scope.hug-brand-fax a{color:inherit; text-decoration:none}
.hug-scope.hug-brand-fax .sec-head{max-width:660px; margin-bottom:40px}
.hug-scope.hug-brand-fax .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-brand-fax .prose p + p{margin-top:16px}
.hug-scope.hug-brand-fax .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brand-fax .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-brand-fax .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-brand-fax .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-brand-fax .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-brand-fax .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-brand-fax .ph.dark{background:repeating-linear-gradient(45deg,#14636F,#14636F 10px,#1B6D7A 10px,#1B6D7A 20px); border-color:rgba(255,255,255,.22); color:#c9e1e5}
.hug-scope.hug-brand-fax .ph.dark small{color:#a3c6cd}
.hug-scope.hug-brand-fax .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-brand-fax .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-brand-fax .btn-accent{background:var(--accent-btn); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-brand-fax .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-brand-fax .btn-onBrand{background:transparent; border-color:rgba(255,255,255,.3); color:#fff}
.hug-scope.hug-brand-fax .btn-onBrand:hover{background:rgba(255,255,255,.09)}
.hug-scope.hug-brand-fax .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-brand-fax .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-brand-fax .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-brand-fax :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brand-fax[id], .hug-scope.hug-brand-fax [id]{scroll-margin-top:88px}
.hug-scope.hug-brand-fax .bh{background:var(--brand-deep); color:#fff; padding-block:26px 0; overflow:hidden}
.hug-scope.hug-brand-fax .bh .crumb{font-size:13px; color:rgba(255,255,255,.55); margin-bottom:44px}
.hug-scope.hug-brand-fax .bh .crumb a:hover{color:#fff}
.hug-scope.hug-brand-fax .bh .crumb span{margin-inline:6px; color:rgba(255,255,255,.28)}
.hug-scope.hug-brand-fax .bh .grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; align-items:end}
.hug-scope.hug-brand-fax .bh .blogo{width:132px; height:52px; margin-bottom:26px; font-size:11px; padding:6px}
.hug-scope.hug-brand-fax .bh h1{color:#fff; font-size:clamp(30px,4.4vw,52px); letter-spacing:-.015em; max-width:15ch}
.hug-scope.hug-brand-fax .bh .tag{color:var(--brand-on); font-size:clamp(17px,1.9vw,20px); margin-top:18px; max-width:44ch}
.hug-scope.hug-brand-fax .bh .cta{display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; padding-bottom:64px}
.hug-scope.hug-brand-fax .bh .visual .ph{aspect-ratio:4/3; margin-bottom:0; border-radius:var(--r-card) var(--r-card) 0 0; border-bottom:0}
@media (max-width:900px){
.hug-scope.hug-brand-fax .bh .grid{grid-template-columns:minmax(0,1fr); gap:28px; align-items:start}
.hug-scope.hug-brand-fax .bh .cta{padding-bottom:32px}
}
.hug-scope.hug-brand-fax .facts{background:var(--brand-tint); border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-fax .facts .row{display:flex; flex-wrap:wrap; gap:0}
.hug-scope.hug-brand-fax .facts .f{flex:1 1 190px; padding:20px 24px; border-inline-start:1px solid rgba(14,90,102,.14)}
.hug-scope.hug-brand-fax .facts .f:first-child{border-inline-start:0; padding-inline-start:0}
.hug-scope.hug-brand-fax .facts dt{font-size:12px; color:var(--brand-mid); margin-bottom:5px}
.hug-scope.hug-brand-fax .facts dd{font-size:16px; font-weight:600; color:var(--brand-ink); font-variant-numeric:tabular-nums}
@media (max-width:768px){
.hug-scope.hug-brand-fax .facts .f{flex:1 1 50%; padding-inline:14px}
.hug-scope.hug-brand-fax .facts .f:nth-child(odd){border-inline-start:0; padding-inline-start:0}
}
.hug-scope.hug-brand-fax .story{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:60px; align-items:start}
.hug-scope.hug-brand-fax .story .side{position:sticky; top:104px}
@media (max-width:900px){
.hug-scope.hug-brand-fax .story{grid-template-columns:minmax(0,1fr); gap:26px}
.hug-scope.hug-brand-fax .story .side{position:static}
}
.hug-scope.hug-brand-fax .lines{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gutter)}
.hug-scope.hug-brand-fax .line{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; display:flex; flex-direction:column;
  transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast), box-shadow var(--dur-fast)}
.hug-scope.hug-brand-fax .line:hover{transform:translateY(-2px); border-color:var(--accent); box-shadow:var(--shadow-md)}
.hug-scope.hug-brand-fax .line .ph{aspect-ratio:4/5; border:0; border-radius:0; border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-fax .line .body{padding:18px 18px 20px; display:flex; flex-direction:column; flex:1}
.hug-scope.hug-brand-fax .line h3{font-size:16px; line-height:1.45; margin-bottom:10px}
.hug-scope.hug-brand-fax .line dl{font-size:13px; margin-top:auto; border-top:1px solid var(--line); padding-top:12px}
.hug-scope.hug-brand-fax .line dl div{display:flex; justify-content:space-between; gap:10px}
.hug-scope.hug-brand-fax .line dl div + div{margin-top:5px}
.hug-scope.hug-brand-fax .line dt{color:var(--muted)}
.hug-scope.hug-brand-fax .line dd{color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-fax .line .rank{display:inline-block; font-size:11.5px; font-weight:600; color:#15803D; background:var(--success-bg); border-radius:var(--r-pill); padding:3px 10px; margin-bottom:10px}
.hug-scope.hug-brand-fax .line .soon{display:inline-block; font-size:11.5px; color:var(--muted); background:var(--surface-2); border-radius:var(--r-pill); padding:3px 10px; margin-bottom:10px}
@media (max-width:1000px){
.hug-scope.hug-brand-fax .lines{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.hug-scope.hug-brand-fax .lines{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-brand-fax .lines-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){
.hug-scope.hug-brand-fax .lines-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.hug-scope.hug-brand-fax .lines-3{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-brand-fax .rangebox{margin-top:34px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-card); padding:30px 30px 26px}
.hug-scope.hug-brand-fax .rangebox > h3{font-size:20px; line-height:1.5; margin-bottom:10px}
.hug-scope.hug-brand-fax .rangebox > p{font-size:15px; line-height:1.85; color:var(--muted); max-width:70ch}
.hug-scope.hug-brand-fax .rangebox > p b{color:var(--ink); font-weight:700}
.hug-scope.hug-brand-fax .tblwrap{overflow-x:auto; margin:20px 0 4px; border:1px solid var(--line); border-radius:10px}
.hug-scope.hug-brand-fax table.range{width:100%; border-collapse:collapse; font-size:14px; min-width:640px}
.hug-scope.hug-brand-fax table.range th{background:var(--surface-2); text-align:start; font-size:12.5px; font-weight:700;
  color:var(--muted); padding:12px 16px; border-bottom:1px solid var(--line); white-space:nowrap}
.hug-scope.hug-brand-fax table.range td{padding:13px 16px; border-bottom:1px solid var(--line); line-height:1.7; vertical-align:top}
.hug-scope.hug-brand-fax table.range tbody tr:last-child td{border-bottom:0}
.hug-scope.hug-brand-fax table.range td.n{font-variant-numeric:tabular-nums; font-weight:600; color:var(--ink); white-space:nowrap}
.hug-scope.hug-brand-fax table.range td:last-child{color:var(--muted)}
.hug-scope.hug-brand-fax .rangebox .note{margin-top:16px; font-size:14px; line-height:1.9; color:var(--muted); max-width:76ch}
.hug-scope.hug-brand-fax .rangebox .note b{color:var(--ink)}
.hug-scope.hug-brand-fax .rangebox .note i{font-style:normal; border-bottom:1.5px solid var(--accent); padding-bottom:1px}
@media (max-width:640px){
.hug-scope.hug-brand-fax .rangebox{padding:22px 18px 20px}
}
@keyframes brand-fax-hsin{from{opacity:0; transform:translateY(6px)}
to{opacity:1; transform:none}}
.hug-scope.hug-brand-fax .faq{max-width:820px}
.hug-scope.hug-brand-fax .qa{border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-fax .qa summary{list-style:none; cursor:pointer; padding:19px 0; font-size:17px; font-weight:600; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:16px}
.hug-scope.hug-brand-fax .qa summary::-webkit-details-marker{display:none}
.hug-scope.hug-brand-fax .qa summary:hover{color:var(--accent-ink)}
.hug-scope.hug-brand-fax .qa summary:focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brand-fax .qa .chev{flex:0 0 auto; width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform var(--dur-base) var(--ease-out)}
.hug-scope.hug-brand-fax .qa[open] .chev{transform:rotate(180deg)}
.hug-scope.hug-brand-fax .qa .ans{padding:0 0 22px; color:var(--ink-soft); max-width:var(--measure); font-size:16px}
.hug-scope.hug-brand-fax .qa .ans a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brand-fax .buy{background:var(--brand-deep); color:#fff; padding-block:80px}
.hug-scope.hug-brand-fax .buy h2{color:#fff}
.hug-scope.hug-brand-fax .buy .grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap:0; margin-top:36px}
.hug-scope.hug-brand-fax .buy .b{padding:4px 26px 4px 0; border-inline-start:1px solid rgba(255,255,255,.16)}
.hug-scope.hug-brand-fax .buy .b:first-child{border-inline-start:0; padding-inline-end:26px}
.hug-scope.hug-brand-fax .buy .b:not(:first-child){padding-inline-start:26px}
.hug-scope.hug-brand-fax .buy .b h3{color:#fff; font-size:17px; margin-bottom:8px}
.hug-scope.hug-brand-fax .buy .b p{color:var(--brand-on); font-size:14.5px; margin-bottom:16px}
.hug-scope.hug-brand-fax .buy .b .lnk{display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:500; color:var(--accent-hi)}
@media (max-width:860px){
.hug-scope.hug-brand-fax .buy .grid{grid-template-columns:minmax(0,1fr); gap:26px}
.hug-scope.hug-brand-fax .buy .b{border-inline-start:0; padding:0; border-top:1px solid rgba(255,255,255,.16); padding-top:22px}
.hug-scope.hug-brand-fax .buy .b:first-child{border-top:0; padding-top:0; padding-inline-end:0}
.hug-scope.hug-brand-fax .buy .b:not(:first-child){padding-inline-start:0}
}
.hug-scope.hug-brand-fax .lic{background:var(--brand-tint); border-block:1px solid var(--line)}
.hug-scope.hug-brand-fax .licgrid{display:grid; grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr); gap:34px; align-items:center; margin-top:8px}
@media (max-width:960px){
.hug-scope.hug-brand-fax .licgrid{grid-template-columns:minmax(0,1fr); gap:26px}
}
.hug-scope.hug-brand-fax .licgrid .col h3{font-size:16px; margin-bottom:14px; display:flex; align-items:center; gap:9px}
.hug-scope.hug-brand-fax .licgrid .col h3 u{text-decoration:none; font-size:11px; font-weight:600; border-radius:var(--r-pill); padding:3px 10px}
.hug-scope.hug-brand-fax .col.tr h3 u{background:var(--brand-deep); color:#fff}
.hug-scope.hug-brand-fax .col.ir h3 u{background:var(--ink); color:#fff}
.hug-scope.hug-brand-fax .licgrid ul{list-style:none; display:grid; gap:9px}
.hug-scope.hug-brand-fax .licgrid li{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-btn); padding:11px 15px; font-size:14px; color:var(--ink-soft)}
.hug-scope.hug-brand-fax .licgrid li b{color:var(--ink); font-weight:600; display:block; font-size:14.5px; margin-bottom:2px}
.hug-scope.hug-brand-fax .col.tr li{border-inline-start:3px solid var(--brand-deep)}
.hug-scope.hug-brand-fax .col.ir li{border-inline-start:3px solid var(--ink)}
.hug-scope.hug-brand-fax .soap{width:100%; max-width:250px; aspect-ratio:5/3; margin-inline:auto; border-radius:34px/44px; position:relative;
  background:linear-gradient(to left, var(--brand-deep) 0 50%, #2E3D5C 50% 100%);
  box-shadow:0 14px 30px rgba(14,90,102,.28); display:grid; place-items:center}
.hug-scope.hug-brand-fax .soap::before{content:""; position:absolute; inset:9px; border-radius:26px/34px; border:1px solid rgba(255,255,255,.22)}
.hug-scope.hug-brand-fax .soap::after{content:""; position:absolute; inset-block:0; inset-inline-start:50%; width:0; border-inline-start:2px dashed rgba(255,255,255,.45)}
.hug-scope.hug-brand-fax .soap span{color:#fff; font-weight:700; font-size:23px; letter-spacing:.16em; position:relative; z-index:1}
.hug-scope.hug-brand-fax .soapcap{text-align:center; margin-top:16px; font-size:12.5px; color:var(--brand-mid); line-height:1.8}
.hug-scope.hug-brand-fax .soapcap b{color:var(--brand-ink); font-weight:600}
.hug-scope.hug-brand-fax .licout{margin-top:38px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:26px 30px}
.hug-scope.hug-brand-fax .licout h3{font-size:17px; margin-bottom:14px}
.hug-scope.hug-brand-fax .licout .three{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
@media (max-width:860px){
.hug-scope.hug-brand-fax .licout .three{grid-template-columns:minmax(0,1fr); gap:18px}
}
.hug-scope.hug-brand-fax .licout .three div{font-size:14px; color:var(--ink-soft); line-height:1.85}
.hug-scope.hug-brand-fax .licout .three b{display:block; color:var(--ink); font-weight:600; margin-bottom:4px; font-size:14.5px}
.hug-scope.hug-brand-fax .licnote{margin-top:22px; font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:12px 16px; line-height:1.85}
.hug-scope.hug-brand-fax .skline + .skline{margin-top:34px; padding-top:30px; border-top:1px solid var(--line)}
.hug-scope.hug-brand-fax .skline > h3{font-size:18px; margin-bottom:4px}
.hug-scope.hug-brand-fax .skline .skmeta{font-size:13px; color:var(--muted); margin-bottom:16px; font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-fax .skus{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:16px}
.hug-scope.hug-brand-fax .sku{margin:0}
.hug-scope.hug-brand-fax .sku figcaption{margin-top:9px; font-size:13px; line-height:1.55}
.hug-scope.hug-brand-fax .sku figcaption b{display:block; color:var(--ink); font-weight:600}
.hug-scope.hug-brand-fax .sku figcaption i{font-style:normal; display:block; color:var(--muted); font-size:12px;
  font-variant-numeric:tabular-nums; margin-top:2px}
.hug-scope.hug-brand-fax .hug-fig{display:block; width:100%; border-radius:9px; background:var(--surface-2); object-fit:cover}
.hug-scope.hug-brand-fax .hug-fig--empty{display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; text-align:center; padding:12px 10px;
  background:repeating-linear-gradient(45deg,#E8ECF2,#E8ECF2 9px,#F1F4F8 9px,#F1F4F8 18px);
  border:1px dashed #C3CBD8; color:#6A7688; font-size:11.5px; line-height:1.5}
.hug-scope.hug-brand-fax .hug-fig--empty b{font-weight:600; color:#55637A}
.hug-scope.hug-brand-fax .hug-fig--empty small{color:#8A94A6; font-size:10.5px; font-variant-numeric:tabular-nums}
@media (max-width:520px){
.hug-scope.hug-brand-fax .skus{grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px}
}