/* System v2 (klasa .ds2): poprawki po audycie impeccable + style propozycji sekcji.
   Zmiany względem v1: chłodny beton zamiast kremu, liczby krojem głównym z cyframi tabelarycznymi
   zamiast IBM Plex Mono, kod części w Martian Mono, bez etykiet wersalikami nad nagłówkami,
   albo ramka, albo cień (nigdy oba), kontrast tekstu pomocniczego min. 4,5:1. */
.ds2 {
  --paper: oklch(97.2% 0.003 250); --paper-2: oklch(94.6% 0.004 250); --paper-3: oklch(91% 0.005 250);
  --ink: oklch(17% 0.006 260); --ink-2: oklch(38% 0.008 260); --ink-3: oklch(47% 0.008 260);
  --line: oklch(87% 0.005 250); --line-2: oklch(76% 0.006 250);
  --yellow-soft: oklch(95% 0.08 97);
  --mono: var(--sans); --code: "Martian Mono", ui-monospace, monospace;
}
.ds2 .mono, .ds2 .num { font-family: var(--sans); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; letter-spacing: 0; }
.ds2 .mono { font-weight: 600; }
.ds2 .code { font-family: var(--code); font-size: .88em; font-weight: 500; letter-spacing: -.02em; }
.ds2 .section__head .eyebrow, .ds2 .numbers + .section .eyebrow { display: none; }
.ds2 .section__head .h2 { margin-top: 0; }
.ds2 h1, .ds2 h2 { text-wrap: balance; } .ds2 p { text-wrap: pretty; }
.ds2 .numbers dt { font-weight: 700; letter-spacing: -.02em; }
.ds2 .gtile { border-color: var(--line); } .ds2 .htabs__tab { font-weight: 700; }

/* ---------- Hero 3 i 4 po audycie ---------- */
.ds2 .hn { background: oklch(16% 0.006 260); } .ds2 .hn::before { background: linear-gradient(180deg, oklch(16% 0.006 260) 0%, transparent 14%, transparent 86%, oklch(16% 0.006 260) 100%); }
@media (min-width: 1024px) { .ds2 .hn::after { background: linear-gradient(90deg, oklch(16% 0.006 260) 0%, oklch(16% 0.006 260) 44%, transparent 58%); } }
.ds2 .hn__track { animation-duration: 90s; } .ds2 .hn__col--1 .hn__track { animation-duration: 110s; } .ds2 .hn__col--2 .hn__track { animation-duration: 100s; }
.ds2 .hn__h1 { margin-top: 0; } .ds2 .hn__panel { box-shadow: 0 30px 80px -30px rgba(0,0,0,.9); border: 0; }
.ds2 .hn__price { font-weight: 600; }
.hx { margin-top: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 14px; }
.hx__label { color: rgba(255,255,255,.6); margin-right: 4px; }
.hx a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 17px; background: rgba(255,255,255,.1); color: #fff; font-weight: 600; transition: background-color 160ms, color 160ms; } .hx a:hover { background: var(--yellow); color: var(--ink); } .hx a .num { opacity: .65; font-weight: 500; }
.hx--light .hx__label { color: var(--ink-2); } .hx--light a { background: var(--paper-2); color: var(--ink); } .hx--light a:hover { background: var(--ink); color: var(--paper); }
.hc { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); display: grid; gap: 10px 28px; font-size: 14px; color: rgba(255,255,255,.78); } @media (min-width: 640px) { .hc { grid-template-columns: auto auto 1fr; align-items: center; } }
.hc a { color: #fff; font-weight: 700; } .hc a:hover { color: var(--yellow); } .hc .ic { color: var(--yellow); vertical-align: -4px; margin-right: 6px; }
.hc--light { border-top-color: var(--line); color: var(--ink-2); } .hc--light a { color: var(--ink); } .hc--light a:hover { color: var(--ink); text-decoration: underline; } .hc--light .ic { color: var(--ink); }
.ds2 .hm { background: oklch(16% 0.006 260); } .ds2 .hm__card { box-shadow: 0 40px 100px -30px rgba(0,0,0,.85); } .ds2 .hm__h1 { margin-top: 0; }
.ds2 .hm__cell img { filter: brightness(.78) saturate(.9); }

/* ---------- Strona propozycji sekcji ---------- */
.sk-intro { padding-top: 40px; padding-bottom: 24px; }
.sk-label { background: var(--paper-3); border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line); font-size: 13px; }
.sk-label .wrap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding-top: 10px; padding-bottom: 10px; } .sk-label b { font-size: 12px; padding: 1px 7px; border-radius: 3px; background: var(--ink); color: var(--paper); } .sk-label span { font-weight: 700; } .sk-label em { font-style: normal; color: var(--ink-2); }
.sk { padding: 64px 0; } @media (min-width: 1024px) { .sk { padding: 96px 0; } }
.sk-head { display: grid; gap: 12px; margin-bottom: 32px; } @media (min-width: 900px) { .sk-head { grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; } .sk-head--col { grid-template-columns: 1fr; } }
.sk-head p { max-width: 52ch; font-size: 16px; line-height: 1.55; }
.sk .h2 { font-size: 32px; } @media (min-width: 768px) { .sk .h2 { font-size: 44px; } }

