/* [cc 2026-10-02 arch2] site26 p1: sectiunile noi ale paginii 1, in ordinea noua (SPEC2 par. 8 G1). Doar px; totul sub html.hv-light .s26-p1 (+ linkul Flota din #hvApps). „Să vorbim în cifre” (aprobat) ramane neschimbat (par. 6b) */

/* ---------- comun ---------- */
html.hv-light .s26-p1 .s26-head { margin-bottom: clamp(30px, 3.6vw, 46px); }
html.hv-light .s26-p1 .s26-head .s26-lede { color: var(--s26-ink2); }
html.hv-light .s26-p1-tail, html.hv-light .s26-p1-tail-in { display: block; margin: 0; padding: 0; min-height: 0; }
html.hv-light body.page-index div.footer:empty { display: none; }
html.hv-light .s26-p1 .s26-pill { gap: 7px; }
html.hv-light .s26-p1.s26-p1-new, html.hv-light .s26-p1.s26-p1-faq { border-top: 1px solid var(--s26-hair); }

/* ---------- 2. „O cursă, cinci oameni”: cinci opriri pe un drum ---------- */
html.hv-light .s26-p1 .s26-p1-route { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 28px; }
html.hv-light .s26-p1 .s26-p1-stop { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 36px; list-style: none; }
html.hv-light .s26-p1 .s26-p1-stop::before { content: ""; position: absolute; left: 0; top: 0; width: 13px; height: 13px; border-radius: 50%; background: #fff; border: 2px solid var(--s26-accent); }
html.hv-light .s26-p1 .s26-p1-stop::after { content: ""; position: absolute; top: 6px; left: 22px; right: -19px; height: 1px; background: repeating-linear-gradient(90deg, hsl(40 13% 23% / .4) 0 6px, transparent 6px 12px); }
html.hv-light .s26-p1 .s26-p1-stop:last-child::after { display: none; }
html.hv-light .s26-p1 .s26-p1-stop-who { display: flex; align-items: baseline; gap: 10px; margin: 0; font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .12em; word-spacing: 0; text-transform: uppercase; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-stop-n { color: var(--s26-accent); }
html.hv-light .s26-p1 .s26-p1-stop-h { margin: 2px 0 0; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--s26-ink); text-wrap: balance; }
html.hv-light .s26-p1 .s26-p1-stop-p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--s26-ink2); text-wrap: pretty; }
html.hv-light .s26-p1 .s26-p1-stop-go { margin-top: auto; padding-top: 2px; font-size: 15px; }
html.hv-light .s26-p1 .s26-p1-kind { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 14px; margin-top: clamp(44px, 5vw, 60px); padding-top: clamp(28px, 3vw, 36px); border-top: 1px solid var(--s26-hair); }
html.hv-light .s26-p1 .s26-p1-kind-q { margin: 0 6px 0 0; font-size: 16px; font-weight: 500; line-height: 1.4; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-kind .s26-btn--line { border-color: hsl(40 13% 23% / .26); font-weight: 500; }
html.hv-light .s26-p1 .s26-p1-kind .s26-btn--line:hover, html.hv-light .s26-p1 .s26-p1-kind .s26-btn--line:focus { border-color: var(--s26-accent); background: hsl(40 10% 97% / .6); }

/* ---------- 3. „Tot ce face firma ta, în patru locuri”: 4 module, 2 x 2, tot cardul e linkul ---------- */
html.hv-light .s26-p1 .s26-p1-mod-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
html.hv-light .s26-p1 .s26-p1-mod { display: flex; flex-direction: column; align-items: flex-start; padding: 34px 32px 24px; transition: transform var(--s26-fast) ease, box-shadow var(--s26-fast) ease, border-color var(--s26-fast) ease; }
html.hv-light .s26-p1 .s26-p1-mod:hover { transform: translateY(-2px); border-color: var(--s26-accent); box-shadow: inset 0 6px 0 var(--s26-accent), var(--s26-shadow-card-hover); }
html.hv-light .s26-p1 .s26-p1-mod:has(.s26-p1-mod-go:focus-visible) { outline: 2px solid var(--s26-accent); outline-offset: 3px; }
html.hv-light .s26-p1 .s26-p1-mod-k { margin: 0; font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .12em; word-spacing: 0; text-transform: uppercase; color: var(--s26-ink2); }
html.hv-light .s26-p1 .s26-p1-mod-h { margin: 12px 0 20px; max-width: 32ch; font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -0.015em; color: var(--s26-ink); text-wrap: balance; }
@media (min-width: 901px) { html.hv-light .s26-p1 .s26-p1-mod-h { min-height: 2.6em; } }
html.hv-light .s26-p1 .s26-p1-mod-list { gap: 10px; }
html.hv-light .s26-p1 .s26-p1-mod-list li { font-size: 16px; line-height: 1.55; }
html.hv-light .s26-p1 .s26-p1-mod-go { margin-top: auto; padding-top: 18px; }
html.hv-light .s26-p1 .s26-p1-mod-go::before { content: ""; position: absolute; inset: 0; z-index: 1; }
html.hv-light .s26-p1 .s26-p1-mod-go:focus-visible { outline: 0; }
html.hv-light .s26-p1 .s26-p1-mod-all { margin: 26px 0 0; text-align: center; }

/* ---------- 4. „Merge cu ce folosești deja”: nume scrise, pe grupe ---------- */
html.hv-light .s26-p1 .s26-p1-merge-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 32px clamp(40px, 6vw, 88px); align-items: start; }
html.hv-light .s26-p1 .s26-p1-merge-head { margin: 0; gap: 14px; }
html.hv-light .s26-p1 .s26-p1-merge-head .s26-text { max-width: 40ch; }
html.hv-light .s26-p1 .s26-p1-merge-list { margin: 0; border-top: 1px solid var(--s26-hair); }
html.hv-light .s26-p1 .s26-p1-merge-row { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 6px 24px; align-items: baseline; padding: 17px 0; border-bottom: 1px solid var(--s26-hair); }
html.hv-light .s26-p1 .s26-p1-merge-row dt { margin: 0; font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .1em; word-spacing: 0; text-transform: uppercase; color: var(--s26-ink3); }
html.hv-light .s26-p1 .s26-p1-merge-row dd { margin: 0; display: flex; flex-wrap: wrap; row-gap: 4px; font-size: 17px; font-weight: 500; line-height: 1.5; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-merge-row dd span { white-space: nowrap; }
html.hv-light .s26-p1 .s26-p1-merge-row dd span:not(:last-child)::after { content: "·"; margin: 0 11px; font-weight: 400; color: hsl(40 8% 58%); }
html.hv-light .s26-p1 .s26-p1-merge-row small { margin-left: 4px; font-size: 13px; font-weight: 400; letter-spacing: -0.02em; word-spacing: -0.04em; color: var(--s26-ink3); }

/* ---------- 5. păreri: 3 citate reale ---------- */
html.hv-light .s26-p1 .s26-p1-par-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html.hv-light .s26-p1 .s26-p1-q { display: flex; flex-direction: column; gap: 22px; padding: 30px 28px 26px; }
html.hv-light .s26-p1 .s26-p1-q blockquote { margin: 0; padding: 0; border: 0; font-size: 17px; line-height: 1.6; color: var(--s26-ink); text-wrap: pretty; }
/* [cc] ghilimelele de jos („) la 52 px coboara peste primul rand; semnul de sus, ca pe Despre noi (product.css) */
html.hv-light .s26-p1 .s26-p1-q blockquote::before { content: "\201C"; height: 28px; margin-bottom: 6px; line-height: 1; }
html.hv-light .s26-p1 .s26-p1-q figcaption { margin-top: auto; }
html.hv-light .s26-p1 .s26-p1-par-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 30px; margin: 24px 0 0; }

