/* EQ_Schutte/web-v2 · بخشِ film — منتقل‌شده از resources/interpretation-content/EQ_Schutte/sections/08-film.html
   (RULES §۳.۵ و §۷.۸: .eqs-film → [data-sec="film"] .eqb؛ قاب، سربرگ، عنوانِ بخش و دمو حذف؛ keyframes با پیشوندِ eq-؛ فونتِ BaseV5) */
[data-sec="film"] .eqb,
[data-sec="film"] .eqb * { margin:0;padding:0;box-sizing:border-box }
[data-sec="film"] .eqb { font-family:var(--font-family);color:var(--fm-text); }
[data-sec="film"] .eqb { --fm-teal:#12B886;--fm-teal-d:#087F5B;
  --fm-navy:#1E3A5F;
  --fm-slate:#334155;--fm-text:#343A40;--fm-sec:#64748B;--fm-border:#E5E7EB; }
[data-sec="film"] .eqb .group-divider { display:flex;align-items:center;gap:14px;margin:52px 0 0 }
[data-sec="film"] .eqb .group-divider__title { font-size:22px;font-weight:900;color:#343A40;white-space:nowrap }
[data-sec="film"] .eqb .group-divider__line { flex:1;height:1px;background:#D1D5DB }
[data-sec="film"] .eqb .group-divider__desc { color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0 }
[data-sec="film"] .eqb .conclusion-box { background:#F8FAFC;border:1.5px solid #E2E8F0;border-radius:16px;padding:24px;margin:32px 0 }
[data-sec="film"] .eqb .conclusion-box__title { font-size:16px;font-weight:900;color:#334155;margin-bottom:12px;display:flex;align-items:center;gap:8px }
[data-sec="film"] .eqb .conclusion-box__title svg { width:20px;height:20px;flex-shrink:0 }
[data-sec="film"] .eqb .conclusion-box__text p { font-size:16px;color:#343A40;line-height:32px;text-align:justify }
[data-sec="film"] .eqb .conclusion-box__text p+p { margin-top:12px }
[data-sec="film"] .eqb .fm-p { font-size:14.5px;line-height:29px;color:#374151;text-align:justify }
[data-sec="film"] .eqb .fm-demo { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px }
[data-sec="film"] .eqb .fm-demo__label { display:inline-flex;align-items:center;padding:4px 11px;border:1px solid #B7E4D7;border-radius:999px;background:#F4FFFB;color:#087F5B;font-size:11px;font-weight:700 }
[data-sec="film"] .eqb .fm-demo button { font-family:inherit;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid #B7E4D7;background:#fff;color:#087F5B;cursor:pointer }
[data-sec="film"] .eqb .fm-demo button.is-on { background:var(--fm-teal);color:#fff;border-color:var(--fm-teal) }
[data-sec="film"] .eqb .fm-film { display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;margin-top:24px;padding:22px;border:1px solid var(--fm-border);border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(15,23,42,.05) }
[data-sec="film"] .eqb .fm-poster { width:150px;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:#F1F5F9;box-shadow:0 10px 24px rgba(15,23,42,.14) }
[data-sec="film"] .eqb .fm-poster picture,
[data-sec="film"] .eqb .fm-poster img { width:100%;height:100%;object-fit:cover;display:block }
[data-sec="film"] .eqb .fm-film__t { font-size:24px;font-weight:900;color:var(--fm-slate);line-height:1.4 }
[data-sec="film"] .eqb .fm-film__o { font-size:13px;font-weight:600;color:var(--fm-sec);direction:ltr;text-align:right }
[data-sec="film"] .eqb .fm-meta { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px }
[data-sec="film"] .eqb .fm-chip { display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;background:#F1F5F9;color:var(--fm-slate);white-space:nowrap }
[data-sec="film"] .eqb .fm-film__syn { margin-top:12px }
[data-sec="film"] .eqb .fm-cast { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px }
[data-sec="film"] .eqb .fm-person { display:flex;align-items:center;gap:10px }
[data-sec="film"] .eqb .fm-person__img { width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#F1F5F9 }
[data-sec="film"] .eqb .fm-person__img img { width:100%;height:100%;object-fit:cover }
[data-sec="film"] .eqb .fm-person__n { font-size:13.5px;font-weight:900;color:var(--fm-slate) }
[data-sec="film"] .eqb .fm-person__r { font-size:12px;line-height:20px;color:var(--fm-sec) }
[data-sec="film"] .eqb .fm-spoil { display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:12.5px;line-height:23px;color:var(--fm-sec) }
[data-sec="film"] .eqb .fm-spoil svg { width:16px;height:16px;flex-shrink:0;margin-top:3px }
[data-sec="film"] .eqb .fm-seq { border:1px solid var(--fm-border);border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(15,23,42,.05);padding:22px;margin-top:18px }
[data-sec="film"] .eqb .fm-seq__head { display:flex;align-items:center;gap:12px;flex-wrap:wrap }
[data-sec="film"] .eqb .fm-seq__num { width:40px;height:40px;border-radius:50%;background:var(--fm-slate);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;flex-shrink:0 }
[data-sec="film"] .eqb .fm-seq__t { font-size:19px;font-weight:900;color:var(--fm-slate);line-height:1.4 }
[data-sec="film"] .eqb .fm-seq__time { font-size:12px;font-weight:700;color:var(--fm-sec) }
[data-sec="film"] .eqb .fm-seq__head .fm-chip { margin-right:auto }
[data-sec="film"] .eqb .fm-seq__top { display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:stretch;margin-top:16px }
[data-sec="film"] .eqb .fm-side { display:flex;flex-direction:column;gap:14px }
[data-sec="film"] .eqb .fm-video { position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0F172A }
[data-sec="film"] .eqb .fm-video video,
[data-sec="film"] .eqb .fm-video iframe { position:absolute;inset:0;width:100%;height:100%;border:0 }
[data-sec="film"] .eqb .fm-k { font-size:13px;font-weight:900;color:var(--fm-slate);margin-bottom:4px }
[data-sec="film"] .eqb .fm-media { border:1px solid var(--fm-border);border-radius:14px;overflow:hidden;background:#fff }
[data-sec="film"] .eqb .fm-media .fm-video { border-radius:0 }
[data-sec="film"] .eqb .fm-cap { padding:10px 12px 11px;background:#F8FAFC }
[data-sec="film"] .eqb .fm-cap__k { font-size:11px;font-weight:700;color:var(--fm-sec);margin-bottom:1px }
[data-sec="film"] .eqb .fm-cap__f { font-size:14px;font-weight:900;color:var(--fm-teal-d) }
[data-sec="film"] .eqb .fm-cap__m { display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;padding-top:8px;border-top:1px dashed #E2E8F0;font-size:12px;font-weight:700;color:var(--fm-sec) }
[data-sec="film"] .eqb .fm-cap__m span { display:inline-flex;align-items:center;gap:5px }
[data-sec="film"] .eqb .fm-cap__m svg { width:13px;height:13px }
[data-sec="film"] .eqb .fm-moments { display:flex;flex-direction:column;gap:10px }
[data-sec="film"] .eqb .fm-mos { flex:1;display:flex;flex-direction:column;gap:10px }
[data-sec="film"] .eqb .fm-mos>.fm-mo { flex:1 1 auto;align-content:start }
[data-sec="film"] .eqb .fm-mo { display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:start;background:#F8FAFC;border-radius:12px;padding:12px 14px }
[data-sec="film"] .eqb .fm-mo__t { font-family:inherit;font-size:12px;font-weight:800;direction:ltr;color:var(--fm-navy);background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:4px 0;cursor:pointer;width:62px;display:flex;align-items:center;justify-content:center;gap:4px }
[data-sec="film"] .eqb .fm-mo__t svg { width:11px;height:11px }
[data-sec="film"] .eqb .fm-mo__t:disabled { cursor:default;opacity:.8 }
[data-sec="film"] .eqb .fm-mo__q { font-size:14.5px;font-weight:800;line-height:27px;color:var(--fm-slate) }
[data-sec="film"] .eqb .fm-mo__n { font-size:13.5px;line-height:26px;color:#475569;text-align:justify;margin-top:2px }
[data-sec="film"] .eqb .fm-you { margin-top:18px;background:#F8FAFC;border-radius:14px;padding:14px 16px }
[data-sec="film"] .eqb .fm-you .fm-k { display:flex;align-items:center;gap:6px }
[data-sec="film"] .eqb .fm-you .fm-k svg { width:15px;height:15px;color:var(--fm-teal-d) }
[data-sec="film"] .eqb .fm-you .fm-p+.fm-p { margin-top:10px }
[data-sec="film"] .eqb .fm-q { display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;border:1.5px dashed #CBD5E1;background:#fff;margin-top:-12px }
[data-sec="film"] .eqb .fm-q svg { width:22px;height:22px;flex-shrink:0;color:var(--fm-navy);margin-top:3px }
[data-sec="film"] .eqb .fm-q__t { font-size:15.5px;font-weight:800;line-height:29px;color:var(--fm-slate) }
@media(max-width:768px) {
  [data-sec="film"] .eqb .group-divider__desc { font-size:16px;line-height:30px }
  [data-sec="film"] .eqb .group-divider__title { font-size:18px }
  [data-sec="film"] .eqb .group-divider { margin:36px 0 0 }
  [data-sec="film"] .eqb .fm-seq__top { grid-template-columns:1fr }
  [data-sec="film"] .eqb .fm-side { max-width:460px }
  [data-sec="film"] .eqb .fm-moments { margin-top:4px }
  [data-sec="film"] .eqb .conclusion-box__text p { font-size:14px;line-height:28px }
}
@media(max-width:576px) {
  [data-sec="film"] .eqb .group-divider__title { font-size:16px }
  [data-sec="film"] .eqb .fm-film { grid-template-columns:1fr;gap:14px;padding:0 0 16px;overflow:hidden }
  [data-sec="film"] .eqb .fm-film>div:last-child { padding:0 14px }
  [data-sec="film"] .eqb .fm-poster { width:100%;aspect-ratio:16/9;border-radius:0;box-shadow:none }
  [data-sec="film"] .eqb .fm-poster img { object-position:center 25% }
  [data-sec="film"] .eqb .fm-film__t { font-size:19px }
  [data-sec="film"] .eqb .fm-cast { grid-template-columns:1fr }
  [data-sec="film"] .eqb .fm-seq { padding:16px 14px }
  [data-sec="film"] .eqb .fm-seq__t { font-size:16.5px }
  [data-sec="film"] .eqb .fm-mo { grid-template-columns:minmax(0,1fr);gap:8px;padding:12px }
  [data-sec="film"] .eqb .fm-mo__t { justify-self:start;width:auto;padding:4px 10px }
  [data-sec="film"] .eqb .fm-p { font-size:13.5px;line-height:26px }
}