/* ============================================================
   DISIPHEE — Mega Menu
   بعد از style.css لود می‌شود و متغیرهای همان‌جا را می‌خواند.
   کلاس‌ها عمداً dzf-mm هستند نه dzf-mega، تا با نسخه‌ی قدیمی
   هیچ برخوردی نداشته باشند و بازگشت به عقب یک خط کار باشد.

   قوانین برند در این فایل: بدون box-shadow، بدون گرادیان،
   بدون افکت شیشه‌ای، فقط رنگ‌های پالت، فاصله‌ها مضرب ۸.
   ============================================================ */

/* ---------- جا باز کردن برای شش آیتم ---------- */
.dzf-nav__list{ gap:2px; }

@media (max-width:1240px){
  .dzf-nav__link{ padding:10px 12px; font-size:15.5px; }
  .dzf-nav__link:hover::after,
  .dzf-nav__link.is-active::after{ width:calc(100% - 24px); }
}
@media (max-width:1080px){
  .dzf-nav__link{ padding:9px 9px; font-size:14.5px; }
  .dzf-nav__caret{ margin-inline-start:3px; }
  .dzf-nav__link:hover::after,
  .dzf-nav__link.is-active::after{ width:calc(100% - 18px); }
}

/* ---------- بستر مگامنو ----------
   li باید static بماند: اگر موقعیت‌دار شود پنل به عرض همان آیتم
   جمع می‌شود. مرجع موقعیت، .dzf-header__inner است (در style.css). */
.dzf-nav__list > li.has-mm{
  position:static;
  align-self:stretch;
  display:flex; align-items:center;
}
/* چرخش فلش: فقط وقتی پنل واقعاً باز است، نه با هاور روی کل ارتفاع هدر */
.dzf-nav__link:hover .dzf-nav__caret,
.has-mm:focus-within > .dzf-nav__link .dzf-nav__caret,
.has-mm.is-open > .dzf-nav__link .dzf-nav__caret{ transform:rotate(180deg); }