/* ---------- 6a. prețul pe scurt: 4 pachete, doar linkuri (fără plată aici) ---------- */
html.hv-light .s26-p1 .s26-p1-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; overflow: hidden; }
html.hv-light .s26-p1 .s26-p1-plan { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 28px 26px 26px; }
html.hv-light .s26-p1 .s26-p1-plan + .s26-p1-plan { border-left: 1px solid var(--s26-hair); }
html.hv-light .s26-p1 .s26-p1-plan-name { margin: 0; font-family: var(--s26-mono); font-size: 12.5px; font-weight: 500; line-height: 1.5; letter-spacing: .12em; word-spacing: 0; text-transform: uppercase; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-plan-price { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin: 8px 0 0; }
html.hv-light .s26-p1 .s26-p1-plan-price b { font-size: 40px; font-weight: 600; line-height: 1.1; letter-spacing: -0.025em; word-spacing: -0.06em; white-space: nowrap; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-plan-price span { font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; word-spacing: -0.04em; color: var(--s26-ink3); }
html.hv-light .s26-p1 .s26-p1-plan-fit { margin: 2px 0 16px; font-size: 15.5px; line-height: 1.5; color: var(--s26-ink2); }
html.hv-light .s26-p1 .s26-p1-3z { display: inline-flex; align-items: center; margin: auto 0 0; padding: 3px 12px; border-radius: var(--s26-r-pill); background: linear-gradient(135deg, #00f0ff, #00c3ff); font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .01em; word-spacing: 0; white-space: nowrap; color: #0f1720; }
html.hv-light .s26-p1 .s26-p1-pret-notes { list-style: none; display: grid; gap: 8px; max-width: 880px; margin: 24px auto 0; padding: 0; text-align: center; }
html.hv-light .s26-p1 .s26-p1-pret-notes li { list-style: none; font-size: 15.5px; line-height: 1.6; color: var(--s26-ink2); text-wrap: balance; }
html.hv-light .s26-p1 .s26-p1-pret-notes .s26-chip { margin-right: 6px; vertical-align: 1px; }
html.hv-light .s26-p1 .s26-p1-pret-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 30px; margin: 16px 0 0; }

/* ---------- 6b. „Să vorbim în cifre” (aprobat, neschimbat): totalul pe banda albastra, apoi cele 4 grupe ---------- */
html.hv-light .s26-p1 .s26-p1-num-intro { max-width: 640px; margin: 0 auto 26px; text-align: center; font-size: 18px; line-height: 1.55; color: var(--s26-ink2); text-wrap: balance; }
html.hv-light .s26-p1 .s26-p1-num-intro b { font-weight: 600; color: var(--s26-ink); white-space: nowrap; }
html.hv-light .s26-p1 .s26-p1-tot { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lab slo" "val act"; column-gap: 32px; row-gap: 8px; align-items: end; padding: 42px 48px 46px; border-radius: var(--s26-r-window); background: linear-gradient(90deg, var(--s26-accent), var(--s26-accent-hover)); box-shadow: inset 0 1px 0 hsl(0 0% 100% / .14), 0 24px 44px -28px hsl(205 75% 22% / .6); }
html.hv-light .s26-p1 .s26-p1-tot p { margin: 0; }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-lab { grid-area: lab; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: .06em; word-spacing: 0; text-transform: uppercase; color: hsl(0 0% 100% / .9); }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-val { grid-area: val; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; color: #fff; }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-num { font-size: 60px; font-weight: 400; line-height: 1.05; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; white-space: nowrap; color: #fff; }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-pct { font-size: 20px; line-height: 1.4; color: hsl(0 0% 100% / .9); }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-slo { grid-area: slo; justify-self: end; text-align: right; font-size: 18px; line-height: 1.45; color: hsl(0 0% 100% / .9); }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-act { grid-area: act; justify-self: end; align-self: end; padding-bottom: 4px; }
html.hv-light .s26-p1 .s26-p1-tot .s26-btn--white { margin-bottom: 26px; box-shadow: 0 1px 2px hsl(205 75% 15% / .25); }
html.hv-light .s26-p1 .s26-p1-tot .s26-btn--white:hover, html.hv-light .s26-p1 .s26-p1-tot .s26-btn--white:focus { background: hsl(203 60% 96%); border-color: hsl(203 60% 96%); color: var(--s26-accent-hover); }
html.hv-light .s26-p1 .s26-p1-tot .s26-btn--white:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
html.hv-light .s26-p1 .s26-p1-tot .s26-btn--sub .s26-sub, html.hv-light .s26-p1 .s26-p1-tot .s26-btn--sub:hover .s26-sub { color: hsl(0 0% 100% / .9); }
html.hv-light .s26-p1 .s26-p1-grps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
html.hv-light .s26-p1 .s26-p1-grp { display: flex; flex-direction: column; padding: 24px 26px 12px; background: #fff; border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-card); box-shadow: var(--s26-shadow-card); }
html.hv-light .s26-p1 .s26-p1-grp .s26-p1-grp-name { margin: 0; font-size: 13.5px; font-weight: 500; line-height: 1.4; letter-spacing: .06em; word-spacing: 0; text-transform: uppercase; color: var(--s26-ink2) !important; }
html.hv-light .s26-p1 .s26-p1-grp .s26-p1-grp-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 6px 0 8px; font-size: 30px; font-weight: 400; line-height: 1.25; letter-spacing: -0.015em; font-variant-numeric: tabular-nums; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-chip { display: inline-flex; align-items: center; padding: 2px 12px; border-radius: var(--s26-r-pill); background: #ffffff; box-shadow: inset 0 0 0 1px var(--s26-hair-strong); font-size: 14px; font-weight: 500; line-height: 1.6; letter-spacing: -0.02em; word-spacing: -0.04em; color: var(--s26-ink); white-space: nowrap; }
html.hv-light .s26-p1 .s26-p1-chip::before { content: ""; width: 8px; height: 8px; margin-right: 8px; align-self: center; border-radius: 50%; background: var(--s26-amber); flex: none; }
html.hv-light .s26-p1 .s26-p1-grp-rows { list-style: none; margin: 0; padding: 0; }
html.hv-light .s26-p1 .s26-p1-grp-rows li { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 12px 0; list-style: none; font-size: 16px; line-height: 1.45; color: var(--s26-ink2); }
html.hv-light .s26-p1 .s26-p1-grp-rows li + li { border-top: 1px solid hsl(212 20% 50% / .09); }
html.hv-light .s26-p1 .s26-p1-grp-rows b { font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--s26-ink); }
/* [cc 2026-10-02] David: totalul are nevoie de cele 2 măsuri ca să aibă sens: 100 de camioane, 1 an (lângă 8% din cifra de afaceri) */
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-ms { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 0; }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-m { font-size: 18px; line-height: 1.4; color: hsl(0 0% 100% / .88); white-space: nowrap; padding: 0 16px; border-left: 1px solid hsl(0 0% 100% / .32); }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-m:first-child { padding-left: 0; border-left: 0; }
html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-m b { font-weight: 600; color: #fff; font-variant-numeric: tabular-nums; }

/* ---------- 7. „Ce presupune implementarea?”: 4 pași ---------- */
html.hv-light .s26-p1 .s26-p1-impl-facts { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 2px 0 0; padding: 0; }
html.hv-light .s26-p1 .s26-p1-impl-facts li { list-style: none; display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-pill); background: #fff; font-size: 15px; line-height: 1.4; color: var(--s26-ink2); }
html.hv-light .s26-p1 .s26-p1-impl-facts b { font-weight: 600; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-impl-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; }
html.hv-light .s26-p1 .s26-p1-impl-step { list-style: none; display: grid; align-content: start; gap: 10px; padding-top: 22px; border-top: 1px solid var(--s26-hair-strong); background: linear-gradient(var(--s26-accent), var(--s26-accent)) left top / 36px 2px no-repeat; }
html.hv-light .s26-p1 .s26-p1-impl-n { font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .1em; color: var(--s26-accent); }
html.hv-light .s26-p1 .s26-p1-impl-h { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--s26-ink); text-wrap: balance; }
html.hv-light .s26-p1 .s26-p1-impl-p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--s26-ink2); text-wrap: pretty; }
html.hv-light .s26-p1 .s26-p1-impl-act { margin: 30px 0 0; text-align: center; }

/* ---------- 8. linkul spre modulul Flota, sub insignele din #hvApps (aprobat, altfel neatins) ---------- */
html.hv-light #hvApps .s26-p1-appmore { margin: 0; font-size: 16px; line-height: 1.5; }

/* ---------- 9a. „Programul crește în fiecare lună.”: 3 funcții livrate ---------- */
html.hv-light .s26-p1 .s26-p1-new-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html.hv-light .s26-p1 .s26-p1-new-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 28px 26px 22px; }
html.hv-light .s26-p1 .s26-p1-new-k { margin: 0; font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .12em; word-spacing: 0; text-transform: uppercase; color: var(--s26-accent); }
html.hv-light .s26-p1 .s26-p1-new-h { margin: 2px 0 0; font-size: 19px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--s26-ink); text-wrap: balance; }
html.hv-light .s26-p1 .s26-p1-new-p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--s26-ink2); text-wrap: pretty; }
html.hv-light .s26-p1 .s26-p1-new-card .s26-more { margin-top: auto; padding-top: 6px; }
html.hv-light .s26-p1 .s26-p1-new-all { margin: 24px 0 0; text-align: center; }