/* 1A Bliźniaki: równanie */
.sk-twins { background: var(--paper); }
.tw { display: grid; gap: 0; border-top: 2px solid var(--ink); }
.tw__row { padding: 28px 0; border-bottom: 1px solid var(--line); display: grid; gap: 16px; } @media (min-width: 1100px) { .tw__row { grid-template-columns: 1fr 300px; gap: 40px; align-items: center; } }
.tw__plates { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; }
.tw__plate { display: flex; flex-direction: column; gap: 2px; min-width: 150px; flex: 1 1 150px; padding: 14px 16px; border-radius: 8px; background: var(--paper-2); transition: background-color 160ms, color 160ms, transform 200ms var(--ease); } .tw__plate:hover { background: var(--yellow); transform: translateY(-2px); }
.tw__brand { font-size: 13px; color: var(--ink-2); } .tw__plate b { font-size: 22px; font-weight: 800; letter-spacing: -.02em; font-variation-settings: "wdth" 112; line-height: 1.1; } .tw__plate .num { margin-top: 6px; font-size: 13px; color: var(--ink-2); } .tw__plate:hover .tw__brand, .tw__plate:hover .num { color: var(--ink); }
.tw__eq { align-self: center; font-size: 28px; font-weight: 800; color: var(--ink-3); width: 18px; text-align: center; } @media (max-width: 639px) { .tw__eq { display: none; } .tw__plate { flex-basis: calc(50% - 4px); min-width: 0; } }
.tw__sum { font-size: 15px; line-height: 1.5; color: var(--ink-2); } .tw__sum b { color: var(--ink); font-weight: 700; }

