/* =============================================================
   NovaWebDesign — Pachete & Prețuri (#pachete), bara de viteză, mini-checkout
   + opțiunile de pachet de pe /contact. Se încarcă după extras.css și înainte de tema.css.
   Culori doar din variabilele --nv-* (tema Nova / stratul de sezon).
   Sezonul (html[data-sezon="halloween"]): un singur fundal viu în spatele secțiunii
   (ceață lentă + lumina lunii), dovleacul pe Start și Business, prețuri tăiate,
   pânza de păianjen pe Premium, dovleacul în locul ardeiului pe bara de viteză.
   Mișcare doar cu transform / opacity; la mișcare redusă: imaginea finală, fără bucle.
   ============================================================= */

/* ---------- secțiunea ---------- */
#pachete {
  position: relative;
  overflow: clip;
  background: var(--nv-bg);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}
#pachete .section-header { margin-bottom: clamp(2.75rem, 5vw, 4rem); }

/* ---------- grila ---------- */
#pachete .pachete-grid {
  gap: clamp(1.25rem, 2.2vw, 1.75rem);
  max-width: 1140px;
  align-items: stretch;
  perspective: none;
  transform-style: flat;
}

/* ---------- cardul ---------- */
#pachete .pachet-card {
  padding: clamp(2rem, 2.6vw, 2.4rem) clamp(1.4rem, 2.2vw, 2rem) 1.75rem;
  border-radius: 22px;
  border: 1px solid rgba(var(--nv-tx-rgb), .08);
  background:
    linear-gradient(180deg, rgba(var(--nv-tx-rgb), .035), rgba(var(--nv-tx-rgb), 0) 38%),
    var(--nv-card);
  box-shadow: 0 30px 60px -40px rgba(var(--nv-bg-rgb), .9), inset 0 1px 0 rgba(var(--nv-tx-rgb), .05);
}
#pachete .pachet-popular {
  transform: none;
  border-color: rgba(var(--nv-acc-rgb), .42);
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(var(--nv-acc-rgb), .1), transparent 60%),
    var(--nv-card);
  box-shadow: 0 34px 70px -42px rgba(var(--nv-acc-rgb), .55), inset 0 1px 0 rgba(var(--nv-tx-rgb), .06);
}
#pachete .pachet-premium { border-color: rgba(var(--nv-acc2-rgb), .2); }
/* intrarea (WAAPI, js/script.js) scrie în transform: fără tranziție CSS pe transform (style.css avea 0,3 s,
   care întârzia fiecare cadru și făcea cardul să sară). Hover-ul și selecția folosesc translate / scale (separate). */
#pachete .pachet-card,
#pachete .pachet-card.is-selectable {
  transition:
    border-color .5s var(--nv-ease),
    translate .6s var(--nv-ease),
    scale .25s var(--nv-ease);
}
/* înainte de intrare (js/script.js pune .pk-pre doar când animația chiar rulează) */
#pachete .pachet-card.pk-pre,
#pachete .pk-pre .pachet-features li,
#pachete .pk-pre .pachet-btn { opacity: 0; }
/* lumina de hover: un strat cu umbra gata pictată; se schimbă doar opacitatea (fără box-shadow animat) */
#pachete .pachet-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 36px 72px -38px rgba(var(--nv-acc-rgb), .5);
  opacity: 0;
  transition: opacity .6s var(--nv-ease);
}
@media (hover: hover) and (pointer: fine) {
  #pachete .pachet-card:hover,
  #pachete .pachet-popular:hover {
    transform: none;
    border-color: rgba(var(--nv-acc-rgb), .32);
  }
  #pachete .pachet-card:hover::before { opacity: 1; }
  #pachete .pachet-card:not(.is-selected):hover { translate: 0 -3px; }
}
@media (hover: none) and (pointer: coarse) {
  #pachete .pachet-popular:hover,
  #pachete .pachet-card:hover,
  #pachete .pachet-popular:active,
  #pachete .pachet-card:active { transform: none; }
}

/* insignele de sus: un ton, fără gradient */
#pachete .pachet-badge {
  top: -13px;
  padding: 5px 14px;
  font-family: var(--font-body);
  font-size: .7rem;
  letter-spacing: .1em;
  color: var(--nv-on-acc);
  background: var(--nv-btn);
  box-shadow: 0 8px 22px -10px rgba(var(--nv-acc-rgb), .8);
}
#pachete .pachet-badge-premium {
  color: var(--nv-bg);
  background: var(--nv-acc2-hi);
  box-shadow: 0 8px 22px -10px rgba(var(--nv-acc2-rgb), .6);
}

/* antet: nume, preț, descriere */
#pachete .pachet-header { margin-bottom: 1.4rem; }
#pachete .pkg-icon--card { margin-bottom: 1.15rem; }
#pachete .pachet-name {
  display: block;
  font-family: var(--font-body);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--nv-tx2);
}
#pachete .pachet-price {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 2px;
  margin: .55rem 0 .7rem;
  min-height: 3.4rem;
}
#pachete .pachet-amount {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 3.6vw, 3.1rem);
  font-weight: 560;
  letter-spacing: -.02em;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--nv-tx);
}
#pachete .pachet-currency {
  font-size: 1.45rem;
  font-weight: 500;
  color: var(--nv-acc-hi);
}
#pachete .pachet-from {
  margin-right: .45rem;
  font-family: var(--font-body);
  font-size: .9rem;
  color: var(--nv-tx2);
}
#pachete .pachet-desc {
  margin: 0;
  font-size: .95rem;
  line-height: 1.55;
  color: var(--nv-tx2);
}