.dzf-mm{
  position:absolute; top:100%;
  right:0; left:0;
  z-index:210;
  padding-top:14px;
  max-height:calc(100vh - 104px);
  /* overflow-x صراحتاً بسته است: اگر یک محور غیر visible باشد،
     محور دیگر auto می‌شود و یک اسکرول افقی ناخواسته می‌سازد. */
  overflow-x:hidden;
  overflow-y:auto;
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(8px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s;
}
/* باز شدن فقط با هاور روی خودِ لینک.
   li عمداً تمام‌ارتفاع می‌ماند، ولی دیگر ماشه نیست — فقط پلی است که
   وقتی پنل باز شد، ماوس بتواند از لینک تا پنل عبور کند بدون بسته شدن.
   قانون `.dzf-nav__link:hover + .dzf-mm` نسخه‌ی پشتیبان بدون جاوااسکریپت است؛
   حالت پایدار را کلاس .is-open نگه می‌دارد که mega.js می‌گذارد. */
html:not(.dzf-mm-js) .dzf-nav__link:hover + .dzf-mm,
.has-mm:focus-within > .dzf-mm,
.has-mm.is-open > .dzf-mm{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateY(0);
}

.dzf-mm__inner{
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:24px;
  padding:var(--dzf-space-md);
}

/* ---------- تیره شدن پس‌زمینه هنگام باز بودن پنل ----------
   هدف: وقتی مگامنو باز است، هدر و خودِ پنل روشن بمانند و بقیه‌ی
   صفحه یک پرده‌ی تیره بگیرد تا تمرکز روی منو برود.

   چرا ::after روی body و نه یک div تازه: هیچ مارکاپی به header.php
   اضافه نمی‌شود و لایه پیش از اجرای جاوااسکریپت هم وجود ندارد.

   چرا z-index:150: هدر روی ۲۰۰ است و پنل فرزند اوست، پس هر دو
   بالای پرده می‌مانند؛ بقیه‌ی صفحه زیر آن می‌رود. عدد بین این دو
   عمداً خالی نگه داشته شده است.

   pointer-events:none چون بستن منو کار mega.js است (کلیک بیرون)،
   نه این لایه؛ اگر کلیک را می‌گرفت، لینک‌های صفحه در همان لحظه‌ی
   بسته شدن هم بی‌اثر می‌شدند. */
body::after{
  content:'';
  position:fixed; inset:0;
  z-index:150;
  background:rgba(10,10,10,.34);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .22s ease, visibility .22s;
}
html.dzf-mm-open body::after{ opacity:1; visibility:visible; }

/* زیر ۹۰۰ پیکسل ناوبری دسکتاپ اصلاً رندر نمی‌شود و کشوی موبایل
   پرده‌ی خودش (.dzf-overlay) را دارد — دو لایه روی هم لازم نیست. */
@media (max-width:900px){
  body::after{ display:none; }
}

/* ---------- سر پنل ---------- */
.dzf-mm__head{
  padding-bottom:var(--dzf-space-sm);
  margin-bottom:var(--dzf-space-md);
  border-bottom:1px solid var(--dzf-stroke);
}
.dzf-mm__eyebrow{
  display:inline-block;
  font-size:11.5px; font-weight:700; line-height:1;
  color:var(--dzf-navy); background:var(--dzf-yellow);
  padding:6px 12px; border-radius:999px;
  margin-bottom:8px;
}
.dzf-mm__title{
  display:block;
  font-size:19px; font-weight:700; color:var(--dzf-navy);
  line-height:1.3;
}
.dzf-mm__lead{
  margin:6px 0 0;
  font-size:12.5px; line-height:1.8; color:var(--dzf-muted-2);
}

/* ---------- بدنه ---------- */
.dzf-mm__body{
  display:grid;
  grid-template-columns:1.55fr .95fr;
  gap:var(--dzf-space-md);
  align-items:start;
}

/* ---------- کاشی‌ها ---------- */
.dzf-mm__tiles{
  display:grid; grid-template-columns:repeat(2, 1fr);
  gap:8px; margin:0; padding:0; list-style:none;
}
.dzf-mm__tile,
.dzf-mm__link{
  display:flex; align-items:flex-start; gap:12px;
  padding:12px;
  border:1px solid transparent;
  border-radius:16px;
  transition:background-color .18s ease, border-color .18s ease;
}
.dzf-mm__tile:hover,
.dzf-mm__link:hover{
  background:var(--dzf-grey-bg);
  border-color:var(--dzf-stroke);
}
.dzf-mm__tile:focus-visible,
.dzf-mm__link:focus-visible{
  outline:2px solid var(--dzf-yellow); outline-offset:2px;
}

.dzf-mm__ico{
  display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; flex-shrink:0;
  border-radius:14px;
  background:var(--dzf-grey-bg); color:var(--dzf-navy);
  transition:background-color .18s ease, color .18s ease;
}
.dzf-mm__ico svg{ width:20px; height:20px; }
.dzf-mm__ico--sm{ width:34px; height:34px; border-radius:12px; }
.dzf-mm__ico--sm svg{ width:17px; height:17px; }

/* هاور: چیپ آیکون تیره می‌شود و خودِ آیکون روشن */
.dzf-mm__tile:hover .dzf-mm__ico,
.dzf-mm__link:hover .dzf-mm__ico{
  background:var(--dzf-navy); color:var(--dzf-grey-bg);
}

.dzf-mm__txt{ min-width:0; }
.dzf-mm__txt strong{
  display:block;
  font-size:14px; font-weight:600; color:var(--dzf-navy);
  line-height:1.5;
  /* نام‌های لاتین داخل جمله‌ی فارسی بدون جابه‌جایی حروف */
  unicode-bidi:plaintext;
}
.dzf-mm__fa{
  display:block; font-weight:500;
  font-size:11.5px; color:var(--dzf-muted-3); margin-top:1px;
}
.dzf-mm__txt em{
  display:block; font-style:normal;
  font-size:12.5px; line-height:1.7;
  color:var(--dzf-muted-2); margin-top:3px;
}

/* برچسب «به‌زودی» — صفحه هنوز ساخته نشده، پس لینک هم نمی‌شود */
.dzf-mm__soon{
  display:inline-block; font-style:normal;
  font-size:10px; font-weight:700; line-height:1;
  color:var(--dzf-muted-2);
  background:var(--dzf-grey-bg);
  border:1px solid var(--dzf-stroke);
  border-radius:999px;
  padding:3px 8px;
  margin-inline-start:6px;
  vertical-align:middle;
}
.dzf-mm__tile.is-soon,
.dzf-mm__link.is-soon{ cursor:default; opacity:.62; }
.dzf-mm__tile.is-soon:hover,
.dzf-mm__link.is-soon:hover{ background:transparent; border-color:transparent; }
.dzf-mm__tile.is-soon:hover .dzf-mm__ico,
.dzf-mm__link.is-soon:hover .dzf-mm__ico{
  background:var(--dzf-grey-bg); color:var(--dzf-navy);
}

/* صفحه‌ی جاری: کارت تیره، آیکون زرد — هم برای کاشی، هم برای لینک ستونی */
.dzf-mm__link.is-active,
.dzf-mm__tile.is-active{
  background:var(--dzf-navy);
  border-color:var(--dzf-navy);
}
.dzf-mm__link.is-active .dzf-mm__ico,
.dzf-mm__tile.is-active .dzf-mm__ico{
  background:var(--dzf-yellow); color:var(--dzf-navy);
}
.dzf-mm__link.is-active .dzf-mm__txt strong,
.dzf-mm__tile.is-active .dzf-mm__txt strong{ color:var(--dzf-white); }
.dzf-mm__link.is-active .dzf-mm__fa,
.dzf-mm__tile.is-active .dzf-mm__fa,
.dzf-mm__link.is-active .dzf-mm__txt em,
.dzf-mm__tile.is-active .dzf-mm__txt em{ color:var(--dzf-grey-bg); opacity:.62; }
/* هاور روی آیتم فعال، حالتش را عوض نکند */
.dzf-mm__link.is-active:hover,
.dzf-mm__tile.is-active:hover{ background:var(--dzf-navy); border-color:var(--dzf-navy); }
.dzf-mm__link.is-active:hover .dzf-mm__ico,
.dzf-mm__tile.is-active:hover .dzf-mm__ico{
  background:var(--dzf-yellow); color:var(--dzf-navy);
}

/* ---------- ستون‌های لینک (منابع، درباره) ---------- */
.dzf-mm__cols{
  display:grid; grid-template-columns:repeat(2, 1fr);
  gap:var(--dzf-space-md);
}
.dzf-mm__col ul{ display:flex; flex-direction:column; gap:2px; margin:0; padding:0; list-style:none; }
.dzf-mm__colt{
  display:block;
  font-size:11px; font-weight:700; color:var(--dzf-muted-3);
  padding-bottom:8px; margin-bottom:8px;
  border-bottom:1px solid var(--dzf-stroke);
}

/* ---------- پنل کناری ---------- */
.dzf-mm__aside{
  background:var(--dzf-navy);
  border-radius:18px;
  padding:var(--dzf-space-sm);
  display:flex; flex-direction:column; gap:8px;
  align-self:stretch;
}
.dzf-mm__asidet{
  font-size:14px; font-weight:700; color:var(--dzf-white); line-height:1.6;
}
.dzf-mm__aside p{
  margin:0; flex:1;
  font-size:12.5px; line-height:1.85;
  color:var(--dzf-grey-bg); opacity:.72;
}
.dzf-mm__aside .dzf-hbtn{
  font-size:13px; padding:9px 18px;
  align-self:flex-start;
}
/* دکمه‌ی دستیار یک <button> است، نه <a> — باید مثل بقیه دیده شود */
.dzf-mm__aside button.dzf-hbtn{
  cursor:pointer;
  font-family:var(--dzf-font);
}
/* حاشیه‌ی دکمه‌ی شبح روی زمینه‌ی تیره باید روشن باشد، نه استروک تیره */
.dzf-mm__aside .dzf-hbtn--ghost{
  color:var(--dzf-grey-bg) !important;
  border-color:rgba(226,227,231,.35) !important;
}
/* روی زمینه‌ی تیره، هاورِ زرد اشتباه است: روشن می‌شود با متن تیره */
.dzf-mm__aside .dzf-hbtn--ghost:hover{
  background:var(--dzf-grey-bg) !important;
  color:var(--dzf-navy) !important;
  border-color:var(--dzf-grey-bg) !important;
}

/* ---------- پیش‌نمایش داشبورد ---------- */
.dzf-mm__preview{
  background:var(--dzf-white);
  border-radius:14px;
  padding:12px;
  margin-bottom:8px;
}
.dzf-mm__preview img{ border-radius:10px; width:100%; height:auto; }

.dzf-mmp__bar{ display:flex; gap:5px; margin-bottom:10px; }
.dzf-mmp__bar i{ width:7px; height:7px; border-radius:999px; background:var(--dzf-stroke); }
.dzf-mmp__bar i:first-child{ background:var(--dzf-yellow); }

.dzf-mmp__dna{
  display:flex; align-items:center; gap:6px;
  padding:8px 10px; margin-bottom:8px;
  border:1px solid var(--dzf-stroke); border-radius:12px;
}
.dzf-mmp__dna span{
  font-size:10px; font-weight:700; color:var(--dzf-muted-3);
  margin-inline-end:auto; letter-spacing:.04em;
}
.dzf-mmp__sw{ width:16px; height:16px; border-radius:6px; }
.dzf-mmp__sw--d{ background:var(--dzf-navy); }
.dzf-mmp__sw--y{ background:var(--dzf-yellow); }
.dzf-mmp__sw--g{ background:var(--dzf-grey-bg); }
.dzf-mmp__sw--w{ background:var(--dzf-white); border:1px solid var(--dzf-stroke); }

.dzf-mmp__tiles{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; margin-bottom:8px; }
.dzf-mmp__tiles i{ height:34px; border-radius:10px; background:var(--dzf-grey-bg); }
.dzf-mmp__tiles i:nth-child(2){ background:var(--dzf-navy); }

.dzf-mmp__health{
  display:flex; align-items:center; gap:10px;
  padding:8px 10px;
  border:1px solid var(--dzf-stroke); border-radius:12px;
}
.dzf-mmp__health svg{ width:36px; height:36px; flex-shrink:0; }
.dzf-mmp__health span{ font-size:10.5px; color:var(--dzf-muted-2); line-height:1.5; }
.dzf-mmp__health b{ display:block; font-size:14px; color:var(--dzf-navy); }

/* ---------- نوار «شروع مسیر برند» ---------- */
.dzf-mm__foot{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:var(--dzf-space-sm);
  margin-top:var(--dzf-space-md);
  padding-top:var(--dzf-space-sm);
  border-top:1px solid var(--dzf-stroke);
}
.dzf-mm__footh strong{ display:block; font-size:14px; font-weight:700; color:var(--dzf-navy); }
.dzf-mm__time{
  display:inline-flex; align-items:center; gap:5px;
  margin-top:2px;
  font-size:11.5px; color:var(--dzf-muted-2);
}
.dzf-mm__time svg{ width:13px; height:13px; }

.dzf-mm__steps{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  flex:1; margin:0; padding:0; list-style:none;
}
.dzf-mm__steps li{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px;
  border:1px solid var(--dzf-stroke); border-radius:999px;
  font-size:12.5px; color:var(--dzf-navy);
}
.dzf-mm__steps li i{
  width:9px; height:9px; border-radius:999px;
  border:1.5px solid var(--dzf-yellow);
}
.dzf-mm__foot .dzf-hbtn{ font-size:14px; padding:11px 32px; }

/* ---------- حالت «کاشی‌های صنفی»: سه ستون، پنل پایین ---------- */
.dzf-mm__inner--cards .dzf-mm__body{ display:block; }
.dzf-mm__inner--cards .dzf-mm__tiles{ grid-template-columns:repeat(3, 1fr); }
.dzf-mm__inner--cards .dzf-mm__aside{
  flex-direction:row; align-items:center; gap:var(--dzf-space-sm);
  margin-top:var(--dzf-space-md);
}
.dzf-mm__inner--cards .dzf-mm__aside p{ flex:1; }
.dzf-mm__inner--cards .dzf-mm__aside .dzf-hbtn{ align-self:auto; flex-shrink:0; }

/* ---------- حالت «ده صنف»: پنج ستون، کاشی عمودی ----------
   با ده آیتم، کاشی افقی خیلی بلند می‌شود. عمودی در دو ردیف
   پنج‌تایی، هم جمع‌وجورتر است هم مثل یک فهرست صنایع خوانده می‌شود. */
.dzf-mm__inner--grid5 .dzf-mm__body{ display:block; }
.dzf-mm__inner--grid5 .dzf-mm__tiles{ grid-template-columns:repeat(5, minmax(0,1fr)); }
.dzf-mm__inner--grid5 .dzf-mm__tile{
  flex-direction:column; align-items:flex-start; gap:10px;
  height:100%;
}
.dzf-mm__inner--grid5 .dzf-mm__ico{ width:36px; height:36px; border-radius:12px; }
.dzf-mm__inner--grid5 .dzf-mm__ico svg{ width:18px; height:18px; }
/* اندازه‌ی عنوان در همه‌ی انواع مگامنو ۱۴px است — قبلاً دو نوع
   روی ۱۳.۵ بودند و کنار هم ناهماهنگ دیده می‌شدند. */
.dzf-mm__inner--grid5 .dzf-mm__txt strong{ line-height:1.55; }
.dzf-mm__inner--grid5 .dzf-mm__txt em{ font-size:11.5px; line-height:1.7; }
.dzf-mm__inner--grid5 .dzf-mm__soon{
  font-size:9.5px; padding:2px 7px; margin-inline-start:4px;
}
/* نوار پایین: «کسب‌وکارتان را پیدا نکردید؟» */
.dzf-mm__inner--grid5 .dzf-mm__aside{
  flex-direction:row; align-items:center; gap:var(--dzf-space-sm);
  margin-top:var(--dzf-space-md);
}
.dzf-mm__inner--grid5 .dzf-mm__aside p{ flex:1; }
.dzf-mm__inner--grid5 .dzf-mm__aside .dzf-hbtn{ align-self:auto; flex-shrink:0; }

/* ---------- حالت «صنایع گروه‌بندی‌شده»: سه ستون موضوعی، پنل پایین ----------
   با دوازده صنف، فهرست تخت خوانده نمی‌شود. سه ستون موضوعی باعث می‌شود
   کاربر اول دسته‌اش را پیدا کند و بعد صنفش را — اسکن سریع‌تر می‌شود. */
.dzf-mm__inner--groups .dzf-mm__body{ display:block; }
.dzf-mm__inner--groups .dzf-mm__cols{
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--dzf-space-md);
}
/* ستون‌ها هم‌ارتفاع نیستند؛ خط جداکننده مرز موضوعی را نگه می‌دارد */
.dzf-mm__inner--groups .dzf-mm__col + .dzf-mm__col{
  padding-inline-start:var(--dzf-space-md);
  border-inline-start:1px solid var(--dzf-stroke);
}
.dzf-mm__inner--groups .dzf-mm__colt{
  font-size:11.5px; color:var(--dzf-navy);
}
.dzf-mm__inner--groups .dzf-mm__link{ padding:10px; border-radius:14px; }
.dzf-mm__inner--groups .dzf-mm__ico--sm{ width:32px; height:32px; border-radius:11px; }
.dzf-mm__inner--groups .dzf-mm__ico--sm svg{ width:16px; height:16px; }
.dzf-mm__inner--groups .dzf-mm__txt strong{ line-height:1.5; }
.dzf-mm__inner--groups .dzf-mm__txt em{ font-size:11.5px; line-height:1.65; margin-top:2px; }
.dzf-mm__inner--groups .dzf-mm__soon{
  font-size:9.5px; padding:2px 7px; margin-inline-start:4px;
}
/* نوار پایین: «کسب‌وکارتان را پیدا نکردید؟» */
.dzf-mm__inner--groups .dzf-mm__aside{
  flex-direction:row; align-items:center; gap:var(--dzf-space-sm);
  margin-top:var(--dzf-space-md);
}
.dzf-mm__inner--groups .dzf-mm__aside p{ flex:1; }
.dzf-mm__inner--groups .dzf-mm__aside .dzf-hbtn{ align-self:auto; flex-shrink:0; }