/* 1B Bliźniaki: jedna część */
.sk-twin1 { background: var(--ink); color: var(--paper); } .sk-twin1 .muted { color: rgba(255,255,255,.7); }
.sk-twin1__in { display: grid; gap: 32px; align-items: center; } @media (min-width: 1024px) { .sk-twin1__in { grid-template-columns: 1.1fr 1fr; gap: 72px; } }
.sk-twin1__photo { display: block; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; } .sk-twin1__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); } .sk-twin1__photo:hover img { transform: scale(1.04); }
.sk-twin1__name { margin-top: 12px; font-size: 15px; } .sk-twin1__name .num { color: var(--yellow); font-weight: 700; }
.sk-twin1__list { margin: 24px 0 20px; border-top: 1px solid rgba(255,255,255,.18); } .sk-twin1__list a { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.18); transition: padding-left 200ms var(--ease), color 160ms; } .sk-twin1__list a:hover { padding-left: 8px; color: var(--yellow); }
.sk-twin1__van { width: 72px; flex: none; color: var(--yellow); } .sk-twin1__list span { display: flex; flex-direction: column; flex: 1; } .sk-twin1__list b { font-size: 18px; } .sk-twin1__list .num { font-size: 13px; } .sk-twin1 .ink { color: #fff; }

/* 2A Grupy części: zdjęcia */
.gph { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 160px; } @media (min-width: 768px) { .gph { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 200px; } }
.gph__item a { position: relative; display: block; height: 100%; border-radius: 10px; overflow: hidden; background: var(--paper-3); }
.gph__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); } .gph__item a:hover img { transform: scale(1.05); }
.gph__cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 40px 14px 12px; background: linear-gradient(to top, rgba(12,13,16,.88), transparent); color: #fff; } .gph__cap b { font-size: 17px; font-weight: 700; } .gph__cap .num { font-size: 13px; opacity: .8; }
@media (min-width: 768px) { .gph__item--0 { grid-column: span 2; grid-row: span 2; } .gph__item--0 .gph__cap b { font-size: 26px; } .gph__item--5 { grid-column: span 2; } }
.gph__rest { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 4px 22px; font-size: 15px; } .gph__rest a { display: inline-flex; gap: 6px; padding: 6px 0; font-weight: 600; border-bottom: 1px solid transparent; } .gph__rest a:hover { border-bottom-color: var(--ink); }

/* 2B Rysunek busa */
.sk-bp { background: oklch(20% 0.02 250); color: oklch(92% 0.02 230); } .sk-bp .h2 { color: #fff; } .sk-bp p { margin-top: 14px; color: oklch(82% 0.02 230); max-width: 46ch; font-size: 16px; line-height: 1.55; }
.sk-bp__in { display: grid; gap: 40px; align-items: center; } @media (min-width: 1024px) { .sk-bp__in { grid-template-columns: 1fr 1.4fr; gap: 64px; } }
.sk-bp__legend { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; max-width: 420px; } .sk-bp__legend a { display: flex; justify-content: space-between; gap: 8px; padding: 9px 0; border-bottom: 1px solid oklch(60% 0.05 235 / .35); font-size: 14px; font-weight: 600; } .sk-bp__legend a:hover { color: var(--yellow); } .sk-bp__legend .num { opacity: .7; font-weight: 500; }
.sk-bp__van { margin: 0; } .sk-bp .hp__dot { border-color: oklch(20% 0.02 250); } .sk-bp .hp__label .num { font-size: 12px; color: var(--ink-2); }

/* 3 Nowa czy z demontażu */
.sk-price { background: var(--paper-2); }
.sk-price__in { display: grid; gap: 40px; } @media (min-width: 1024px) { .sk-price__in { grid-template-columns: 1fr 1.35fr; gap: 72px; align-items: start; } }
.sk-price__in > div > p { margin-top: 14px; font-size: 16px; line-height: 1.55; max-width: 46ch; }
.sk-price__facts { margin-top: 28px; display: grid; gap: 18px; } .sk-price__facts dt { font-weight: 800; font-size: 15px; } .sk-price__facts dd { margin-top: 2px; font-size: 15px; line-height: 1.5; color: var(--ink-2); max-width: 46ch; }
.pt { width: 100%; border-collapse: collapse; font-size: 15px; } .pt thead th { padding: 0 0 10px; font-size: 13px; font-weight: 600; color: var(--ink-2); text-align: left; border-bottom: 2px solid var(--ink); } .pt .r { text-align: right; }
.pt tbody th { text-align: left; font-weight: 700; padding: 14px 12px 14px 0; border-bottom: 1px solid var(--line-2); } .pt tbody th a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pt tbody td { position: relative; padding: 14px 0 14px 12px; border-bottom: 1px solid var(--line-2); white-space: nowrap; } .pt td .num { position: relative; font-weight: 600; }
.pt__bar { position: absolute; right: 0; top: 50%; height: 26px; width: var(--w); max-width: 100%; transform: translateY(-50%); background: var(--yellow); opacity: .55; border-radius: 3px; } .pt__bar--new { background: var(--line-2); opacity: .6; }
.pt td:nth-child(2), .pt td:nth-child(3) { width: 30%; padding-right: 8px; } .pt__save { width: 80px; font-weight: 700; color: var(--ok); }
.pt tfoot td { padding-top: 12px; font-size: 13px; color: var(--ink-2); white-space: normal; }
@media (max-width: 639px) { .pt { font-size: 14px; } .pt__bar { display: none; } .pt thead th:last-child, .pt__save { display: none; } }

/* 4 Dostawa */
.sk-ship__in { max-width: 980px; }
.ship { border-top: 2px solid var(--ink); } .ship li { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--line-2); } @media (min-width: 768px) { .ship li { grid-template-columns: 1.2fr 1fr auto; } }
.ship__name { display: inline-flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 800; letter-spacing: -.01em; } .ship__note { color: var(--ink-2); font-size: 15px; } @media (max-width: 767px) { .ship__note { grid-column: 1; grid-row: 2; padding-left: 34px; } .ship__price { grid-row: 1 / span 2; grid-column: 2; align-self: center; } }
.ship__price { font-size: 32px; font-weight: 800; letter-spacing: -.02em; min-width: 96px; text-align: right; }
.sk-ship__foot { margin-top: 16px; } .sk .ink { color: var(--ink); }

