/* ============================================================================
   ch-122 · صفحه‌ی اول در گوشی (≤640px): خلوت‌تر و کوتاه‌تر
   همه‌ی قاعده‌های این فایل فقط در گوشی کار می‌کنند و فقط می‌پوشانند یا کوتاه می‌کنند؛ دسکتاپ دست نمی‌خورد.
   بخش‌هایی که در گوشی برداشته می‌شوند: برچسب بالای تیتر و چیپ‌های «پرطرفدار» سرصفحه، نوار نام حوزه‌ها (marquee)،
   «تست‌کاو در یک نگاه»، «سنجش در سه مرحله»، «تست‌کاو برای چه کسی است؟»، طراحان و آموزشگاه‌های برتر و دو کارت پایانی.
   بخش‌هایی که فقط متن و دکمه‌شان می‌ماند: آموزش پیش از آزمون، برای سازمان‌ها، تست‌کاو چالش.
   آزمون‌های محبوب: دو ردیف اول، عنوان ردیف کامل (دو خطی)، بی شمار آزمون، بی دکمه‌های چپ و راست (کشیدن انگشتی)، «همه» یک پیوند کوچک.
   آزمون‌های بین‌المللی: فقط تیتر، کارت‌ها و یک دکمه. قالب: templates/site_pages/page.html و _home_*.html
   ============================================================================ */
