/* ================================================================
   تعمیرکار 24 — Theme (tk-*)   نسخه ۲
   ایده: «کارت سرویس» — هر بلوک یک برگه کار است با لبه پرفراژ
   پالت: نفتی تیره + برنجی + کاغذ نعنایی سرد   |   RTL
   تایپ: Dana Black تیتر  |  Peyda متن
   بعد از main.css لود شود
   ================================================================ */

:root {
  --tk-ink:        #12211F;
  --tk-petrol:     #0E3A3C;
  --tk-petrol-2:   #14504F;
  /* ---- اکسنت آبی ---- */
  --tk-blue:       #2563EB;   /* آبی اصلی — دکمه ها، خطوط، آیکون ها */
  --tk-blue-dark:  #1D4ED8;   /* متن آبی روی زمینه روشن و هاور دکمه */
  --tk-blue-soft:  rgba(37, 99, 235, .10);

  /* نام های قدیمی «برنجی» به آبی وصل شده اند تا ۲۰۰ قاعده دست نخورد */
  --tk-brass:      var(--tk-blue);
  --tk-brass-dark: var(--tk-blue-dark);
  --tk-brass-soft: var(--tk-blue-soft);
  --tk-signal:     #C2402F;
  --tk-paper:      #EDF1F0;
  --tk-card:       #FFFFFF;
  --tk-rule:       #D3DCDA;
  --tk-muted:      #5B6E6C;

  --tk-container:  1160px;
  --tk-header-h:   58px;
  --tk-r:          4px;
  --tk-r-lg:       10px;
  --tk-notch:      14px;
  --tk-t:          .2s cubic-bezier(.2,.7,.3,1);

  --tk-display: 'Dana', Tahoma, sans-serif;
  --tk-body:    'Peyda', 'Dana', Tahoma, sans-serif;

  --brand:      var(--tk-petrol);
  --brand-dark: var(--tk-ink);
  --accent:     var(--tk-brass);
  --accent-dark:var(--tk-brass-dark);
  --text:       var(--tk-ink);
  --text-muted: var(--tk-muted);
  --border:     var(--tk-rule);
  --bg:         var(--tk-card);
  --bg-alt:     var(--tk-paper);
  --container:  var(--tk-container);
  --font:       var(--tk-body);
}

/* ================================================================
   نگاشت توکن های tehranbosch.css
   صفحات داخلی (page_types و پارشال های tbs-*) استایلشان از
   tehranbosch.css می آید که تقریباً کامل با متغیر کار می کند.
   با بازنویسی همین متغیرها، همه آن اجزا رنگ تعمیرکار 24 می گیرند
   و دیگر لازم نیست ۴۴۰۰ خط CSS دوباره نوشته شود.
   ================================================================ */
:root {
  --tbs-red:          var(--tk-brass);
  --tbs-red-dark:     var(--tk-brass-dark);
  --tbs-red-soft:     var(--tk-brass-soft);
  --tbs-charcoal:     var(--tk-petrol);
  --tbs-charcoal-2:   var(--tk-petrol-2);
  --tbs-steel:        #DFE6E4;
  --tbs-offwhite:     var(--tk-paper);
  --tbs-white:        #FFFFFF;
  --tbs-accent:       var(--tk-petrol);
  --tbs-accent-soft:  rgba(14, 58, 60, .10);
  --tbs-text:         var(--tk-ink);
  --tbs-text-muted:   var(--tk-muted);
  --tbs-border:       var(--tk-rule);
  --tbs-radius:       var(--tk-r);
  --tbs-radius-md:    var(--tk-r-lg);
  --tbs-container:    var(--tk-container);
  --tbs-header-h:     var(--tk-header-h);
  --tbs-pattern-red:  rgba(37, 99, 235, .05);
  --tbs-pattern-line: rgba(14, 58, 60, .07);
  --tbs-shadow-soft:  0 1px 0 rgba(18,33,31,.04), 0 10px 26px rgba(14,58,60,.07);
  --font-display:     var(--tk-display);
  --font-body:        var(--tk-body);
}

/* هدر و فوتر قدیمی tbs خاموش — نسخه tk جای آنها را گرفته */
body.tk-site .tbs-topbar,
body.tk-site .tbs-head-bar,
body.tk-site .tbs-phone-float { display: none !important; }

/* ================================================================
   پایه
   ================================================================ */
body.tk-site {
  direction: rtl;
  text-align: right;
  font-family: var(--tk-body);
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--tk-ink);
  background: var(--tk-paper);
  -webkit-font-smoothing: antialiased;
}
body.tk-site h1, body.tk-site h2, body.tk-site h3,
body.tk-site h4, body.tk-site .tk-display {
  font-family: var(--tk-display);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.35;
  color: inherit;
}

/* ---------------------------------------------------------------
   ★ نکته مهم: لینک ها رنگ را از والدشان ارث می برند.
   در نسخه اول یک قاعده کلی رنگ نفتی می داد و ویژگی اش از
   قاعده های هدر و فوتر بیشتر بود، پس لینک ها روی زمینه تیره
   نامرئی می شدند. با inherit این مشکل ریشه ای حل می شود.
   --------------------------------------------------------------- */
/* ★ ریست لینک — فقط روی لینک هایی که کلاس ندارند.
   نسخه قبلی روی همه لینک ها اثر می گذاشت و چون ویژگی اش (0,1,1) از
   قاعده های تک کلاسی مثل .share-btn (0,1,0) بیشتر بود، رنگ آنها را
   می خورد. با :not([class]) هر لینکِ کلاس دار استایل خودش را نگه می دارد. */
body.tk-site a:not([class]) { color: inherit; text-decoration: none; }

/* شبکه بندی: هر لینک کلاس داری که رنگ اختصاصی ندارد، رنگ والدش را بگیرد */
body.tk-site .tk-pick,
body.tk-site .tk-linklist a,
body.tk-site .tk-arealist a { color: inherit; }

/* دکمه های اشتراک گذاری همیشه سفید روی زمینه رنگی خودشان */
body.tk-site .share-btn { color: #fff; }

/* ★ اصلاح ریشه ای: هر عنصری که attribute hidden دارد باید پنهان بماند،
   حتی اگر کلاسش display دیگری ست کرده باشد. */
body.tk-site [hidden] { display: none !important; }

/* لینک های داخل متن، رنگ اختصاصی */
body.tk-site .section-content a,
body.tk-site .tk-about-text a,
body.tk-site .page-content a {
  color: var(--tk-brass-dark);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.tk-site .section-content a:hover,
body.tk-site .tk-about-text a:hover,
body.tk-site .page-content a:hover { color: var(--tk-petrol); }

.tk-wrap { max-width: var(--tk-container); margin: 0 auto; padding: 0 20px; }

.tk-num {
  font-family: var(--tk-display);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: 0;
  direction: ltr;
  unicode-bidi: isolate;
}

.tk-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--tk-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--tk-muted);
  margin-bottom: 8px;
}
.tk-eyebrow::before {
  content: "";
  width: 24px; height: 2px;
  background: var(--tk-brass);
  flex-shrink: 0;
}

/* خط جدا شونده — امضای طرح */
.tk-tear {
  border: 0;
  border-top: 2px dashed var(--tk-rule);
  margin: 0;
  position: relative;
}
.tk-tear::before, .tk-tear::after {
  content: "";
  position: absolute; top: 50%;
  width: var(--tk-notch); height: var(--tk-notch);
  background: var(--tk-paper);
  border-radius: 50%;
  transform: translateY(-50%);
}
.tk-tear::before { right: calc(var(--tk-notch) * -0.5); }
.tk-tear::after  { left:  calc(var(--tk-notch) * -0.5); }

.tk-card {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
}

