/* Wersja robocza (new2.proop.pl, AGENTS.md zasada 9): landing page'e usług i nowy cennik oparty na zależnościach
   (sandbox_landing.py). Kolory wyłącznie var(--…); poniższe tokeny to nazwy robocze dla odcieni, które już są w :root site.css. */
:root {
  --lp-tag-bg: var(--mx-orange-9-white);        /* etykieta „propozycja ceny” na jasnym tle */
  --lp-tag-bg-dark: var(--mx-orange-2-12-t);    /* ta sama etykieta na ciemnym tle */
  --lp-tree-line: var(--mx-blue-26-line-light); /* linia zagnieżdżonych warunków w drzewku */
  --lp-shadow: 0 18px 40px -30px var(--mx-navy-55-t);
}
.wz[hidden], .lp-wzbox[hidden], .wz [hidden], [data-wz-nojs][hidden] { display: none !important; }

/* ---------- etykieta „propozycja ceny” (jedna na sekcję) ---------- */
.lp-tag { display: inline-flex; align-items: center; padding: 3px 10px; border: 1.5px dashed var(--orange); border-radius: 999px;
  background: var(--lp-tag-bg); color: var(--navy); font: 500 12px/1.3 var(--mono); letter-spacing: .02em; white-space: nowrap; vertical-align: middle; }
:is(.g10-dark, .pagehead, .wz__out) .lp-tag { border-color: var(--orange-2); background: var(--lp-tag-bg-dark); color: var(--orange-2); }

/* ---------- linki ze strzałką ---------- */
.lp-more { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; color: var(--blue); font: 600 15px/1.3 var(--text);
  text-decoration: underline 1px var(--mx-blue-40-t); text-underline-offset: 4px; overflow-wrap: anywhere; }
.lp-more:hover { text-decoration-color: var(--orange); }
:is(.lp-more, .lp-go, .lp-herolink a) svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- „Cena i pakiety”: karta usługi na stronie głównej i sekcja hero podstrony obszaru ---------- */
.svc__card .lp-go { position: relative; z-index: 2; justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 36px;
  color: var(--blue); font: 600 14.5px/1.3 var(--text); text-decoration: underline 1px var(--mx-blue-40-t); text-underline-offset: 4px; }
.svc__card .lp-go:hover { text-decoration-color: var(--orange); }
.lp-herolink { margin: 14px 0 0; }
.lp-herolink a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--on-dark); font: 600 16px/1.3 var(--text);
  text-decoration: underline 1.5px var(--orange-2); text-underline-offset: 5px; }
.lp-herolink a:hover { color: var(--orange-2); }

/* ---------- landing page: sekcja hero E100 na cały ekran z ceną „od” ---------- */
.e100 .e100__media.lp-art { max-width: 600px; padding: 0; background: none; overflow: visible; }
.e100 .lp-t1 { display: block; }
@media (min-width: 1000px) {
  .e100.lp-hero .e100__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
  .e100.lp-hero .e100__title { font-size: clamp(34px, 3.3vw, 50px); }
}
.lp-hprice { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 20px 0 0; }
.lp-hprice__lbl { flex-basis: 100%; font: 500 12.5px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--cyan); }
.lp-hprice__v { font: 800 clamp(28px, 2.8vw, 38px)/1.05 var(--display); letter-spacing: -.02em; color: var(--on-dark); white-space: nowrap; }
.lp-hprice__u { font-size: 15px; color: var(--on-dark-2); }
.lp-hprice .lp-tag { align-self: center; }

/* ---------- co Państwo dostają (E031) ---------- */
.e031.lp-get { background: var(--white); }

/* ---------- cena krok po kroku ---------- */
.lp-pr { background: var(--paper); border-top: 1px solid var(--line-light); }
.lp-pr__head { max-width: 760px; }
.lp-pr__tag { margin: 14px 0 0; }
.lp-steps { display: grid; gap: clamp(32px, 4.5vw, 52px); margin: 0; padding: 0; list-style: none; }
.lp-step { min-width: 0; }
.lp-step__h { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 700 clamp(19px, 1.6vw, 22px)/1.3 var(--display); color: var(--navy); overflow-wrap: break-word; }
.lp-step__n { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--grad-accent);
  color: var(--navy-900); font: 700 16px/1 var(--display); }