/* ---------- 10. „Întrebări înainte să cumperi”: 5 răspunsuri, deschise ---------- */
html.hv-light .s26-p1 .s26-p1-faq-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 32px clamp(40px, 6vw, 88px); align-items: start; }
html.hv-light .s26-p1 .s26-p1-faq-head { position: sticky; top: 120px; margin: 0; gap: 14px; }
html.hv-light .s26-p1 .s26-p1-faq-head .s26-text { max-width: 36ch; }
html.hv-light .s26-p1 .s26-p1-qa-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--s26-hair); }
html.hv-light .s26-p1 .s26-p1-qa { list-style: none; display: grid; gap: 8px; padding: 22px 0 24px; border-bottom: 1px solid var(--s26-hair); }
html.hv-light .s26-p1 .s26-p1-qa-q { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -0.01em; color: var(--s26-ink); text-wrap: balance; }
html.hv-light .s26-p1 .s26-p1-qa-a { margin: 0; max-width: 66ch; font-size: 16px; line-height: 1.65; color: var(--s26-ink2); text-wrap: pretty; }
html.hv-light .s26-p1 .s26-p1-qa-a b { font-weight: 600; color: var(--s26-ink); }
html.hv-light .s26-p1 .s26-p1-qa-a .s26-link { white-space: nowrap; }

