/* استایل مخصوص لندینگ تعمیر اسپرسوساز زیلوکس — کاملاً محدود به .t24z تا با هدر/فوتر و بقیه سایت تداخل نکند */
.t24z, .t24z *{box-sizing:border-box}
.t24z{
  --navy-900:#071b33;
  --navy-800:#0d2a4a;
  --navy-700:#133a63;
  --blue:#0073aa;
  --blue-light:#3d97c4;
  --ink:#1f2d3d;
  --ink-dim:#5b6b7a;
  --line:#dbe7ef;
  --bg-alt:#eef4f8;
  --radius:14px;
  font-family: inherit; /* از فونت همان قالب سایت استفاده می‌شود، بدون دانلود فونت اضافه */
  color:var(--ink);
  line-height:1.9;
  max-width:920px;
  margin:0 auto;
  padding:0 16px;
}
.t24z img{max-width:100%;height:auto;display:block}
.t24z a{color:inherit;text-decoration:none}
.t24z section{padding:36px 0}
.t24z section.t24z-alt{background:var(--bg-alt);margin:0 -16px;padding:36px 16px;border-radius:var(--radius)}
.t24z h2{font-size:clamp(20px,3vw,26px);font-weight:800;margin:0 0 14px;color:var(--navy-800)}
.t24z h3{font-size:18px;font-weight:700;margin:22px 0 8px;color:var(--navy-700)}
.t24z p{margin:0 0 14px}
.t24z .t24z-tag{color:var(--blue);font-weight:700;font-size:13px}
.t24z .t24z-divider{display:flex;align-items:center;gap:8px;margin:6px 0 22px}
.t24z .t24z-divider span:first-child{width:8px;height:8px;border-radius:50%;background:var(--blue)}
.t24z .t24z-divider span:last-child{flex:1;height:1px;background:linear-gradient(90deg,var(--blue),transparent)}

/* پرش لنگر زیر هدر چسبان — LuckyWP TOC آی‌دی را روی <span> داخل h2/h3
   می‌گذارد، نه خود h2/h3، پس سلکتور عمومی روی هر [id] است */
.t24z [id]{scroll-margin-top:96px}
@media (max-width:780px){ .t24z [id]{scroll-margin-top:72px} }

/* اصلاح جهت کدهای لاتین (مدل، تلفن) داخل متن فارسی */
.t24z bdi{unicode-bidi:isolate}

/* هیرو */
.t24z-hero{padding:26px 0 30px}
.t24z-lead{font-size:16.5px;color:var(--ink-dim);text-align:justify}
.t24z-lead b{color:var(--ink);font-weight:700}
.t24z-cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}
.t24z-btn-primary{
  display:inline-block;border:none;border-radius:100px;
  background:var(--blue);padding:14px 30px;color:#fff;font-weight:700;
  box-shadow:0 6px 16px rgba(0,115,170,.28);
}
.t24z-btn-ghost{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--line);border-radius:100px;padding:13px 22px;
  color:var(--navy-800);font-weight:600;
}
/* اصلاح تخصیص (specificity) — .t24z a{color:inherit} بالاتر از تمصیص
   کلاس تنهای دکمه‌هاست، پس رنگ متن دکمه‌ها را می‌بَرَد و باعث می‌شود متن
   دکمه‌ها به‌جای سفید/تیره‌ی مشخص، رنگ تیره پیش‌فرض صفحه را بگیرد. این دو
   قانون با ترکیب کلاس .t24z + تگ a + کلاس دکمه، همیشه‌برنده‌اند. */