/* „Livrare” și „Plată”: două rânduri ușor de găsit */
.pachet-facts {
  display: grid;
  margin: 0 0 1.6rem;
  padding: .3rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(var(--nv-tx-rgb), .07);
  background: rgba(var(--nv-tx-rgb), .025);
}
.pachet-fact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 46px;
  padding: .55rem 0;
}
.pachet-fact + .pachet-fact { border-top: 1px solid rgba(var(--nv-tx-rgb), .07); }
.pachet-fact dt {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  flex: none;
  font-size: .84rem;
  color: var(--nv-tx3);
}
.pachet-fact dt svg { flex: none; color: var(--nv-acc-hi); }
.pachet-fact dd {
  margin: 0;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: right;
  color: var(--nv-tx);
}

/* „Ce primești”: listă cu bife, aerisită */
.pachet-incl {
  margin: 0 0 .85rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--nv-tx3);
}
#pachete .pachet-features { margin-bottom: 1.6rem; }
#pachete .pachet-features li {
  padding-left: 1.75rem;
  margin-bottom: .62rem;
  font-size: .92rem;
  line-height: 1.5;
  color: var(--nv-tx2);
}
#pachete .pachet-features li::before {
  top: .2em;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  background: rgba(var(--nv-acc-rgb), .14);
}
/* bifa: mască SVG colorată din temă */
#pachete .pachet-features li::after {
  content: '';
  position: absolute;
  left: 0;
  top: .2em;
  width: 1.05rem;
  height: 1.05rem;
  background: var(--nv-acc-hi);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.8 3.8L17.5 9'/%3E%3C/svg%3E") center / 72% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.8 3.8L17.5 9'/%3E%3C/svg%3E") center / 72% no-repeat;
}
#pachete .pachet-features li:hover { color: var(--nv-tx2); }

#pachete .pachet-for {
  margin: 0 0 1.5rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(var(--nv-tx-rgb), .07);
  font-size: .84rem;
  line-height: 1.55;
  color: var(--nv-tx3);
}
#pachete .pachet-for span { color: var(--nv-tx2); font-weight: 600; }

/* „Vezi exemplu”: text lizibil (era închis pe închis) */
.pkg-demo-btn {
  background:
    linear-gradient(var(--nv-raised), var(--nv-raised)) padding-box,
    linear-gradient(120deg, rgba(var(--nv-acc2-rgb), .7), var(--nv-acc) 55%, rgba(var(--nv-acc2-rgb), .7)) border-box;
  color: var(--nv-tx);
  font-family: var(--font-body);
  font-weight: 600;
}
.pkg-demo-eye { color: var(--nv-acc-hi); }
.pkg-demo-btn::before { opacity: .2; }
@keyframes pkgDemoGlow { to { opacity: .55; } }
.pkg-demo-tag {
  border-color: rgba(var(--nv-acc-rgb), .35);
  background: var(--nv-card);
  color: var(--nv-acc-hi);
}

/* butonul principal: textul pe un rând, prețul estimativ dedesubt */
#pachete .pachet-btn { border-radius: 14px; }
#pachete .pkg-maint { color: var(--nv-tx2); }
#pachete .pkg-maint:hover { color: var(--nv-acc-hi); }

/* selecția (radio): bifa și conturul în accent, fără gradient */
.pachet-check { background: var(--nv-acc); }
#pachete .pachet-card.is-selected { translate: 0 -4px; }
#pachete .pachet-premium.is-selectable::after {
  box-shadow: 0 0 0 1.5px rgba(var(--nv-acc-rgb), .7), 0 0 0 6px rgba(var(--nv-acc-rgb), .08), 0 24px 60px -20px rgba(var(--nv-acc-rgb), .45);
}