/* 5 Pytania */
.sk-faq { background: var(--paper-2); } .faq { margin-top: 32px; border-top: 2px solid var(--ink); }
.faq > div { display: grid; gap: 8px; padding: 24px 0; border-bottom: 1px solid var(--line-2); } @media (min-width: 900px) { .faq > div { grid-template-columns: 1fr 1.3fr; gap: 56px; } }
.faq dt { font-size: 19px; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; } .faq dd { font-size: 16px; line-height: 1.6; color: var(--ink-2); max-width: 60ch; } .faq dd a { color: var(--ink); }

/* 6 Dla warsztatów */
.sk-pro { background: var(--yellow); } .sk-pro__in { display: grid; gap: 40px; } @media (min-width: 1024px) { .sk-pro__in { grid-template-columns: 1.2fr 1fr; gap: 72px; align-items: center; } }
.sk-pro p { margin-top: 12px; font-size: 17px; line-height: 1.5; max-width: 44ch; } .sk-pro__search { margin-top: 24px; max-width: 620px; } .sk-pro__search .search__form { box-shadow: none; } .sk-pro__search .search__btn { background: var(--ink); color: var(--paper); } .sk-pro__search .search__btn:hover { background: oklch(28% 0.008 260); }
.sk-pro__list { border-top: 2px solid var(--ink); } .sk-pro__list li { display: grid; grid-template-columns: 110px 1fr; gap: 16px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid rgba(20,20,18,.25); } .sk-pro__list b { font-size: 34px; font-weight: 800; letter-spacing: -.03em; line-height: 1; } .sk-pro__list span { font-size: 15px; line-height: 1.45; }

/* 7 Przyjedź albo zadzwoń */
.sk-visit__in { display: grid; gap: 40px; } @media (min-width: 1024px) { .sk-visit__in { grid-template-columns: 1fr 1.2fr; gap: 72px; align-items: center; } }
.sk-visit p { margin-top: 12px; font-size: 16px; line-height: 1.55; max-width: 46ch; }
.sk-visit__phone a { display: inline-block; margin-top: 12px; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1; border-bottom: 4px solid var(--yellow); } @media (min-width: 768px) { .sk-visit__phone a { font-size: 60px; } } .sk-visit__phone a:hover { background: var(--yellow); }
.sk-visit__map iframe { display: block; width: 100%; aspect-ratio: 16 / 11; border: 0; border-radius: 12px; background: var(--paper-2); filter: grayscale(.4) contrast(1.05); }

