/* theglide.eu — Dizájn 1, polish réteg (Ági, 2026-10-14). CSAK a Javasolt főoldalon töltődik be (.d1.polish);
   a specifikáció szerinti változat összehasonlítási alap, ezért érintetlen.
   Elv: visszafogottság + hierarchia + következetesség. Nagy vizuális súly csak: H1, CTA, ál-képernyő, csomagok, Growww-proof. */

/* ---------- 1. Hero: kevesebb dekoráció, olvasható köztes információs szint ---------- */
.d1.polish .d1-hero .glow { opacity: .16; width: min(820px, 100vw); height: 380px; top: 440px; filter: blur(80px);
  background: radial-gradient(closest-side, #2E7D8A, #D6E7E900); transform: translateX(-50%); }
.d1.polish .d1-hero .hero-copy { gap: 24px; }
/* Előnyök: pirula helyett pipás szövegsor; jól olvasható, de nem gomb-kinézetű, így nem versenyez a CTA-val */
.d1.polish .d1-hero .check-list { gap: 10px 28px; max-width: 820px; }
.d1.polish .d1-hero .check-list li,
.d1.polish .d1-hero .check-list li.model { background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0; font-size: 16px; font-weight: 500; color: var(--ink); gap: 8px; }
.d1.polish .d1-hero .check-list li.model { font-weight: 600; }
.d1.polish .d1-hero .check-list svg { width: 18px; height: 18px; color: var(--teal-text); }
.d1.polish .d1-hero .hero-cta { margin-top: 16px; }
.d1.polish .d1-hero .hero-grid { gap: 56px; }
/* Ál-képernyő: döntés nélkül, lágyabb árnyék */
.d1.polish .mock { transform: none; box-shadow: 0 0 0 1px var(--hairline), 0 28px 56px -28px #173a4c40; }
.d1.polish .chip { box-shadow: 0 0 0 1px var(--hairline), 0 6px 16px -8px #173a4c33; font-size: 13px; padding: 8px 14px; }
@media (min-width: 768px) { .d1.polish .chip-a { top: 44%; } }
.d1.polish .mock-status { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font: 500 12px/1 var(--font-ui); color: var(--ink-70); }
.d1.polish .mock-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); }
@media (max-width: 480px) { .d1.polish .mock-status { display: none; } }
/* Mini proof a heróban: csendes sor, hogy a Growww-szekció legyen a valódi szám-pillanat */
.d1.polish .proof-strip { margin-top: 56px; gap: 12px; }
.d1.polish .proof-pill { background: none; border: 0; box-shadow: none; padding: 0; gap: 10px; font-weight: 500; font-size: 15px; }
.d1.polish .trust-ico { width: 28px; height: 28px; }
.d1.polish .trust-ico svg { width: 16px; height: 16px; }
.d1.polish .proof-stats { flex-wrap: wrap; row-gap: 4px; }
.d1.polish .proof-stat { display: inline-flex; align-items: baseline; gap: 6px; padding-inline: 16px; }
.d1.polish .proof-stat .num { font: 600 15px/1.4 var(--font-ui); letter-spacing: 0; }
.d1.polish .proof-stat .lbl { font-size: 15px; }
.d1.polish .proof-stat + .proof-stat { border-left: 1px solid var(--hairline); }

/* ---------- 2. Neked szól: színkódolt kártyák helyett egyenrangú oszlopok (a „Három dolog” világos megfelelője) ---------- */
.d1.polish .card-grid.tinted { gap: 0; margin-top: 40px; border-top: 1px solid var(--hairline); }
.d1.polish .card-grid.tinted .card,
.d1.polish .card-grid.tinted .card:nth-child(n) { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 32px 0; gap: 12px; }
.d1.polish .card-grid.tinted .card + .card { border-top: 1px solid var(--hairline); }
.d1.polish .card-grid.tinted .icon,
.d1.polish .card-grid.tinted .card:nth-child(n) .icon { width: 56px; height: 56px; padding: 12px; border-radius: var(--radius-lg); background: var(--teal-tint); color: var(--ink); }
.d1.polish .card-grid.tinted h3 { font: 600 20px/1.3 var(--font-display); color: var(--ink); margin-top: 8px; }
.d1.polish .card-grid.tinted p,
.d1.polish .card-grid.tinted .card:nth-child(n) p { color: var(--ink-70); }
@media (min-width: 900px) {
  .d1.polish .card-grid.tinted .card,
  .d1.polish .card-grid.tinted .card:nth-child(n) { padding: 40px 32px 8px; }
  .d1.polish .card-grid.tinted .card:first-child { padding-left: 0; }
  .d1.polish .card-grid.tinted .card:last-child { padding-right: 0; }
  .d1.polish .card-grid.tinted .card + .card { border-top: 0; border-left: 1px solid var(--hairline); }
}

/* ---------- 4. Csomagok: név → ár → megkülönböztető → CTA; a másodlagos info hátrébb ---------- */
.d1.polish .white-slab .plans { margin-top: 48px; gap: 24px; }
.d1.polish .white-slab .plan-spend { background: none; padding: 32px 32px 0; gap: 4px; }
.d1.polish .white-slab .plan-spend .value { font: 600 16px/1.4 var(--font-ui); color: var(--ink); }
.d1.polish .white-slab .plan-body { padding: 16px 32px 24px; gap: 16px; }
.d1.polish .white-slab .plan h3 { font-size: 34px; line-height: 1.1; }
.d1.polish .white-slab .plan-for { font-size: 15px; }
.d1.polish .white-slab .rhythm { padding-top: 16px; gap: 4px; }
.d1.polish .white-slab .rhythm-value { font: 600 18px/1.35 var(--font-ui); color: var(--ink); }
.d1.polish .white-slab .plan-price { padding: 0 32px 32px; gap: 20px; }
/* A „Havidíj” ugyanaz a mező-címke funkció, mint a „Szakértői optimalizálás” és az „Ajánlott havi költés” → azonos kezelés */
.d1.polish .white-slab .price { font: 600 12px/1.4 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-70); display: grid; gap: 6px; }
.d1.polish .white-slab .price strong { font-size: 32px; letter-spacing: 0; text-transform: none; line-height: 1.1; }
.d1.polish .white-slab .price .vat { font-size: 15px; letter-spacing: 0; text-transform: none; }
/* Alsó sáv: kisebb, csendesebb, több levegővel */
.d1.polish .white-slab .pack-foot.slim { margin-top: 64px; padding-top: 40px; font-size: 15px; }
.d1.polish .white-slab .pack-foot.slim .included h3 { font-size: 15px; }
.d1.polish .white-slab .pack-foot.slim li { color: var(--ink-70); }
.d1.polish .white-slab .pack-foot.slim .included svg { width: 18px; height: 18px; margin-top: 2px; }
.d1.polish .white-slab .commitment { font-size: 15px; }
.d1.polish .white-slab .pack-links .call-line { font-size: 15px; }

/* ---------- 5. Négy lépés: egyenrangú lépések, a progressziót az idővonal adja ---------- */
.d1.polish .step-cards { --tl-gap: 32px; position: relative; gap: 32px; margin-top: 48px; }
.d1.polish .step-cards::before { display: block; content: ""; position: absolute; background: #2E7D8A59; transform: none;
  left: 23px; top: 24px; bottom: 24px; width: 2px; }
.d1.polish .step-cards .step,
.d1.polish .step-cards .step:nth-child(n) { background: none; padding: 0; border-radius: 0; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; }
.d1.polish .step-cards .step-num,
.d1.polish .step-cards .step:nth-child(n) .step-num { background: var(--white); color: var(--ink); box-shadow: inset 0 0 0 2px var(--teal); font-size: 18px; }
.d1.polish .step-cards .step-body { gap: 8px; }
.d1.polish .step-cards h3 { font-size: 18px; line-height: 1.3; }
/* „Te / Mi” szereplő-jelölés: saját funkció, saját kezelés (nem mező-címke, nem pirula) */
.d1.polish .step-cards .who { background: none; padding: 0; border-radius: 0; font: 600 13px/1.4 var(--font-ui); letter-spacing: 0; color: var(--teal-text); }
@media (min-width: 1024px) {
  .d1.polish .step-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tl-gap); }
  .d1.polish .step-cards::before { left: 24px; right: calc((100% - 3 * var(--tl-gap)) / 4 - 24px); top: 23px; bottom: auto; width: auto; height: 2px; }
  .d1.polish .step-cards .step,
  .d1.polish .step-cards .step:nth-child(n) { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .d1.polish .step-cards .step-body { padding-right: 8px; }
}

