/* =============================================================
   NovaWebDesign — pagina /pachete (oct. 2026)
   Cardurile, bara de viteză și mini-checkout-ul au stilurile lor din css/style.css + css/pachete.css (neschimbate).
   Aici: antetul paginii (aliniat la stânga), compararea pe scurt (tabel), banda de mentenanță, întrebările pe două coloane.
   Doar variabilele temei (--nv-*), deci sezoanele recolorează singure.
   ============================================================= */
.pachet-price .pachet-from { align-self: center; margin-right: 6px; font-size: .95rem; font-weight: 600; color: var(--nv-tx2); }

/* ---------- antetul (în secțiunea #pachete) ---------- */
.pkp { padding-top: clamp(7rem, 12vw, 9.5rem); }
.pkp-head { max-width: 62rem; margin: 0 0 clamp(2.5rem, 5vw, 4rem); text-align: left; position: relative; z-index: 1; }
.pkp-crumbs { display: flex; gap: .55rem; align-items: center; font-size: .9rem; color: var(--nv-tx3); margin-bottom: 1.1rem; }
.pkp-crumbs a { color: var(--nv-tx2); text-decoration: none; border-bottom: 1px solid rgba(var(--nv-tx-rgb), .2); }
.pkp-crumbs a:hover { color: var(--nv-tx); border-color: var(--nv-acc); }
.pkp-title {
  font-family: var(--font-display); font-weight: 560; letter-spacing: -.022em; line-height: 1.02;
  font-size: clamp(2.6rem, 7vw, 5.4rem); margin: 0 0 1rem; color: var(--nv-tx);
}
.pkp-lead { font-size: clamp(1.05rem, 1.6vw, 1.25rem); color: var(--nv-tx2); max-width: 40rem; margin: 0 0 1.5rem; line-height: 1.55; }
/* 23.10.2026: numărătoarea ofertei active (stilul cifrelor și al punctului: css/site-ui.css, .nv-cd) */
.pkp-cd {
  display: flex; width: fit-content; max-width: 100%; margin: -.35rem 0 1.4rem; padding: .55rem 1.05rem .55rem .9rem; border-radius: 999px;
  background: rgba(var(--nv-acc-rgb), .09); box-shadow: inset 0 0 0 1px rgba(var(--nv-acc-rgb), .32);
  font: 600 .95rem/1.35 var(--font-body); color: var(--nv-tx);
}
.pkp-cd[hidden] { display: none; }
.pkp-cd .nv-cd { white-space: normal; }
.pkp-cd .nv-cd__dot { margin-left: .05em; }
@media (max-width: 380px) { .pkp-cd { font-size: .875rem; } }
.pkp-facts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.pkp-facts li {
  display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .95rem; border-radius: 999px;
  background: rgba(var(--nv-tx-rgb), .045); box-shadow: inset 0 0 0 1px rgba(var(--nv-tx-rgb), .09);
  font-size: .92rem; color: var(--nv-tx);
}
.pkp-facts svg { color: var(--nv-acc-hi); flex: none; }

/* ---------- titlurile secțiunilor de pe pagină ---------- */
.pkp-h2 { font-family: var(--font-display); font-weight: 560; letter-spacing: -.015em; font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.12; margin: 0 0 .75rem; color: var(--nv-tx); }

