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

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

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

.hug-scope.hug-brands{--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;}
@media (max-width:768px){
.hug-scope.hug-brands{--pad-x:24px;}
}
.hug-scope.hug-brands, .hug-scope.hug-brands *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-brands{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-brands .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-brands section{padding-block:104px}
@media (max-width:768px){
.hug-scope.hug-brands section{padding-block:64px}
}
.hug-scope.hug-brands h1, .hug-scope.hug-brands h2, .hug-scope.hug-brands h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-brands h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-brands h3{font-size:20px; font-weight:600}
.hug-scope.hug-brands .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-brands .muted{color:var(--muted)}
.hug-scope.hug-brands a{color:inherit; text-decoration:none}
.hug-scope.hug-brands .sec-head{max-width:680px; margin-bottom:40px}
.hug-scope.hug-brands .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-brands .prose p + p{margin-top:16px}
.hug-scope.hug-brands .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brands .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-brands .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-brands .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-brands .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-brands .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-brands .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-brands .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-brands .btn-accent{background:var(--accent-btn); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-brands .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-brands .btn-onDark{background:transparent; border-color:rgba(255,255,255,.28); color:#fff}
.hug-scope.hug-brands .btn-onDark:hover{background:rgba(255,255,255,.08)}
.hug-scope.hug-brands .icn{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-brands .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-brands .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-brands .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-brands :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brands[id], .hug-scope.hug-brands [id]{scroll-margin-top:88px}
.hug-scope.hug-brands .crumb{font-size:13px; color:var(--muted); padding-top:22px}
.hug-scope.hug-brands .crumb a:hover{color:var(--ink)}
.hug-scope.hug-brands .crumb span{margin-inline:6px; color:var(--line)}
.hug-scope.hug-brands .bhero{padding-block:40px 0}
.hug-scope.hug-brands .bhero .frame{position:relative}
.hug-scope.hug-brands .bhero .shot{aspect-ratio:21/9; border-radius:var(--r-card)}
.hug-scope.hug-brands .bhero .panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card);
  padding:38px 36px; max-width:640px; margin-top:-120px; position:relative; z-index:1; margin-inline-start:0; box-shadow:var(--shadow-md)}
.hug-scope.hug-brands .bhero h1{font-size:clamp(30px,4.2vw,49px); letter-spacing:-.015em; max-width:17ch}
.hug-scope.hug-brands .bhero .deck{color:var(--ink-soft); margin-top:18px; font-size:18px; max-width:52ch}
.hug-scope.hug-brands .bhero .jump{display:flex; gap:10px; margin-top:26px; flex-wrap:wrap}
.hug-scope.hug-brands .jumplink{display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--ink);
  border:1px solid var(--line); border-radius:var(--r-pill); padding:9px 16px; background:var(--surface-2);
  transition:border-color var(--dur-fast), background var(--dur-fast)}
.hug-scope.hug-brands .jumplink:hover{border-color:var(--accent); background:var(--accent-soft); color:var(--accent-ink)}
.hug-scope.hug-brands .jumplink b{font-variant-numeric:tabular-nums}
@media (max-width:900px){
.hug-scope.hug-brands .bhero .panel{margin-top:-56px; padding:28px 22px}
.hug-scope.hug-brands .bhero .shot{aspect-ratio:16/10}
}
.hug-scope.hug-brands .parent{border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; background:var(--surface)}
.hug-scope.hug-brands .parent .phead{background:var(--ink); color:#fff; padding:22px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.hug-scope.hug-brands .parent .phead .who{display:flex; align-items:center; gap:16px}
.hug-scope.hug-brands .parent .phead .plogo{width:56px; height:56px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  display:grid; place-items:center; font-size:11px; color:#c2c9d2; text-align:center; line-height:1.2}
.hug-scope.hug-brands .parent .phead h3{color:#fff; font-size:22px}
.hug-scope.hug-brands .parent .phead .meta{font-size:13px; color:#9fb0cc; margin-top:3px}
.hug-scope.hug-brands .parent .phead .seal{font-size:13px; font-weight:600; color:var(--ink-deep); background:var(--accent); border-radius:var(--r-pill); padding:7px 16px}
.hug-scope.hug-brands .parent .kids{display:grid; grid-template-columns:repeat(3,minmax(0,1fr))}
.hug-scope.hug-brands .kid{padding:30px 26px; border-inline-start:1px solid var(--line); transition:background var(--dur-fast)}
.hug-scope.hug-brands .kid:first-child{border-inline-start:0}
.hug-scope.hug-brands .kid:hover{background:var(--surface-2)}
.hug-scope.hug-brands .kid .klogo{height:52px; margin-bottom:18px; font-size:12px}
.hug-scope.hug-brands .kid h4{font-size:22px; font-weight:600; color:var(--ink); margin-bottom:4px}
.hug-scope.hug-brands .kid .lat{font-size:12px; color:var(--muted); letter-spacing:.04em; margin-bottom:12px}
.hug-scope.hug-brands .kid p{font-size:14.5px; color:var(--ink-soft); margin-bottom:16px}
.hug-scope.hug-brands .kid .lines{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px}
.hug-scope.hug-brands .kid .lines span{font-size:12.5px; background:var(--surface-2); border-radius:var(--r-pill); padding:4px 11px; color:var(--ink-soft)}
.hug-scope.hug-brands .kid .go{font-size:14px; font-weight:500; color:var(--ink-soft); display:inline-flex; align-items:center; gap:6px}
.hug-scope.hug-brands .kid:hover .go{color:var(--accent-ink)}
@media (max-width:860px){
.hug-scope.hug-brands .parent .kids{grid-template-columns:minmax(0,1fr)}
.hug-scope.hug-brands .kid{border-inline-start:0; border-top:1px solid var(--line)}
.hug-scope.hug-brands .kid:first-child{border-top:0}
}
.hug-scope.hug-brands .idx{width:100%; border-collapse:collapse; font-size:15px}
.hug-scope.hug-brands .idx th{text-align:start; font-size:12px; font-weight:600; color:var(--muted); padding:12px 14px; border-bottom:1px solid var(--line); background:var(--surface-2)}
.hug-scope.hug-brands .idx td{text-align:start; padding:18px 14px; border-bottom:1px solid var(--line); vertical-align:middle}
.hug-scope.hug-brands .idx tr:hover td{background:var(--surface)}
.hug-scope.hug-brands .idx .bcell{display:flex; align-items:center; gap:14px}
.hug-scope.hug-brands .idx .blogo{width:52px; height:38px; flex:0 0 auto; border-radius:6px; font-size:10px; padding:4px}
.hug-scope.hug-brands .idx .bname{font-weight:600; color:var(--ink); font-size:16px}
.hug-scope.hug-brands .idx .lat{font-size:11px; color:var(--muted);}
.hug-scope.hug-brands .idx .chips{display:flex; flex-wrap:wrap; gap:6px}
.hug-scope.hug-brands .idx .chips span{font-size:12.5px; background:var(--surface-2); border-radius:var(--r-pill); padding:3px 10px; color:var(--ink-soft)}
.hug-scope.hug-brands .idx .st{font-size:12.5px; border-radius:var(--r-pill); padding:4px 11px; white-space:nowrap}
.hug-scope.hug-brands .st-in{background:var(--success-bg); color:#15803D}
.hug-scope.hug-brands .idx .go{color:var(--ink-soft); font-weight:500; font-size:14px; white-space:nowrap}
.hug-scope.hug-brands .idx tr:hover .go{color:var(--accent-ink)}
.hug-scope.hug-brands .tblwrap{overflow-x:auto; max-width:100%}
.hug-scope.hug-brands .tblwrap table{min-width:760px}
.hug-scope.hug-brands .auth{background:var(--ink); color:var(--on-dark); padding-block:72px}
.hug-scope.hug-brands .auth .row{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:40px; align-items:center}
.hug-scope.hug-brands .auth h2{color:#fff}
.hug-scope.hug-brands .auth p{color:#c2c9d2; margin-top:14px; max-width:58ch}
.hug-scope.hug-brands .auth .acts{display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end}
@media (max-width:860px){
.hug-scope.hug-brands .auth .row{grid-template-columns:minmax(0,1fr)}
.hug-scope.hug-brands .auth .acts{justify-content:flex-start}
}
.hug-scope.hug-brands .ways{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0}
.hug-scope.hug-brands .way{padding:4px 28px 4px 0; border-inline-start:1px solid var(--line)}
.hug-scope.hug-brands .way:first-child{border-inline-start:0; padding-inline-end:28px}
.hug-scope.hug-brands .way:not(:first-child){padding-inline-start:28px}
.hug-scope.hug-brands .way h3{font-size:18px; margin-bottom:10px}
.hug-scope.hug-brands .way p{font-size:14.5px; color:var(--ink-soft); max-width:38ch}
.hug-scope.hug-brands .wlink{display:inline-flex; align-items:center; gap:6px; margin-top:16px; font-size:14px; font-weight:500; color:var(--ink-soft)}
.hug-scope.hug-brands .wlink:hover{color:var(--accent-ink)}
@media (max-width:860px){
.hug-scope.hug-brands .ways{grid-template-columns:minmax(0,1fr); gap:28px}
.hug-scope.hug-brands .way{border-inline-start:0; padding:0; border-top:1px solid var(--line); padding-top:24px}
.hug-scope.hug-brands .way:first-child{border-top:0; padding-top:0; padding-inline-end:0}
.hug-scope.hug-brands .way:not(:first-child){padding-inline-start:0}
}
.hug-scope.hug-brands .owners{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:56px; align-items:start}
.hug-scope.hug-brands .crit{display:flex; flex-wrap:wrap; gap:8px; margin-top:22px}
.hug-scope.hug-brands .crit span{font-size:13.5px; border:1px solid var(--line); background:var(--surface); border-radius:var(--r-pill); padding:7px 14px; color:var(--ink-soft)}
.hug-scope.hug-brands .ownbox{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:28px}
.hug-scope.hug-brands .ownbox h3{font-size:19px; margin-bottom:10px}
.hug-scope.hug-brands .ownbox p{font-size:14.5px; color:var(--muted); margin-bottom:20px}
@media (max-width:900px){
.hug-scope.hug-brands .owners{grid-template-columns:minmax(0,1fr); gap:28px}
}