/* ============================================================
   پیش‌نمایش داشبورد — زنده شدن هنگام باز شدن پنل

   انیمیشن‌ها به .is-open گره خورده‌اند، نه به لود صفحه: هر بار که
   مگامنو باز می‌شود دوباره اجرا می‌شوند و کاربر حس می‌کند داشبورد
   همان لحظه دارد بالا می‌آید.
   بدون درخشش و بدون گرادیان — فقط opacity، مقیاس و رسم خط.
   ============================================================ */
@keyframes dzf-mmp-pop{
  from{ opacity:0; transform:scale(.6); }
  to  { opacity:1; transform:scale(1); }
}
@keyframes dzf-mmp-rise{
  from{ opacity:0; transform:translateY(10px); }
  to  { opacity:1; transform:none; }
}
@keyframes dzf-mmp-fade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes dzf-mmp-live{
  0%, 100%{ opacity:1; }
  50%     { opacity:.3; }
}

/* حالت اولیه: خالی، تا وقتی پنل باز شود */
.dzf-mmp__sw,
.dzf-mmp__tiles i,
.dzf-mmp__health span{ opacity:0; }

.has-mm.is-open .dzf-mmp__sw,
.has-mm:hover .dzf-mmp__sw{
  animation:dzf-mmp-pop .42s cubic-bezier(.22,.8,.28,1) forwards;
}
.has-mm.is-open .dzf-mmp__dna i:nth-of-type(2),
.has-mm:hover .dzf-mmp__dna i:nth-of-type(2){ animation-delay:.08s; }
.has-mm.is-open .dzf-mmp__dna i:nth-of-type(3),
.has-mm:hover .dzf-mmp__dna i:nth-of-type(3){ animation-delay:.16s; }
.has-mm.is-open .dzf-mmp__dna i:nth-of-type(4),
.has-mm:hover .dzf-mmp__dna i:nth-of-type(4){ animation-delay:.24s; }

