/* ============================================================================
   58-faq.css · „Întrebări frecvente" la finalul paginii de acțiune · `xfq`
   LOT 174.

   ⚠ Antetul e `.xgh` (20-grup2.css:58), același ca la celelalte grupuri:
     kicker, titlu H2, fraza de sub el. Nimic copiat.
   ⚠ FĂRĂ CARD (cerut): întrebările stau direct pe pagină, despărțite de linia
     fină `--xsep`, cu o linie și deasupra primei și sub ultima.
   ⚠ `<details>` nativ: răspunsurile sunt în pagină și când sunt închise, deci
     motoarele de căutare și modelele AI le citesc. Fără JavaScript.
   ⚠ Mărimi existente: întrebarea `--xt-6` pe telefon (cerut: `--xt-5` era prea mare)
     și `--xt-5` pe desktop, 600; răspunsul `--xf-sm`; nota `--xt-8`.
   ⚠⚠ SELECTORI CU `.mdsx .xfq__i > .xfq__q`, (0,3,0). Tema are
      `.mdsx details summary{ padding:14px 0 0; font:500 12px … }` și
      `summary::after{ content:"  ↓" }` (mds-design.css), (0,1,2), care băteau
      `.xfq__q` simplu: rândurile n-aveau spațiu, iar săgeata ieșea text peste chevron.
      Măsurat în pagina randată, nu presupus.
   ============================================================================ */

.xfq{ font-family:var(--xf); color:var(--xc-ink); overflow-x:clip; }
.xfq *{ box-sizing:border-box; }
.xfq__gh{ overflow-x:clip; }

.xfq__c{ margin:24px 0 0; padding:0 0 1px;
  background:var(--xsep) no-repeat bottom/100% 1px; }

.xfq__i{ background:var(--xsep) no-repeat top/100% 1px; }
.xfq__i{ scroll-margin-top:78px; }

.mdsx .xfq__i > .xfq__q{ display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:20px 0; cursor:pointer; list-style:none; font:inherit; color:var(--xc-ink); }
.mdsx .xfq__i > .xfq__q::-webkit-details-marker{ display:none; }
.mdsx .xfq__i > .xfq__q::marker{ content:""; }
.mdsx .xfq__i > .xfq__q::after,
.mdsx .xfq__i[open] > .xfq__q::after{ content:""; flex:none; width:9px; height:9px; margin-right:4px;
  border-right:2px solid var(--xc-ink3); border-bottom:2px solid var(--xc-ink3);
  transform:translateY(-3px) rotate(45deg); transition:transform .18s ease; }
.mdsx .xfq__i[open] > .xfq__q::after{ transform:translateY(2px) rotate(-135deg); }
.mdsx .xfq__i > .xfq__q:focus-visible{ outline:2px solid var(--xc-ink2); outline-offset:4px; border-radius:6px; }

.xfq__qt{ margin:0; min-width:0; font:600 var(--xt-6)/1.4 var(--xf);
  letter-spacing:-.01em; color:var(--xc-ink); }

.xfq__a{ padding:0 0 22px; }
.xfq__a p{ margin:0; font:400 var(--xf-sm)/1.65 var(--xf);
  letter-spacing:-.004em; color:var(--xc-ink2); }
.xfq__a b{ color:var(--xc-ink); font-weight:600; font-variant-numeric:tabular-nums; }

/* Brokerii de sub răspunsul „Cum cumperi": rânduri simple, ca lista de întrebări. */
.xfq__br{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:8px; }
.xfq__bl{ display:flex; align-items:center; gap:12px; min-height:52px; padding:10px 14px;
  border-radius:var(--xr-i); background:var(--xs-inset); color:var(--xc-ink); text-decoration:none;
  transition:background .15s ease; }
.xfq__bl:hover{ background:#141417; }
.xfq__bl img,.xfq__bl i{ width:28px; height:28px; flex:none; border-radius:8px; object-fit:contain; }
.xfq__bl i{ display:grid; place-items:center; background:var(--xs-track); font:600 var(--xt-7)/1 var(--xf); font-style:normal; color:var(--xc-ink2); }
.xfq__bn{ flex:1; min-width:0; font:600 var(--xf-sm)/1.3 var(--xf); }
.xfq__bc{ flex:none; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); }
.xfq__bc::after{ content:" ›"; }
.xfq__a .xfq__bn2{ margin:10px 0 0; font:400 var(--xt-8)/1.5 var(--xf); color:var(--xc-ink3); }

.xfq__n{ margin:16px 0 0; font:400 var(--xt-8)/1.5 var(--xf); color:var(--xc-ink3); }

@media (prefers-reduced-motion:reduce){
  .mdsx .xfq__i > .xfq__q::after{ transition:none; }
}

@container mdsx (min-width:900px){
  .xfq__br{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .xfq__qt{ font-size:var(--xt-5); line-height:1.35; }
  .xfq__i{ scroll-margin-top:82px; }
}