/* ==========================================================================
   mtemps6 — FAQ (faq)  جنب: عنوان + كارت مساعدة فيه "ترولي" 3D طاير (لاصق
   على الديسكتوب). المحتوى: بحث + تصنيفات + أكورديون كل سؤال فيه "ملصق" برقم
   و + بتتقلب × (grid-template-rows 0fr → 1fr).
   ========================================================================== */
.mtemps6-faq-grid { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.mtemps6-faq-side .mtemps6-ui-head { margin-block-end: var(--mtemps6-sp-5); }
.mtemps6-faq-help { position: relative; display: grid; gap: var(--mtemps6-sp-2); padding: var(--mtemps6-pad-card); padding-block-start: 5.5rem; margin-block-start: 6rem; border-radius: var(--mtemps6-r-lg); background-color: var(--mtemps6-bg-2); background-image: var(--mtemps6-grain); }
.mtemps6-faq-art { position: absolute; inset-block-start: -4.5rem; inset-inline-end: 1rem; width: 9rem; }
.mtemps6-faq-help-title { font-size: var(--mtemps6-fs-xl); font-weight: var(--mtemps6-fw-bold); }
.mtemps6-faq-help-text { margin-block-end: var(--mtemps6-sp-3); color: var(--mtemps6-muted); }
.mtemps6-faq-tools { display: grid; gap: var(--mtemps6-sp-4); margin-block-end: var(--mtemps6-sp-5); }
.mtemps6-faq-list { display: grid; gap: var(--mtemps6-sp-3); }
.mtemps6-faq-item { border: var(--mtemps6-bw) solid var(--mtemps6-line); border-radius: var(--mtemps6-r-md); background: var(--mtemps6-surface); transition: border-color var(--mtemps6-dur-2), box-shadow var(--mtemps6-dur-2); }
.mtemps6-faq-item.mtemps6-is-open { border-color: var(--mtemps6-deep); box-shadow: 0 6px 0 -2px var(--mtemps6-accent); }
.mtemps6-faq-item h3 { font-size: inherit; }
.mtemps6-faq-q { display: flex; align-items: center; gap: var(--mtemps6-sp-4); width: 100%; min-height: 4rem; padding: var(--mtemps6-sp-3) var(--mtemps6-sp-4); color: var(--mtemps6-text); font-size: var(--mtemps6-fs-md); font-weight: var(--mtemps6-fw-bold); line-height: 1.5; text-align: start; }
.mtemps6-faq-num { display: grid; place-items: center; min-width: 2.4rem; height: 1.7rem; border-radius: var(--mtemps6-r-xs); background: var(--mtemps6-bg-2); font-size: var(--mtemps6-fs-xs); font-variant-numeric: tabular-nums; transition: background-color var(--mtemps6-dur-2); }
.mtemps6-faq-item.mtemps6-is-open .mtemps6-faq-num { background: var(--mtemps6-accent); }
.mtemps6-faq-text { flex: 1; }
.mtemps6-faq-icon { position: relative; width: 2.25rem; height: 2.25rem; flex-shrink: 0; border-radius: var(--mtemps6-r-sm); background: var(--mtemps6-deep); transition: transform var(--mtemps6-dur-3) var(--mtemps6-ease-spring); }
.mtemps6-faq-icon::before, .mtemps6-faq-icon::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; width: 0.85rem; height: 2px; margin: -1px 0 0 -0.425rem; background: var(--mtemps6-accent); }
.mtemps6-faq-icon::after { transform: rotate(90deg); }
.mtemps6-faq-item.mtemps6-is-open .mtemps6-faq-icon { transform: rotate(135deg); }
.mtemps6-faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--mtemps6-dur-3) var(--mtemps6-ease-out); }
.mtemps6-faq-item.mtemps6-is-open .mtemps6-faq-a { grid-template-rows: 1fr; }
.mtemps6-faq-a > div { min-height: 0; overflow: hidden; }
.mtemps6-faq-a p { padding: 0 var(--mtemps6-sp-4) var(--mtemps6-sp-4); color: var(--mtemps6-muted); }
.mtemps6-faq-empty { padding: var(--mtemps6-sp-6); color: var(--mtemps6-muted); text-align: center; }
@media (min-width: 1024px) {
  .mtemps6-faq-grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr); }
  .mtemps6-faq-side { position: sticky; inset-block-start: calc(var(--mtemps6-hdr-h-sm) + var(--mtemps6-sp-5)); }
}