/* ---------- compararea pe scurt ---------- */
.pkp-cmp { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.pkp-table {
  margin-top: 1.5rem; overflow-x: auto; border-radius: 18px; -webkit-overflow-scrolling: touch;
  background: rgba(var(--nv-card-rgb), .7); box-shadow: inset 0 0 0 1px rgba(var(--nv-tx-rgb), .08);
}
.pkp-table:focus-visible { outline: 2px solid var(--nv-acc-hi); outline-offset: 3px; }
/* 23.10.2026, telefon: o coloană de pachet pe ecran, lângă denumirile fixe; glisarea se oprește exact pe coloană, pastilele
   de deasupra (js/pachete.js) arată pachetul de pe ecran și duc la celelalte; marginea din dreapta se stinge cât mai e ceva */
.pkp-tabs { display: none; }
@media (max-width: 640px) {
  .pkp-tabs {
    position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 1.25rem 0 0; padding: 4px;
    border-radius: 999px; background: rgba(var(--nv-card-rgb), .8); box-shadow: inset 0 0 0 1px rgba(var(--nv-tx-rgb), .08);
  }
  .pkp-tabs__ind {
    position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 16px) / 3); border-radius: 999px; pointer-events: none;
    background: linear-gradient(135deg, rgba(var(--nv-acc-rgb), .32), rgba(var(--nv-acc-rgb), .14));
    box-shadow: inset 0 0 0 1px rgba(var(--nv-acc-hi-rgb, var(--nv-acc-rgb)), .6), 0 6px 18px -8px rgba(var(--nv-acc-rgb), .8);
    transform: translateX(calc(var(--pk-i, 0) * (100% + 4px))); transition: transform .45s cubic-bezier(.2, .9, .25, 1);
  }
  .pkp-tabs button {
    position: relative; z-index: 1; min-height: 44px; padding: 0 .5rem; border: 0; border-radius: 999px; background: none; cursor: pointer;
    font: 700 .74rem/1 var(--font-body); letter-spacing: .12em; color: var(--nv-tx2); transition: color .3s ease;
  }
  .pkp-tabs button[aria-pressed="true"] { color: var(--nv-tx); }
  .pkp-tabs button:focus-visible { outline: 2px solid var(--nv-acc-hi); outline-offset: 2px; }
  .pkp-table {
    --pk-c0: 104px; container-type: inline-size; margin-top: .75rem;
    scroll-snap-type: x mandatory; scroll-padding-left: var(--pk-c0); overscroll-behavior-x: contain; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 34px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 34px), transparent);
  }
  .pkp-table::-webkit-scrollbar { display: none; }
  .pkp-table.is-end { -webkit-mask-image: none; mask-image: none; }
  .pkp-table table { min-width: 0; width: calc(var(--pk-c0) + 3 * (100cqw - var(--pk-c0))); table-layout: fixed; }
  .pkp-table th:first-child { width: var(--pk-c0); padding-left: .9rem; padding-right: .5rem; font-size: .84rem; }
  .pkp-table thead th:not(:first-child) { scroll-snap-align: start; }
  .pkp-table th:not(:first-child), .pkp-table td { width: calc(100cqw - var(--pk-c0)); }
  @media (prefers-reduced-motion: reduce) { .pkp-tabs__ind { transition: none; } }
}
.pkp-table table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: .95rem; }
.pkp-table th, .pkp-table td { padding: .85rem 1.1rem; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(var(--nv-tx-rgb), .07); }
.pkp-table tbody tr:last-child th, .pkp-table tbody tr:last-child td { border-bottom: 0; }
.pkp-table thead th { font-size: .78rem; letter-spacing: .14em; color: var(--nv-tx2); font-weight: 600; padding-top: 1.1rem; }
.pkp-table thead th.is-rec { color: var(--nv-acc-hi); }
.pkp-table tbody th { font-weight: 600; color: var(--nv-tx2); width: 22%; position: sticky; left: 0; background: rgb(var(--nv-card-rgb)); }
.pkp-table td { color: var(--nv-tx); }
.pkp-table td.is-rec { background: rgba(var(--nv-acc-rgb), .07); }
.pkp-table td svg { color: var(--nv-acc-hi); vertical-align: -3px; }
.pkp-table tbody tr:first-child td { font-family: var(--font-display); font-size: 1.15rem; font-weight: 600; }
.pkp-table .nv-pret-vechi { font-family: var(--font-body); font-size: .85rem; font-weight: 500; color: var(--nv-tx3); margin-right: .35rem; }
.pkp-note { margin: 1rem 0 0; font-size: .9rem; color: var(--nv-tx3); }

/* ---------- mentenanța, pe scurt ---------- */
.pkp-mt { padding: 0 0 clamp(3.5rem, 7vw, 6rem); }
.pkp-mt__in {
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem 3rem; flex-wrap: wrap;
  padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 3vw, 2.5rem); border-radius: 22px;
  background: radial-gradient(90% 160% at 0 0, rgba(var(--nv-acc-rgb), .12), transparent 60%), rgba(var(--nv-card-rgb), .6);
  box-shadow: inset 0 0 0 1px rgba(var(--nv-tx-rgb), .08);
}
.pkp-mt__in p { margin: 0; color: var(--nv-tx2); max-width: 38rem; }
.pkp-mt__in .pkp-h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.pkp-mt__go { white-space: nowrap; }

/* ---------- întrebările: titlul la stânga, lista la dreapta ---------- */
.pkp-faq__in { display: grid; gap: 2rem; }
.pkp-faq__head p { color: var(--nv-tx2); margin: 0; }
.pkp-faq__head a { color: var(--nv-acc-hi); }
@media (min-width: 960px) {
  .pkp-faq__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); gap: 4rem; align-items: start; }
  .pkp-faq__head { position: sticky; top: 7rem; }
}