@media (max-width:640px){
  /* ── سرصفحه: فقط پرسش، شعار، جستجو و عقربه‌سنج ── */
  .tk-public-body .tkh{padding:26px 0 30px}
  .tk-public-body .tkh-kicker{display:none}
  .tk-public-body .tkh .tkh-title{margin-top:0}
  .tk-public-body .tkh-popular{display:none}
  .tk-public-body .tkh-grid{gap:26px 0}
  .tk-public-body .tkh-gauge{width:min(290px,100%)}
  .tk-public-body .tkh-readout{margin-top:10px}

  /* ── نوار نام حوزه‌ها: در گوشی نیست ── */
  .tk-public-body .pub-marq{display:none}

  /* ── دو مسیر: فشرده‌تر، فقط دکمه‌ی اصلی ── */
  .tk-public-body .hpz{--hpz-pad:30px}
  .tk-public-body .hpz-way--me .hpz-title{font-size:25px}
  .tk-public-body .hpz-way--org .hpz-title{font-size:23px}
  .tk-public-body .hpz-desc{margin-top:10px;font-size:14.5px;line-height:1.85}
  .tk-public-body .hpz-acts{padding-top:18px;gap:10px}
  .tk-public-body .hpz-alt{display:none}
  .tk-public-body .hpz-go{min-height:48px;font-size:15px}
  .tk-public-body .hpz-way--org{padding-top:calc(var(--hpz-pad) + 8px)}

  /* ── آمار و بخش‌های تکمیلی: در گوشی نیستند ── */
  .tk-public-body .tkst,
  .tk-public-body .pub-section--how,
  .tk-public-body .pub-section--aud,
  .tk-public-body .pub-section--dual,
  .tk-public-body .spot-sec--designers,
  .tk-public-body .spot-sec--institutes{display:none!important}

  /* ── سرتیتر بخش‌ها: کوتاه‌تر و بی توضیح ── */
  .tk-public-body .pub-section{padding:40px 0}
  .tk-public-body .pub-shead{margin-bottom:16px}
  .tk-public-body .pub-shead p{display:none}
  .tk-public-body .pub-shead h2{font-size:22px}

  /* ── حوزه‌ها: چهار کارت فشرده در دو ستون (تصویر کوچک و نام)، بی شمارنده و بی دکمه؛ بعد دکمه‌ی «همه» ── */
  .tk-public-body .sk-mkt-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .tk-public-body .sk-mkt-tax-card{padding:7px 7px 9px;gap:8px;border-radius:8px}
  .tk-public-body .sk-mkt-tax-visual{aspect-ratio:16/9!important;border-radius:5px}
  .tk-public-body .sk-mkt-tax-visual .ov,
  .tk-public-body .sk-mkt-tax-stats,
  .tk-public-body .sk-mkt-tax-cta,
  .tk-public-body .sk-mkt-tax-head small{display:none!important}
  .tk-public-body .sk-mkt-tax-head{padding:0 4px}
  .tk-public-body .sk-mkt-tax-head h3{margin-top:0;font-size:13.5px;line-height:1.55}
  .tk-public-body .pub-domains-foot{margin-top:14px}

  /* ── آموزش پیش از آزمون، چالش و سازمان‌ها: فقط متن و دکمه ── */
  .tk-public-body .tktr{padding:40px 0 44px}
  .tk-public-body .tktr-visual,.tk-public-body .tkch-visual{display:none!important}
  .tk-public-body .tktr-grid,.tk-public-body .tkch-grid{gap:0}
  .tk-public-body .tktr .tktr-title,.tk-public-body .tkch .tkch-title{font-size:clamp(28px,9vw,36px)}
  .tk-public-body .tktr-lede,.tk-public-body .tkch-lede{font-size:15.5px}
  .tk-public-body .tktr-actions{margin-top:18px}
  .tk-public-body .tkch{padding:40px 0 44px}
  .tk-public-body .tkch-go{margin-top:18px}
  .tk-public-body .bzh .bzh-visual,.tk-public-body .bzh .bzh-svcs{display:none!important}
  .tk-public-body .bzh .bzh-panel{padding:28px 20px 22px;gap:0}
  .tk-public-body .bzh .bzh-lead{font-size:15px;line-height:1.9}

  /* ── آزمون‌های محبوب: مینیمال ── */
  .tk-public-body .spot-sec--rows .pub-shead{margin-bottom:12px}
  .tk-public-body .spot-sec--rows .pub-shead .pub-go{display:none}
  .tk-public-body .spot-sec--rows .spr{gap:22px}
  .tk-public-body .spot-sec--rows .spr-row:nth-child(n+3){display:none}      /* دو ردیف کافی است */
  .tk-public-body .spr-head{align-items:flex-start;margin-bottom:10px;gap:12px}
  .tk-public-body .spr-title{flex:1 1 auto;min-width:0;gap:0}
  .tk-public-body .spr-title h3{font-size:16px;line-height:1.6;white-space:normal;overflow:visible;text-overflow:clip;padding-inline-start:12px}
  .tk-public-body .spr-title h3::before{top:.8em;margin-top: -8px;height:16px}
  .tk-public-body .spr-count{display:none}                                   /* شمار آزمون در گوشی اضافه است */
  .tk-public-body .spr-nav{display:none!important}                           /* کشیدن انگشتی به‌جای دکمه */
  .tk-public-body .spr-acts{flex:none;padding-top:3px}
  .tk-public-body .spr-all{height:auto;padding:0;border:0;background:none;gap:3px;font-size:12.5px;font-weight:700;color:var(--tk-ink-soft,#5b6472)}
  .tk-public-body .spr-all:hover{background:none;color:var(--tk-ink,#161a23)}
  .tk-public-body .spr-all svg{width:14px;height:14px}
  .tk-public-body .spr-track{grid-auto-columns:70%;padding-bottom:14px;margin-bottom:-14px}
  .tk-public-body .spr-track .spot-body{gap:8px;padding:12px 13px 11px}
  .tk-public-body .spr-track .spot-body h4{font-size:13.5px;line-height:1.75;min-height:0}
  .tk-public-body .spot-foot .go{display:none}

  /* ── آزمون‌های بین‌المللی: تیتر، کارت‌ها و یک دکمه ── */
  .tk-public-body .spot-sec--intl .pub-shead .pub-go{display:none}
  .tk-public-body .spot-sec--intl .spr-head{display:none}
  .tk-public-body .spot-sec--intl .spr-track{grid-auto-columns:60%}
  .tk-public-body .spot-sec--intl .spot-card h4{font-size:14px}
  .tk-public-body .spi-cta{margin-top:16px}
  .tk-public-body .spi-btn{width:100%;justify-content:center;min-height:46px;font-size:14px}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){
  .tk-public-body .spr-track{scroll-behavior:auto}
}