/* =============================================================================
   MAGAZIN v7.2 — pagina de programe (LP-section + showcase „Așa arată
   programul tău" + buybar mobil). Fără suplimente / cod de reducere (scoase
   la cererea lui Andu, 25 iul). Se sprijină pe base-v6.css (tokens) +
   chat-v6.css (chrome .acx) + magazin-program-lp.css + magazin-showcase-lp.css.
   Twig țintă: ruta de magazin — vezi 03-INSTRUCTIUNI §8.
   ============================================================================= */

.mgx { padding: 0 20px 72px; }
.mgx-wrap { max-width: 980px; margin: 0 auto; }

/* ------------------------------------------------ header de pagină */
.mgx-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 34px 0 6px; }
.mgx-kicker { font-size: var(--t-2xs); font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.mgx-head h1 { margin: 6px 0 0; font-family: var(--font-display); font-weight: 800; letter-spacing: -.03em; font-size: 30px; color: #fff; }
.mgx-sub { margin: 8px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--muted); max-width: 52ch; }
.mgx-sub b { color: var(--fg); font-weight: 700; }


/* ------------------------------------------------ secțiuni */
.mgx-sec { margin-top: 34px; }
.mgx-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.mgx-sec-head h2 { margin: 0; font-family: var(--font-display); font-weight: 700; letter-spacing: -.02em; font-size: 19px; color: #fff; }
.mgx-sec-head .note { font-size: 12.5px; color: var(--dim); }

/* programele folosesc CSS-ul portat 1:1 din LP (magazin-program-lp.css);
   aici doar așezarea în pagină + buybar-ul doar pe mobil */
#program { margin-top: 34px; padding: 0; }
#program .wrap { max-width: none; padding: 0; min-height: 0 !important; display: block !important; }
#program .shead { margin-bottom: 12px; }
#program .shead h2 { font-family: var(--font-display); color: #fff; }
.gt { background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-right: .06em; }
@media (min-width: 1024px) { .buybar { display: none; } }

/* intrarea paginii */
body[data-anim-entrance] .mgx-head { animation: acxDown .55s var(--ease-emph) .05s both; }
body[data-anim-entrance] #program { animation: acxRise .55s var(--ease-emph) .16s both; }
body[data-anim-entrance] #showcase { animation: acxRise .55s var(--ease-emph) .28s both; }

/* ------------------------------------------------ responsive */
@media (max-width: 719.98px) {
  .mgx { padding: 0 14px 56px; }
  .mgx-head { flex-direction: column; align-items: stretch; padding-top: 24px; }
  .mgx-head h1 { font-size: 25px; }
  .mgx-priceline .cancel { margin-left: 0; }
}
@media (max-width: 1023.98px) {
  /* headerul paginii lasă loc butonului fix de meniu: 44px + 12px de margine.
     Era 100px cât timp existau două butoane (inimă + burger); inima a fost scoasă. */
  .mgx-head { padding-right: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .mgx-plan.in, .mgx-plan.out { animation: none; opacity: 1; transform: none; }
}