/* ---------- 7. Záró CTA: a fény ugyanazon a visszafogott szinten, mint a heróban ---------- */
.d1.polish .closing .glow { opacity: .14; }
/* Ár: egy sorban marad mindhárom kártyán; az ÁFA egységesen alatta */
.d1.polish .white-slab .price strong { font-size: 28px; white-space: nowrap; }
.d1.polish .white-slab .price .vat { display: block; margin-top: 6px; font-weight: 500; }
@media (max-width: 380px) { .d1.polish .white-slab .price strong { font-size: 24px; } }

/* Mobil: az előnyök balra zárt, középre helyezett blokkban (nem rongyos középre zárt sorok) */
@media (max-width: 767px) {
  .d1.polish .d1-hero .check-list { display: grid; justify-items: start; width: fit-content; max-width: 100%; margin-inline: auto; gap: 10px; }
}
/* Idővonal mobilon: lépésenkénti szakasz, így a vonal az utolsó körnél ér véget */
@media (max-width: 1023px) {
  .d1.polish .step-cards::before { display: none; }
  .d1.polish .step-cards .step { position: relative; }
  .d1.polish .step-cards .step:not(:last-child)::after { content: ""; position: absolute; left: 23px; top: 48px; bottom: -32px; width: 2px; background: #2E7D8A59; }
}

/* =================== Finomítás 2 (Ági, 2026-10-14) — csak hero desktop + csomagkártyák =================== */
/* Hero, desktop: a szöveges blokk (H1 → állítás → előnyök → CTA) szorosabb egység, és közelebb kerül az ál-képernyőhöz.
   Méretek, dekoráció, CTA-kezelés és ál-képernyő változatlan; mobil érintetlen. */
@media (min-width: 1024px) {
  .d1.polish .d1-hero { padding-top: 72px; }
  .d1.polish .d1-hero .hero-copy { gap: 0; }
  .d1.polish .d1-hero .hero-lead { margin-top: 16px; }
  .d1.polish .d1-hero .check-list { margin-top: 24px; }
  .d1.polish .d1-hero .hero-cta { margin-top: 32px; }
  .d1.polish .d1-hero .hero-grid { gap: 40px; }
}

/* Csomagkártyák: öt érzékelhető szint — 1 csomagnév, 2 ár, 3 optimalizálási gyakoriság, 4 CTA, 5 minden más.
   Az 5. szinten két kezelés van: mező-címke (azonos funkció → azonos stílus) és támogató érték/szöveg. */
.d1.polish .white-slab .plan-spend .label,
.d1.polish .white-slab .rhythm-label,
.d1.polish .white-slab .price,
.d1.polish .white-slab .price .vat {
  font: 500 13px/1.4 var(--font-ui); letter-spacing: 0; text-transform: none; color: var(--ink-70); }
.d1.polish .white-slab .plan-spend { gap: 2px; }
.d1.polish .white-slab .plan-spend .value { font: 500 15px/1.4 var(--font-ui); color: var(--ink); }
.d1.polish .white-slab .plan-body { padding-top: 20px; gap: 0; }
.d1.polish .white-slab .plan-for { margin-top: 8px; font-size: 15px; line-height: 1.45; color: var(--ink-70); }
.d1.polish .white-slab .rhythm { margin-top: 20px; padding-top: 16px; gap: 2px; }
.d1.polish .white-slab .rhythm-value { font: 600 18px/1.35 var(--font-ui); }
.d1.polish .white-slab .plan-price { gap: 24px; }
.d1.polish .white-slab .price { gap: 2px; }
.d1.polish .white-slab .price strong { font: 600 28px/1.15 var(--font-display); color: var(--ink); margin-top: 2px; }
.d1.polish .white-slab .price .vat { display: block; margin-top: 2px; }
/* Csomagkártya: a gyakoriság feletti belső hajszálvonal kivéve — a csoportosítást már a térköz adja; egy vonal marad: a kártya kerete */
.d1.polish .white-slab .rhythm { border-top: 0; padding-top: 0; margin-top: 24px; }

/* =================== Hero: töredékek (Ági, 2026-10-15) — a W-03 ál-képernyő helyett =================== */
.d1 .fr-stage{position:relative;max-width:860px;height:390px;margin:0 auto;text-align:left;color:var(--ink)}
.d1 .fr{position:absolute;background:var(--white);border:1px solid var(--hairline);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-overlay);opacity:0;transform:translateY(10px)}
.d1 .fr-stage.play .fr{animation:fr-in .5s cubic-bezier(.2,.7,.2,1) forwards}
.d1 .fr-lbl{font:500 13px/1.4 var(--font-ui);color:var(--ink-70);margin:0 0 8px}
.d1 .fr-note{font-size:13px;color:var(--ink-70);margin:10px 0 0;display:flex;gap:6px;align-items:center}
.d1 .fr-note svg{color:#3F7D5C;flex:none}
.d1 .fr-a{left:0;top:0;width:380px;z-index:1;opacity:1;transform:none;animation:none!important;padding-right:60px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.d1 .fr-field{display:flex;align-items:center;border:1.5px solid var(--hairline);border-radius:8px;padding:11px 12px;font-size:16px;transition:border-color .3s}
.d1 .fr-field.on{border-color:var(--teal)}
.d1 .fr-pre{color:var(--ink-70)}.d1 .fr-typed{font-weight:500}
.d1 .fr-caret{width:1.5px;height:20px;margin-left:1px;background:var(--ink);animation:fr-blink 1s steps(1) infinite}
.d1 .fr-chk,.d1 .fr-st{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#3F7D5C;color:#fff;display:grid;place-items:center;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.d1 .fr-field.done .fr-chk,.d1 .fr-rev.done .fr-st{transform:scale(1)}
.d1 .fr-field.done .fr-caret{display:none}
.d1 .fr-b{left:200px;top:70px;width:520px;padding:26px 28px 56px;z-index:3;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.d1 .fr-h{font:600 18px/1.3 var(--font-display);margin:0 0 12px}
.d1 .fr-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.d1 .fr-tags span{font:500 12px/1.4 var(--font-ui);border:1px solid var(--hairline);border-radius:999px;padding:3px 10px}
.d1 .fr-skel{height:8px;border-radius:9px;background:var(--paper);margin:8px 0}
.d1 .fr-rev{display:flex;align-items:center;gap:10px;border-top:1px solid var(--paper);margin-top:14px;padding-top:14px;font-size:14px}
.d1 .fr-av{width:30px;height:30px;border-radius:50%;background:var(--teal-tint);color:var(--teal-text);display:grid;place-items:center;flex:none}
.d1 .fr-c{right:0;bottom:24px;width:280px;z-index:4}
.d1 .fr-pill{display:inline-flex;align-items:center;gap:6px;font:500 13px/1.4 var(--font-ui);border-radius:999px;padding:5px 12px;background:#FBEBD5;color:#7A4200;transition:background .4s,color .4s}
.d1 .fr-pill.live{background:#E2EFE7;color:#2C5A41}
.d1 .fr-d{width:8px;height:8px;border-radius:50%;background:currentColor}
.d1 .fr-big{font:600 20px/1.25 var(--font-display);margin:12px 0 2px}
.d1 .fr-sub{font-size:14px;color:var(--ink-70);margin:0}
@keyframes fr-in{to{opacity:1;transform:none}}
@keyframes fr-blink{50%{opacity:0}}
@media (max-width:860px){.d1 .fr-stage{height:auto;display:grid;gap:0;max-width:420px}.d1 .fr{position:relative;left:auto;right:auto;top:auto;width:auto}.d1 .fr-a{margin-right:24px}.d1 .fr-b{margin:-14px 0 0 24px;padding:22px 22px 44px}.d1 .fr-c{margin:-28px 56px 0 0}}
@media (prefers-reduced-motion:reduce){.d1 .fr,.d1 .fr-stage.play .fr{animation:none;opacity:1;transform:none}.d1 .fr-caret{animation:none}.d1 .fr-chk,.d1 .fr-st,.d1 .fr-pill{transition:none}}
/* Ár csillaggal (Máté, 2026-10-13; Ági, 2026-10-15): a „nettó” és a „+ ÁFA” a kártyák alatti mikroszövegbe került */
.d1.polish .white-slab .price .vat.ast, .price .vat.ast { display: inline; margin: 0 0 0 2px; font: 600 18px/1 var(--font-display); color: var(--ink-70); vertical-align: super; }
.nb { white-space: nowrap; }

/* Hero kék táblán (Máté kérése, 2026-10-14; Ági, 2026-10-15): megtöri a hosszú papírszínű kezdést; a fény csak a táblán belül */
.d1.polish .hero-slab { margin-top: var(--slab-inset); }
.d1.polish .hero-slab .mock { box-shadow: 0 0 0 1px #173a4c1f, 0 28px 56px -28px #173a4c55; }
.d1.polish .hero-slab .glow { opacity: .22; }
.d1.polish .hero-slab .proof-stat + .proof-stat { border-left-color: #173a4c26; }

/* H1 = érték-üzenet, alatta a kategória (Máté, okt. 14.) */
.hero-h1-value { font-size: clamp(32px, 2vw + 22px, 52px); line-height: 1.12; max-width: 18ch; hyphens: none; }
.d1 .d1-hero h1.hero-h1-value { font-size: clamp(32px, 2vw + 22px, 52px); }
.d1.polish .d1-hero .hero-lead { font-weight: 600; }

/* ===== Csomagok v1.4: csomagonként három box (O2.7.2 v1.4, okt. 15.) ===== */
.plans14 { display: grid; gap: 32px; grid-template-columns: 1fr; margin-top: 8px; }
.plans14 .plan-col { display: grid; gap: 8px; min-width: 0; align-content: start; scroll-margin-top: calc(var(--header-h) + 16px); }
.plans14 .plan { background: var(--white); border: 1px solid var(--hairline); border-radius: var(--radius-lg); box-shadow: none; overflow: hidden; display: grid; min-width: 0; }
.plans14 .plan > * { min-width: 0; padding-inline: 24px; }
.plans14 .plan-spend { background: var(--paper); color: var(--ink); padding-block: 14px; display: grid; gap: 2px; }
.plans14 .plan-spend .label { font: 500 12px/1.4 var(--font-ui); letter-spacing: 0; text-transform: none; color: var(--ink-70); }
.plans14 .plan-spend .value { font: 600 16px/1.35 var(--font-display); color: var(--ink); font-variant-numeric: tabular-nums; }
.plans14 .plan-head { padding-block: 20px 12px; display: grid; gap: 8px; align-content: start; }
.plans14 .plan-head h3 { font: 600 28px/1.15 var(--font-display); }
.plans14 .plan-for { background: var(--teal-tint); color: var(--ink); font: 600 14.5px/1.4 var(--font-display); padding: 8px 12px; border-radius: var(--radius-md); }
.plans14 .block { padding-block: 12px; border-top: 1px solid var(--hairline); display: grid; gap: 6px; align-content: start; }
.plans14 .block h4 { margin: 0; font: 500 13px/1.4 var(--font-ui); color: var(--ink-70); }
.plans14 .block p, .plans14 .block li { font-size: 14.5px; line-height: 1.5; }
.plans14 .block strong, .plans14 .block b { font-weight: 600; }
.plans14 .rhythm14 { font: 600 15.5px/1.4 var(--font-display); }
.plans14 .rhythm14 strong { font-weight: 600; }
.plans14 ul.items { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.plans14 ul.items li { display: grid; grid-template-columns: 16px 1fr; gap: 8px; align-items: start; }
.plans14 ul.items li svg { width: 15px; height: 15px; margin-top: 4px; color: var(--teal); }
.plans14 ul.items li.plus { font-weight: 600; }
.plans14 ul.items li.plus svg { color: var(--ink); }
.plans14 .box-work > .block:first-child, .plans14 .box-incl > .block:first-child { border-top: 0; padding-top: 16px; }
.plans14 .box-work > .block:last-child, .plans14 .box-incl > .block:last-child { padding-bottom: 18px; }
.plans14 .box-incl { background: var(--paper); border-color: var(--hairline); }
.plans14 .included14 li { font-size: 13.5px; color: var(--ink-70); }
.plans14 .included14 li b { color: var(--ink); font-weight: 600; }
.plans14 .plan-price { padding-block: 18px 24px; border-top: 1px solid var(--hairline); display: grid; gap: 12px; align-content: start; }
.plans14 .price { display: grid; gap: 2px; font: 500 13px/1.4 var(--font-ui); color: var(--ink-70); }
.plans14 .price strong { font: 600 28px/1.15 var(--font-display); color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.plans14 .plan-price .btn { width: 100%; }
@media (min-width: 1024px) {
  .plans14 { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; }
  @supports (grid-template-rows: subgrid) {
    .plans14 { row-gap: 0; }
    .plans14 .plan-col { grid-row: span 8; grid-template-rows: subgrid; row-gap: 0; }
    .plans14 .box-main { grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; }
    .plans14 .box-work { grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; }
    .plans14 .box-incl { grid-row: span 1; }
    .plans14 .box-work, .plans14 .box-incl { margin-top: 8px; }
  }
}
.pack-after { display: grid; gap: 16px; margin-top: 40px; }
.pack-after .roishopper { margin-top: 0; }
.pack-after .plans-note { margin-top: 0; }
/* Csomagok: Vállalásunk a cím alatt (Döntésnapló 2026-10-15) */
.csomag-vallalas { margin-top: 20px; max-width: 62ch; padding: 12px 16px; border-left: 3px solid var(--teal); background: var(--white); border-radius: 0 var(--radius-md) var(--radius-md) 0; font: 600 16px/1.45 var(--font-display); color: var(--ink); }
/* Főoldal: a részletes összehasonlítás linkje a kártyák alatt, külön a hívás-linktől (Ági, okt. 15.) */
.plans-more { margin-top: 24px; text-align: center; }
/* Idővonal: a vonal a 4. lépés után is fut, nyíllal zárul (folyamatos munka; Ági, okt. 15.) */
@media (min-width: 1024px) {
  .d1.polish .step-cards::before { right: 0; }
  .d1.polish .step-cards::after { content: ""; position: absolute; right: -1px; top: 18px; width: 10px; height: 10px; border-top: 2px solid #2E7D8A59; border-right: 2px solid #2E7D8A59; transform: rotate(45deg); }
}
/* Csomagok alja: a közös elemek teljes szélességben, alatta a vállalás és a hívás-link (Ági, okt. 15.) */
@media (min-width: 1024px) {
  .d1.polish .white-slab .pack-foot.slim { grid-template-columns: minmax(0, 1fr) auto; column-gap: 48px; row-gap: 32px; align-items: end; }
  .d1.polish .white-slab .pack-foot.slim .included { grid-column: 1 / -1; }
  .d1.polish .white-slab .pack-foot.slim .included ul { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
  .d1.polish .white-slab .pack-foot.slim .pack-note { max-width: 62ch; }
  .d1.polish .white-slab .pack-foot.slim .pack-links { justify-items: end; text-align: right; }
}
@media (max-width: 1023px) {
  .d1.polish .step-cards .step:last-child::after { content: ""; position: absolute; left: 23px; top: 48px; bottom: -8px; width: 2px; background: #2E7D8A59; }
  .d1.polish .step-cards .step:last-child::before { content: ""; position: absolute; left: 19px; bottom: -8px; width: 8px; height: 8px; border-right: 2px solid #2E7D8A59; border-bottom: 2px solid #2E7D8A59; transform: rotate(45deg); }
}
/* Bizalmi sor a hero gombja alatt (Ági, okt. 15.) */
.d1.polish .proof-strip.in-copy { margin: 20px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 0; }
.d1.polish .proof-strip.in-copy .proof-pill { font-size: 14px; font-weight: 500; color: var(--ink-70); }
.d1.polish .proof-strip.in-copy .proof-stats { display: inline-flex; }
.d1.polish .proof-strip.in-copy .proof-stat { padding-inline: 12px; }
.d1.polish .proof-strip.in-copy .proof-stat:first-child { border-left: 1px solid #173a4c26; margin-left: 12px; }
.d1.polish .proof-strip.in-copy .proof-stat .num, .d1.polish .proof-strip.in-copy .proof-stat .lbl { font-size: 14px; }
@media (max-width: 767px) { .d1.polish .proof-strip.in-copy { flex-direction: column; } .d1.polish .proof-strip.in-copy .proof-stat:first-child { border-left: 0; margin-left: 0; } }
.d1.polish .proof-strip.in-copy { flex-direction: column; gap: 2px; }
.d1.polish .proof-strip.in-copy .proof-stat:first-child { border-left: 0; margin-left: 0; }
/* Működési sáv: a „Részletesen” link a három lépés alatt, középen (Ági, okt. 15.) */
.d1.polish .flow-strip { display: grid !important; grid-template-columns: 1fr !important; justify-items: center; row-gap: 20px; }
.d1.polish .flow-strip > .backlink { justify-self: center; }
.d1.polish .flow-strip > .backlink { width: auto; display: inline-flex; gap: 6px; text-align: center; }
/* Idővonal-nyíl pontosítva: SVG nyílhegy, a vonal közepére igazítva (Ági, okt. 15.) */
@media (min-width: 1024px) {
  .d1.polish .step-cards::before { right: 1px; }
  .d1.polish .step-cards::after { border: 0; transform: none; right: 0; top: 18px; width: 8px; height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath d='M1 1l6 5-6 5' fill='none' stroke='%232E7D8A' stroke-opacity='.35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 8px 12px; }
}
@media (max-width: 1023px) {
  .d1.polish .step-cards .step:last-child::before { border: 0; transform: none; left: 18px; bottom: -10px; width: 12px; height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 6 5-6' fill='none' stroke='%232E7D8A' stroke-opacity='.35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 12px 8px; }
  .d1.polish .step-cards .step:last-child::after { bottom: -9px; }
}
/* Csomagok fejléc: vállalás jobbra, alacsonyabb fejléc (Ági, okt. 15.) */
@media (min-width: 1024px) {
  .csomag-hero .container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); column-gap: 48px; align-items: end; }
  .csomag-hero .csomag-vallalas { margin-top: 0; }
}
.d1.polish .csomag-hero { padding-bottom: 40px; }
/* Díj-GYIK a Csomagok oldalon: középre, mint a főoldali GYIK (Ági, okt. 15.) */
.d1 section[aria-labelledby="dij-gyik-cim"] .container { max-width: 900px; }
.d1 section[aria-labelledby="dij-gyik-cim"] h2 { text-align: center; }
.d1 section[aria-labelledby="dij-gyik-cim"] .faq { margin-inline: auto; }
/* Így indulsz: az „Utána” sáv a „Mit kérünk” blokk folytatása, nem külön szekció (Ági, okt. 15.) */
.d1 section[aria-label="Utána"] { padding-top: 0; }
.d1.polish section.section[aria-label="Utána"] { padding-top: 0 !important; }
.d1.polish section.section[aria-labelledby="kerunk-cim"] { padding-bottom: 32px !important; }
.plans-more .backlink { display: inline-flex; width: auto; gap: 6px; justify-content: center; }


/* H1: a „Google Ads-szakértelme” ne törjön kötőjelnél (tableten és asztalon) */
@media (min-width: 600px) { .nb-md { white-space: nowrap; } }

/* Hero: Premier Partner jelvény a statsor harmadik oszlopaként. A sor középre igazít (a 90 px-es
   jelvény mellett a szöveges statok ne nyúljanak meg), a slot elválasztója itt nem kell, mert
   a jelvény körüli üres hely (fél magasság, Google-szabály) a padding. */
.d1.polish .proof-strip.in-copy .proof-stats { align-items: center; }
.d1.polish .proof-strip.in-copy .proof-stats .badge-slot:not(:empty) { border-left: 0; padding-inline: 45px; margin-block: 0; } /* a 45 px-es üres sáv itt valódi térköz, hogy a fölötte lévő mondathoz ne érjen */

/* Máté kérései (2026-10-20) */
/* Főoldali főcím: az eredeti (max. 52 px) kb. 1,6-szorosa, max. 83 px; szélesebb szövegdoboz, kevesebb sortörés */
.d1.polish .d1-hero .hero-copy { max-width: 1160px; }
.d1 .d1-hero h1.hero-h1-value { font-size: clamp(36px, 4.1vw + 22px, 83px); line-height: 1.06; max-width: 24ch; text-wrap: balance; }
.d1.polish .d1-hero .hero-lead { max-width: 52ch; text-wrap: balance; }
/* asztalon a vessző után törjön: „…szakértelme,” / „a te webshopodra árazva.” */
@media (min-width: 1024px) { .d1 .d1-hero h1 .h1-tail { display: block; } }
/* Fő navigáció: az Árazás menüpont keretben (a DS másodlagos gombjának körvonala: INK, 8 px sarok) */
.main-nav a.nav-pill { padding: 8px 16px; border: 1.5px solid var(--ink); border-radius: var(--radius-md); }
.main-nav a.nav-pill:hover { background: var(--surface-hover); border-color: var(--ink); }
.main-nav a.nav-pill[aria-current="page"] { background: var(--ink); color: var(--paper); }
/* Csomagdobozok: a „Neked való, ha…” szövege kisebb, de olvasható */
.plans14 .block.block-fit p { font-size: 11px; line-height: 1.5; }

/* Aloldalak: az alcím és az alatta következő tartalom közti tér a korábbi 2/3-a (Peti, 2026-10-20).
   Korábban: alsó padding mobilon 64 px (--s-xxl), asztalon 80 px; a /hogyan-mukodik fehér kártyájának
   felső margója --slab-inset. */
.page-hero { padding-bottom: calc(var(--s-xxl) * 2 / 3); }
@media (min-width: 1024px) { .page-hero { padding-bottom: calc(80px * 2 / 3); } }
.d1 .page-hero + .slab { margin-top: calc(var(--slab-inset) * 2 / 3); }

/* Máté kérései (2026-10-21) */
/* Hero statsor: tablettől felfelé nagy méretben (tableten 800 px-en 37, 920 px-en 44 px fér el egy sorban) */
@media (min-width: 768px) {
  .d1.polish .proof-strip.in-copy .proof-stat .num,
  .d1.polish .proof-strip.in-copy .proof-stat .lbl { font-size: var(--hero-stat-fs, clamp(32px, 3.4vw + 1px, 50px)); line-height: 1.15; }
  .d1.polish .proof-strip.in-copy .proof-stat { padding-inline: 24px; }
}
/* Mobilon a jelvény előtti és utáni tér a fele (45 → 22 px) */
@media (max-width: 767px) {
  .d1.polish .proof-strip.in-copy .proof-stats .badge-slot:not(:empty) { padding: 22px; }
}
/* Kifelé mutató link a Growww Digital említése után */
.ext-link { display: inline-flex; align-items: center; margin-left: 4px; color: var(--teal-text); vertical-align: -1px; text-decoration: none; }
.ext-link:hover { color: var(--ink); }
.ext-link svg { width: 0.85em; height: 0.85em; }
/* ROIshopper-doboz: világos sárga (GOLD-tint) a kék helyett */
.roishopper { background: var(--gold-tint); border-color: var(--gold); }
.roishopper svg { color: var(--ink); }
/* Rólunk: a fejléc utáni tér eltűnik; a portré mobilon az idézet után áll, asztalon a fejlécben */
.page-hero.page-hero--tight { padding-bottom: var(--s-lg); } /* a nagy tér eltűnik, a cím nem tapad a bekezdéshez */
.letter .commitment { margin-top: 0; } /* a levélben a rács térköze elég, ne duplázódjon */
.about-media--mobile { display: none; }
@media (max-width: 1023px) {
  .page-hero--tight .hero-media { display: none; }
  .about-media--mobile { display: grid; padding: 0; justify-items: start; }
}

/* Hero: a három partner-jelvény a statsor mellett (Máté, 2026-10-21).
   1160 px-től egy sorban: a jelvények 60 px-esek, köztük fél magasságnyi (30 px) tér, a statszöveg a szélességgel arányosan
   30–38 px (mérve: 1180 px-en 33, 1280 px-en 39, 1366 px-től 40 px fér el),
   alatta két sor: felül a statok, alattuk középre a jelvények. Windows-nagyításnál (125–150%) a teljes ablak gyakran 1280 alatti. */
.d1.polish .proof-strip.in-copy .proof-stats { justify-content: center; }
.d1.polish .proof-strip.in-copy .proof-stats .badge-slot:not(:empty) {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 45px; flex-basis: 100%;
}
@media (max-width: 767px) {
  .d1.polish .proof-strip.in-copy .proof-stats .badge-slot:not(:empty) { gap: 22px; }
}
@media (min-width: 1160px) {
  .d1.polish .proof-strip.in-copy .proof-stats .badge-slot:not(:empty) { flex-basis: auto; gap: 30px; padding-inline: 30px; }
  .d1.polish .proof-strip.in-copy .proof-stats .badge-slot img { height: 60px; }
  .d1.polish .proof-strip.in-copy .proof-stat .num,
  .d1.polish .proof-strip.in-copy .proof-stat .lbl { font-size: var(--hero-row-fs, clamp(30px, 6vw - 39px, 38px)); }
  .d1.polish .proof-strip.in-copy .proof-stat { padding-inline: 16px; }
}
/* Kétsoros sáv (768–1159 px, tablet és kis asztal): a nagy statsor ne tapadjon a jelvény-mondathoz */
@media (min-width: 768px) and (max-width: 1159px) {
  .d1.polish .proof-strip.in-copy .proof-stats { margin-top: var(--s-md); }
}
/* Mobilon kisebbek a partner-jelvények (90 → 60 px), a hero-ban és a bizonyítékok-sávban is */
@media (max-width: 767px) {
  .badge-slot img { height: 60px; }
}
/* Mobil hero: a statszöveg hangsúlyosabb (14 → 22 px, a két stat egymás alatt, elválasztó nélkül),
   a jelvények kisebbek (60 → 44 px; 390 px-től a három egy sorban fér el) — Peti, 10-21 */
@media (max-width: 767px) {
  .d1.polish .proof-strip.in-copy .proof-stats { display: flex; row-gap: 4px; margin-top: var(--s-sm); }
  .d1.polish .proof-strip.in-copy .proof-stat { flex-basis: 100%; justify-content: center; border-left: 0 !important; margin-left: 0; padding-inline: 0; }
  .d1.polish .proof-strip.in-copy .proof-stat .num,
  .d1.polish .proof-strip.in-copy .proof-stat .lbl { font-size: 22px; }
  .d1.polish .proof-strip.in-copy .proof-stats .badge-slot img { height: 44px; }
}