/* krok 1: karty „na początek” albo pakiety (hierarchicznie: każdy kolejny ma wszystko z poprzedniego) */
.lp-tiers { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.lp-tiers--1 { max-width: 640px; }
@media (min-width: 640px) { .lp-tiers--2, .lp-tiers--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .lp-tiers--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .lp-tiers--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.lp-tier { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: clamp(20px, 2.4vw, 26px); background: var(--white);
  border: 1px solid var(--line-light); border-radius: 20px; box-shadow: var(--lp-shadow); }
.lp-tier__n { margin: 0; font: 500 12px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.lp-tier__name { margin: 0; font: 700 20px/1.25 var(--display); color: var(--navy); overflow-wrap: break-word; }
.lp-tier__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0; padding-bottom: 12px; border-bottom: 1px solid var(--line-light); }
.lp-tier__num { font: 800 clamp(28px, 2.6vw, 36px)/1.05 var(--display); letter-spacing: -.02em; color: var(--navy); }
.lp-tier__unit { font: 500 12.5px/1.3 var(--mono); color: var(--muted); }
.lp-tier__line { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--navy); }
.lp-tier__why { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--muted); }
.lp-tier__hier { margin: 0; font: 600 14px/1.45 var(--text); color: var(--blue); }
.lp-tier__items { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.lp-tier__items li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 15px; line-height: 1.5; color: var(--navy); }
.lp-tier__items svg { width: 20px; height: 20px; margin-top: 1px; fill: none; stroke: var(--blue); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.lp-tier .lp-more { margin-top: auto; align-self: flex-start; }

/* krok 2 (bez zależności): dodatki rozwijane */
.lp-addons { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 900px) { .lp-addons { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
.lp-addon { background: var(--white); border: 1px solid var(--line-light); border-radius: 16px; }
.lp-addon[open] { border-color: var(--mx-blue-40-line-light); }
.lp-addon > summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 16px; border-radius: 16px; cursor: pointer; list-style: none; }
.lp-addon > summary::-webkit-details-marker { display: none; }
.lp-addon > summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.lp-addon__name { flex: 1 1 auto; min-width: 0; font: 700 16px/1.35 var(--display); color: var(--navy); overflow-wrap: break-word; }
.lp-addon__price { flex: none; font: 700 15px/1.2 var(--display); color: var(--navy); white-space: nowrap; }
.lp-addon__pm { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--blue-soft); }
.lp-addon__pm::before, .lp-addon__pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; margin: -1px 0 0 -5px; border-radius: 2px; background: var(--blue); }
.lp-addon__pm::after { transform: rotate(90deg); }
.lp-addon[open] .lp-addon__pm::after { transform: rotate(0deg); }
.lp-addon__body { display: grid; gap: 6px; padding: 0 16px 14px; }
.lp-addon__body p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--muted); }
.lp-addon__body .lp-more { justify-self: start; }