/* ---------- prețul de sezon (afișat de js/script.js doar cât e activ un sezon cu prețuri) ---------- */
.pachet-deal {
  display: inline-flex;
  align-items: center;
  margin: .7rem 0 0;
  padding: .22rem .65rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--nv-acc-hi);
  background: rgba(var(--nv-acc-rgb), .12);
  box-shadow: inset 0 0 0 1px rgba(var(--nv-acc-rgb), .3);
}
/* sezonul activ: eticheta mare, pe două rânduri (numele ofertei + perioada din js/tema.js) */
html[data-sezon] #pachete .has-deal .pachet-deal {
  display: inline-grid;
  justify-items: start;
  gap: .2rem;
  margin: .8rem 0 .1rem;
  padding: .6rem .95rem .62rem;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(var(--nv-acc-rgb), .24), rgba(var(--nv-acc-rgb), .08));
  box-shadow: inset 0 0 0 1.5px rgba(var(--nv-acc-rgb), .7), 0 10px 26px -14px rgba(var(--nv-acc-rgb), .55);
  letter-spacing: 0;
}
.pachet-deal__t {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.15;
  color: var(--nv-acc-hi);
}
.pachet-deal__d {
  font-family: var(--font-body);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nv-tx);
}
.pachet-deal[hidden], .pachet-was[hidden], .checkout-was[hidden] { display: none; }
#pachete .pachet-was {
  flex-basis: 100%;
  margin-bottom: .1rem;
  font-family: var(--font-display);
  font-size: 1.05rem;
  color: var(--nv-tx3);
  text-decoration-thickness: 1.5px;
  text-decoration-color: rgba(var(--nv-acc-rgb), .85);
}
/* rândul de sus: prețul vechi tăiat gros + insigna cu reducerea; prețul nou trece dedesubt */
#pachete .pachet-wasrow {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .7rem;
  margin-bottom: .2rem;
}
#pachete .has-deal .pachet-was {
  flex-basis: auto;
  margin: 0;
  font-size: 1.45rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--nv-tx2);
  text-decoration-line: line-through;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--nv-acc);
  text-decoration-skip-ink: none;
}
.pachet-off {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .15rem .65rem;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .01em;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--nv-on-acc);
  background: var(--nv-btn);
  box-shadow: 0 6px 16px -8px rgba(var(--nv-acc-rgb), .7);
}
/* prețul nou: portocaliu, cu o strălucire fină; „bate ca o lumânare” o dată la ~3,4 s */
#pachete .pachet-now {
  display: inline-flex;
  align-items: baseline;
  gap: 0 .3rem;
  transform-origin: 20% 80%;
  color: var(--nv-acc-hi);
  text-shadow: 0 0 18px rgba(var(--nv-acc-rgb), .35);
}
#pachete .pachet-now .pachet-amount,
#pachete .pachet-now .pachet-currency { color: inherit; margin-left: 0; }
/* stratul strălucitor (copia prețului, js/script.js): stă exact peste preț; doar opacitatea lui pulsează */
#pachete .pachet-now { position: relative; }
#pachete .pachet-now__glow {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: baseline;
  gap: inherit;
  color: var(--nv-ember);
  text-shadow: 0 0 10px rgba(var(--nv-ember-rgb), .65), 0 0 30px rgba(var(--nv-acc-rgb), .55);
  opacity: 0;
  pointer-events: none;
}
#pachete .pachet-now__glow > * { color: inherit; margin-left: 0; }
@media (prefers-reduced-motion: no-preference) {
  html[data-sezon] #pachete .has-deal .pachet-now { animation: pk-candle 3.4s ease-in-out infinite; }
  html[data-sezon] #pachete .has-deal .pachet-now__glow { animation: pk-candle-glow 3.4s ease-in-out infinite; }
  html[data-sezon] #pachete .pachet-card[data-package="BUSINESS"].has-deal .pachet-now,
  html[data-sezon] #pachete .pachet-card[data-package="BUSINESS"].has-deal .pachet-now__glow { animation-delay: .5s; }
}
/* „bate ca o lumânare”: doar transform (prețul) + opacitate (copia portocalie) */
@keyframes pk-candle {
  0%, 72%, 100% { transform: none; }
  80% { transform: scale(1.07) rotate(-1.4deg); }
  86% { transform: scale(.995) rotate(.5deg); }
  92% { transform: none; }
}
@keyframes pk-candle-glow {
  0%, 72%, 100% { opacity: 0; }
  80% { opacity: 1; }
  86% { opacity: .8; }
  92% { opacity: 0; }
}
.pachet-pk { margin-left: .6rem; align-self: center; }

/* mini-checkout și rezumatul de pe contact: prețul vechi tăiat lângă total */
.checkout-total-val { display: inline-flex; align-items: baseline; gap: .6rem; }
.checkout-was,
.checkout-summary-was {
  font-family: var(--font-display);
  font-size: 1rem;
  color: var(--nv-tx3);
  text-decoration-color: rgba(var(--nv-acc-rgb), .85);
}
.checkout-summary-was[hidden] { display: none; }
.checkout-price {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--nv-acc-hi);
  font-weight: 600;
}
.pkg-was { margin-right: .35rem; color: var(--nv-tx3); font-weight: 500; text-decoration-color: rgba(var(--nv-acc-rgb), .85); }
/* prețul vechi tăiat (contact, mini-checkout): aceeași linie groasă portocalie ca pe carduri */
html[data-sezon] .checkout-summary-was, html[data-sezon] .checkout-was { font-size: 1.15rem; }
html[data-sezon] .pkg-was,
html[data-sezon] .checkout-was,
html[data-sezon] .checkout-summary-was {
  color: var(--nv-tx2);
  -webkit-text-fill-color: var(--nv-tx2);   /* părintele de pe contact are text cu gradient */
  text-decoration-line: line-through;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--nv-acc);
  text-decoration-skip-ink: none;
}

