/* ============================================================================
   ch-169w — صفحهٔ آزمون در گوشی (فقط ≤۶۴۰px و فقط چیدمان سینمایی؛ دسکتاپ و تبلت دست نمی‌خورند)
   هیروی تمام‌قد: تصویر سراسری با سایهٔ تیرهٔ پایین، تیتر وسط‌چین و کوچک‌تر روی تصویر، اطلاعات آزمون وسط‌چین.
   امتیاز فقط با ۵ نظر یا بیشتر و شرکت‌کننده فقط با ۲۰ نفر یا بیشتر (کلاس is-thin از exam-detail-deferred.js).
   آزمون‌های مرتبط: یک ردیف افقی کشیدنی.  بازگشت: حذف <link> این فایل از exam_detail.html.
   ============================================================================ */
@media (max-width:640px){
  .sk-mkt-pd.pd-cinema .cine-hero{min-height:min(86svh,700px);align-items:flex-end}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-bg,.sk-mkt-pd.pd-cinema .cine-hero .cine-bg--art{inset:0;width:100%;height:100%;bottom:0;
    -webkit-mask-image:none;mask-image:none;background-position:center 30%;filter:saturate(1.05) brightness(.92)}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-scrim{background:
    linear-gradient(0deg,rgba(11,12,16,.97) 0%,rgba(11,12,16,.86) 30%,rgba(11,12,16,.34) 58%,rgba(11,12,16,.12) 76%,rgba(11,12,16,.5) 100%)}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in{justify-content:flex-end;align-items:center;text-align:center;padding:96px 20px 92px;gap:0!important}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in > *{max-width:100%}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in h1.title{width:100%;margin:0 0 10px!important;font-size:clamp(18px,5.3vw,21px)!important;line-height:1.65;
    white-space:normal!important;text-align:center;text-wrap:balance;letter-spacing:0}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in .title--multi{align-items:center}
  .sk-mkt-pd.pd-cinema .cine-hero .pd-engage{width:100%;justify-content:center;gap:10px 16px;margin:0!important;padding:0!important}
  .sk-mkt-pd.pd-cinema .cine-hero .eg-rate:not(.is-ready),
  .sk-mkt-pd.pd-cinema .cine-hero .eg.is-thin{display:none!important}
  .sk-mkt-pd.pd-cinema .cine-hero .eg + .eg::before{display:none}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in .meta{width:100%;justify-content:center;gap:0;margin:4px 0 0!important}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in .meta .m{padding:0 12px;font-size:13px;color:rgba(240,242,246,.9)}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in .meta .m + .m{border-inline-start:1px solid rgba(240,242,246,.22)}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-in .meta .m svg{width:15px;height:15px;color:rgba(240,242,246,.7)}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-cta{width:100%;margin:22px 0 0!important;align-items:stretch}
  .sk-mkt-pd.pd-cinema .cine-hero .cine-price,.sk-mkt-pd.pd-cinema .cine-hero .cine-free{justify-content:center}
}

/* آزمون‌های مرتبط در گوشی: یک ردیف افقی کشیدنی با کارت‌های جمع‌وجور (به‌جای شبکهٔ تمام‌قد) */
@media (max-width:640px){
  .sk-mkt-pd .rel-grid{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin-inline:-16px;padding:4px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sk-mkt-pd .rel-grid::-webkit-scrollbar{display:none}
  .sk-mkt-pd .rel-grid > .card{flex:0 0 min(68%,250px);min-width:0;scroll-snap-align:start}
  .sk-mkt-pd .rel-grid > .card .cv{aspect-ratio:16/9;height:auto}
  .sk-mkt-pd .rel-grid > .card .card-body{padding:12px 14px 14px}
  .sk-mkt-pd .rel-grid > .card h3{font-size:14px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.2em}
  .sk-mkt-pd .rel-grid > .card .ft{font-size:12.5px}
}

/* ch-169x4 — امتیاز و شرکت‌کننده در گوشی از سربرگ به «معرفی» (زیر دسته‌بندی) منتقل شد؛ در دسکتاپ و تبلت سربرگ مثل قبل است */
.pd-proof{display:none}
@media (max-width:640px){
  .sk-mkt-pd.pd-cinema .cine-hero .pd-engage .eg{display:none!important}
  .pd-proof:not([hidden]){display:flex;align-items:stretch;margin:16px 0 22px;padding:0;border-block:1px solid var(--sk-line,#e9e7e1)}
  .pd-proof__i:not([hidden]){flex:1 1 0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;padding:14px 4px}
  .pd-proof__i + .pd-proof__i:not([hidden]){border-inline-start:1px solid var(--sk-line,#e9e7e1);padding-inline-start:16px}
  .pd-proof__i svg{grid-row:1/3;width:24px;height:24px;color:var(--sk-ink-soft,#5b6472)}
  .pd-proof__i--rate svg{color:#c99a1c}
  .pd-proof__i b{font-family:'AzarMehr',var(--sk-font,inherit),sans-serif;font-size:22px;font-weight:300;line-height:1.2;color:var(--sk-ink,#17181c);font-variant-numeric:tabular-nums}
  .pd-proof__i small{font-size:11.5px;line-height:1.6;color:var(--sk-ink-faint,#8d939c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}