/* krok 2 (z zależnościami) i cennik: drzewko „jeśli X, to Y” */
.lp-tree { display: grid; gap: 12px; min-width: 0; }
.lp-tree__base { padding: 14px 16px; border: 1px solid var(--line-light); border-radius: 14px; background: var(--white); }
.lp-tree__if { margin: 0 0 8px; font: 700 15.5px/1.4 var(--display); color: var(--navy); overflow-wrap: break-word; }
.lp-tree__if--base { font: 500 12px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.lp-tree__nodes { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.lp-tree__node { min-width: 0; padding: 14px 16px; border: 1px solid var(--line-light); border-left: 3px solid var(--orange); border-radius: 14px; background: var(--white); }
.lp-tree__node .lp-tree__nodes { margin-top: 12px; padding-left: 14px; border-left: 2px dashed var(--lp-tree-line); }
.lp-tree__node .lp-tree__node { border-left-color: var(--blue); background: var(--paper); }
.lp-tree__items { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.lp-tree__items--top { padding: 14px 16px; border: 1px solid var(--line-light); border-radius: 14px; background: var(--white); }
.lp-tree__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items: baseline; min-width: 0; }
.lp-tree__name { min-width: 0; font: 600 15.5px/1.4 var(--text); color: var(--navy); overflow-wrap: break-word; }
.lp-tree__price { font: 700 15px/1.3 var(--display); color: var(--navy); white-space: nowrap; }
.lp-tree__why { grid-column: 1 / -1; font-size: 14.5px; line-height: 1.5; color: var(--muted); }
.lp-tree__item .lp-more { grid-column: 1 / -1; justify-self: start; }
.lp-tree__item--note { display: block; }
.lp-tree__note { margin: 0; font-size: 15px; line-height: 1.55; color: var(--muted); }
.lp-tree__note strong { color: var(--navy); }
@media (max-width: 480px) {
  .lp-tree__item { grid-template-columns: minmax(0, 1fr); }
  .lp-tree__node .lp-tree__nodes { padding-left: 10px; }
}

/* krok 3: stawka godzinowa (pomocniczo) */
.lp-rate { display: grid; gap: 10px; max-width: 820px; padding: clamp(20px, 2.4vw, 26px); background: var(--white); border: 1px solid var(--line-light); border-radius: 20px; }
.lp-rate__v { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; }
.lp-rate__num { font: 800 clamp(26px, 2.4vw, 32px)/1.1 var(--display); letter-spacing: -.02em; color: var(--navy); white-space: nowrap; }
.lp-rate__unit { font: 500 12.5px/1.3 var(--mono); color: var(--muted); }
.lp-rate__txt { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--navy); }
.lp-rate__now { margin: 0; font-size: 15px; line-height: 1.55; color: var(--muted); }
.lp-rate__notes { display: grid; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; font-size: 14.5px; line-height: 1.55; color: var(--muted); }
.lp-rate__notes li { position: relative; padding-left: 16px; }
.lp-rate__notes li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }
.lp-rate .lp-more { justify-self: start; }

/* przykład wyceny, telefon i znak Rzetelnej Firmy */
.lp-sum { display: grid; gap: 18px; margin-top: clamp(28px, 4vw, 44px); padding: clamp(20px, 2.6vw, 28px); border: 1px solid var(--line-light);
  border-radius: 20px; background: var(--white); box-shadow: var(--lp-shadow); }
@media (min-width: 1024px) { .lp-sum { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } }
.lp-sum__ex { margin: 0; font-size: 16px; line-height: 1.6; color: var(--navy); overflow-wrap: break-word; }
.lp-sum__tot { white-space: nowrap; }
.lp-sum__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.lp-sum__tel { color: var(--navy); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums;
  text-decoration: underline 1px var(--line-light); text-underline-offset: 6px; }
.lp-sum__tel:hover { text-decoration-color: var(--orange); }
.lp-rzf { display: inline-block; border-radius: 8px; opacity: .9; }
.lp-rzf:hover, .lp-rzf:focus-visible { opacity: 1; }
.lp-rzf img { display: block; width: 104px; height: auto; }

/* ---------- kreator „dalej, dalej” ---------- */
.lp-wzbox { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: clamp(28px, 4vw, 44px); padding: clamp(20px, 2.6vw, 32px); border: 1px solid var(--line-light);
  border-radius: 22px; background: var(--white); box-shadow: var(--lp-shadow); }
@media (min-width: 1024px) { .lp-wzbox { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; } }
.lp-wzbox__kicker { margin: 0 0 10px; font: 700 12.5px/1.3 var(--text); letter-spacing: .14em; text-transform: uppercase; color: var(--blue); }
.lp-wzbox__h { margin: 0; font: 700 clamp(22px, 2vw, 28px)/1.2 var(--display); color: var(--navy); }
.lp-wzbox__lead { margin: 12px 0 0; font-size: 16px; line-height: 1.6; color: var(--muted); }

.wz { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; }
/* przyciski kreatora zawijają się na wąskim ekranie („Pokaż, co jest potrzebne”) */
.wz .btn { max-width: 100%; padding-block: 10px; white-space: normal; line-height: 1.25; text-align: center; }
.wz__top { display: grid; gap: 8px; }
.wz__progress { margin: 0; min-height: 1.3em; font: 500 13px/1.3 var(--mono); color: var(--muted); }
.wz__bar { height: 4px; overflow: hidden; border-radius: 2px; background: var(--line-light); }
.wz__bar i { display: block; width: var(--wz-p, 0%); height: 100%; background: var(--grad-accent); }
.wz__q { display: none; min-width: 0; }
.wz__q.is-cur { display: block; }
.wz.is-done :is(.wz__q, .wz__top) { display: none; }
.wz__q fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.wz__legend { padding: 0; margin: 0 0 12px; font: 700 clamp(18px, 1.6vw, 21px)/1.35 var(--display); color: var(--navy); }
.wz__hint { margin: -4px 0 12px; font-size: 14px; color: var(--muted); }
.wz__opts { display: grid; gap: 8px; }
.wz__opt { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 14px; border: 1px solid var(--line-light);
  border-radius: 14px; background: var(--white); cursor: pointer; }