/* Poprawki po pierwszym przeglądzie zrzutów */
@media (min-width: 1024px) { .ds2 .hn__inner { padding-top: 52px; padding-bottom: 52px; } .ds2 .hn { min-height: 0; } }
@media (min-width: 768px) { .ds2 .hn__h1 { font-size: 58px; } } .ds2 .hn__lead { margin-top: 14px; } .ds2 .hn__panel { margin-top: 22px; }
.hc { white-space: nowrap; } @media (max-width: 639px) { .hc { white-space: normal; } } .hc--light { grid-template-columns: 1fr; white-space: normal; } @media (min-width: 640px) { .hc--light { grid-template-columns: auto auto auto; justify-content: space-between; gap: 8px 16px; font-size: 13px; } }
.sk-visit__phone a { white-space: nowrap; } @media (min-width: 768px) { .sk-visit__phone a { font-size: 52px; } } @media (max-width: 420px) { .sk-visit__phone a { font-size: 36px; } }
.sk-ship__in { max-width: var(--wrap); display: grid; gap: 28px; } @media (min-width: 1024px) { .sk-ship__in { grid-template-columns: 1fr 1.5fr; gap: 72px; align-items: start; } .sk-ship__in .ship { grid-column: 2; grid-row: 1; } .sk-ship__list { grid-column: 2; } }
.sk-ship__head p { margin-top: 14px; font-size: 16px; line-height: 1.55; max-width: 40ch; }
.pt__bar { min-width: 92px; } .pt__save.is-flat { color: var(--ink-2); font-weight: 500; }