/* 24h (ardeiul, tema Nova): totalul „ia foc”, gradient cald curat */
#miniCheckout[data-speed="24h"] .checkout-price,
#contactCheckoutSummary[data-speed="24h"] .checkout-summary-price {
  background: linear-gradient(120deg, #FDBA74 0%, #FB923C 50%, #F87171 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- sub pachete: termenul ofertei + mentenanța (doar în sezon) ---------- */
.pk-season { display: none; }
html[data-sezon] .pk-season {
  display: grid;
  justify-items: center;
  gap: .75rem;
  max-width: 44rem;
  margin: clamp(2.5rem, 5vw, 3.5rem) auto 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.pk-season-until {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 2.8vw, 1.85rem);
  font-weight: 560;
  font-style: italic;
  line-height: 1.25;
  color: var(--nv-acc-hi);
}
.pk-season-note {
  margin: 0;
  font-size: .98rem;
  line-height: 1.65;
  color: var(--nv-tx2);
}
.pk-season-note a {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-left: .25rem;
  color: var(--nv-acc-hi);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(var(--nv-acc-hi-rgb), .4);
  text-underline-offset: 3px;
  white-space: nowrap;
}
.pk-season-note a:hover { text-decoration-color: currentColor; }
.pk-season-note a svg { transition: transform .25s var(--nv-ease); }
.pk-season-note a:hover svg { transform: translateX(3px); }

/* ---------- bara de viteză + mini-checkout: aceleași suprafețe ca restul ---------- */
#pachete .pricing-speed-section { margin-top: clamp(3.5rem, 6vw, 4.5rem); }
#pachete .pricing-speed-title { font-weight: 560; font-size: 1.45rem; }
#pachete .pricing-speed-subtitle { color: var(--nv-tx2); }
.pricing-slider,
.mini-checkout {
  background: var(--nv-card);
  border-color: rgba(var(--nv-tx-rgb), .08);
  border-radius: 20px;
}
.checkout-value { font-family: var(--font-body); font-weight: 600; }
.spd-track {
  background: rgba(var(--nv-tx-rgb), .08);
  box-shadow: inset 0 1px 2px rgba(var(--nv-bg-rgb), .6), 0 0 0 1px rgba(var(--nv-tx-rgb), .05);
}
.spd-fill { background: linear-gradient(90deg, var(--nv-acc-lo), var(--nv-acc)); }
.spd-stop { background: var(--nv-raised); box-shadow: 0 0 0 2px rgba(var(--nv-tx-rgb), .16); }
.spd-stop.is-active { background: var(--nv-tx); }
.spd-thumb::before { background: radial-gradient(circle at 50% 30%, var(--nv-raised) 0%, var(--nv-card) 72%); }
.spd .velocity-btn {
  border-color: rgba(var(--nv-tx-rgb), .1);
  background: rgba(var(--nv-tx-rgb), .03);
  font-family: var(--font-body);
}
.spd-pill-name { font-weight: 600; }
.spd .velocity-btn.active {
  background: rgba(var(--nv-acc-rgb), .14);
  box-shadow: 0 0 0 1px rgba(var(--nv-acc-rgb), .3), 0 18px 40px -22px rgba(var(--nv-acc-rgb), .55);
}
.spd-info { background: rgba(var(--nv-tx-rgb), .03); border-color: rgba(var(--nv-tx-rgb), .06); }
.spd-info-title { font-family: var(--font-body); font-weight: 600; }

/* =============================================================
   SEZON: Halloween
   ============================================================= */

/* un singur fundal viu în spatele secțiunii: lumina lunii + ceață lentă (violet stins).
   Totul stă sub conținut (.pk-night z 0, .container z 1) și se mișcă doar cu transform / opacity. */
.pk-night { display: none; }
html[data-sezon="halloween"] #pachete::before { opacity: .55; }
html[data-sezon="halloween"] .pk-night {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

/* luna: caldă, luminoasă, cu un halou fin. Poziția o ține mereu LÂNGĂ text, niciodată în spatele lui:
   pe telefon și tabletă stă mică, în colțul de sus (deasupra titlului, la dreapta etichetei);
   pe calculator stă în dreapta titlului, în afara blocului de text (titlul are cel mult ~370 px pe jumătate). */
html[data-sezon="halloween"] .pk-moon {
  position: absolute;
  top: 30px;
  right: 12px;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 36%, rgba(var(--nv-moon-rgb), 1) 0%, rgba(var(--nv-moon-rgb), 1) 46%, rgba(var(--nv-acc-pale-rgb), .97) 100%);
  /* lumina proprie: pictată o dată, nu se animă */
  box-shadow:
    inset -4px -6px 14px rgba(var(--nv-acc-pale-rgb), .55),
    inset 3px 4px 10px rgba(var(--nv-moon-rgb), .9),
    0 0 14px 1px rgba(var(--nv-moon-rgb), .42);
}
/* haloul fin: strat separat, „respiră” doar din opacitate */
html[data-sezon="halloween"] .pk-moon::before {
  content: '';
  position: absolute;
  inset: -50%;
  border-radius: 50%;
  /* se stinge complet înainte de margine: nu e tăiat de marginea de sus a secțiunii */
  background: radial-gradient(closest-side, rgba(var(--nv-moon-rgb), .4) 46%, rgba(var(--nv-moon-rgb), .15) 56%, rgba(var(--nv-ember-rgb), .05) 70%, rgba(var(--nv-ember-rgb), 0) 82%);
  opacity: .85;
}
/* textura: câteva umbre calde, foarte moi (fără pete gri) */
html[data-sezon="halloween"] .pk-moon::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    radial-gradient(34% 26% at 60% 30%, rgba(var(--nv-acc-pale-rgb), .5), rgba(var(--nv-acc-pale-rgb), 0) 100%),
    radial-gradient(26% 30% at 30% 60%, rgba(var(--nv-acc-pale-rgb), .38), rgba(var(--nv-acc-pale-rgb), 0) 100%),
    radial-gradient(18% 16% at 70% 72%, rgba(var(--nv-acc-pale-rgb), .3), rgba(var(--nv-acc-pale-rgb), 0) 100%);
  opacity: .6;
}
@media (min-width: 600px) {
  html[data-sezon="halloween"] .pk-moon { top: 24px; right: max(20px, 4vw); width: 50px; }
}
@media (min-width: 769px) {
  html[data-sezon="halloween"] .pk-moon { top: 30px; width: 70px; }
}
@media (min-width: 1100px) {
  html[data-sezon="halloween"] .pk-moon {
    top: calc(var(--section-padding) - 10px);
    right: auto;
    left: calc(50% + 430px);
    width: clamp(100px, 8.6vw, 136px);
  }
}
/* lumina lunii pe secțiune: se stinge spre marginea de sus (fără muchie dreaptă la începutul secțiunii) */
html[data-sezon="halloween"] .pk-moonlight {
  position: absolute;
  top: 0;
  right: 0;
  width: min(100%, 1100px);
  height: min(70%, 1000px);
  background: radial-gradient(60% 55% at 82% 14%, rgba(var(--nv-moon-rgb), .085), rgba(var(--nv-moon-rgb), .025) 48%, rgba(var(--nv-moon-rgb), 0) 72%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 160px);
  mask-image: linear-gradient(to bottom, transparent 0, black 160px);
}
/* ceața: straturi de înălțime limitată (texturi mici pe telefon), mișcate doar cu translate3d */
html[data-sezon="halloween"] .pk-fog {
  position: absolute;
  left: -40%;
  width: 180%;
  height: min(46%, 760px);
  opacity: .9;
  background:
    radial-gradient(28% 50% at 18% 55%, rgba(var(--nv-fog-rgb), .3), transparent 70%),
    radial-gradient(24% 42% at 46% 45%, rgba(var(--nv-fog-rgb), .22), transparent 70%),
    radial-gradient(30% 55% at 72% 60%, rgba(var(--nv-fog-rgb), .27), transparent 70%),
    radial-gradient(22% 40% at 92% 48%, rgba(var(--nv-fog-rgb), .14), transparent 70%);
}
html[data-sezon="halloween"] .pk-fog--a { top: 18%; }
html[data-sezon="halloween"] .pk-fog--b { top: 46%; opacity: .75; transform: scaleX(-1); }
html[data-sezon="halloween"] .pk-fog--c { top: auto; bottom: -4%; height: min(40%, 640px); opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  html[data-sezon="halloween"] .pk-fog--a { animation: pkFog 70s ease-in-out infinite alternate; }
  html[data-sezon="halloween"] .pk-fog--b { animation: pkFogB 90s ease-in-out infinite alternate; }
  html[data-sezon="halloween"] .pk-fog--c { animation: pkFog 110s ease-in-out -30s infinite alternate; }
  html[data-sezon="halloween"] .pk-moon { animation: pkMoon 16s ease-in-out infinite alternate; }
  html[data-sezon="halloween"] .pk-moon::before { animation: pkHalo 7s ease-in-out infinite alternate; }
  /* stratul GPU doar cât secțiunea e aproape de ecran */
  html[data-sezon="halloween"] #pachete:not(.anim-off) .pk-fog { will-change: transform; }
}
@keyframes pkFog { from { transform: translate3d(-10%, 0, 0); } to { transform: translate3d(10%, -3%, 0); } }
@keyframes pkFogB { from { transform: scaleX(-1) translate3d(-9%, 0, 0); } to { transform: scaleX(-1) translate3d(11%, 4%, 0); } }
@keyframes pkMoon { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -5px, 0); } }
@keyframes pkHalo { from { opacity: .7; } to { opacity: 1; } }
/* secțiunea ieșită din ecran: buclele stau (script.js pune .anim-off) */
html[data-sezon="halloween"] #pachete.anim-off .pk-fog,
html[data-sezon="halloween"] #pachete.anim-off .pk-moon,
html[data-sezon="halloween"] #pachete.anim-off .pk-moon::before { animation-play-state: paused; }