.has-mm.is-open .dzf-mmp__tiles i,
.has-mm:hover .dzf-mmp__tiles i{
  animation:dzf-mmp-rise .45s cubic-bezier(.22,.8,.28,1) .3s forwards;
}
.has-mm.is-open .dzf-mmp__tiles i:nth-of-type(2),
.has-mm:hover .dzf-mmp__tiles i:nth-of-type(2){ animation-delay:.4s; }
.has-mm.is-open .dzf-mmp__tiles i:nth-of-type(3),
.has-mm:hover .dzf-mmp__tiles i:nth-of-type(3){ animation-delay:.5s; }

/* حلقه‌ی سلامت: از صفر تا ۷۸٪ کشیده می‌شود (محیط دایره‌ی r=18 ≈ ۱۱۳) */
.dzf-mmp__health circle:nth-of-type(2){
  stroke-dasharray:113;
  stroke-dashoffset:113;
}
.has-mm.is-open .dzf-mmp__health circle:nth-of-type(2),
.has-mm:hover .dzf-mmp__health circle:nth-of-type(2){
  transition:stroke-dashoffset 1.1s cubic-bezier(.22,.8,.28,1) .55s;
  stroke-dashoffset:25;
}
.has-mm.is-open .dzf-mmp__health span,
.has-mm:hover .dzf-mmp__health span{
  animation:dzf-mmp-fade .5s ease .9s forwards;
}