.t24z a.t24z-btn-primary{color:#fff}
.t24z a.t24z-btn-ghost{color:var(--navy-800)}
.t24z-trust-strip{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0;padding:0}
.t24z-trust-strip li{background:var(--bg-alt);border-radius:10px;padding:14px 10px;text-align:center}
.t24z-trust-strip strong{display:block;color:var(--blue);font-size:14px;margin-bottom:2px}
.t24z-trust-strip span{color:var(--ink-dim);font-size:12.5px}

/* کارت‌ها و جدول */
.t24z-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px}
.t24z-card h3{margin-top:0}
.t24z-note{background:var(--bg-alt);border-inline-start:4px solid var(--blue);padding:12px 16px;border-radius:8px;font-size:14.5px;margin-top:10px}
.t24z-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0}
.t24z-table-wrap table{width:100%;border-collapse:collapse}
.t24z-table-wrap th,.t24z-table-wrap td{padding:11px 14px;text-align:right;font-size:14.5px;word-break:break-word}
.t24z-table-wrap thead th{background:var(--navy-800);color:#fff;font-weight:700;font-size:13.5px}
.t24z-table-wrap tbody tr:nth-child(even){background:var(--bg-alt)}
.t24z-note-under{font-size:13.5px;color:var(--ink-dim)}

/* جدول در موبایل — همچنان شکل واقعی جدول (نه کارت تک‌ردیفی)، فقط
   فونت و فاصله داخلی کوچک‌تر تا بدون نیاز به اسکرول افقی جا بگیرد */
@media (max-width:600px){
  .t24z-table-wrap th,.t24z-table-wrap td{padding:8px 6px;font-size:12.5px}
  .t24z-table-wrap thead th{font-size:11.5px}
}
@media (max-width:380px){
  .t24z-table-wrap th,.t24z-table-wrap td{padding:6px 4px;font-size:11.5px}
}

/* تماس */
.t24z-contact-card{font-style:normal;background:var(--navy-800);color:#fff;border-radius:var(--radius);padding:20px;display:grid;gap:10px;font-size:14.5px}
.t24z-contact-card a{color:var(--blue-light);font-weight:700}
.t24z-center{text-align:center;margin-top:16px}

/* لیست‌ها */
.t24z-plain{margin:0;padding-inline-start:20px}
.t24z-plain li{margin-bottom:8px}
.t24z-steps{list-style:none;margin:0;padding:0;counter-reset:step}
.t24z-steps li{counter-increment:step;position:relative;padding:12px 0;padding-inline-start:46px;border-bottom:1px dashed var(--line)}
.t24z-steps li:last-child{border-bottom:none}
.t24z-steps li:before{
  content:counter(step);position:absolute;inset-inline-start:0;top:9px;
  width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;
}

/* پوشش جغرافیایی */
.t24z-geo-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:14px 0 0;padding:0}
.t24z-geo-grid li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px}

/* FAQ */
.t24z details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden}
.t24z summary{padding:14px 18px;font-weight:700;cursor:pointer;color:var(--navy-800);list-style:none;display:flex;justify-content:space-between}
.t24z summary::-webkit-details-marker{display:none}
.t24z summary:after{content:"+";color:var(--blue);font-size:20px}
.t24z details[open] summary:after{content:"−"}
.t24z details p{padding:0 18px 16px;margin:0;color:var(--ink-dim)}

/* نوار پایین چسبان — فقط موبایل، تا با هدر دسکتاپ تداخل نداشته باشد */
.t24z-sticky{display:none}
@media (max-width:780px){
  .t24z-sticky{
    display:flex;gap:8px;position:fixed;bottom:0;inset-inline:0;z-index:60;
    background:#fff;border-top:1px solid var(--line);padding:10px 12px;
    box-shadow:0 -6px 16px rgba(0,0,0,.08);
  }
  .t24z-sticky a{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border-radius:100px;padding:11px;font-weight:700;font-size:14px}
  /* پیش‌فرض دو دکمه‌ای (برای صفحاتی که هنوز دو دکمه دارند) */
  .t24z-sticky a:first-child{border:1px solid var(--line);color:var(--navy-800)}
  .t24z-sticky a:last-child{background:var(--blue);color:#fff}
  /* دکمه تک تماس (صفحه فعلی زیلوکس از همین استفاده می‌کند) — کلاس صریح
     تا با pseudo-selector بالا تداخل نکند */
  .t24z-sticky a.t24z-sticky-call{flex:1;background:var(--blue);color:#fff;border:none}
  .t24z-hero{padding:18px 0 24px}
}

/* افزوده — ریست مارجین پیش‌فرض مرورگر روی blockquote، برای وقتی کلاس
   t24z-note روی <blockquote> به‌جای <div> استفاده می‌شود */
.t24z blockquote{margin:0}
.t24z blockquote.t24z-note p:last-child{margin-bottom:0}

/* دسترس‌پذیری فوکوس کیبورد */
.t24z a:focus-visible,
.t24z summary:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  .t24z *{transition:none !important;animation:none !important}
}

/* کارت‌های اعتماد ثابت — ۴ تصویر آماده PNG با متن داخل خودشان،
   استفاده یکسان در همه لندینگ‌ها (نه per-device) */
.t24z-badges{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 0;padding:0}
.t24z-badges li{display:flex}
.t24z-badges img{width:100%;height:auto;border-radius:14px}
@media (max-width:600px){
  .t24z-badges{grid-template-columns:repeat(2,1fr)}
}

/* عکس با کپشن — کامپوننت t24z-figure */
.t24z-figure{margin:18px 0}
.t24z-figure img{border-radius:14px;width:100%}
.t24z-figure figcaption{font-size:13px;color:var(--ink-dim);margin-top:8px;text-align:center;line-height:1.7}