/* cardurile rămân curate și opace peste fundal */
html[data-sezon="halloween"] #pachete .pachet-card { box-shadow: 0 40px 80px -46px rgba(var(--nv-fog-rgb), .55), inset 0 1px 0 rgba(var(--nv-tx-rgb), .05); }
html[data-sezon="halloween"] #pachete .pachet-popular { box-shadow: 0 40px 80px -44px rgba(var(--nv-acc-rgb), .5), inset 0 1px 0 rgba(var(--nv-tx-rgb), .06); }

/* pânza de păianjen fină, în colțul cardului Premium; tremură la hover */
.pk-web { display: none; }
html[data-sezon="halloween"] .pk-web {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 2;
  width: clamp(96px, 9vw, 118px);
  height: auto;
  color: rgba(var(--nv-moon-rgb), .32);
  border-top-right-radius: 21px;
  pointer-events: none;
  transform-origin: 98% 2%;
}
.pk-web-t { stroke-width: .7; }
.pk-web-s { stroke-width: .55; opacity: .85; }
/* tremurul pânzei (hover cu mouse-ul / selecția cardului) îl pornește js/script.js (WAAPI, oscilație amortizată):
   rulează până la capăt chiar dacă mouse-ul pleacă — fără oprire bruscă */
/* bifa de selecție stă peste pânză */
html[data-sezon="halloween"] .pachet-check { z-index: 4; }

