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

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

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

.hug-scope.hug-brand-duru{--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:#2C4234;   /* بند هیرو (کنتراست سفید روی آن ۱۰٫۹:۱) */
  --brand-mid:#5B7A63;    /* متن ثانوی روی بند تیره */
  --brand-tint:#EDF2EE;   /* پس‌زمینهٔ ملایم بخش‌های برند */}
@media (max-width:768px){
.hug-scope.hug-brand-duru{--pad-x:24px;}
}
.hug-scope.hug-brand-duru, .hug-scope.hug-brand-duru *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-brand-duru{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-brand-duru .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-brand-duru section{padding-block:96px}
@media (max-width:768px){
.hug-scope.hug-brand-duru section{padding-block:60px}
}
.hug-scope.hug-brand-duru h1, .hug-scope.hug-brand-duru h2, .hug-scope.hug-brand-duru h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-brand-duru h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-brand-duru h3{font-size:20px; font-weight:600}
.hug-scope.hug-brand-duru .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-brand-duru .muted{color:var(--muted)}
.hug-scope.hug-brand-duru a{color:inherit; text-decoration:none}
.hug-scope.hug-brand-duru .sec-head{max-width:660px; margin-bottom:40px}
.hug-scope.hug-brand-duru .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-brand-duru .prose p + p{margin-top:16px}
.hug-scope.hug-brand-duru .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brand-duru .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-brand-duru .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-brand-duru .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-duru .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-duru .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-brand-duru .ph.dark{background:repeating-linear-gradient(45deg,#38513F,#38513F 10px,#415C48 10px,#415C48 20px); border-color:rgba(255,255,255,.22); color:#cfdcd3}
.hug-scope.hug-brand-duru .ph.dark small{color:#a9bdb0}
.hug-scope.hug-brand-duru .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-duru .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-brand-duru .btn-primary{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-brand-duru .btn-primary:hover{transform:translateY(-1px); background:#1A263C}
.hug-scope.hug-brand-duru .btn-accent{background:var(--accent-btn); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-brand-duru .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-brand-duru .btn-onBrand{background:transparent; border-color:rgba(255,255,255,.3); color:#fff}
.hug-scope.hug-brand-duru .btn-onBrand:hover{background:rgba(255,255,255,.09)}
.hug-scope.hug-brand-duru .icn{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-brand-duru .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-duru .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-brand-duru .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-brand-duru :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brand-duru[id], .hug-scope.hug-brand-duru [id]{scroll-margin-top:88px}
.hug-scope.hug-brand-duru .bh{background:var(--brand-deep); color:#fff; padding-block:26px 0; overflow:hidden}
.hug-scope.hug-brand-duru .bh .crumb{font-size:13px; color:rgba(255,255,255,.55); margin-bottom:44px}
.hug-scope.hug-brand-duru .bh .crumb a:hover{color:#fff}
.hug-scope.hug-brand-duru .bh .crumb span{margin-inline:6px; color:rgba(255,255,255,.28)}
.hug-scope.hug-brand-duru .bh .grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; align-items:end}
.hug-scope.hug-brand-duru .bh .blogo{width:132px; height:52px; margin-bottom:26px; font-size:11px; padding:6px}
.hug-scope.hug-brand-duru .bh h1{color:#fff; font-size:clamp(30px,4.4vw,52px); letter-spacing:-.015em; max-width:15ch}
.hug-scope.hug-brand-duru .bh .tag{color:#cfdcd3; font-size:clamp(17px,1.9vw,20px); margin-top:18px; max-width:44ch}
.hug-scope.hug-brand-duru .bh .cta{display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; padding-bottom:64px}
.hug-scope.hug-brand-duru .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-duru .bh .grid{grid-template-columns:minmax(0,1fr); gap:28px; align-items:start}
.hug-scope.hug-brand-duru .bh .cta{padding-bottom:32px}
}
.hug-scope.hug-brand-duru .facts{background:var(--brand-tint); border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-duru .facts .row{display:flex; flex-wrap:wrap; gap:0}
.hug-scope.hug-brand-duru .facts .f{flex:1 1 190px; padding:20px 24px; border-inline-start:1px solid rgba(44,66,52,.12)}
.hug-scope.hug-brand-duru .facts .f:first-child{border-inline-start:0; padding-inline-start:0}
.hug-scope.hug-brand-duru .facts dt{font-size:12px; color:#5B7A63; margin-bottom:5px}
.hug-scope.hug-brand-duru .facts dd{font-size:16px; font-weight:600; color:#22322A; font-variant-numeric:tabular-nums}
@media (max-width:768px){
.hug-scope.hug-brand-duru .facts .f{flex:1 1 50%; padding-inline:14px}
.hug-scope.hug-brand-duru .facts .f:nth-child(odd){border-inline-start:0; padding-inline-start:0}
}
.hug-scope.hug-brand-duru .story{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:60px; align-items:start}
.hug-scope.hug-brand-duru .story .side{position:sticky; top:104px}
@media (max-width:900px){
.hug-scope.hug-brand-duru .story{grid-template-columns:minmax(0,1fr); gap:26px}
.hug-scope.hug-brand-duru .story .side{position:static}
}
.hug-scope.hug-brand-duru .lines{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gutter)}
.hug-scope.hug-brand-duru .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-duru .line:hover{transform:translateY(-2px); border-color:var(--accent); box-shadow:var(--shadow-md)}
.hug-scope.hug-brand-duru .line .ph{aspect-ratio:4/5; border:0; border-radius:0; border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-duru .line .body{padding:18px 18px 20px; display:flex; flex-direction:column; flex:1}
.hug-scope.hug-brand-duru .line h3{font-size:16px; line-height:1.45; margin-bottom:10px}
.hug-scope.hug-brand-duru .line dl{font-size:13px; margin-top:auto; border-top:1px solid var(--line); padding-top:12px}
.hug-scope.hug-brand-duru .line dl div{display:flex; justify-content:space-between; gap:10px}
.hug-scope.hug-brand-duru .line dl div + div{margin-top:5px}
.hug-scope.hug-brand-duru .line dt{color:var(--muted)}
.hug-scope.hug-brand-duru .line dd{color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-duru .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-duru .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-duru .lines{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.hug-scope.hug-brand-duru .lines{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-brand-duru .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-duru .rangebox > h3{font-size:20px; line-height:1.5; margin-bottom:10px}
.hug-scope.hug-brand-duru .rangebox > p{font-size:15px; line-height:1.85; color:var(--muted); max-width:70ch}
.hug-scope.hug-brand-duru .rangebox > p b{color:var(--ink); font-weight:700}
.hug-scope.hug-brand-duru .tblwrap{overflow-x:auto; margin:20px 0 4px; border:1px solid var(--line); border-radius:10px}
.hug-scope.hug-brand-duru table.range{width:100%; border-collapse:collapse; font-size:14px; min-width:640px}
.hug-scope.hug-brand-duru 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-duru table.range td{padding:13px 16px; border-bottom:1px solid var(--line); line-height:1.7; vertical-align:top}
.hug-scope.hug-brand-duru table.range tbody tr:last-child td{border-bottom:0}
.hug-scope.hug-brand-duru table.range td.n{font-variant-numeric:tabular-nums; font-weight:600; color:var(--ink); white-space:nowrap}
.hug-scope.hug-brand-duru table.range td:last-child{color:var(--muted)}
.hug-scope.hug-brand-duru .rangebox .note{margin-top:16px; font-size:14px; line-height:1.9; color:var(--muted); max-width:76ch}
.hug-scope.hug-brand-duru .rangebox .note b{color:var(--ink)}
.hug-scope.hug-brand-duru .rangebox .note i{font-style:normal; border-bottom:1.5px solid var(--accent); padding-bottom:1px}
@media (max-width:640px){
.hug-scope.hug-brand-duru .rangebox{padding:22px 18px 20px}
}
.hug-scope.hug-brand-duru .auth{background:var(--brand-tint); border-block:1px solid var(--line)}
.hug-scope.hug-brand-duru .hs{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; align-items:start}
.hug-scope.hug-brand-duru .hsfig{position:relative}
.hug-scope.hug-brand-duru .hsfig .ph{aspect-ratio:1/1}
.hug-scope.hug-brand-duru .dot{position:absolute; width:34px; height:34px; border-radius:50%; border:2px solid #fff; background:var(--ink);
  color:#fff; font-size:14px; font-weight:600; display:grid; place-items:center; cursor:pointer;
  box-shadow:var(--shadow-md); transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}
.hug-scope.hug-brand-duru .dot:hover{transform:scale(1.12)}
.hug-scope.hug-brand-duru .dot.on{background:var(--accent); color:var(--ink-deep); transform:scale(1.12)}
.hug-scope.hug-brand-duru .dot:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-brand-duru .hspanel{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:28px; min-height:280px}
.hug-scope.hug-brand-duru .hspanel .n{font-size:13px; font-weight:600; color:var(--accent-ink); margin-bottom:8px}
.hug-scope.hug-brand-duru .hspanel h3{font-size:22px; margin-bottom:10px}
.hug-scope.hug-brand-duru .hspanel p{color:var(--ink-soft)}
.hug-scope.hug-brand-duru .hsitem + .hsitem{margin-top:22px; padding-top:20px; border-top:1px solid var(--line)}
.hug-scope.hug-brand-duru .hspanel.js .hsitem{display:none; margin-top:0; padding-top:0; border-top:0}
.hug-scope.hug-brand-duru .hspanel.js .hsitem.on{display:block; animation:brand-duru-hsin var(--dur-base) var(--ease-out)}
@keyframes brand-duru-hsin{from{opacity:0; transform:translateY(6px)}
to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-brand-duru .hspanel.js .hsitem.on{animation:none}
}
.hug-scope.hug-brand-duru .hslist{display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; padding-top:20px; border-top:1px solid var(--line)}
.hug-scope.hug-brand-duru .hslist button{font-family:inherit; font-size:13px; background:var(--surface-2); border:1px solid transparent; border-radius:var(--r-pill);
  padding:7px 14px; cursor:pointer; color:var(--ink-soft); transition:background var(--dur-fast), color var(--dur-fast)}
.hug-scope.hug-brand-duru .hslist button:hover{background:var(--accent-soft); color:var(--accent-ink)}
.hug-scope.hug-brand-duru .hslist button.on{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-brand-duru .hsnote{margin-top:24px; font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:12px 16px}
@media (max-width:900px){
.hug-scope.hug-brand-duru .hs{grid-template-columns:minmax(0,1fr); gap:28px}
}
.hug-scope.hug-brand-duru .faq{max-width:820px}
.hug-scope.hug-brand-duru .qa{border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-duru .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-duru .qa summary::-webkit-details-marker{display:none}
.hug-scope.hug-brand-duru .qa summary:hover{color:var(--accent-ink)}
.hug-scope.hug-brand-duru .qa summary:focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brand-duru .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-duru .qa[open] .chev{transform:rotate(180deg)}
.hug-scope.hug-brand-duru .qa .ans{padding:0 0 22px; color:var(--ink-soft); max-width:var(--measure); font-size:16px}
.hug-scope.hug-brand-duru .qa .ans a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brand-duru .buy{background:var(--brand-deep); color:#fff; padding-block:80px}
.hug-scope.hug-brand-duru .buy h2{color:#fff}
.hug-scope.hug-brand-duru .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-duru .buy .b{padding:4px 26px 4px 0; border-inline-start:1px solid rgba(255,255,255,.16)}
.hug-scope.hug-brand-duru .buy .b:first-child{border-inline-start:0; padding-inline-end:26px}
.hug-scope.hug-brand-duru .buy .b:not(:first-child){padding-inline-start:26px}
.hug-scope.hug-brand-duru .buy .b h3{color:#fff; font-size:17px; margin-bottom:8px}
.hug-scope.hug-brand-duru .buy .b p{color:#c2d1c6; font-size:14.5px; margin-bottom:16px}
.hug-scope.hug-brand-duru .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-duru .buy .grid{grid-template-columns:minmax(0,1fr); gap:26px}
.hug-scope.hug-brand-duru .buy .b{border-inline-start:0; padding:0; border-top:1px solid rgba(255,255,255,.16); padding-top:22px}
.hug-scope.hug-brand-duru .buy .b:first-child{border-top:0; padding-top:0; padding-inline-end:0}
.hug-scope.hug-brand-duru .buy .b:not(:first-child){padding-inline-start:0}
}
.hug-scope.hug-brand-duru .skline + .skline{margin-top:34px; padding-top:30px; border-top:1px solid var(--line)}
.hug-scope.hug-brand-duru .skline > h3{font-size:18px; margin-bottom:4px}
.hug-scope.hug-brand-duru .skline .skmeta{font-size:13px; color:var(--muted); margin-bottom:16px; font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-duru .skus{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:16px}
.hug-scope.hug-brand-duru .sku{margin:0}
.hug-scope.hug-brand-duru .sku figcaption{margin-top:9px; font-size:13px; line-height:1.55}
.hug-scope.hug-brand-duru .sku figcaption b{display:block; color:var(--ink); font-weight:600}
.hug-scope.hug-brand-duru .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-duru .hug-fig{display:block; width:100%; border-radius:9px; background:var(--surface-2); object-fit:cover}
.hug-scope.hug-brand-duru .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-duru .hug-fig--empty b{font-weight:600; color:#55637A}
.hug-scope.hug-brand-duru .hug-fig--empty small{color:#8A94A6; font-size:10.5px; font-variant-numeric:tabular-nums}
@media (max-width:520px){
.hug-scope.hug-brand-duru .skus{grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px}
}