/* ---------- latimi intermediare ---------- */
@media (max-width: 1100px) {
  html.hv-light .s26-p1 .s26-p1-route { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: 640px; margin-inline: auto; }
  html.hv-light .s26-p1 .s26-p1-stop { padding: 0 0 30px 36px; }
  html.hv-light .s26-p1 .s26-p1-stop:last-child { padding-bottom: 0; }
  html.hv-light .s26-p1 .s26-p1-stop::before { top: 3px; }
  html.hv-light .s26-p1 .s26-p1-stop::after { top: 24px; bottom: 4px; left: 6px; right: auto; width: 1px; height: auto; background: repeating-linear-gradient(180deg, hsl(40 13% 23% / .4) 0 6px, transparent 6px 12px); }
  html.hv-light .s26-p1 .s26-p1-stop-go { margin-top: 0; }
  html.hv-light .s26-p1 .s26-p1-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.hv-light .s26-p1 .s26-p1-plan:nth-child(3) { border-left: 0; }
  html.hv-light .s26-p1 .s26-p1-plan:nth-child(n+3) { border-top: 1px solid var(--s26-hair); }
  html.hv-light .s26-p1 .s26-p1-impl-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 28px; }
}
@media (max-width: 980px) {
  html.hv-light .s26-p1 .s26-p1-tot { grid-template-columns: minmax(0, 1fr); grid-template-areas: "lab" "val" "slo" "act"; padding: 36px 36px 40px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-slo, html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-act { justify-self: start; text-align: left; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-act { margin-top: 14px; }
  html.hv-light .s26-p1 .s26-p1-par-grid, html.hv-light .s26-p1 .s26-p1-new-grid { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin-inline: auto; }
  html.hv-light .s26-p1 .s26-p1-merge-grid, html.hv-light .s26-p1 .s26-p1-faq-grid { grid-template-columns: minmax(0, 1fr); }
  html.hv-light .s26-p1 .s26-p1-faq-head { position: static; }
}

/* ---------- telefon (varianta „l”, sub 900 px) ---------- */
@media (max-width: 900px) {
  html.hv-light .s26-p1 .s26-head { margin-bottom: 28px; }
  /* [cc] pe telefon blocul .l-m (mobile/l) are deja „Programul crește în fiecare lună.”, ca #hvApps și #noutati: varianta de desktop stă ascunsă, la fel ca ele */
  html[data-mobil="l"].l-on .s26-p1.s26-p1-new { display: none; }
  html.hv-light .s26-p1 .s26-p1-route { max-width: none; }
  html.hv-light .s26-p1 .s26-p1-stop-h { font-size: 19px; }
  html.hv-light .s26-p1 .s26-p1-stop-p { font-size: 17px; line-height: 1.55; }
  html.hv-light .s26-p1 .s26-p1-kind { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; }
  html.hv-light .s26-p1 .s26-p1-kind-q { margin: 0 0 4px; }
  html.hv-light .s26-p1 .s26-p1-kind .s26-btn { width: 100%; justify-content: space-between; white-space: normal; text-align: left; line-height: 1.3; }
  html.hv-light .s26-p1 .s26-p1-mod-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  html.hv-light .s26-p1 .s26-p1-mod { padding: 28px 22px 20px; }
  html.hv-light .s26-p1 .s26-p1-mod-h { font-size: 21px; }
  html.hv-light .s26-p1 .s26-p1-mod-list li { font-size: 17px; }
  html.hv-light .s26-p1 .s26-p1-mod-all, html.hv-light .s26-p1 .s26-p1-impl-act, html.hv-light .s26-p1 .s26-p1-new-all { text-align: left; }
  html.hv-light .s26-p1 .s26-p1-merge-row { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 16px 0; }
  html.hv-light .s26-p1 .s26-p1-merge-row dd { font-size: 17px; }
  html.hv-light .s26-p1 .s26-p1-par-grid { gap: 14px; }
  html.hv-light .s26-p1 .s26-p1-q { padding: 26px 22px 22px; }
  html.hv-light .s26-p1 .s26-p1-par-acts, html.hv-light .s26-p1 .s26-p1-pret-acts { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; }
  html.hv-light .s26-p1 .s26-p1-pret-notes { margin: 20px 0 0; text-align: left; }
  html.hv-light .s26-p1 .s26-p1-pret-notes li { font-size: 16px; text-wrap: pretty; }
  html.hv-light .s26-p1 .s26-p1-impl-facts { justify-content: flex-start; }
  html.hv-light .s26-p1 .s26-p1-impl-p, html.hv-light .s26-p1 .s26-p1-qa-a { font-size: 17px; line-height: 1.55; }
  html.hv-light .s26-p1 .s26-p1-num-intro { margin: 0 0 22px; text-align: left; font-size: 17px; text-wrap: pretty; }
  html.hv-light .s26-p1 .s26-p1-tot { padding: 28px 24px 30px; border-radius: var(--s26-r-card); }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-lab { font-size: 13px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-num { font-size: 46px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-pct { font-size: 18px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-slo { font-size: 17px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-btn--white { margin-bottom: 0; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-btn--sub .s26-sub { max-width: 9em; }
  html.hv-light .s26-p1 .s26-p1-grps { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  html.hv-light .s26-p1 .s26-p1-grp { padding: 20px 20px 8px; }
  html.hv-light .s26-p1 .s26-p1-grp-rows li { font-size: 17px; }
}
@media (max-width: 640px) {
  html.hv-light .s26-p1 .s26-p1-plans { grid-template-columns: minmax(0, 1fr); }
  html.hv-light .s26-p1 .s26-p1-plan { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name price" "fit price" "z z"; column-gap: 16px; row-gap: 2px; align-items: start; padding: 20px 20px 18px; }
  html.hv-light .s26-p1 .s26-p1-plan + .s26-p1-plan { border-left: 0; border-top: 1px solid var(--s26-hair); }
  html.hv-light .s26-p1 .s26-p1-plan-name { grid-area: name; }
  html.hv-light .s26-p1 .s26-p1-plan-fit { grid-area: fit; margin: 2px 0 0; font-size: 16px; }
  html.hv-light .s26-p1 .s26-p1-plan-price { grid-area: price; flex-direction: column; align-items: flex-end; gap: 0; margin: 0; text-align: right; }
  html.hv-light .s26-p1 .s26-p1-plan-price b { font-size: 30px; }
  html.hv-light .s26-p1 .s26-p1-plan-price span { font-size: 13px; }
  html.hv-light .s26-p1 .s26-p1-3z { grid-area: z; justify-self: start; margin-top: 12px; }
  html.hv-light .s26-p1 .s26-p1-impl-steps { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-m { font-size: 16px; padding: 0 12px; }
  html.hv-light .s26-p1 .s26-p1-tot .s26-p1-tot-m:last-child { flex-basis: 100%; padding-left: 0; border-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.hv-light .s26-p1 .s26-p1-mod, html.hv-light .s26-p1 .s26-p1-mod:hover { transition: none; transform: none; }
}