/* ---------- bara de viteză: un singur dovleac în locul ardeiului ---------- */
.spd-pk { display: none; }
html[data-sezon="halloween"] .spd-pepper-fx { display: none; }
html[data-sezon="halloween"] .spd-pk {
  display: block;
  width: 34px;
  height: 34px;
  margin: -3px;
  pointer-events: none;
}
html[data-sezon="halloween"] .spd-pk .hw-pk__svg { width: 34px; height: 34px; }
/* focul ardeiului (style.css, culori fixe) devine jar de dovleac: totul din variabile */
html[data-sezon="halloween"] .spd-embers i {
  background: var(--nv-ember);
  box-shadow: 0 0 5px 1px rgba(var(--nv-acc-rgb), .85);
}
html[data-sezon="halloween"] .spd-halo::before {
  background: radial-gradient(circle, rgba(var(--nv-ember-rgb), .5) 0%, rgba(var(--nv-acc-rgb), .24) 45%, rgba(var(--nv-acc-rgb), 0) 70%);
}
html[data-sezon="halloween"] .spd.is-hot .spd-pepper svg { filter: none; }
/* dovleacul stă direct pe bară: fără discul de sub ardei, fără fum */
html[data-sezon="halloween"] .spd[data-speed] .spd-thumb::before,
html[data-sezon="halloween"] .spd-thumb::before {
  background: radial-gradient(circle, rgba(var(--nv-acc-rgb), .16), rgba(var(--nv-acc-rgb), 0) 70%);
  box-shadow: none;
}
html[data-sezon="halloween"] .spd-smoke,
html[data-sezon="halloween"] .spd-wisps,
html[data-sezon="halloween"] .spd-lava { display: none; }
html[data-sezon="halloween"] .spd-fill-hot {
  background: linear-gradient(90deg, rgba(var(--nv-acc-rgb), 0), var(--nv-acc) 60%, var(--nv-acc-hi));
  box-shadow: 0 0 18px rgba(var(--nv-acc-rgb), .5);
}
html[data-sezon="halloween"] .spd-halo {
  background: radial-gradient(circle, rgba(var(--nv-acc-hi-rgb), .45) 0%, rgba(var(--nv-acc-rgb), .18) 45%, rgba(var(--nv-acc-rgb), 0) 70%);
}
html[data-sezon="halloween"] .spd[data-speed="24h"] .spd-stop.is-active { box-shadow: 0 0 0 3px rgba(var(--nv-acc-rgb), .65), 0 0 16px rgba(var(--nv-acc-hi-rgb), .8); }
html[data-sezon="halloween"] .spd .velocity-btn[data-speed="24h"].active {
  border-color: rgba(var(--nv-acc-rgb), .6);
  background: rgba(var(--nv-acc-rgb), .16);
  box-shadow: 0 0 0 1px rgba(var(--nv-acc-rgb), .35), 0 18px 40px -22px rgba(var(--nv-acc-rgb), .6);
}
html[data-sezon="halloween"] .spd .velocity-btn[data-speed="24h"].active .spd-pill-tag,
html[data-sezon="halloween"] .spd[data-speed="24h"] .spd-info-icon { color: var(--nv-acc-hi); }
html[data-sezon="halloween"] .spd[data-speed="24h"] .spd-info-icon { background: rgba(var(--nv-acc-rgb), .14); }
/* 24h în sezon: focul devine jar de dovleac (eticheta, titlul, totalul) */
html[data-sezon="halloween"] .spd .velocity-btn[data-speed="24h"].active .spd-ch {
  color: var(--nv-acc-hi);
  text-shadow: 0 0 10px rgba(var(--nv-acc-rgb), .5);
}
html[data-sezon="halloween"] .spd .velocity-btn[data-speed="24h"].active::after {
  box-shadow: 0 0 18px -4px rgba(var(--nv-acc-rgb), .6), inset 0 0 14px -8px rgba(var(--nv-acc-hi-rgb), .75);
}
html[data-sezon="halloween"] .spd .velocity-btn[data-speed="24h"].is-preview:not(.active) {
  border-color: rgba(var(--nv-acc-rgb), .5);
  background: rgba(var(--nv-acc-rgb), .08);
}
html[data-sezon="halloween"] .spd[data-speed="24h"] .spd-info-title {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--nv-acc-hi);
}
html[data-sezon="halloween"] #miniCheckout[data-speed="24h"] .checkout-price,
html[data-sezon="halloween"] #contactCheckoutSummary[data-speed="24h"] .checkout-summary-price {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--nv-acc-hi);
  text-shadow: 0 0 18px rgba(var(--nv-acc-rgb), .45);
}
/* la capăt (24h) dovleacul luminează: lumina rămâne cât timp e ales 24h.
   Lumina e un strat cu gradient (jar) care apare din opacitate — fără filter animat pe dovleacul care se mișcă. */
html[data-sezon="halloween"] .spd-pk { position: relative; }
html[data-sezon="halloween"] .spd-pk::before {
  content: '';
  position: absolute;
  inset: -60%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(var(--nv-ember-rgb), .62), rgba(var(--nv-acc-rgb), .28) 48%, rgba(var(--nv-acc-rgb), 0) 100%);
  opacity: 0;
  pointer-events: none;
}
html[data-sezon="halloween"] .spd-pk .hw-pk__svg { position: relative; }
html[data-sezon="halloween"] .spd.is-lit .spd-pk::before { opacity: 1; }
html[data-sezon="halloween"] .spd.is-lit .spd-pk .hw-pk__face { animation: none; opacity: 1; filter: drop-shadow(0 0 4px rgba(var(--nv-ember-rgb), 1)); }
@media (prefers-reduced-motion: no-preference) {
  html[data-sezon="halloween"] .spd-pk::before { transition: opacity .5s ease; }
}

/* ---------- antetul secțiunii: rând cu rând (js/nova-motion.js), dar mai scurt și fără blur ----------
   blur(4px) pe fiecare cuvânt se repicta la fiecare cadru; pe telefon, la derulare rapidă, titlul
   rămânea vizibil „pe jumătate estompat” cât dura tranziția. Aici: doar opacitate + translate, mai repede. */
#pachete .nv-split .nv-w {
  transition:
    opacity .5s ease,
    transform .7s var(--nv-ease);
  transition-delay: calc(var(--nv-l, 0) * 80ms + var(--nv-d, 0ms) * .55);
}
html.nv-lines-on #pachete .nv-split:not(.nv-in) .nv-w { transform: translateY(.35em); }
html.nv-lines-on #pachete .nv-lines-host .section-label { transition-duration: .45s, .6s; }

