/* Sectiunea "Programeaza 20 de minute" (contact.html). Fara librarii; foloseste
   variabilele din panou.css. Embed-ul terț se încarcă doar la click. */
.rez{display:grid; grid-template-columns:.8fr 1.2fr; gap:22px; align-items:start}
@media(max-width:880px){.rez{grid-template-columns:1fr}}
.rez__ce{padding:24px 22px}
.rez__ce h3{font-size:18px; font-weight:800; letter-spacing:-.025em; color:var(--sink); margin:6px 0 12px}
.rez__ce ul{list-style:none; margin:0; padding:0; display:grid; gap:11px}
.rez__ce li{position:relative; padding-left:22px; font-size:14.5px; line-height:1.5; color:var(--sink2)}
.rez__ce li::before{content:""; position:absolute; left:0; top:.5em; width:8px; height:8px; background:var(--or)}
.rez__ce li b{color:var(--sink); font-weight:600}
.rez__cifre{display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:16px}
.rez__zona{padding:26px 24px; min-height:220px}
.rez__zona h3{font-size:18px; font-weight:800; letter-spacing:-.025em; color:var(--sink); margin:6px 0 9px}
.rez__zona p{font-size:14.5px; line-height:1.55; color:var(--sink2); margin:0 0 16px; max-width:52ch}
.rez__acte{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px}
.rez__acte a:not(.btn):not(.wa){color:var(--sink); text-underline-offset:3px; font-size:14px}
.rez__nota{margin-top:14px; font-size:12.6px; line-height:1.5; color:var(--sink3)}
.rez__nota a{color:var(--sink2); text-underline-offset:3px}
.rez__zona .btn:focus-visible,.rez__zona .wa:focus-visible,.rez__zona a:focus-visible{outline:2px solid var(--or); outline-offset:3px}
.rez__cadru{position:relative; margin-top:6px; border:1px solid var(--disprule); border-radius:var(--r);
  overflow:hidden; background:var(--disp2)}
.rez__cadru iframe{display:block; width:100%; height:660px; border:0; background:transparent}
.rez__cadru iframe:focus-visible{outline:2px solid var(--or); outline-offset:-2px}
@media(max-width:560px){.rez__cadru iframe{height:720px}.rez__zona{padding:20px 14px}.rez__ce{padding:20px 16px}}
.rez__incarc{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:11px; letter-spacing:.19em; text-transform:uppercase; color:var(--sink3);
  pointer-events:none}
.rez__cadru.gata .rez__incarc{display:none}
/* Stari: fallback-ul e implicit (fara JS sau fara url); JS-ul comuta pe [data-stare]. */
.rez__pornit{display:none}
.rez__zona[data-stare="gata"] .rez__pornit{display:block}
.rez__zona[data-stare="gata"] .rez__fallback{display:none}
@media (prefers-reduced-motion:reduce){.rez__zona *{transition:none!important;animation:none!important}}
.rez [hidden]{display:none!important}