.wz__opt:hover { border-color: var(--blue); }
.wz__opt:has(input:checked) { border-color: var(--blue); background: var(--blue-soft); }
.wz__opt input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--orange); }
.wz__opt input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.wz__lbl { min-width: 0; font: 600 16px/1.4 var(--text); color: var(--navy); overflow-wrap: break-word; }
.wz__sub { display: block; margin-top: 2px; font: 400 14px/1.45 var(--text); color: var(--muted); }
.wz__msg { margin: 0; font: 600 14.5px/1.4 var(--text); color: var(--navy); }
.wz__msg:empty { display: none; }
.wz__msg:not(:empty) { padding: 8px 12px; border-left: 3px solid var(--orange); background: var(--lp-tag-bg); }
.wz__nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.wz__back { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 1px solid var(--line-light);
  border-radius: 999px; background: var(--white); color: var(--navy); font: 600 16px/1 var(--text); cursor: pointer; }
.wz__back:hover { border-color: var(--blue); }
.wz__back:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
/* podsumowanie: ciemna karta z pozycjami, ceną i powodem */
.wz__out { display: none; }
.wz.is-done .wz__out { display: grid; gap: 12px; min-width: 0; padding: clamp(18px, 2.4vw, 26px); border-radius: 18px; background: var(--card-dark); color: var(--on-dark); }
.wz__out-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.wz__out-h { margin: 0; font: 700 clamp(19px, 1.7vw, 22px)/1.3 var(--display); color: var(--on-dark); }
.wz__out-h:focus { outline: none; }
.wz__lines { display: grid; margin: 0; padding: 0; list-style: none; }
.wz__line { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 0; border-top: 1px solid var(--line-dark); }
.wz__lname { min-width: 0; font: 600 15.5px/1.4 var(--text); color: var(--on-dark); overflow-wrap: break-word; }
.wz__lprice { font: 700 15px/1.3 var(--display); color: var(--orange-2); white-space: nowrap; }
.wz__lwhy { grid-column: 1 / -1; font-size: 14px; line-height: 1.5; color: var(--on-dark-2); }
.wz__line--note .wz__lname { color: var(--cyan); }
.wz__total { margin: 0; padding-top: 12px; border-top: 1px solid var(--line-dark-2); font: 600 16px/1.4 var(--text); color: var(--on-dark); }
.wz__total-v { font: 800 clamp(20px, 2vw, 24px)/1.2 var(--display); white-space: nowrap; }
.wz__vat, .wz__rate { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--on-dark-2); }
.wz__go { display: flex; flex-wrap: wrap; gap: 0 18px; margin: 0; }
.wz__out .lp-more { color: var(--on-dark); text-decoration-color: var(--line-dark-2); }
.wz__out .lp-more:hover { text-decoration-color: var(--orange-2); }
.wz__out-act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; }
.wz__out .wz__back { border-color: var(--line-dark); background: var(--ghost-bg); color: var(--on-dark); }
.wz__out :focus-visible { outline-color: var(--orange-2); }
@media (max-width: 420px) { .wz__line { grid-template-columns: minmax(0, 1fr); } }