.sk.sk-twin1 .ink { color: #fff; }
@media (min-width: 1024px) { .sk-ship__in { row-gap: 14px; } .sk-ship__head { grid-row: 1 / span 2; } }
@media (max-width: 639px) { .ds2 .wa-float { width: 52px; height: 52px; padding: 0; justify-content: center; border-radius: 50%; } .ds2 .wa-float span { display: none; } }

/* Po drugim skanie detektora: kontrast na zielonym, ramka albo cień */
.ds2 { --wa: oklch(50% 0.15 150); }
.ds2 .mega { box-shadow: none; border-bottom: 1px solid var(--line-2); }
.ds2 .search__drop { border: 0; box-shadow: 0 24px 60px -20px rgba(0,0,0,.45); }
.ds2 .hr__card, .ds2 .v6hero__card { border: 0; }

/* Żółty dokładnie z logo (próbka pikseli: #F8C800), wcześniej był o ton jaśniejszy */
.ds2 { --yellow: #f8c800; --yellow-deep: #e0b400; --yellow-soft: #fff3b8; }

/* ---------- Sekcja 1: dowody zaufania, cztery warianty ---------- */
/* A: liczby */
.t1a__in { display: grid; gap: 40px; } @media (min-width: 1024px) { .t1a__in { grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; } }
.t1a__num { display: block; font-size: 88px; font-weight: 800; line-height: .95; letter-spacing: -.045em; font-variation-settings: "wdth" 112; } @media (min-width: 768px) { .t1a__num { font-size: 148px; } }
.t1a__what { display: block; margin-top: 10px; font-size: 20px; font-weight: 600; max-width: 22ch; line-height: 1.25; }
.t1a__facts { margin-top: 28px; display: grid; gap: 10px; font-size: 15px; color: var(--ink-2); } .t1a__facts li { display: flex; align-items: baseline; gap: 10px; padding-top: 10px; border-top: 1px solid var(--line-2); } .t1a__facts b { color: var(--ink); font-size: 20px; min-width: 90px; }
.t1a__bars-h { font-size: 15px; font-weight: 700; padding-bottom: 8px; border-bottom: 2px solid var(--ink); }
.t1a__list a { grid-template-columns: 130px 1fr 64px; border-bottom-color: var(--line-2); } .t1a__list .hs__bar { background: var(--paper-3); } .t1a__list .hs__bnum { color: var(--ink); }
.t1a .hs__bars { margin-top: 6px; }
/* B: historia */
.t1b { background: var(--ink); color: var(--paper); } .t1b .muted { color: rgba(255,255,255,.72); }
.t1b__head { display: grid; gap: 14px; margin-bottom: 40px; } @media (min-width: 1024px) { .t1b__head { grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: end; } } .t1b__head p { font-size: 16px; line-height: 1.55; max-width: 52ch; }
.rul { display: grid; gap: 0; border-top: 2px solid var(--yellow); } @media (min-width: 768px) { .rul { grid-template-columns: repeat(3, 1fr); } }
.rul li { position: relative; padding: 22px 24px 26px 0; display: grid; gap: 6px; border-bottom: 1px solid rgba(255,255,255,.14); } @media (min-width: 768px) { .rul li { border-bottom: 0; border-right: 1px solid rgba(255,255,255,.14); padding-left: 0; } .rul li + li { padding-left: 24px; } .rul li:last-child { border-right: 0; } }
.rul li::before { content: ""; position: absolute; top: -2px; left: 0; width: 10px; height: 10px; background: var(--yellow); } @media (min-width: 768px) { .rul li + li::before { left: 24px; } }
.rul__year { font-size: 40px; font-weight: 800; letter-spacing: -.03em; color: var(--yellow); line-height: 1; } .rul li b { font-size: 18px; } .rul li > span:last-child { font-size: 14px; color: rgba(255,255,255,.72); line-height: 1.5; }
.t1b__proof { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px 32px; align-items: center; font-size: 15px; } .t1b__proof span { display: inline-flex; align-items: center; gap: 8px; } .t1b__proof .ic { color: var(--yellow); }
.t1b__badge { padding: 8px 14px; border-radius: 6px; background: var(--yellow); color: var(--ink); font-weight: 800; } .t1b__badge .ic { color: var(--ink); } .t1b__proof a { color: #fff; }
/* C: numer na części */
.t1c { background: var(--paper-2); }
.t1c__in { display: grid; gap: 36px; } @media (min-width: 1024px) { .t1c__in { grid-template-columns: 1fr 1.25fr; gap: 72px; align-items: center; } }
.t1c__text p { margin-top: 14px; font-size: 16px; line-height: 1.55; max-width: 46ch; }
.t1c__steps { margin-top: 28px; border-top: 2px solid var(--ink); } .t1c__steps li { display: grid; grid-template-columns: 40px 130px 1fr; gap: 12px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--line-2); font-size: 15px; } .t1c__steps .num { font-weight: 700; color: var(--ink-3); } .t1c__steps b { font-size: 16px; } .t1c__steps li > span:last-child { color: var(--ink-2); line-height: 1.45; }
@media (max-width: 479px) { .t1c__steps li { grid-template-columns: 36px 1fr; } .t1c__steps li > span:last-child { grid-column: 2; } }
.t1c__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 170px; gap: 10px; } @media (min-width: 768px) { .t1c__photos { grid-auto-rows: 220px; } }
.t1c__ph a { position: relative; display: block; height: 100%; border-radius: 10px; overflow: hidden; background: var(--paper-3); } .t1c__ph img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); } .t1c__ph a:hover img { transform: scale(1.04); }
.t1c__ph--0 { grid-column: span 2; } 
.t1c__tag { position: absolute; left: 12px; top: 12px; padding: 5px 10px; border-radius: 4px; background: var(--yellow); color: var(--ink); font-weight: 700; font-size: 13px; font-family: var(--code); }
/* D: ledger */
.t1d__h { max-width: 14ch; }
.t1d__ledger { margin-top: 28px; border-top: 2px solid var(--ink); } .t1d__ledger > div { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--line-2); } @media (min-width: 768px) { .t1d__ledger > div { grid-template-columns: 260px 1fr; } }
.t1d__ledger dt { font-size: 34px; font-weight: 800; letter-spacing: -.03em; line-height: 1; white-space: nowrap; } @media (min-width: 768px) { .t1d__ledger dt { font-size: 52px; } } .t1d__ledger dd { font-size: 16px; line-height: 1.55; max-width: 56ch; color: var(--ink-2); } .t1d__ledger dd b { color: var(--ink); }
.t1d__foot { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
/* Strona główna: sekcja B bezpośrednio pod ciemnym hero, oddzielona żółtą linią, nie drugim czarnym blokiem */
.home .t1b { background: var(--paper); color: var(--ink); padding-top: 72px; }
.home .t1b .muted { color: var(--ink-2); } .home .rul { border-top-color: var(--ink); } .home .rul li { border-color: var(--line-2); } .home .rul li::before { background: var(--ink); }
.home .rul__year { color: var(--ink); } .home .rul li > span:last-child { color: var(--ink-2); } .home .t1b__proof a { color: var(--ink); } .home .t1b__proof .ic { color: var(--ink); } .home .t1b__badge .ic { color: var(--ink); }

/* Sekcja 1 pod hero 3: warianty na jasnym tle z żółtą linią odcięcia od ciemnego hero */
.hero-v .sk, .home .sk, body.ds2 .hn + .sk { position: relative; } .hero-v .sk::before, .home .sk::before, body.ds2 .hn + .sk::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: var(--yellow); }
body.ds2 .hn + .t1b { background: var(--paper); color: var(--ink); padding-top: 72px; }
body.ds2 .hn + .t1b .muted { color: var(--ink-2); } body.ds2 .hn + .t1b .rul { border-top-color: var(--ink); } body.ds2 .hn + .t1b .rul li { border-color: var(--line-2); } body.ds2 .hn + .t1b .rul li::before { background: var(--ink); }
body.ds2 .hn + .t1b .rul__year { color: var(--ink); } body.ds2 .hn + .t1b .rul li > span:last-child { color: var(--ink-2); } body.ds2 .hn + .t1b .t1b__proof a, body.ds2 .hn + .t1b .t1b__proof .ic { color: var(--ink); }
/* E */
.t1e { background: var(--paper); } .t1e__in { display: grid; gap: 36px; } @media (min-width: 1024px) { .t1e__in { grid-template-columns: 1fr 1.2fr; gap: 72px; align-items: center; } }
.t1e__num { display: block; font-size: 84px; font-weight: 800; line-height: .95; letter-spacing: -.045em; font-variation-settings: "wdth" 112; } @media (min-width: 768px) { .t1e__num { font-size: 120px; } }
.t1e__text .h2 { margin-top: 8px; font-size: 26px; } @media (min-width: 768px) { .t1e__text .h2 { font-size: 32px; } } .t1e__text p { margin-top: 14px; font-size: 16px; line-height: 1.55; max-width: 44ch; }
.t1e__facts { margin-top: 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border-top: 2px solid var(--ink); padding-top: 14px; } .t1e__facts li { display: grid; gap: 2px; } .t1e__facts b { font-size: 24px; font-weight: 800; letter-spacing: -.02em; } .t1e__facts span { font-size: 13px; color: var(--ink-2); }
.t1e__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .t1e__photos a { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--paper-3); } .t1e__photos img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); } .t1e__photos a:hover img { transform: scale(1.04); }
.t1e__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 12px 10px; background: linear-gradient(to top, rgba(12,13,16,.85), transparent); color: #fff; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* F */
.t1f { background: var(--paper-2); } .t1f__h { max-width: 16ch; }
.t1f__cmp { margin-top: 32px; display: grid; gap: 16px; } @media (min-width: 900px) { .t1f__cmp { grid-template-columns: 1fr 1.25fr; gap: 20px; align-items: stretch; } }
.t1f__col { padding: 28px; border-radius: 12px; } .t1f__col-h { font-size: 13px; font-weight: 700; letter-spacing: .02em; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 2px solid currentColor; }
.t1f__col ul li { padding: 12px 0; border-bottom: 1px solid currentColor; font-size: 15px; line-height: 1.5; } .t1f__col ul li:last-child { border-bottom: 0; }
.t1f__col--them { background: var(--paper-3); color: var(--ink-2); } .t1f__col--them ul li { border-color: var(--line-2); text-decoration: line-through; text-decoration-color: var(--ink-3); text-decoration-thickness: 1px; }
.t1f__col--us { background: var(--ink); color: var(--paper); position: relative; overflow: hidden; } .t1f__col--us .t1f__col-h { color: var(--yellow); border-color: var(--yellow); } .t1f__col--us ul li { border-color: rgba(255,255,255,.14); } .t1f__col--us b { color: var(--yellow); }
.t1f__photo { display: block; margin-top: 20px; position: relative; aspect-ratio: 16 / 7; border-radius: 8px; overflow: hidden; } .t1f__photo img { width: 100%; height: 100%; object-fit: cover; }
/* G */
.t1g { background: var(--paper); } .t1g__in { display: grid; gap: 32px; } @media (min-width: 1024px) { .t1g__in { grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; } }
.t1g__map { position: relative; } .t1g__map iframe { display: block; width: 100%; aspect-ratio: 16 / 11; border: 0; border-radius: 12px; background: var(--paper-2); filter: grayscale(.5) contrast(1.05); }
.t1g__pin { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 6px; background: var(--ink); color: var(--paper); font-size: 13px; font-weight: 700; } .t1g__pin .ic { color: var(--yellow); }
.t1g__text p { margin-top: 14px; font-size: 16px; line-height: 1.55; max-width: 46ch; }
.t1g__facts { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; border-top: 2px solid var(--ink); padding-top: 18px; } .t1g__facts dt { font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1; white-space: nowrap; } .t1g__facts dd { margin-top: 4px; font-size: 13px; color: var(--ink-2); }
.t1g__contact { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 16px; } .t1g__contact a { display: inline-flex; align-items: center; gap: 8px; } .t1g__contact .ic { color: var(--ink); }
.sk-label { position: sticky; top: 0; z-index: 30; }
@media (min-width: 768px) { .sk-label { top: 116px; } } @media (min-width: 1024px) { .sk-label { top: 116px; } }
.hero-v .sk::before, .home .sk::before, body.ds2 .hn + .sk::before { display: none; }
body.ds2 .sk-label + .sk { position: relative; } body.ds2 .sk-label + .sk::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: var(--yellow); display: block; }
body.ds2 .sk-label + .t1b, body.ds2 .sk-label + .t1b .muted, body.ds2 .sk-label + .t1b .rul__year { background: var(--paper); color: var(--ink); } body.ds2 .sk-label + .t1b .muted { color: var(--ink-2); } body.ds2 .sk-label + .t1b .rul { border-top-color: var(--ink); } body.ds2 .sk-label + .t1b .rul li { border-color: var(--line-2); } body.ds2 .sk-label + .t1b .rul li::before { background: var(--ink); } body.ds2 .sk-label + .t1b .rul li > span:last-child { color: var(--ink-2); } body.ds2 .sk-label + .t1b .t1b__proof a, body.ds2 .sk-label + .t1b .t1b__proof .ic { color: var(--ink); }

/* H1 pod SEO: fraza w pierwszej linii, druga linia lżejsza */
.ds2 .hn__h1 { font-size: 34px; } @media (min-width: 768px) { .ds2 .hn__h1 { font-size: 50px; } } .ds2 .hn__h1b { color: rgba(255,255,255,.62); font-weight: 700; }
@media (max-width: 479px) { .ds2 .hn__h1 { font-size: 32px; } .ds2 .hn__h1b { white-space: nowrap; } }