/* چراغ زنده‌ی بالای پنجره — نبض آرام، بدون درخشش */
.has-mm.is-open .dzf-mmp__bar i:first-child,
.has-mm:hover .dzf-mmp__bar i:first-child{
  animation:dzf-mmp-live 2.6s ease-in-out 1.2s infinite;
}

/* ============================================================
   واکنش‌گرایی
   ============================================================ */
@media (max-width:1180px){
  .dzf-mm__body{ grid-template-columns:1fr; }
  .dzf-mm__inner--grid5 .dzf-mm__tiles{ grid-template-columns:repeat(4, minmax(0,1fr)); }
  /* در عرض کم، ستون سوم به ردیف بعد می‌رود و خط جداکننده معنا ندارد */
  .dzf-mm__inner--groups .dzf-mm__cols{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .dzf-mm__inner--groups .dzf-mm__col + .dzf-mm__col{
    padding-inline-start:0; border-inline-start:0;
  }
  .dzf-mm__inner--platform .dzf-mm__aside,
  .dzf-mm__inner--lists .dzf-mm__aside{
    flex-direction:row; align-items:center; gap:var(--dzf-space-sm);
  }
  .dzf-mm__inner--platform .dzf-mm__aside p,
  .dzf-mm__inner--lists .dzf-mm__aside p{ flex:1; }
  .dzf-mm__inner--platform .dzf-mm__aside .dzf-hbtn,
  .dzf-mm__inner--lists .dzf-mm__aside .dzf-hbtn{ align-self:auto; flex-shrink:0; }
  /* پیش‌نمایش داشبورد در چیدمان تک‌ستونه جا نمی‌گیرد */
  .dzf-mm__preview{ display:none; }
}
@media (max-width:1024px){
  .dzf-mm__inner--cards .dzf-mm__tiles{ grid-template-columns:repeat(2, 1fr); }
  .dzf-mm__inner--grid5 .dzf-mm__tiles{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .dzf-mm__inner--groups .dzf-mm__cols{ grid-template-columns:1fr; }
}

/* استایل کشوی موبایل عمداً اینجا نیست.
   قبلاً .dzf-drawer__sublink اینجا و .dzf-drawer__sub a در style.css
   هم‌زمان روی یک عنصر می‌نشستند و استایل نهایی ترکیب تصادفی دو فایل
   بود. حالا کل کشو یک‌جا در style.css تعریف می‌شود. */

/* ============================================================
   دسترس‌پذیری و چاپ
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .dzf-mmp__sw,
  .dzf-mmp__tiles i,
  .dzf-mmp__health span{ opacity:1 !important; animation:none !important; }
  .dzf-mmp__health circle:nth-of-type(2){
    stroke-dashoffset:25 !important; transition:none !important;
  }
  .has-mm.is-open .dzf-mmp__bar i:first-child,
  .has-mm:hover .dzf-mmp__bar i:first-child{ animation:none !important; }
  .dzf-mm,
  .dzf-mm__tile,
  .dzf-mm__link,
  .dzf-mm__ico,
  .dzf-nav__caret{ transition-duration:.01ms !important; }
  body::after{ transition-duration:.01ms !important; }
}
@media print{
  .dzf-mm{ display:none !important; }
}