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

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

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

.hug-scope.hug-service-logistics{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A; --ink-2:#3A4A6B; --ink-3:#243150;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC; --line-2:#D6DCE5;
  --text:#22304A; --muted:#6B7280; --muted-2:#5F6672;
  --on-dark:#F3F6FA; --on-dark-2:#C2C9D2; --on-dark-3:#A8B1BC;
  --success-bg:#EAF6EC; --success-ink:#15803D;
  --warning-bg:#FDF3E6; --warning-ink:#92400E;
  --danger-bg:#FDECEC; --danger-ink:#991B1B;
  --r-card:12px; --r-btn:8px; --r-pill:999px;
  --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; --measure:64ch;}
@media (max-width:768px){
.hug-scope.hug-service-logistics{--pad-x:20px;}
}
.hug-scope.hug-service-logistics, .hug-scope.hug-service-logistics *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-service-logistics{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-service-logistics .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-service-logistics section{padding-block:70px}
@media (max-width:768px){
.hug-scope.hug-service-logistics section{padding-block:48px}
}
.hug-scope.hug-service-logistics h1, .hug-scope.hug-service-logistics h2, .hug-scope.hug-service-logistics h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-service-logistics h2{font-size:clamp(23px,2.8vw,30px); font-weight:600}
.hug-scope.hug-service-logistics h3{font-size:18px; font-weight:600}
.hug-scope.hug-service-logistics .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:11px}
.hug-scope.hug-service-logistics a{color:inherit; text-decoration:none}
.hug-scope.hug-service-logistics .num{font-variant-numeric:tabular-nums}
.hug-scope.hug-service-logistics .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; 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-service-logistics .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-service-logistics .btn-accent{background:var(--accent); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-service-logistics .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-service-logistics .btn-ghost{background:var(--surface); border-color:var(--line); color:var(--ink)}
.hug-scope.hug-service-logistics .btn-ghost:hover{background:var(--surface-2)}
.hug-scope.hug-service-logistics .rv{opacity:0; transform:translateY(12px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-service-logistics .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-service-logistics .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-service-logistics :where(a,button,input,select,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-service-logistics[id], .hug-scope.hug-service-logistics [id]{scroll-margin-top:96px}
.hug-scope.hug-service-logistics .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-service-logistics .crumb{font-size:13px; color:var(--muted-2); padding-top:18px}
.hug-scope.hug-service-logistics .crumb span{margin-inline:6px; color:var(--line-2)}
.hug-scope.hug-service-logistics table{border-collapse:collapse; width:100%; min-width:640px; font-size:14px}
.hug-scope.hug-service-logistics thead th{background:var(--surface-2); text-align:start; font-weight:600; color:var(--muted-2);
  font-size:12.5px; padding:12px 16px; border-bottom:1px solid var(--line); white-space:nowrap}
.hug-scope.hug-service-logistics tbody td{padding:13px 16px; border-bottom:1px solid var(--line); color:var(--ink-soft); line-height:1.75; vertical-align:top}
.hug-scope.hug-service-logistics tbody tr:last-child td{border-bottom:0}
.hug-scope.hug-service-logistics tbody td:first-child{color:var(--ink); font-weight:600}
.hug-scope.hug-service-logistics tbody td small{display:block; font-size:12px; color:var(--muted-2); margin-top:3px}
.hug-scope.hug-service-logistics .bnote{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:13px 17px; line-height:1.85; margin-top:26px}
.hug-scope.hug-service-logistics .sv-top{background:var(--surface); border-bottom:1px solid var(--line); padding-bottom:34px}
.hug-scope.hug-service-logistics .sv-h{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:48px; align-items:center; margin-top:18px}
@media (max-width:900px){
.hug-scope.hug-service-logistics .sv-h{grid-template-columns:minmax(0,1fr); gap:26px}
}
.hug-scope.hug-service-logistics .sv-top h1{font-size:clamp(27px,3.5vw,42px); margin-bottom:14px; letter-spacing:-.01em}
.hug-scope.hug-service-logistics .sv-top .lede{color:var(--ink-soft); font-size:17px; line-height:1.9; max-width:52ch}
.hug-scope.hug-service-logistics .sv-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
.hug-scope.hug-service-logistics .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:18px; aspect-ratio:4/3}
.hug-scope.hug-service-logistics .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-service-logistics .chain{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:0; margin-top:26px;
  border:1px solid var(--line); border-radius:var(--r-card); background:var(--surface); overflow:hidden}
@media (max-width:820px){
.hug-scope.hug-service-logistics .chain{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-service-logistics .chain > div{padding:24px 26px}
.hug-scope.hug-service-logistics .chain .up{background:var(--accent-soft)}
.hug-scope.hug-service-logistics .chain .hand{background:var(--ink-3); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding-inline:22px; text-align:center; min-width:132px}
.hug-scope.hug-service-logistics .chain .hand b{font-size:13px; color:var(--accent-hi); font-weight:600; line-height:1.6}
.hug-scope.hug-service-logistics .chain .hand span{font-size:12px; color:var(--on-dark-2); margin-top:6px; line-height:1.7}
.hug-scope.hug-service-logistics .chain .ch-t{display:block; font-size:16px; font-weight:600; color:var(--ink); line-height:1.3; margin-bottom:5px}
.hug-scope.hug-service-logistics .chain .who{font-size:12.5px; color:var(--muted-2); margin-bottom:14px}
.hug-scope.hug-service-logistics .chain .up .who{color:var(--accent-ink)}
.hug-scope.hug-service-logistics .chain ol{list-style:none; display:grid; gap:8px; counter-reset:c}
.hug-scope.hug-service-logistics .chain li{position:relative; padding-inline-start:26px; font-size:14px; color:var(--ink-soft); line-height:1.75; counter-increment:c}
.hug-scope.hug-service-logistics .chain li::before{content:counter(c); position:absolute; inset-inline-start:0; top:2px; width:18px; height:18px; border-radius:50%; font-size:10.5px; font-weight:700; display:grid; place-items:center}
.hug-scope.hug-service-logistics .chain .up li::before{background:var(--accent); color:var(--ink-deep)}
.hug-scope.hug-service-logistics .chain .down li::before{background:var(--surface-2); color:var(--muted-2)}
.hug-scope.hug-service-logistics .chain .down{background:var(--surface)}
.hug-scope.hug-service-logistics .chainnote{margin-top:18px; font-size:14px; color:var(--ink-soft); line-height:1.9; max-width:70ch;
  border-inline-start:2px solid var(--accent); padding-inline-start:15px}
.hug-scope.hug-service-logistics .chainnote b{color:var(--ink); font-weight:600}
.hug-scope.hug-service-logistics .floor{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:34px; align-items:start; margin-top:10px}
@media (max-width:960px){
.hug-scope.hug-service-logistics .floor{grid-template-columns:minmax(0,1fr); gap:24px}
}
.hug-scope.hug-service-logistics .plan{position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:20px}
.hug-scope.hug-service-logistics .plan .grid{position:relative; aspect-ratio:16/11; background:
  linear-gradient(var(--surface-2) 1px, transparent 1px) 0 0/100% 9.09%,
  linear-gradient(90deg,var(--surface-2) 1px, transparent 1px) 0 0/6.25% 100%;
  border:1px solid var(--line-2); border-radius:var(--r-btn)}
.hug-scope.hug-service-logistics .zone{position:absolute; border:1.5px solid var(--line-2); background:var(--surface); border-radius:6px; cursor:pointer;
  font:inherit; font-size:12px; color:var(--ink-soft); display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; padding:6px; text-align:center; line-height:1.4; transition:background .16s, border-color .16s, color .16s, box-shadow .16s}
.hug-scope.hug-service-logistics .zone i{font-style:normal; font-size:10.5px; font-weight:700; width:17px; height:17px; border-radius:50%;
  background:var(--surface-2); color:var(--muted-2); display:grid; place-items:center}
.hug-scope.hug-service-logistics .zone:hover{border-color:var(--accent); color:var(--ink)}
.hug-scope.hug-service-logistics .zone[aria-pressed="true"]{background:var(--ink-3); border-color:var(--ink-3); color:#fff; box-shadow:0 6px 16px rgba(36,49,80,.22)}
.hug-scope.hug-service-logistics .zone[aria-pressed="true"] i{background:var(--accent); color:var(--ink-deep)}
.hug-scope.hug-service-logistics .planlay{margin-top:14px; display:flex; gap:9px; align-items:center; font-size:12.5px; color:var(--muted-2); line-height:1.7}
.hug-scope.hug-service-logistics .planlay em{font-style:normal; flex:0 0 auto; background:var(--accent-soft); color:var(--accent-ink); border-radius:var(--r-pill); padding:3px 11px; font-size:11.5px; font-weight:600}
.hug-scope.hug-service-logistics .zpanes{min-height:1px}
.hug-scope.hug-service-logistics .zpane{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:26px 28px}
.hug-scope.hug-service-logistics .zpane + .zpane{margin-top:16px}
.hug-scope.hug-service-logistics .zpane .n{font-size:12px; font-weight:700; color:var(--accent-ink); margin-bottom:7px}
.hug-scope.hug-service-logistics .zpane h3{font-size:19px; margin-bottom:10px}
.hug-scope.hug-service-logistics .zpane > p{font-size:15px; color:var(--ink-soft); line-height:1.9}
.hug-scope.hug-service-logistics .zrow{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line)}
@media (max-width:520px){
.hug-scope.hug-service-logistics .zrow{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-service-logistics .zrow div b{display:block; font-size:11.5px; font-weight:600; color:var(--muted-2); letter-spacing:.04em; margin-bottom:5px}
.hug-scope.hug-service-logistics .zrow div p{font-size:13.5px; color:var(--ink-soft); line-height:1.8}
.hug-scope.hug-service-logistics .zrow div.risk b{color:var(--danger-ink)}
.hug-scope.hug-service-logistics .floor.js .zpane{display:none}
.hug-scope.hug-service-logistics .floor.js .zpane.on{display:block}
.hug-scope.hug-service-logistics .cost{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:28px 30px; margin-top:26px}
@media (max-width:560px){
.hug-scope.hug-service-logistics .cost{padding:22px 16px}
}
.hug-scope.hug-service-logistics .cfilters{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px}
.hug-scope.hug-service-logistics .cfilters button{font:inherit; font-size:14px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-pill);
  padding:8px 17px; cursor:pointer; color:var(--ink-soft); transition:background .16s, color .16s, border-color .16s}
.hug-scope.hug-service-logistics .cfilters button:hover{border-color:var(--line-2)}
.hug-scope.hug-service-logistics .cfilters button[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:#fff; font-weight:500}
.hug-scope.hug-service-logistics .clegend{display:flex; gap:20px; flex-wrap:wrap; font-size:13px; color:var(--ink-soft); margin-bottom:14px}
.hug-scope.hug-service-logistics .clegend span{display:inline-flex; align-items:center; gap:8px}
.hug-scope.hug-service-logistics .clegend i{width:16px; height:2px; border-radius:2px; display:inline-block}
.hug-scope.hug-service-logistics .clegend i.sw{width:14px; height:11px; border-radius:3px}
.hug-scope.hug-service-logistics .cwrap{position:relative}
.hug-scope.hug-service-logistics .cwrap svg{display:block; width:100%; height:auto; overflow:visible}
.hug-scope.hug-service-logistics .cx text, .hug-scope.hug-service-logistics .cy text{font-size:11px; fill:var(--muted-2); font-variant-numeric:tabular-nums}
.hug-scope.hug-service-logistics .cy line, .hug-scope.hug-service-logistics .cx line{stroke:var(--line); stroke-width:1}
.hug-scope.hug-service-logistics .cband-under{fill:#3B6FB5; opacity:.13}
.hug-scope.hug-service-logistics .cband-over{fill:#D97706; opacity:.15}
.hug-scope.hug-service-logistics .cline-fix{stroke:#3B6FB5; stroke-width:2; fill:none; stroke-linejoin:round; stroke-linecap:round}
.hug-scope.hug-service-logistics .cline-var{stroke:#D97706; stroke-width:2; fill:none; stroke-linejoin:round; stroke-linecap:round}
.hug-scope.hug-service-logistics .cdot{fill:#D97706; stroke:var(--surface); stroke-width:2}
.hug-scope.hug-service-logistics .chair{stroke:var(--ink-soft); stroke-width:1; opacity:0}
.hug-scope.hug-service-logistics .cwrap.hot .chair{opacity:.45}
.hug-scope.hug-service-logistics .ctip{position:absolute; pointer-events:none; background:var(--ink-3); color:#fff; border-radius:var(--r-btn); padding:10px 13px;
  font-size:12.5px; line-height:1.75; box-shadow:0 8px 22px rgba(30,42,56,.28); opacity:0; transition:opacity .12s; white-space:nowrap; z-index:5}
.hug-scope.hug-service-logistics .cwrap.hot .ctip{opacity:1}
.hug-scope.hug-service-logistics .ctip b{display:block; font-size:12px; color:var(--on-dark-2); font-weight:500; margin-bottom:5px}
.hug-scope.hug-service-logistics .cband-lab{font-size:11.5px; fill:var(--muted-2)}
.hug-scope.hug-service-logistics .cout{display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:center; margin-top:22px; padding-top:20px; border-top:1px solid var(--line)}
@media (max-width:620px){
.hug-scope.hug-service-logistics .cout{grid-template-columns:minmax(0,1fr); gap:12px}
}
.hug-scope.hug-service-logistics .cout .big{font-size:31px; font-weight:700; color:var(--ink); line-height:1.1; white-space:nowrap}
.hug-scope.hug-service-logistics .cout .big s{text-decoration:none; display:block; font-size:12.5px; font-weight:500; color:var(--muted-2); margin-top:6px}
.hug-scope.hug-service-logistics .cout p{font-size:14.5px; color:var(--ink-soft); line-height:1.9}
.hug-scope.hug-service-logistics .cout p b{color:var(--ink); font-weight:600}
.hug-scope.hug-service-logistics .ctable{margin-top:18px; font-size:13.5px}
.hug-scope.hug-service-logistics .ctable summary{cursor:pointer; color:var(--accent-ink); font-size:13.5px; padding:6px 0}
.hug-scope.hug-service-logistics .ctable table{border-collapse:collapse; width:100%; margin-top:10px; font-variant-numeric:tabular-nums}
.hug-scope.hug-service-logistics .ctable th, .hug-scope.hug-service-logistics .ctable td{padding:7px 10px; border-bottom:1px solid var(--line); text-align:start; font-size:13px}
.hug-scope.hug-service-logistics .ctable th{color:var(--muted-2); font-weight:600; font-size:12px}
.hug-scope.hug-service-logistics .ctable td{color:var(--ink-soft)}
.hug-scope.hug-service-logistics .cnote{margin-top:16px; font-size:12.5px; color:var(--muted-2); line-height:1.9; max-width:76ch}
.hug-scope.hug-service-logistics .two{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:8px}
@media (max-width:860px){
.hug-scope.hug-service-logistics .two{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-service-logistics .card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:26px 28px}
.hug-scope.hug-service-logistics .card h3{font-size:18px; margin-bottom:12px}
.hug-scope.hug-service-logistics .card p{font-size:14.5px; color:var(--ink-soft); line-height:1.9}
.hug-scope.hug-service-logistics .card ul{list-style:none; display:grid; gap:10px; margin-top:14px}
.hug-scope.hug-service-logistics .card li{position:relative; padding-inline-start:20px; font-size:14.5px; color:var(--ink-soft); line-height:1.8}
.hug-scope.hug-service-logistics .card li::before{content:""; position:absolute; inset-inline-start:0; top:10px; width:6px; height:6px; border-radius:50%; background:var(--accent)}
.hug-scope.hug-service-logistics .card.limits li::before{background:var(--line-2)}
.hug-scope.hug-service-logistics .card.limits{background:var(--surface-2)}
.hug-scope.hug-service-logistics .faq{max-width:820px}
.hug-scope.hug-service-logistics .qa{border-bottom:1px solid var(--line)}
.hug-scope.hug-service-logistics .qa summary{list-style:none; cursor:pointer; padding:18px 0; font-size:16.5px; font-weight:600; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:16px}
.hug-scope.hug-service-logistics .qa summary::-webkit-details-marker{display:none}
.hug-scope.hug-service-logistics .qa summary:hover{color:var(--accent-ink)}
.hug-scope.hug-service-logistics .qa .chev{flex:0 0 auto; width:18px; height:18px; stroke:var(--muted-2); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform var(--dur-base) var(--ease-out)}
.hug-scope.hug-service-logistics .qa[open] .chev{transform:rotate(180deg)}
.hug-scope.hug-service-logistics .qa .ans{padding:0 0 20px; color:var(--ink-soft); max-width:var(--measure); font-size:15px; line-height:1.9}
.hug-scope.hug-service-logistics .qa .ans a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-service-logistics .endband{background:var(--ink); color:var(--on-dark); padding-block:66px}
.hug-scope.hug-service-logistics .endband h2{color:#fff}
.hug-scope.hug-service-logistics .endband p{color:var(--on-dark-2); font-size:16px; line-height:1.9; max-width:56ch; margin-top:12px}
.hug-scope.hug-service-logistics .endband .row{display:flex; gap:14px; flex-wrap:wrap; margin-top:28px}
.hug-scope.hug-service-logistics .btn-onDark{background:transparent; border-color:rgba(255,255,255,.3); color:#fff}
.hug-scope.hug-service-logistics .btn-onDark:hover{background:rgba(255,255,255,.09)}
.hug-scope.hug-service-logistics .bnote{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:13px 17px; line-height:1.85; margin-top:26px}