/* دکمه ها */
.tk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--tk-display);
  font-weight: 800;
  font-size: 15px;
  padding: 13px 24px;
  border-radius: var(--tk-r);
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--tk-t);
  line-height: 1;
  white-space: nowrap;
}
body.tk-site .tk-btn-primary { background: var(--tk-blue); color: #fff; }
body.tk-site .tk-btn-primary:hover { background: var(--tk-blue-dark); color: #fff; }
body.tk-site .tk-btn-ghost { background: transparent; color: var(--tk-ink); border-color: var(--tk-ink); }
body.tk-site .tk-btn-ghost:hover { background: var(--tk-ink); color: #fff; }
body.tk-site .tk-btn-call { background: var(--tk-signal); color: #fff; }
body.tk-site .tk-btn-call:hover { background: #A83325; color: #fff; }
body.tk-site .tk-btn-light { background: #fff; color: var(--tk-petrol); }
.tk-btn:focus-visible { outline: 3px solid var(--tk-brass); outline-offset: 3px; }

/* ================================================================
   هدر — سطر برند (در جریان)  +  نوار منوی چسبان
   بدون تگ دورگیر، تا والدِ نوار چسبان خودِ body باشد.
   ================================================================ */
.tk-vh {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap;
}
.tk-hdr-sentinel { display: block; height: 1px; margin-top: -1px; }

/* ---------- سطر برند ---------- */
.tk-hdr-brand { background: #fff; border-bottom: 1px solid var(--tk-rule); }
.tk-hdr-brand-in { min-height: 76px; display: flex; align-items: center; gap: 18px; }

.tk-logo { display: flex; align-items: center; gap: 11px; flex-shrink: 0; }
.tk-logo img { height: 48px; width: auto; display: block; }
body.tk-site .tk-logo-txt {
  font-family: var(--tk-display); font-weight: 900;
  font-size: 21px; letter-spacing: -.03em; line-height: 1.25;
  color: var(--tk-petrol);
}
.tk-logo-sub {
  display: block; font-family: var(--tk-body); font-weight: 400;
  font-size: 11.5px; letter-spacing: 0; color: var(--tk-brass-dark);
}

/* ---------- جستجو ---------- */
.tk-search {
  flex: 1 1 280px; max-width: 470px;
  display: flex; align-items: stretch;
  background: var(--tk-paper);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  overflow: hidden; transition: var(--tk-t);
}
.tk-search:focus-within { border-color: var(--tk-brass); background: #fff; }
.tk-search-ico { display: grid; place-items: center; width: 42px; color: var(--tk-muted); font-size: 15px; flex-shrink: 0; }
.tk-search input {
  flex: 1; min-width: 0; border: 0; background: none;
  font-family: var(--tk-body); font-size: 14.5px; color: var(--tk-ink); padding: 11px 0;
}
.tk-search input::placeholder { color: #9AA9A7; }
.tk-search input:focus { outline: none; }
.tk-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.tk-search button {
  flex-shrink: 0; border: 0; cursor: pointer; padding: 0 18px;
  background: var(--tk-petrol); color: #fff;
  font-family: var(--tk-display); font-weight: 800; font-size: 14px;
  transition: var(--tk-t);
}
.tk-search button:hover { background: var(--tk-blue); color: #fff; }

.tk-hdr-side { margin-inline-start: auto; display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
body.tk-site .tk-header-tel {
  display: flex; flex-direction: column; align-items: flex-start;
  line-height: 1.3; color: var(--tk-petrol);
}
body.tk-site .tk-header-tel span { font-size: 11px; color: var(--tk-muted); }
body.tk-site .tk-header-tel strong { font-size: 18.5px; color: var(--tk-petrol); }
body.tk-site .tk-header-tel:hover strong { color: var(--tk-signal); }

/* ---------- نوار چسبان ---------- */
.tk-hdr-nav {
  position: sticky; top: 0; z-index: 60;
  background: #fff;
  border-bottom: 3px solid var(--tk-brass);
  transition: box-shadow .2s;
}
body.tk-stuck .tk-hdr-nav { box-shadow: 0 6px 20px rgba(14, 58, 60, .13); }
.tk-hdr-nav-in { min-height: 54px; display: flex; align-items: center; gap: 8px; }

.tk-logo-mini { display: none; }
.tk-logo-mini img { height: 34px; }
.tk-logo-mini .tk-logo-txt { font-size: 17px; }
.tk-logo-mini .tk-logo-sub { display: none; }
body.tk-stuck .tk-logo-mini { display: flex; margin-inline-end: 12px; }

/* منو */
.tk-nav { display: flex; align-items: center; gap: 2px; padding: 0; margin-block: 0; }
.tk-nav > li { position: relative; list-style: none; }
body.tk-site .tk-nav > li > a {
  display: flex; align-items: center; gap: 5px;
  padding: 11px 13px; font-size: 14.5px; font-weight: 600;
  color: var(--tk-ink); border-radius: var(--tk-r); transition: var(--tk-t);
}
body.tk-site .tk-nav > li > a:hover { background: var(--tk-paper); color: var(--tk-petrol); }
body.tk-site .tk-nav > li:hover > a { color: var(--tk-brass-dark); }
.tk-nav-arr { font-size: 9px; color: var(--tk-muted); }

.tk-nav .tk-sub {
  position: absolute; top: calc(100% + 3px); right: 0;
  --cols: 1;
  width: max-content; max-width: min(92vw, 900px); min-width: 250px;
  display: grid; grid-template-columns: repeat(var(--cols), minmax(210px, 1fr)); gap: 0 4px;
  background: #fff;
  border: 1px solid var(--tk-rule);
  border-top: 3px solid var(--tk-brass);
  border-radius: var(--tk-r-lg);
  padding: 6px; margin: 0;
  box-shadow: 0 20px 44px rgba(14,58,60,.22);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: var(--tk-t); z-index: 5;
}
.tk-nav > li:hover > .tk-sub,
.tk-nav > li:focus-within > .tk-sub { opacity: 1; visibility: visible; transform: none; }
.tk-sub li { list-style: none; break-inside: avoid; }
body.tk-site .tk-sub a { display: block; padding: 8px 12px; color: var(--tk-ink); font-size: 14px; border-radius: var(--tk-r); }
body.tk-site .tk-sub a:hover { background: var(--tk-brass-soft); }

/* دکمه های آیکونی */
.tk-nav-side { margin-inline-start: auto; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
/* دکمه های آیکونی — بدون قاب، هم اندازه و هم شکل همبرگر */
.tk-iconbtn {
  width: 42px; height: 42px;
  display: none;
  align-items: center; justify-content: center;
  border: 0;
  background: none;
  border-radius: var(--tk-r);
  color: var(--tk-petrol);
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  transition: background .15s, color .15s;
  -webkit-tap-highlight-color: transparent;
}
.tk-iconbtn:hover, .tk-iconbtn:focus-visible { background: var(--tk-paper); }
.tk-iconbtn i { display: block; }
body.tk-site .tk-searchbtn[aria-expanded="true"] { background: var(--tk-brass-soft); color: var(--tk-brass-dark); }

/* دکمه تماس — تنها دکمه رنگی نوار، چون کنش اصلی است */
body.tk-site .tk-callbtn {
  background: var(--tk-signal);
  color: #fff;
  border-radius: 50%;
  width: 40px; height: 40px;
  font-size: 15px;
}
body.tk-site .tk-callbtn:hover { background: #A83325; color: #fff; }
.tk-nav-cta { display: none; }
body.tk-stuck .tk-searchbtn { display: inline-flex; }
body.tk-stuck .tk-nav-cta { display: inline-flex; padding: 10px 18px; font-size: 14px; }

/* ---------- همبرگر: سه خط، استاندارد جهانی ---------- */
.tk-burger {
  display: none;
  align-items: center; justify-content: center;
  width: 42px; height: 42px;
  background: none;
  border: 0;
  color: var(--tk-petrol);
  border-radius: var(--tk-r);
  cursor: pointer; flex-shrink: 0;
  transition: background .15s, color .15s;
  -webkit-tap-highlight-color: transparent;
}
.tk-burger:hover, .tk-burger:focus-visible { background: var(--tk-paper); }
.tk-burger.is-open { color: var(--tk-brass-dark); }

.tk-burger-bars {
  position: relative;
  width: 22px; height: 2.5px;
  background: currentColor; border-radius: 2px;
  transition: background .14s;
}
.tk-burger-bars::before,
.tk-burger-bars::after {
  content: ""; position: absolute; inset-inline: 0;
  height: 2.5px; background: currentColor; border-radius: 2px;
  transition: transform .24s cubic-bezier(.2,.7,.3,1);
}
.tk-burger-bars::before { top: -7px; }
.tk-burger-bars::after  { top: 7px; }
.tk-burger.is-open .tk-burger-bars { background: transparent; }
.tk-burger.is-open .tk-burger-bars::before { transform: translateY(7px) rotate(45deg); }
.tk-burger.is-open .tk-burger-bars::after  { transform: translateY(-7px) rotate(-45deg); }

/* ---------- جستجوی بازشدنی زیر نوار ---------- */
.tk-hdr-searchdrop {
  max-height: 0; overflow: hidden;
  background: #fff;
  transition: max-height .24s cubic-bezier(.2,.7,.3,1);
}
body.tk-search-open .tk-hdr-searchdrop { max-height: 76px; border-top: 1px solid var(--tk-rule); }
.tk-search-drop { max-width: var(--tk-container); margin: 13px auto; padding: 0; }

@media (prefers-reduced-motion: reduce) {
  .tk-hdr-searchdrop, .tk-burger-bars, .tk-burger-bars::before, .tk-burger-bars::after { transition: none; }
}

/* ================================================================
   موبایل — یک نوار چسبان و بس
   سطر برند کامل پنهان می شود تا دو لوگو و شلوغی نداشته باشیم.
   ================================================================ */
@media (max-width: 980px) {
  .tk-hdr-brand { display: none; }
  .tk-nav { display: none; }
  .tk-burger { display: inline-flex; }
  .tk-logo-mini { display: flex; }
  .tk-logo-mini img { height: 36px; }
  .tk-logo-mini .tk-logo-txt { font-size: 17px; }
  .tk-logo-mini .tk-logo-sub { display: block; font-size: 10.5px; }
  .tk-searchbtn, .tk-callbtn { display: inline-flex; }
  .tk-nav-cta { display: none !important; }
  .tk-hdr-nav-in { min-height: 60px; gap: 10px; }
  .tk-search-drop { margin: 11px 0; }
}

@media (max-width: 480px) {
  .tk-logo-mini img { height: 32px; }
  .tk-logo-mini .tk-logo-txt { font-size: 15.5px; }
  .tk-iconbtn { width: 36px; height: 36px; }
  .tk-hdr-nav-in { gap: 8px; }
}

/* ================================================================
   هیرو — کارت درخواست سرویس  ★ امضا
   ================================================================ */
.tk-hero { padding: 40px 0 52px; }
.tk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
  gap: 22px;
  align-items: start;
}

.tk-ticket {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(18,33,31,.04), 0 20px 44px rgba(14,58,60,.09);
}
.tk-ticket-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 22px;
  background: var(--tk-petrol);
  color: #fff;
}
.tk-ticket-head b { font-family: var(--tk-display); font-weight: 800; font-size: 13.5px; }
.tk-status { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: rgba(255,255,255,.88); }
.tk-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--tk-brass); animation: tk-pulse 2.4s infinite; }
@keyframes tk-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(37,99,235,.60); }
  70%  { box-shadow: 0 0 0 9px rgba(37,99,235,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
}

.tk-ticket-body { padding: 30px 26px 26px; }
.tk-ticket-body h1 { font-size: clamp(26px, 3.9vw, 40px); margin: 0 0 12px; }
.tk-ticket-lead { font-size: 16px; color: var(--tk-muted); margin: 0 0 24px; max-width: 56ch; }

.tk-quick { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; }
.tk-field label {
  display: block;
  font-family: var(--tk-display);
  font-weight: 700; font-size: 12px;
  color: var(--tk-muted);
  margin-bottom: 6px;
}
.tk-field input, .tk-field textarea, .tk-field select {
  width: 100%;
  font-family: var(--tk-body);
  font-size: 15px;
  color: var(--tk-ink);
  background: var(--tk-paper);
  border: 1px solid var(--tk-rule);
  border-bottom: 2px solid var(--tk-rule);
  border-radius: var(--tk-r);
  padding: 12px 14px;
  transition: var(--tk-t);
}
.tk-field input::placeholder, .tk-field textarea::placeholder { color: #9AA9A7; }
.tk-field input:focus, .tk-field textarea:focus {
  outline: none; background: #fff; border-bottom-color: var(--tk-brass);
}
.tk-quick .tk-btn { height: 47px; }

.tk-or { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 16px; font-size: 14px; color: var(--tk-muted); }
body.tk-site .tk-or a { font-size: 20px; color: var(--tk-signal); }
body.tk-site .tk-or a:hover { color: #A83325; }

.tk-ticket-foot { display: grid; grid-template-columns: repeat(3, 1fr); padding: 20px 26px 24px; }
.tk-ticket-foot > div { text-align: center; }
.tk-ticket-foot > div + div { border-inline-start: 1px dashed var(--tk-rule); }
.tk-ticket-foot strong { display: block; font-size: 26px; color: var(--tk-petrol); }
.tk-ticket-foot span { font-size: 12.5px; color: var(--tk-muted); }

/* ستون کناری — فهرست دستگاه ها */
.tk-picker { padding: 20px 20px 16px; }
.tk-picker h2 { font-size: 17px; margin: 0 0 3px; }
.tk-picker > p { font-size: 13px; color: var(--tk-muted); margin: 0 0 14px; }
.tk-picker-list { display: flex; flex-direction: column; }
.tk-pick {
  display: flex; align-items: center; gap: 10px;
  padding: 10px;
  margin: 0 -10px;
  border-radius: var(--tk-r);
  font-size: 14.5px;
  border-bottom: 1px dashed var(--tk-rule);
  transition: var(--tk-t);
}
.tk-pick:last-of-type { border-bottom: 0; }
.tk-pick-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--tk-rule);
  flex-shrink: 0;
  transition: var(--tk-t);
}
body.tk-site .tk-pick-arr { margin-inline-start: auto; color: var(--tk-rule); font-size: 13px; transition: var(--tk-t); }
.tk-pick:hover { background: var(--tk-brass-soft); }
.tk-pick:hover .tk-pick-dot { background: var(--tk-brass); transform: scale(1.5); }
.tk-pick:hover .tk-pick-arr { color: var(--tk-brass-dark); transform: translateX(-3px); }
body.tk-site .tk-picker-all {
  display: block; text-align: center;
  margin-top: 14px; padding: 11px;
  border: 1px dashed var(--tk-rule);
  border-radius: var(--tk-r);
  font-family: var(--tk-display); font-weight: 800; font-size: 14px;
  color: var(--tk-petrol);
}
.tk-picker-all:hover { border-color: var(--tk-brass); background: var(--tk-brass-soft); }

/* ================================================================
   بلوک عمومی
   ================================================================ */
.tk-block { padding: 52px 0; }
.tk-block-head { margin-bottom: 26px; }
.tk-block-head h2 { font-size: clamp(22px, 3vw, 30px); margin: 0 0 6px; }
.tk-block-head p { color: var(--tk-muted); margin: 0; font-size: 15px; }

/* ================================================================
   خدمات
   ================================================================ */
/* کارت های مستقل با فاصله.
   ★ align-items پیش فرض (stretch) عمداً حفظ شده: کارت های یک ردیف
     هم ارتفاع می شوند و کفشان هم تراز می ماند. با start، هر کارت به
     اندازه محتوای خودش بود و ردیف به هم ریخته دیده می شد.
     چیپ ها با margin-top:auto به کف کارت می چسبند تا خط پایینی
     همه کارت های یک ردیف روی یک تراز بیفتد. */
.tk-services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.tk-service {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  position: relative; overflow: hidden;
  min-width: 0;
  display: flex; flex-direction: column;
  transition: var(--tk-t);
}
.tk-service:hover { border-color: var(--tk-blue); box-shadow: 0 10px 24px rgba(14,58,60,.09); }
.tk-service-main {
  display: flex; align-items: center; gap: 13px;
  padding: 17px 18px;
  min-width: 0;
  text-decoration: none;
  position: relative; z-index: 1;
  flex: 0 0 auto;               /* عنوان همیشه بالای کارت */
}
/* چیپ برندها — لینک های کوچک زیر هر خدمت */
.tk-service-brands {
  display: flex; flex-wrap: wrap; gap: 5px;
  margin: auto 16px 0;          /* auto بالا → به کف کارت می چسبد */
  padding: 12px 0 14px;
  border-top: 1px dashed var(--tk-rule);
  position: relative; z-index: 1;
}
body.tk-site .tk-service-brands a {
  display: inline-block;
  padding: 3px 9px;
  font-size: 12px;
  line-height: 1.75;
  color: var(--tk-muted);
  background: #fff;
  border: 1px solid var(--tk-rule);
  border-radius: 100px;
  text-decoration: none;
  transition: var(--tk-t);
}
body.tk-site .tk-service-brands a:hover {
  border-color: var(--tk-blue);
  color: var(--tk-blue-dark);
  background: var(--tk-blue-soft);
}
.tk-service::after {
  content: "";
  position: absolute; inset: 0 100% 0 0;
  background: var(--tk-brass-soft);
  transition: inset .3s cubic-bezier(.2,.7,.3,1);
}
.tk-service:hover::after { inset: 0; }

.tk-service-icon {
  width: 44px; height: 44px;
  display: grid; place-items: center;
  border: 1.5px solid var(--tk-rule);
  border-radius: 50%;
  color: var(--tk-petrol);
  font-size: 17px;
  flex-shrink: 0;
  background: #fff;
  transition: var(--tk-t);
}
.tk-service:hover .tk-service-icon { border-color: var(--tk-brass); color: var(--tk-brass-dark); }
.tk-service-txt { min-width: 0; }
.tk-service-txt b {
  font-family: var(--tk-display); font-weight: 800; font-size: 15.5px;
  display: block; line-height: 1.5;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tk-service-txt span { font-size: 12.5px; color: var(--tk-muted); }
body.tk-site .tk-service-go { margin-inline-start: auto; color: var(--tk-rule); flex-shrink: 0; transition: var(--tk-t); }
.tk-service:hover .tk-service-go { color: var(--tk-brass-dark); transform: translateX(-4px); }

/* ================================================================
   معرفی + ویدیو
   ================================================================ */
.tk-about { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 40px; align-items: center; }
.tk-about--nomedia { grid-template-columns: 1fr; max-width: 880px; }
.tk-about-media { position: relative; }
.tk-about-media::before {
  content: "";
  position: absolute; inset: 16px -16px -16px 16px;
  border: 2px solid var(--tk-brass);
  border-radius: var(--tk-r-lg);
  z-index: 0;
}
.tk-about-media video, .tk-about-media img, .tk-about-media iframe {
  position: relative; z-index: 1;
  width: 100%; display: block;
  border-radius: var(--tk-r-lg);
  background: var(--tk-ink);
}
.tk-about-text h2 { font-size: clamp(21px, 2.6vw, 28px); margin: 0 0 14px; }
.tk-about-text p { margin: 0 0 14px; }
.tk-about-text > .tk-btn { margin-top: 6px; }

/* ================================================================
   فرایند
   ================================================================ */
.tk-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: tkstep; }
.tk-step {
  padding: 26px 20px 24px;
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-inline-start: 0;
  position: relative;
}
.tk-step:first-child { border-inline-start: 1px solid var(--tk-rule); border-radius: 0 var(--tk-r-lg) var(--tk-r-lg) 0; }
.tk-step:last-child  { border-radius: var(--tk-r-lg) 0 0 var(--tk-r-lg); }
.tk-step::before {
  counter-increment: tkstep;
  content: counter(tkstep);
  font-family: var(--tk-display); font-weight: 900;
  font-size: 44px; line-height: 1;
  color: var(--tk-brass); opacity: .22;
  position: absolute; top: 14px; left: 18px;
}
.tk-step h3 { font-size: 16px; margin: 0 0 7px; }
.tk-step p { font-size: 13.5px; color: var(--tk-muted); margin: 0; line-height: 1.85; }

/* ================================================================
   مقالات
   ================================================================ */
.tk-posts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.tk-post {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: var(--tk-t);
}
.tk-post:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(14,58,60,.11); border-color: var(--tk-brass); }
.tk-post-img { aspect-ratio: 16/10; background: var(--tk-paper); overflow: hidden; display: block; }
.tk-post-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tk-post-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.tk-post-date { font-size: 11.5px; color: var(--tk-muted); }
.tk-post h3 { font-size: 15px; margin: 0; line-height: 1.6; }
.tk-post p { font-size: 13px; color: var(--tk-muted); margin: 0; }
body.tk-site .tk-post-more { margin-top: auto; padding-top: 6px; font-size: 13px; font-weight: 700; color: var(--tk-brass-dark); }
.tk-posts-more { text-align: center; margin-top: 26px; }

/* ================================================================
   فرم درخواست
   ================================================================ */
.tk-request { background: var(--tk-petrol); padding: 54px 0; color: #fff; }
.tk-request .tk-block-head p { color: rgba(255,255,255,.72); }
.tk-request .tk-eyebrow { color: rgba(255,255,255,.72); }
.tk-request-card { padding: 26px; color: var(--tk-ink); }
.tk-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tk-form-grid .tk-field-full { grid-column: 1 / -1; }
.tk-form-actions { margin-top: 20px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.tk-form-note { font-size: 13px; color: var(--tk-muted); }

/* ================================================================
   فوتر
   ================================================================ */
.tk-footer { background: var(--tk-petrol); color: rgba(255,255,255,.8); padding: 46px 0 0; }
body.tk-site .tk-footer a:hover { color: var(--tk-brass); }
.tk-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1.1fr; gap: 34px; }
.tk-footer h3 {
  color: #fff; font-size: 15px; margin: 0 0 14px;
  padding-bottom: 9px;
  border-bottom: 2px dashed rgba(255,255,255,.2);
}
.tk-footer p { margin: 0 0 12px; font-size: 14px; }
.tk-footer ul { list-style: none; padding: 0; margin: 0; }
.tk-footer li { padding: 5px 0; font-size: 14px; }
.tk-footer-bar {
  margin-top: 34px;
  border-top: 1px solid rgba(255,255,255,.13);
  padding: 16px 0;
  font-size: 13px;
  display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  color: rgba(255,255,255,.6);
}
.tk-social { display: flex; gap: 9px; margin-top: 6px; }
body.tk-site .tk-social a {
  width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.24);
  color: #fff; font-size: 15px;
  transition: var(--tk-t);
}
body.tk-site .tk-social a:hover { background: var(--tk-blue); border-color: var(--tk-blue); color: #fff; }

/* ================================================================
   کشوی موبایل — در RTL از راست باز می شود
   ================================================================ */
.tk-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(88vw, 330px);
  background: var(--tk-card);
  z-index: 100;
  overflow-y: auto;
  padding-bottom: 24px;
  box-shadow: -8px 0 34px rgba(14,58,60,.26);
  animation: tk-slide-in .24s cubic-bezier(.2,.7,.3,1);
}
@keyframes tk-slide-in { from { transform: translateX(100%); } to { transform: none; } }
.tk-drawer[hidden] { display: none; }
.tk-drawer-top {
  display: flex; align-items: center; justify-content: space-between;
  padding: 15px 18px;
  background: var(--tk-petrol); color: #fff;
  font-family: var(--tk-display); font-weight: 900;
  position: sticky; top: 0;
}
.tk-drawer-close { background: none; border: 0; color: #fff; font-size: 19px; cursor: pointer; padding: 4px 8px; }
.tk-drawer ul { list-style: none; padding: 0; margin: 0; }
body.tk-site .tk-drawer > ul > li > a {
  display: block; padding: 13px 18px;
  font-family: var(--tk-display); font-weight: 800; font-size: 15px;
  border-bottom: 1px dashed var(--tk-rule);
  color: var(--tk-ink);
}
body.tk-site .tk-drawer ul ul a {
  display: block; padding: 10px 32px;
  font-size: 14px; color: var(--tk-muted);
  border-bottom: 1px dashed var(--tk-rule);
}
.tk-drawer-foot { padding: 18px; display: grid; gap: 10px; }
.tk-drawer-veil { position: fixed; inset: 0; background: rgba(14,58,60,.55); z-index: 99; }
.tk-drawer-veil[hidden] { display: none; }

body.tk-site .tk-skip-link {
  position: absolute; right: -9999px; top: 0;
  background: var(--tk-blue); color: #fff;
  padding: 10px 18px; z-index: 200; font-weight: 800;
}
.tk-skip-link:focus { right: 12px; top: 12px; }

/* نوار تماس چسبان موبایل */
.tk-mobilebar { display: none; }

/* ================================================================
   نوار چسبان پایین موبایل — در همه صفحات
   نقطه شکست ۹۸۰ است تا با حالت موبایل هدر یکی باشد،
   وگرنه بین ۶۴۰ و ۹۸۰ هیچ دکمه اقدامی روی صفحه نبود.
   ================================================================ */
@media (max-width: 980px) {
  .tk-mobilebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: fixed; inset: auto 0 0 0;
    z-index: 90;
    box-shadow: 0 -6px 22px rgba(14,58,60,.20);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .tk-mobilebar a {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 8px;
    font-family: var(--tk-display); font-weight: 800; font-size: 15px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .tk-mobilebar a i { font-size: 15px; }
  .tk-mobilebar a:active { filter: brightness(.93); }
  body.tk-site .tk-mobilebar a.tk-mb-call { background: var(--tk-signal); color: #fff; }
  body.tk-site .tk-mobilebar a.tk-mb-form { background: var(--tk-blue); color: #fff; }
  body.tk-site { padding-bottom: 58px; }
}
@media (max-width: 380px) {
  .tk-mobilebar a { font-size: 13.5px; gap: 6px; padding: 13px 4px; }
}

/* ================================================================
   ریسپانسیو
   ================================================================ */
@media (max-width: 1100px) {
  .tk-nav > li > a { padding: 10px 9px; font-size: 13.5px; }
  .tk-header-tel { display: none; }
}

@media (max-width: 1024px) {
  .tk-hero-grid { grid-template-columns: 1fr; }
  .tk-services  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tk-about { grid-template-columns: 1fr; gap: 26px; }
  .tk-about-media::before { inset: 12px -12px -12px 12px; }
  .tk-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .tk-step, .tk-step:first-child, .tk-step:last-child {
    border: 1px solid var(--tk-rule); border-radius: var(--tk-r-lg);
  }
  .tk-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tk-footer-grid { grid-template-columns: 1fr 1fr; }
  .tk-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  :root { --tk-header-h: 60px; }
  .tk-hdr-brand .tk-logo img { height: 38px; }

  .tk-hero { padding: 22px 0 30px; }
  .tk-ticket-head { padding: 10px 16px; }
  .tk-ticket-body { padding: 22px 18px 20px; }
  .tk-ticket-body h1 { font-size: 25px; }
  .tk-ticket-lead { font-size: 15px; margin-bottom: 20px; }
  .tk-quick { grid-template-columns: 1fr; gap: 14px; }
  .tk-quick .tk-btn { width: 100%; }
  .tk-ticket-foot { padding: 16px 14px 20px; }
  .tk-ticket-foot strong { font-size: 22px; }
  .tk-ticket-foot span { font-size: 11.5px; }

  .tk-services { grid-template-columns: 1fr; }

  .tk-steps, .tk-posts, .tk-footer-grid, .tk-form-grid { grid-template-columns: 1fr; }
  .tk-block { padding: 34px 0; }
  .tk-request { padding: 36px 0; }
  .tk-request-card { padding: 18px; }
  .tk-footer-bar { flex-direction: column; gap: 6px; }


}

@media (prefers-reduced-motion: reduce) {
  body.tk-site *, body.tk-site *::before, body.tk-site *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* ================================================================
   بخش های داخلی صفحه (page_sections)
   ================================================================ */
body.tk-site .page-section { margin: 0 0 30px; }
body.tk-site .section-title {
  font-size: clamp(19px, 2.4vw, 24px);
  margin: 0 0 12px;
  padding-inline-start: 14px;
  border-inline-start: 4px solid var(--tk-brass);
}
body.tk-site .section-content img { max-width: 100%; height: auto; border-radius: var(--tk-r); }
body.tk-site .section-video video,
body.tk-site .section-video iframe { width: 100%; border-radius: var(--tk-r-lg); background: var(--tk-ink); }

body.tk-site .faq2-item { border-bottom: 1px dashed var(--tk-rule); }
body.tk-site .faq2-q {
  width: 100%; text-align: right; background: none; border: 0; cursor: pointer;
  font-family: var(--tk-display); font-weight: 800; font-size: 15.5px;
  padding: 15px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  color: var(--tk-ink);
}
body.tk-site .faq2-icon {
  width: 22px; height: 22px; flex-shrink: 0;
  border: 1.5px solid var(--tk-rule); border-radius: 50%;
  position: relative; transition: var(--tk-t);
}
body.tk-site .faq2-icon::before,
body.tk-site .faq2-icon::after {
  content: ""; position: absolute; inset: 50% 25%; height: 1.5px;
  background: var(--tk-petrol); transform: translateY(-50%); transition: var(--tk-t);
}
body.tk-site .faq2-icon::after { transform: translateY(-50%) rotate(90deg); }
body.tk-site .faq2-q[aria-expanded="true"] .faq2-icon { border-color: var(--tk-blue); background: var(--tk-blue); }
body.tk-site .faq2-q[aria-expanded="true"] .faq2-icon::after { transform: translateY(-50%) rotate(0deg); }

/* ================================================================
   محتوای مقاله — یکسان سازی تایپوگرافی و تصاویر
   دو رَپر وجود دارد: .page-content (متن اصلی صفحه) و
   .section-content (بخش های dakheli). قبلاً استایلشان یکی نبود.
   ================================================================ */
body.tk-site .page-content,
body.tk-site .section-content {
  font-family: var(--tk-body);
  font-size: 15.5px;
  line-height: 1.95;
  color: var(--tk-ink);
}
body.tk-site .page-content p,
body.tk-site .section-content p,
body.tk-site .page-content div,
body.tk-site .section-content div { margin: 0 0 14px; }
body.tk-site .page-content li,
body.tk-site .section-content li { margin: 0 0 8px; }
body.tk-site .page-content strong,
body.tk-site .page-content b,
body.tk-site .section-content strong,
body.tk-site .section-content b { font-weight: 800; color: var(--tk-petrol); }
body.tk-site .page-content h2,
body.tk-site .section-content h2 { font-size: clamp(19px, 2.3vw, 23px); margin: 26px 0 12px; }
body.tk-site .page-content h3,
body.tk-site .section-content h3 { font-size: 17px; margin: 20px 0 10px; }

/* خنثی کردن سایز و رنگ های inline محتوای سایت قدیم
   (علت اختلاف سایز و رنگ متن ها در بعضی صفحات) */
body.tk-site .page-content [style*="font-size"],
body.tk-site .section-content [style*="font-size"],
body.tk-site .page-content font[size],
body.tk-site .section-content font[size] { font-size: inherit !important; }
body.tk-site .page-content [style*="font-family"],
body.tk-site .section-content [style*="font-family"],
body.tk-site .page-content font[face],
body.tk-site .section-content font[face] { font-family: inherit !important; }
body.tk-site .page-content :not(a)[style*="color"],
body.tk-site .section-content :not(a)[style*="color"],
body.tk-site .page-content font[color],
body.tk-site .section-content font[color] { color: inherit !important; }
body.tk-site .page-content [style*="line-height"],
body.tk-site .section-content [style*="line-height"] { line-height: inherit !important; }

/* تصاویر داخل محتوا — همیشه وسط چین */
body.tk-site .page-content img,
body.tk-site .section-content img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 22px auto;
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  background: var(--tk-card);
}
body.tk-site .page-content img[align],
body.tk-site .section-content img[align],
body.tk-site .page-content img[style*="float"],
body.tk-site .section-content img[style*="float"] { float: none !important; }
body.tk-site .page-content p:has(> img),
body.tk-site .section-content p:has(> img),
body.tk-site .page-content div:has(> img),
body.tk-site .section-content div:has(> img) { text-align: center; }
body.tk-site .page-content figure,
body.tk-site .section-content figure { margin: 22px auto; text-align: center; }
body.tk-site .page-content figcaption,
body.tk-site .section-content figcaption {
  font-size: 13px; color: var(--tk-muted); margin-top: 8px;
}
/* جدول ها */
body.tk-site .page-content table,
body.tk-site .section-content table {
  width: 100%; border-collapse: collapse; margin: 20px 0;
  font-size: 14.5px; display: block; overflow-x: auto;
}
body.tk-site .page-content th, body.tk-site .page-content td,
body.tk-site .section-content th, body.tk-site .section-content td {
  border: 1px solid var(--tk-rule); padding: 9px 12px;
}
body.tk-site .page-content th,
body.tk-site .section-content th { background: var(--tk-paper); font-weight: 800; }

/* ================================================================
   فرم مشترک
   ================================================================ */
.tk-form-err {
  margin-top: 12px; padding: 11px 14px;
  background: #FBEAE7; border-inline-start: 4px solid var(--tk-signal);
  border-radius: var(--tk-r); font-size: 14px; color: #8E2B1F;
}
.tk-form-ok {
  display: flex; align-items: flex-start; gap: 13px;
  padding: 18px 20px;
  background: #E8F3EC; border-inline-start: 4px solid #2E7D4F;
  border-radius: var(--tk-r-lg);
}
.tk-form-ok-mark {
  width: 30px; height: 30px; flex-shrink: 0;
  display: grid; place-items: center;
  background: #2E7D4F; color: #fff; border-radius: 50%;
  font-size: 15px; font-weight: 700;
}
.tk-form-ok b { display: block; font-family: var(--tk-display); font-size: 16px; }
.tk-form-ok p { margin: 4px 0 0; font-size: 14px; color: #2F4A3B; }
.tk-cap-row {
  display: flex; align-items: center; gap: 8px;
  font-size: 15px;
}
.tk-cap-row input[type=number] { width: 82px; }
.tk-cap-new {
  background: var(--tk-paper); border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r); width: 38px; height: 38px;
  cursor: pointer; font-size: 17px; color: var(--tk-petrol);
}

/* ================================================================
   مدال درخواست
   ================================================================ */
.tk-modal { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; }
.tk-modal[hidden] { display: none; }
.tk-modal-veil { position: absolute; inset: 0; background: rgba(9, 30, 31, .62); backdrop-filter: blur(2px); }
.tk-modal-box {
  position: relative;
  width: 100%; max-width: 620px;
  max-height: calc(100dvh - 40px);
  display: flex; flex-direction: column;
  background: var(--tk-card);
  border-radius: var(--tk-r-lg);
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(9, 30, 31, .4);
  animation: tk-modal-in .22s cubic-bezier(.2,.7,.3,1);
}
@keyframes tk-modal-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
.tk-modal-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
  padding: 15px 20px;
  background: var(--tk-petrol); color: #fff;
  flex-shrink: 0;
}
.tk-modal-eyebrow { display: block; font-size: 11.5px; color: var(--tk-brass); }
.tk-modal-head b { font-family: var(--tk-display); font-weight: 900; font-size: 18px; }
.tk-modal-close {
  background: rgba(255,255,255,.12); border: 0; color: #fff;
  width: 34px; height: 34px; border-radius: var(--tk-r);
  font-size: 15px; cursor: pointer; flex-shrink: 0;
}
.tk-modal-close:hover { background: rgba(255,255,255,.24); }
.tk-modal-body { padding: 20px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.tk-modal-lead { margin: 0 0 18px; font-size: 14.5px; color: var(--tk-muted); }
.tk-modal .tk-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tk-modal .tk-form-actions { margin-top: 18px; }

@media (max-width: 640px) {
  .tk-modal { padding: 0; place-items: end stretch; }
  .tk-modal-box {
    max-width: none;
    max-height: 92dvh;
    border-radius: var(--tk-r-lg) var(--tk-r-lg) 0 0;
    animation: tk-sheet-in .24s cubic-bezier(.2,.7,.3,1);
  }
  @keyframes tk-sheet-in { from { transform: translateY(100%); } to { transform: none; } }
  .tk-modal .tk-form-grid { grid-template-columns: 1fr; }
  .tk-modal-body { padding: 16px 16px 26px; }
  .tk-modal .tk-form-actions { flex-direction: column; align-items: stretch; }
  .tk-modal .tk-form-actions .tk-btn { width: 100%; }
}

/* دکمه CTA صفحات خدمات — حالا button است نه a */
body.tk-site button.tbs-svc-cta-btn { cursor: pointer; border: 0; font: inherit; }

/* ================================================================
   سوالات متداول — طرح «قلم های برگه کار»
   یک کارت با ردیف های جدا شده، شماره برنجی سمت راست
   ================================================================ */
body.tk-site .tk-faq-sec { margin: 34px 0; }

body.tk-site .tk-faq {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  overflow: hidden;
}
body.tk-site .tk-faq-item + .tk-faq-item { border-top: 1px dashed var(--tk-rule); }

body.tk-site .tk-faq-h { margin: 0; font-size: inherit; font-weight: inherit; }

body.tk-site .tk-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px 0 14px;
  min-height: 62px;
  background: none;
  border: 0;
  border-inline-start: 3px solid transparent;
  cursor: pointer;
  text-align: right;
  font-family: var(--tk-display);
  font-weight: 800;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--tk-ink);
  transition: background var(--tk-t), border-color var(--tk-t);
}
body.tk-site .tk-faq-q:hover { background: #F7FAF9; }
body.tk-site .tk-faq-q:focus-visible { outline: 3px solid var(--tk-brass); outline-offset: -3px; }

/* شماره ردیف — مربع برنجی */
body.tk-site .tk-faq-n {
  flex-shrink: 0;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  border-radius: 3px;
  background: var(--tk-brass-soft);
  color: var(--tk-brass-dark);
  font-size: 13.5px;
  font-weight: 700;
  transition: var(--tk-t);
}
body.tk-site .tk-faq-t { flex: 1; min-width: 0; }

/* آیکون + / − */
body.tk-site .tk-faq-i {
  flex-shrink: 0;
  position: relative;
  width: 26px; height: 26px;
  border: 1.5px solid var(--tk-rule);
  border-radius: 50%;
  transition: var(--tk-t);
}
body.tk-site .tk-faq-i::before,
body.tk-site .tk-faq-i::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 11px; height: 2px;
  background: var(--tk-petrol);
  border-radius: 1px;
  transform: translate(-50%, -50%);
  transition: transform .24s cubic-bezier(.2,.7,.3,1), opacity .18s;
}
body.tk-site .tk-faq-i::after { transform: translate(-50%, -50%) rotate(90deg); }

/* حالت باز */
body.tk-site .tk-faq-item.is-open > .tk-faq-h > .tk-faq-q {
  background: #F3F8F7;
  border-inline-start-color: var(--tk-brass);
  color: var(--tk-petrol);
}
body.tk-site .tk-faq-item.is-open .tk-faq-n {
  background: var(--tk-blue);
  color: #fff;
}
body.tk-site .tk-faq-item.is-open .tk-faq-i {
  border-color: var(--tk-blue);
  background: var(--tk-blue);
}
body.tk-site .tk-faq-item.is-open .tk-faq-i::before,
body.tk-site .tk-faq-item.is-open .tk-faq-i::after { background: #fff; }
body.tk-site .tk-faq-item.is-open .tk-faq-i::after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

/* پاسخ */
body.tk-site .tk-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .32s cubic-bezier(.2,.7,.3,1);
  background: #FBFDFC;
}
body.tk-site .tk-faq-a-in {
  padding: 4px 62px 20px 20px;   /* تو رفتگی هم اندازه شماره تا متن زیر آن بنشیند */
  font-family: var(--tk-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 2;
  color: #334745;
  border-top: 1px dashed var(--tk-rule);
  margin-top: 0;
}
body.tk-site .tk-faq-a-in > *:first-child { margin-top: 14px; }
body.tk-site .tk-faq-a-in p { margin: 0 0 12px; }
body.tk-site .tk-faq-a-in > *:last-child { margin-bottom: 0; }
body.tk-site .tk-faq-a-in a { color: var(--tk-brass-dark); text-decoration: underline; }
body.tk-site .tk-faq-a-in ul,
body.tk-site .tk-faq-a-in ol { margin: 0 0 12px; padding-inline-start: 20px; }

@media (max-width: 640px) {
  body.tk-site .tk-faq-q {
    gap: 10px;
    padding: 0 13px 0 10px;
    min-height: 58px;
    font-size: 14.5px;
  }
  body.tk-site .tk-faq-n { width: 26px; height: 26px; font-size: 12.5px; }
  body.tk-site .tk-faq-i { width: 24px; height: 24px; }
  body.tk-site .tk-faq-a-in { padding: 4px 14px 18px; font-size: 14.5px; line-height: 1.95; }
}

/* اگر کاربر انیمیشن نمی خواهد، پاسخ فوری باز شود */
@media (prefers-reduced-motion: reduce) {
  body.tk-site .tk-faq-a { transition: none; }
}

/* ================================================================
   فیلد نامعتبر فرم
   ================================================================ */
body.tk-site .tk-field input.is-bad,
body.tk-site .tk-field textarea.is-bad {
  border-color: var(--tk-signal);
  border-bottom-color: var(--tk-signal);
  background: #FDF4F2;
}
body.tk-site .tk-form-err ul { margin: 0; padding-inline-start: 18px; }
body.tk-site .tk-form-err li { margin: 2px 0; }

/* ================================================================
   لینک سازی داخلی — بلوک های ساختاری و لینک درون متنی
   ================================================================ */

/* لیست لینک ساختاری (سایر برندها، مقالات مرتبط، ارورها، همجوارها) */
body.tk-site .tk-linklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 0 18px;
}
body.tk-site .tk-linklist li {
  margin: 0;
  border-bottom: 1px dashed var(--tk-rule);
}
body.tk-site .tk-linklist a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 2px;
  font-size: 14.5px;
  color: var(--tk-ink);
  text-decoration: none;
  transition: var(--tk-t);
}
body.tk-site .tk-linklist a::before {
  content: "";
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--tk-rule);
  flex-shrink: 0;
  transition: var(--tk-t);
}
body.tk-site .tk-linklist a:hover { color: var(--tk-petrol); padding-inline-start: 8px; }
body.tk-site .tk-linklist a:hover::before { background: var(--tk-brass); transform: scale(1.5); }

/* مناطق تحت پوشش — فشرده تر، چون تعدادش زیاد است */
body.tk-site .tk-arealist {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.tk-site .tk-arealist li { margin: 0; }
body.tk-site .tk-arealist a {
  display: inline-block;
  padding: 7px 13px;
  font-size: 13.5px;
  color: var(--tk-petrol);
  background: var(--tk-paper);
  border: 1px solid var(--tk-rule);
  border-radius: 100px;
  text-decoration: none;
  transition: var(--tk-t);
}
body.tk-site .tk-arealist a:hover {
  background: var(--tk-brass-soft);
  border-color: var(--tk-brass);
  color: var(--tk-ink);
}
body.tk-site .section-content h3 {
  font-size: 15px;
  margin: 18px 0 10px;
  color: var(--tk-muted);
  font-weight: 700;
}
body.tk-site .section-content h3:first-child { margin-top: 0; }

/* لینک درون متنی خودکار — عمداً شبیه لینک دستی، نه متمایز */
body.tk-site .page-content a.tk-auto-link,
body.tk-site .section-content a.tk-auto-link {
  color: var(--tk-brass-dark);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* بنر محتوایی — همان کلاس دکمه «درج بنر» ادیتور، با پالت تعمیرکار ۲۴ */
body.tk-site .content-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
  background: var(--tk-brass-soft);
  border: 1px solid var(--tk-brass);
  border-inline-start: 4px solid var(--tk-brass);
  border-radius: var(--tk-r-lg);
  padding: 15px 18px;
  margin: 22px 0;
  color: var(--tk-blue-dark) !important;
  font-family: var(--tk-display);
  font-weight: 800;
  font-size: 15.5px;
  transition: var(--tk-t);
}
body.tk-site .content-banner:hover {
  background: var(--tk-blue);
  color: #fff !important;
  transform: translateX(-3px);
}
body.tk-site .content-banner-icon {
  flex-shrink: 0;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  background: var(--tk-blue);
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
}
body.tk-site .content-banner:hover .content-banner-icon { background: #fff; color: var(--tk-blue-dark); }
body.tk-site .content-banner-title { flex: 1; }

@media (max-width: 640px) {
  body.tk-site .tk-linklist { grid-template-columns: 1fr; }
  body.tk-site .content-banner { padding: 13px 14px; font-size: 14.5px; }
}

/* ================================================================
   لیست زیرصفحات — کاشی فشرده (بدون تصویر)
   ================================================================ */
body.tk-site .tk-childlist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  gap: 10px;
  margin: 4px 0 8px;
}
body.tk-site .tk-childtile {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 56px;
  padding: 10px 14px;
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  color: var(--tk-ink);
  text-decoration: none;
  transition: var(--tk-t);
  overflow: hidden;
  position: relative;
}
body.tk-site .tk-childtile::after {
  content: "";
  position: absolute; inset: 0 100% 0 0;
  background: var(--tk-brass-soft);
  transition: inset .28s cubic-bezier(.2,.7,.3,1);
}
body.tk-site .tk-childtile:hover { border-color: var(--tk-brass); }
body.tk-site .tk-childtile:hover::after { inset: 0; }
body.tk-site .tk-childtile > * { position: relative; z-index: 1; }

body.tk-site .tk-childtile-ico {
  flex-shrink: 0;
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--tk-paper);
  color: var(--tk-petrol);
  font-size: 13px;
  transition: var(--tk-t);
}
body.tk-site .tk-childtile:hover .tk-childtile-ico { background: var(--tk-blue); color: #fff; }

body.tk-site .tk-childtile-t {
  flex: 1;
  min-width: 0;
  font-family: var(--tk-display);
  font-weight: 800;
  font-size: 14.5px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.tk-site .tk-childtile-go {
  flex-shrink: 0;
  color: var(--tk-rule);
  font-size: 13px;
  transition: var(--tk-t);
}
body.tk-site .tk-childtile:hover .tk-childtile-go {
  color: var(--tk-brass-dark);
  transform: translateX(-4px);
}

/* ================================================================
   لیست زیرصفحات — گرید کارت تصویری (فشرده، بدون خلاصه)
   ================================================================ */
body.tk-site .tk-cardgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 16px;
  margin: 4px 0 8px;
}
body.tk-site .tk-card {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: var(--tk-t);
}
body.tk-site .tk-card:hover {
  transform: translateY(-3px);
  border-color: var(--tk-brass);
  box-shadow: 0 12px 26px rgba(14,58,60,.1);
}
body.tk-site .tk-card-img {
  display: block;
  aspect-ratio: 16 / 10;
  background: var(--tk-paper);
  overflow: hidden;
}
body.tk-site .tk-card-img img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .35s cubic-bezier(.2,.7,.3,1);
}
body.tk-site .tk-card:hover .tk-card-img img { transform: scale(1.04); }
body.tk-site .tk-card-noimg {
  width: 100%; height: 100%;
  display: grid; place-items: center;
  background: var(--tk-brass-soft);
  color: var(--tk-brass-dark);
  font-size: 22px;
}
body.tk-site .tk-card-b { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; }
body.tk-site .tk-card-date { font-size: 11.5px; color: var(--tk-muted); }
body.tk-site .tk-card-t {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.65;
}
body.tk-site .tk-card-t a { color: var(--tk-ink); text-decoration: none; }
body.tk-site .tk-card:hover .tk-card-t a { color: var(--tk-petrol); }

@media (max-width: 640px) {
  body.tk-site .tk-childlist { grid-template-columns: 1fr; gap: 8px; }
  body.tk-site .tk-childtile { min-height: 52px; }
  body.tk-site .tk-cardgrid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
  body.tk-site .tk-card-t { font-size: 13.5px; }
}

/* ================================================================
   نوار «سوال دارید؟» — بالای صفحات خدمات و مقالات
   ================================================================ */
body.tk-site .tk-askbar {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 18px 0 22px;
  padding: 13px 16px;
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-inline-start: 4px solid var(--tk-petrol);
  border-radius: var(--tk-r-lg);
  text-decoration: none;
  color: var(--tk-ink);
  transition: var(--tk-t);
  cursor: pointer;
}
body.tk-site .tk-askbar:hover {
  border-inline-start-color: var(--tk-brass);
  background: #F7FAF9;
  transform: translateX(-3px);
}
body.tk-site .tk-askbar-ico {
  flex-shrink: 0;
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--tk-brass-soft);
  color: var(--tk-brass-dark);
  font-size: 17px;
  transition: var(--tk-t);
}
body.tk-site .tk-askbar:hover .tk-askbar-ico { background: var(--tk-blue); color: #fff; }
body.tk-site .tk-askbar-txt { flex: 1; min-width: 0; line-height: 1.6; }
body.tk-site .tk-askbar-txt b {
  display: block;
  font-family: var(--tk-display);
  font-weight: 800;
  font-size: 15px;
}
body.tk-site .tk-askbar-txt span { font-size: 13.5px; color: var(--tk-muted); }
body.tk-site .tk-askbar-count {
  flex-shrink: 0;
  min-width: 30px; height: 26px;
  display: grid; place-items: center;
  padding: 0 9px;
  background: var(--tk-petrol);
  color: #fff;
  border-radius: 100px;
  font-size: 13px;
}
body.tk-site .tk-askbar-go {
  flex-shrink: 0;
  color: var(--tk-rule);
  font-size: 16px;
  transition: var(--tk-t);
}
body.tk-site .tk-askbar:hover .tk-askbar-go { color: var(--tk-brass-dark); transform: translateY(3px); }

/* درخشش کوتاه روی فیلد نظر بعد از پرش */
body.tk-site .tk-ask-glow {
  outline: 3px solid var(--tk-brass) !important;
  outline-offset: 2px;
  transition: outline-color .3s;
}

/* لینک تلفن داخل متن — مثل متن عادی، ولی قابل کلیک */
body.tk-site .page-content a.tk-tel,
body.tk-site .section-content a.tk-tel {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
  direction: ltr;
  unicode-bidi: isolate;
  border-bottom: 1px dotted var(--tk-brass);
}
body.tk-site .page-content a.tk-tel:hover,
body.tk-site .section-content a.tk-tel:hover { color: var(--tk-signal); }

@media (max-width: 640px) {
  body.tk-site .tk-askbar { gap: 10px; padding: 11px 13px; }
  body.tk-site .tk-askbar-ico { width: 34px; height: 34px; font-size: 15px; }
  body.tk-site .tk-askbar-txt b { font-size: 14px; }
  body.tk-site .tk-askbar-txt span { font-size: 12.5px; }
}

/* ================================================================
   چیدمان دو ستونه صفحات داخلی
   دسکتاپ: محتوا + ستون کناری   |   موبایل: تک ستونه
   ================================================================ */
/* ★ .tk-layout خودش باید کانتینر باشد، چون در این قالب
   .page-article نقش کانتینر را داشت (max-width + margin:auto). */
body.tk-site .tk-layout {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 322px;
  gap: 24px;
  align-items: start;
}
/* داخل گرید، مقاله دیگر نباید خودش را وسط چین یا محدود کند */
body.tk-site .tk-layout > .page-article {
  max-width: none;
  width: auto;
  margin: 0 0 32px;
  min-width: 0;
}

body.tk-site .tk-side {
  position: sticky;
  top: calc(var(--tk-header-h) + 16px);
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(100dvh - var(--tk-header-h) - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-inline-end: 2px;
}
body.tk-site .tk-side::-webkit-scrollbar { width: 5px; }
body.tk-site .tk-side::-webkit-scrollbar-thumb { background: var(--tk-rule); border-radius: 3px; }

/* --- کارت CTA --- */
body.tk-site .tk-side-cta {
  background: var(--tk-petrol);
  color: #fff;
  border-radius: var(--tk-r-lg);
  padding: 18px;
  text-align: center;
  border-top: 4px solid var(--tk-brass);
}
body.tk-site .tk-side-cta b {
  display: block;
  font-family: var(--tk-display);
  font-weight: 900;
  font-size: 16.5px;
  margin-bottom: 5px;
}
body.tk-site .tk-side-cta p { margin: 0 0 14px; font-size: 13.5px; color: rgba(255,255,255,.75); }
body.tk-site .tk-side-cta .tk-btn { width: 100%; }
body.tk-site .tk-side-tel {
  display: block;
  margin-top: 10px;
  font-size: 19px;
  color: #fff;
  text-decoration: none;
}
body.tk-site .tk-side-tel:hover { color: var(--tk-brass); }
body.tk-site .tk-side-warranty {
  display: block;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(255,255,255,.22);
  font-size: 12.5px;
  color: var(--tk-brass);
}

/* --- جعبه عمومی --- */
body.tk-site .tk-side-box {
  background: var(--tk-card);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  padding: 15px 16px 8px;
}
body.tk-site .tk-side-h {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding-bottom: 9px;
  border-bottom: 2px dashed var(--tk-rule);
  font-size: 14.5px;
  font-family: var(--tk-display);
  font-weight: 800;
}
body.tk-site .tk-side-h i { color: var(--tk-brass-dark); font-size: 13px; }

/* --- لیست لینک --- */
body.tk-site .tk-side-links { list-style: none; padding: 0; margin: 0; }
body.tk-site .tk-side-links li { border-bottom: 1px dashed var(--tk-rule); }
body.tk-site .tk-side-links li:last-child { border-bottom: 0; }
body.tk-site .tk-side-links a {
  display: block;
  padding: 9px 0;
  font-size: 13.5px;
  color: var(--tk-ink);
  text-decoration: none;
  transition: var(--tk-t);
}
body.tk-site .tk-side-links a:hover { color: var(--tk-brass-dark); padding-inline-start: 6px; }

/* --- نظرات --- */
body.tk-site .tk-side-comments { list-style: none; padding: 0; margin: 0; }
body.tk-site .tk-side-comments li {
  padding: 11px 0;
  border-bottom: 1px dashed var(--tk-rule);
}
body.tk-site .tk-side-comments li:last-child { border-bottom: 0; }
body.tk-site .tk-side-comments p {
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.85;
  color: var(--tk-ink);
}
body.tk-site .tk-side-comments a {
  font-size: 12px;
  color: var(--tk-muted);
  text-decoration: none;
  display: block;
}
body.tk-site .tk-side-comments a:hover { color: var(--tk-brass-dark); }
body.tk-site .tk-side-cname { font-weight: 800; color: var(--tk-petrol); }

/* --- مقالات با بندانگشتی --- */
body.tk-site .tk-side-posts { list-style: none; padding: 0; margin: 0; }
body.tk-site .tk-side-posts li { border-bottom: 1px dashed var(--tk-rule); }
body.tk-site .tk-side-posts li:last-child { border-bottom: 0; }
body.tk-site .tk-side-posts a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  text-decoration: none;
  color: var(--tk-ink);
  transition: var(--tk-t);
}
body.tk-site .tk-side-posts a:hover { color: var(--tk-petrol); }
body.tk-site .tk-side-thumb {
  flex-shrink: 0;
  width: 54px; height: 42px;
  border-radius: var(--tk-r);
  overflow: hidden;
  background: var(--tk-paper);
}
body.tk-site .tk-side-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.tk-site .tk-side-ptitle {
  font-size: 13px;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- ریسپانسیو --- */
@media (max-width: 1180px) {
  body.tk-site .tk-layout { grid-template-columns: minmax(0, 1fr) 286px; gap: 18px; }
}
@media (max-width: 980px) {
  body.tk-site .tk-layout {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 0 16px;
  }
  body.tk-site .tk-side {
    position: static;
    max-height: none;
    overflow: visible;
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    align-items: start;
    gap: 14px;
  }
  /* در حالت تک ستونه، CTA اول بیاید تا زودتر دیده شود */
  body.tk-site .tk-side-cta { order: -1; }
}
@media (max-width: 640px) {
  body.tk-site .tk-layout { padding: 0 12px; }
  body.tk-site .tk-side { grid-template-columns: 1fr; }
}

/* اگر لوگوی آپلودشده برای زمینه تیره طراحی شده و روی سفید محو است،
   کلاس tk-logo-invert را به تگ body در layout.php اضافه کنید */
body.tk-site.tk-logo-invert .tk-logo img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(23%)
          saturate(1200%) hue-rotate(135deg) brightness(92%) contrast(95%);
}
body.tk-site .tk-skip-link { box-shadow: 0 4px 14px rgba(14,58,60,.25); }


/* جستجوی داخل کشوی موبایل */
body.tk-site .tk-drawer-search {
  display: flex; align-items: stretch;
  margin: 14px 18px 4px;
  background: var(--tk-paper);
  border: 1px solid var(--tk-rule);
  border-radius: var(--tk-r-lg);
  overflow: hidden;
}
body.tk-site .tk-drawer-search input {
  flex: 1; min-width: 0; border: 0; background: none;
  font-family: var(--tk-body); font-size: 14.5px;
  color: var(--tk-ink); padding: 11px 14px;
}
body.tk-site .tk-drawer-search input:focus { outline: none; }
body.tk-site .tk-drawer-search button {
  border: 0; cursor: pointer; padding: 0 15px;
  background: var(--tk-petrol); color: #fff; font-size: 14px;
}

@media (max-width: 640px) {
  /* تک ستونه — هم ارتفاع کردن معنا ندارد و فقط فضای خالی می سازد */
  .tk-services { gap: 10px; align-items: start; }
  .tk-service-main { padding: 15px 14px; }
  .tk-service-brands { margin: 0 14px; padding: 10px 0 12px; }
  body.tk-site .tk-service-brands a { font-size: 11.5px; padding: 3px 8px; }
}

/* ================================================================
   نمادها (اعتماد الکترونیکی، ساماندهی، ...)
   کد این نمادها از سازمان های مختلف با ابعاد و پس زمینه های متفاوت
   می آید؛ این قواعد همه را به یک قاب سفید هم اندازه تبدیل می کند.
   ================================================================ */
body.tk-site .tk-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px dashed rgba(255, 255, 255, .18);
}

/* هر نماد معمولاً یک <a> یا <div> یا <img> بی کلاس است */
body.tk-site .tk-badges > a,
body.tk-site .tk-badges > div,
body.tk-site .tk-badges > img,
body.tk-site .tk-badges > iframe {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: var(--tk-r-lg);
  padding: 8px;
  min-width: 92px;
  min-height: 92px;
  overflow: hidden;
  transition: var(--tk-t);
  line-height: 0;
}
body.tk-site .tk-badges > a:hover,
body.tk-site .tk-badges > div:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

/* تصویر داخل نماد — ارتفاع یکسان، بدون کشیدگی */
body.tk-site .tk-badges img {
  display: block;
  max-width: 100%;
  max-height: 76px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* بعضی نمادها اسکریپت اند و یک iframe می سازند */
body.tk-site .tk-badges iframe {
  border: 0;
  max-width: 100%;
}

@media (max-width: 640px) {
  body.tk-site .tk-badges { gap: 10px; margin-top: 22px; padding-top: 18px; }
  body.tk-site .tk-badges > a,
  body.tk-site .tk-badges > div,
  body.tk-site .tk-badges > img {
    min-width: 78px; min-height: 78px; padding: 6px;
  }
  body.tk-site .tk-badges img { max-height: 64px; }
}