/* ---------- mișcare redusă ---------- */
@media (prefers-reduced-motion: reduce) {
  .pk-fog, .pk-moon, .pk-moon::before, .pk-web { animation: none !important; }
  #pachete .pachet-card, #pachete .pachet-card::before { transition: none !important; }
}

/* ---------- telefon ---------- */
@media (max-width: 768px) {
  #pachete .pachete-grid { gap: 1.75rem; }
  #pachete .pachet-card { padding: 1.9rem 1.3rem 1.5rem; border-radius: 20px; }
  #pachete .pachet-amount { font-size: 2.6rem; }
  .pachet-fact dt { font-size: .82rem; }
  .pachet-fact dd { font-size: .9rem; }
  /* două straturi de ceață, mai mici: mai puțină memorie GPU pe telefon */
  html[data-sezon="halloween"] .pk-fog { height: min(30%, 520px); width: 170%; left: -35%; }
  html[data-sezon="halloween"] .pk-fog--b { display: none; }
  html[data-sezon="halloween"] .pk-fog--c { height: min(26%, 460px); }
}
@media (max-width: 480px) {
  #pachete .pachet-card { padding: 1.75rem 1.15rem 1.4rem; }
}

/* =============================================================
   Prima pagină — rezumatul de mentenanță (#mentenanta): culori din temă
   + „Teme de sezon incluse” pe fiecare abonament (frunză în Nova, dovleac în sezon)
   ============================================================= */
#mentenanta .mt-badges li { color: var(--nv-tx); border-color: rgba(var(--nv-acc-rgb), .22); background: rgba(var(--nv-acc-rgb), .06); }
#mentenanta .mt-badges svg { color: var(--nv-acc-hi); }
#mentenanta .mt-plan {
  border-color: rgba(var(--nv-tx-rgb), .08);
  background: linear-gradient(180deg, rgba(var(--nv-tx-rgb), .035), rgba(var(--nv-tx-rgb), 0) 40%), var(--nv-card);
}
#mentenanta .mt-plan.is-rec {
  border-color: rgba(var(--nv-acc-rgb), .5);
  background: radial-gradient(120% 80% at 50% 0%, rgba(var(--nv-acc-rgb), .14), transparent 60%), var(--nv-card);
}
#mentenanta .mt-plan-badge { background: var(--nv-acc); }
#mentenanta .mt-plan.is-limited .mt-plan-badge { color: var(--nv-bg); background: var(--nv-acc2-hi); }
#mentenanta .mt-plan-name { font-weight: 580; }
#mentenanta .mt-plan-price b { font-weight: 560; }
#mentenanta .mt-plan-for { color: rgba(var(--nv-tx-rgb), .86); }
#mentenanta .mt-plan-go { color: var(--nv-acc-hi); }
@media (hover: hover) and (pointer: fine) {
  #mentenanta .mt-plan:hover { border-color: rgba(var(--nv-acc-rgb), .4); box-shadow: 0 26px 50px -30px rgba(var(--nv-acc-rgb), .5); }
}
.mt-plan-season {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  align-self: flex-start;
  margin-top: .15rem;
  padding: .28rem .7rem .28rem .55rem;
  border-radius: 999px;
  border: 1px dashed rgba(var(--nv-acc-rgb), .38);
  background: rgba(var(--nv-acc-rgb), .06);
  font-size: .8rem;
  font-weight: 600;
  color: var(--nv-tx);
}
.mt-plan-season .mt-season-leaf { flex: none; color: var(--nv-acc-hi); }
html[data-sezon="halloween"] .mt-plan-season .mt-season-leaf { display: none; }
.mt-plan-season .mt-season-pk { margin: -3px 0; }
@media (max-width: 599.98px) {
  /* telefon (grilă 2 × 2): doar iconița și textul, fără chenar */
  .mt-plan-season { gap: .35rem; padding: 0; border: 0; background: none; font-size: .8125rem; line-height: 1.3; color: var(--nv-acc-pale); }
  .mt-plan-season .mt-season-leaf { width: 14px; height: 14px; }
}

/* =============================================================
   Runda 6 · telefon: carduri compacte + „Arată tot ce primești”
   ============================================================= */
