/* ==========================================================================
   mtemps7 — TESTIMONIALS (tst): "بوستر الفيلم"
   عمود جانبي (sticky على الديسكتوب): العنوان + تقييم ضخم. جنبه اقتباسات زي نقاد السينما:
   الأول كبير كحلي بعرض العمودين، والباقي كروت بيضا بعلامة تنصيص كهرماني ضخمة.
   ========================================================================== */
.mtemps7-tst-grid { display: grid; gap: var(--mtemps7-sp-7); }
@media (min-width: 1024px) {
  .mtemps7-tst-grid { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.5fr); align-items: start; gap: clamp(3rem, 6vw, 6rem); }
  .mtemps7-tst-side { position: sticky; inset-block-start: calc(var(--mtemps7-hdr-h-sm) + var(--mtemps7-sp-6)); }
}
.mtemps7-tst-side .mtemps7-ui-head { margin-block-end: var(--mtemps7-sp-6); }

/* التقييم الضخم */
.mtemps7-tst-score { display: flex; align-items: center; gap: var(--mtemps7-sp-4); padding-block: var(--mtemps7-sp-5); border-block: var(--mtemps7-hair) solid var(--mtemps7-line-2); }
.mtemps7-tst-score strong { color: var(--mtemps7-deep); font-size: clamp(4rem, 3rem + 4vw, 6.5rem); font-weight: var(--mtemps7-fw-bold); line-height: 0.9; letter-spacing: -0.03em; }
.mtemps7-tst-score-side { display: grid; gap: var(--mtemps7-sp-1); color: var(--mtemps7-muted); font-size: var(--mtemps7-fs-sm); font-weight: var(--mtemps7-fw-semibold); }
.mtemps7-tst-stars { display: inline-flex; gap: 0.15rem; color: var(--mtemps7-accent-2); font-size: 0.95rem; }

/* الاقتباسات */
.mtemps7-tst-list { display: grid; gap: var(--mtemps7-sp-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .mtemps7-tst-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mtemps7-tst-item--lead, .mtemps7-tst-item:last-child:nth-child(even) { grid-column: 1 / -1; } }
.mtemps7-tst-item { display: flex; }
.mtemps7-tst-card { position: relative; display: flex; flex-direction: column; gap: var(--mtemps7-sp-4); width: 100%; margin: 0; padding: var(--mtemps7-pad-card); overflow: hidden; border: var(--mtemps7-hair) solid var(--mtemps7-line); border-radius: var(--mtemps7-r-md); background: var(--mtemps7-surface); transition: border-color var(--mtemps7-dur-3), transform var(--mtemps7-dur-4) var(--mtemps7-ease-out); }
.mtemps7-tst-card:hover { border-color: var(--mtemps7-deep); transform: translateY(-4px); }
.mtemps7-tst-mark { position: absolute; inset-block-start: -0.4rem; inset-inline-end: var(--mtemps7-sp-4); color: var(--mtemps7-accent); font-family: Georgia, "Times New Roman", serif; font-size: 7rem; line-height: 1; opacity: 0.35; pointer-events: none; }
.mtemps7-tst-quote { position: relative; margin: 0; flex: 1; }
.mtemps7-tst-quote p { font-size: var(--mtemps7-fs-md); font-weight: var(--mtemps7-fw-medium); line-height: 1.8; }
.mtemps7-tst-who { display: flex; align-items: center; gap: var(--mtemps7-sp-3); padding-block-start: var(--mtemps7-sp-4); border-block-start: var(--mtemps7-hair) solid var(--mtemps7-line); }
.mtemps7-tst-who .mtemps7-ui-media { width: 3rem; flex-shrink: 0; --mtemps7-ratio: 1; }
.mtemps7-tst-who > span:last-child { display: grid; line-height: 1.4; }
.mtemps7-tst-who strong { font-size: var(--mtemps7-fs-sm); }
.mtemps7-tst-who small { color: var(--mtemps7-muted); font-size: var(--mtemps7-fs-xs); }

/* الرأي الأول: كحلي كبير */
.mtemps7-tst-item--lead .mtemps7-tst-card { border-color: var(--mtemps7-deep); background: var(--mtemps7-deep); color: var(--mtemps7-on-deep); }
.mtemps7-tst-item--lead .mtemps7-tst-mark { opacity: 0.9; font-size: 10rem; inset-block-start: -1rem; }
.mtemps7-tst-item--lead .mtemps7-tst-quote p { font-size: var(--mtemps7-fs-xl); font-weight: var(--mtemps7-fw-semibold); line-height: 1.6; }
.mtemps7-tst-item--lead .mtemps7-tst-who { border-color: var(--mtemps7-deep-line); }
.mtemps7-tst-item--lead .mtemps7-tst-who small { color: var(--mtemps7-on-deep-muted); }
.mtemps7-tst-item--lead .mtemps7-tst-stars { color: var(--mtemps7-accent); }
.mtemps7-tst-item--lead .mtemps7-ui-media { background-color: var(--mtemps7-deep-3); }