/* ---------- dowód: kafle Akwadratu i realizacje ---------- */
.lp-proof { background: var(--paper); border-top: 1px solid var(--line-light); }
.lp-proof .cs-tile { background: var(--white); }
.lp-proof__note { max-width: 720px; margin: 14px 0 0; font: 500 13px/1.5 var(--mono); color: var(--muted); }
.lp-proof__more { margin: 16px 0 0; }
.lp-work__h { margin: clamp(28px, 4vw, 40px) 0 14px; font: 700 20px/1.3 var(--display); color: var(--navy); }
.lp-work { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .lp-work { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lp-work { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lp-work__a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items: center; height: 100%; padding: 14px 16px;
  border: 1px solid var(--line-light); border-radius: 16px; background: var(--white); color: var(--navy); text-decoration: none; }
.lp-work__a:hover { border-color: var(--blue); }
.lp-work__a:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.lp-work__name { grid-column: 1; font: 700 16.5px/1.3 var(--display); overflow-wrap: break-word; }
.lp-work__trade { grid-column: 1; font-size: 14px; line-height: 1.45; color: var(--muted); overflow-wrap: break-word; }
.lp-work__a svg { grid-column: 2; grid-row: 1 / span 2; width: 18px; height: 18px; fill: none; stroke: var(--blue); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* rytm teł: dowód (papier) → pytania na bieli */
.lp-proof + .e061 { background: var(--white); }

/* ---------- cennik: niższa sekcja hero (wyjątek od zasady 8), kreator, drzewka, stawki ---------- */
.lp-phead h1 .gt-warm { display: block; width: fit-content; max-width: 100%; }
.lp-phead__hours { margin: 14px 0 0; font: 500 14px/1.5 var(--mono); color: var(--cyan); }
.lp-toc ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.lp-toc a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--glass-line); border-radius: 999px;
  background: var(--glass); color: var(--on-dark); font: 600 14.5px/1.2 var(--text); text-decoration: none; }
.lp-toc a:hover { border-color: var(--orange-2); }
.lp-wzsec { background: var(--paper); }
.lp-wzsec__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
@media (min-width: 1024px) {
  .lp-wzsec__grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; }
  .lp-wzsec__grid > .sec__head { margin-bottom: 0; }
}
.lp-wzsec .wz { padding: clamp(20px, 2.6vw, 30px); border: 1px solid var(--line-light); border-radius: 22px; background: var(--white); box-shadow: var(--lp-shadow); }
.wz__nojs { margin: 18px 0 0; }
.wz__nojs a { color: var(--blue); font-weight: 600; text-underline-offset: 4px; }
.lp-trees { background: var(--white); border-top: 1px solid var(--line-light); }
.lp-branches { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
.lp-branch { display: grid; gap: 18px; min-width: 0; padding: clamp(20px, 2.6vw, 30px); border: 1px solid var(--line-light); border-radius: 22px; background: var(--paper); }
@media (min-width: 1024px) { .lp-branch { grid-template-columns: minmax(0, .7fr) minmax(0, 1.6fr); align-items: start; } }
.lp-branch__head { min-width: 0; }
.lp-branch__name { display: flex; align-items: center; gap: 10px; margin: 0; font: 700 21px/1.25 var(--display); color: var(--navy); overflow-wrap: break-word; }
.lp-branch__ico, .lp-dz__ico { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px; background: var(--blue-soft); }
:is(.lp-branch__ico, .lp-dz__ico) svg { width: 20px; height: 20px; fill: none; stroke: var(--blue); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lp-branch__go { display: grid; gap: 2px; margin: 10px 0 0; padding: 0; list-style: none; }
.lp-rates { background: var(--paper); border-top: 1px solid var(--line-light); }
.lp-rates__block + .lp-rates__block { margin-top: clamp(32px, 4vw, 48px); }
.lp-rates__h { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 16px; font: 700 20px/1.3 var(--display); color: var(--navy); }
.lp-dz { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.lp-dz__row { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--line-light);
  border-radius: 16px; background: var(--white); }
.lp-dz__txt { display: grid; gap: 3px; min-width: 0; }
.lp-dz__name { font: 700 16.5px/1.3 var(--display); color: var(--navy); }
.lp-dz__topics { font: 500 12.5px/1.45 var(--mono); color: var(--blue); overflow-wrap: break-word; }
.lp-dz__now { font-size: 14px; line-height: 1.45; color: var(--muted); }
.lp-dz__rate { grid-column: 2; font-size: 14px; line-height: 1.4; color: var(--muted); }
.lp-dz__rate strong { display: block; font: 800 22px/1.2 var(--display); color: var(--navy); white-space: nowrap; }
@media (min-width: 760px) {
  .lp-dz__row { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .lp-dz__rate { grid-column: auto; text-align: right; }
}
.lp-rates .price__notes { background: var(--white); }
.lp-rates + .e061 { background: var(--white); }