.pachet-more { display: none; }
@media (max-width: 767.98px) {
  #pachete .pachet-card .pachet-more {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    width: 100%; min-height: 48px; margin: -.4rem 0 1.1rem; padding: 0 14px;
    border: 0; border-radius: 14px; cursor: pointer;
    font: 600 .95rem/1.2 var(--font-body); color: var(--nv-acc-hi);
    background: rgba(var(--nv-acc-rgb), .1); box-shadow: inset 0 0 0 1px rgba(var(--nv-acc-rgb), .34);
    -webkit-tap-highlight-color: transparent; text-align: left;
  }
  #pachete .pachet-more:focus-visible { outline: 2px solid var(--nv-acc-hi); outline-offset: 3px; }
  .pachet-more__ar { flex: none; transition: transform .45s cubic-bezier(.22, 1, .36, 1); }
  @media (prefers-reduced-motion: no-preference) {
    .pachet-card:not(.is-open) .pachet-more__ar { animation: pkNudge 1.9s ease-in-out infinite; }
  }
  .pachet-card.is-open .pachet-more__ar { transform: rotate(180deg); }
  @keyframes pkNudge { 0%, 100% { transform: translateY(-2px); opacity: .7; } 50% { transform: translateY(3px); opacity: 1; } }

  /* ce se vede din prima: primele 3 rânduri (estompate spre buton); restul se strânge */
  #pachete .pachet-card:not(.is-open) .pachet-features {
    -webkit-mask-image: linear-gradient(180deg, #000 0, #000 58%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0, #000 58%, transparent 100%);
    margin-bottom: 1rem;
  }
  #pachete .pachet-card .pachet-features li:nth-child(n+4),
  #pachete .pachet-card .pachet-for,
  #pachete .pachet-card .pkg-demo,
  #pachete .pachet-card .pkg-maint {
    max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;
    transform: translate3d(0, 8px, 0);
    transition: max-height .5s cubic-bezier(.22, 1, .36, 1) calc(var(--k, 0) * 45ms), opacity .4s ease calc(var(--k, 0) * 45ms),
                transform .5s cubic-bezier(.22, 1, .36, 1) calc(var(--k, 0) * 45ms), margin .4s ease calc(var(--k, 0) * 45ms), padding .4s ease calc(var(--k, 0) * 45ms);
  }
  #pachete .pachet-card.is-open .pachet-features li:nth-child(n+4) { max-height: 6rem; opacity: 1; margin-bottom: .62rem; transform: none; }
  #pachete .pachet-card.is-open .pachet-for { max-height: 12rem; opacity: 1; margin-bottom: 1.5rem; padding-top: 1.1rem; transform: none; --k: 7; }
  #pachete .pachet-card.is-open .pkg-demo, #pachete .pachet-card.is-open .pkg-maint { max-height: 12rem; opacity: 1; transform: none; --k: 8; }
  #pachete .pachet-features li:nth-child(4) { --k: 0; } #pachete .pachet-features li:nth-child(5) { --k: 1; }
  #pachete .pachet-features li:nth-child(6) { --k: 2; } #pachete .pachet-features li:nth-child(7) { --k: 3; }
  #pachete .pachet-features li:nth-child(8) { --k: 4; } #pachete .pachet-features li:nth-child(9) { --k: 5; }
  #pachete .pachet-features li:nth-child(n+10) { --k: 6; }
  /* bifele: stinse până se deschide, apoi se aprind (portocaliu în Halloween, verde în Nova — culorile temei) */
  #pachete .pachet-card .pachet-features li:nth-child(n+4)::before { background: rgba(var(--nv-tx-rgb), .08); transition: background-color .5s ease calc(var(--k, 0) * 45ms + .2s); }
  #pachete .pachet-card .pachet-features li:nth-child(n+4)::after { background: var(--nv-tx3); transition: background-color .5s ease calc(var(--k, 0) * 45ms + .2s); }
  #pachete .pachet-card.is-open .pachet-features li:nth-child(n+4)::before { background: rgba(var(--nv-acc-rgb), .22); }
  #pachete .pachet-card.is-open .pachet-features li:nth-child(n+4)::after { background: var(--nv-acc-hi); }
  /* lumina care trece peste card (o dată, doar transform) */
  .pachet-sheen { position: absolute; inset: 0; z-index: 5; border-radius: inherit; overflow: hidden; pointer-events: none; }
  .pachet-sheen::before {
    content: ''; position: absolute; top: -10%; bottom: -10%; left: -40%; width: 38%;
    background: linear-gradient(100deg, transparent, rgba(var(--nv-acc-hi-rgb), .22), rgba(255, 255, 255, .16), transparent);
    transform: translate3d(-20%, 0, 0) skewX(-18deg);
  }
  .pachet-sheen.is-on::before { animation: pkSheen 1.1s cubic-bezier(.4, 0, .2, 1) both; }
  @keyframes pkSheen { from { transform: translate3d(0, 0, 0) skewX(-18deg); } to { transform: translate3d(480%, 0, 0) skewX(-18deg); } }
  @media (prefers-reduced-motion: reduce) {
    #pachete .pachet-card .pachet-features li:nth-child(n+4), #pachete .pachet-card .pachet-for, #pachete .pachet-card .pkg-demo, #pachete .pachet-card .pkg-maint { transition: none; }
    .pachet-card.is-open .pachet-more__ar { transition: none; }
  }
}

/* Runda 6 · telefon: antetul cardului mai compact (iconița lângă nume, eticheta ofertei mai joasă) */
@media (max-width: 767.98px) {
  #pachete .pachet-header { margin-bottom: 1rem; }
  #pachete .pkg-icon--card { width: 44px; height: 44px; margin-bottom: .6rem; border-radius: 12px; }
  #pachete .pkg-icon--card .pkg-icon-svg { width: 25px; height: 25px; }
  html[data-sezon] #pachete .has-deal .pachet-deal { margin: .55rem 0 .1rem; padding: .4rem .75rem .42rem; gap: .1rem; border-radius: 12px; }
  html[data-sezon] #pachete .has-deal .pachet-deal__t { font-size: 1.02rem; }
  html[data-sezon] #pachete .has-deal .pachet-deal__d { font-size: .68rem; letter-spacing: .06em; }
  #pachete .pachet-facts { margin-bottom: 1.1rem; }
  #pachete .pachet-incl { margin-bottom: .6rem; }
}

/* Runda 7: lângă prețul de sezon, dovleacul fin (contur SVG, ca iconițele site-ului), doar în Halloween */
.pachet-pk--fin { display: none; }
html[data-sezon="halloween"] .has-deal .pachet-pk--fin { display: inline-flex; width: 30px; height: 30px; color: var(--nv-acc-hi); filter: drop-shadow(0 0 6px rgba(var(--nv-glow-rgb, 255, 140, 40), .45)); }
.pachet-pk--fin svg { display: block; width: 100%; height: 100%; }