/* CLORABALANCE.EU — kroje lokalne (Source Serif 4 / Source Sans 3, latin + latin-ext + greek) */
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourceserif4-400i-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourceserif4-400i-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourceserif4-400i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourceserif4-400-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourceserif4-400-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourceserif4-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourceserif4-600-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourceserif4-600-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourceserif4-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourcesans3-400-greekext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourcesans3-400-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourcesans3-400-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/statyka/kroje/sourcesans3-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourcesans3-600-greekext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourcesans3-600-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourcesans3-600-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/statyka/kroje/sourcesans3-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/statyka/kroje/sourcesans3-700-greekext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/statyka/kroje/sourcesans3-700-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/statyka/kroje/sourcesans3-700-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/statyka/kroje/sourcesans3-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ══════════════════════════════════════════════════════════════════
   CLORABALANCE.EU — arkusz własny tej domeny. Paleta: głęboki teal / mięta / biel, serif Source Serif 4.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --cb-teal:#0f4c45;--cb-teal-c:#0a3630;--cb-teal-j:#1e6b61;--cb-mieta:#c4e6d6;--cb-mieta-j:#e8f4ee;--cb-mieta-c:#7fbf9a;
  --cb-lipa:#5fae83;--cb-tusz:#142824;--cb-szary:#5d6f69;--cb-linia:#dbe8e2;--cb-biel:#fff;--cb-tlo:#f7fbf9;
  --cb-serif:"Source Serif 4","Georgia","Times New Roman",serif;--cb-sans:"Source Sans 3","Segoe UI",system-ui,Arial,sans-serif;
  --cb-szer:1180px;--cb-wask:800px;--cb-cien:0 16px 40px -14px rgba(15,76,69,.28),0 2px 8px rgba(15,76,69,.06);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 var(--cb-sans);color:var(--cb-tusz);background:var(--cb-biel)}
img,picture{max-width:100%;height:auto;display:block}
a{color:var(--cb-teal)}
h1,h2,h3{font-family:var(--cb-serif);font-weight:600;line-height:1.12;color:var(--cb-tusz);margin:0 0 .45em;letter-spacing:-.005em}
h1{font-size:clamp(34px,4.3vw,54px)}
.cb-h2{font-size:clamp(27px,3vw,40px)}
h3{font-size:21px}
p{margin:0 0 1em}
.cb-kont{width:min(var(--cb-szer),calc(100% - 40px));margin:0 auto}
.cb-wask{width:min(var(--cb-wask),calc(100% - 40px))}
.cb-nadtytul{font-family:var(--cb-sans);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cb-lipa);margin:0 0 10px}
.cb-nadtytul-mint{color:var(--cb-mieta)}
.cb-lead{font-size:18px;color:var(--cb-szary);max-width:62ch}
.cb-nota{font-size:14.5px;color:var(--cb-szary)}
.cb-nota-srodek{text-align:center;max-width:70ch;margin:18px auto 0}
.cb-sekcja-naglowek{max-width:760px;margin-bottom:26px}
.cb-sekcja-naglowek-srodek{margin-left:auto;margin-right:auto;text-align:center}
.cb-numer{display:inline-block;font-family:var(--cb-serif);font-size:15px;font-weight:600;color:var(--cb-teal);background:var(--cb-mieta);border-radius:999px;width:30px;height:30px;line-height:30px;text-align:center;margin-bottom:8px}

/* ── przyciski ── */
.cb-przycisk{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--cb-teal);color:#fff;font:600 16px/1 var(--cb-sans);padding:16px 24px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:background .15s,transform .15s}
.cb-przycisk:hover{background:var(--cb-teal-c);transform:translateY(-1px)}
.cb-przycisk svg{width:18px;height:18px}
.cb-przycisk-mint{background:var(--cb-mieta);color:var(--cb-teal)}
.cb-przycisk-mint:hover{background:#b3dcc8}
.cb-przycisk-glowny{background:var(--cb-lipa);color:#fff;font-size:17px;padding:17px 26px}
.cb-przycisk-glowny:hover{background:#4d9a70}

/* ── pasek górny (ciemny) ── */
.cb-gora{background:var(--cb-teal);color:#fff;position:sticky;top:0;z-index:40}
.cb-gora-w{display:flex;align-items:center;gap:22px;min-height:64px}
.cb-marka{display:inline-flex;align-items:center;gap:10px;font-family:var(--cb-serif);font-weight:600;font-size:24px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:inherit;line-height:1}
.cb-marka em{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;color:var(--cb-mieta-c)}
.cb-marka i{position:relative;width:26px;height:26px;display:block}
.cb-marka i b{position:absolute;border-radius:50%;background:var(--cb-mieta)}
.cb-marka i b:nth-child(1){width:15px;height:15px;left:0;top:2px}.cb-marka i b:nth-child(2){width:11px;height:11px;right:0;bottom:1px;background:var(--cb-mieta-c)}.cb-marka i b:nth-child(3){width:7px;height:7px;left:2px;bottom:0;background:var(--cb-lipa)}
.cb-logo{text-decoration:none;color:#fff}
.cb-nav{display:flex;gap:20px;margin-left:10px}
.cb-nav a{font-size:15px;font-weight:600;color:rgba(255,255,255,.85);text-decoration:none}
.cb-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--cb-mieta-c)}
.cb-kraj{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 12px}
.cb-kraj svg{width:16px;height:16px;opacity:.8}
.cb-gora-cta{padding:11px 18px;font-size:15px}

/* ── hero ── */
.cb-hero{background:var(--cb-teal) url(/statyka/obrazy/komorki.svg) no-repeat right -60px top -40px;color:#fff;padding:54px 0 120px;position:relative;overflow:hidden}
.cb-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,rgba(15,76,69,0),rgba(10,54,48,.35))}
.cb-hero-w{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.cb-hero h1{color:#fff}
.cb-hero-p{font-size:19px;color:#d7ebe2;max-width:50ch}
.cb-chipy{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cb-chipy li{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}
.cb-chipy svg{width:18px;height:18px;color:var(--cb-mieta-c)}
.cb-hero-foto{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:440px}
.cb-talerz{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(440px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2b7f73,var(--cb-teal-j) 55%,rgba(30,107,97,0) 72%);opacity:.9}
.cb-zestaw{position:relative;z-index:2;width:min(520px,100%);filter:drop-shadow(0 30px 34px rgba(0,0,0,.35))}

/* ── pasek zamówienia (nachodzi na hero) ── */
.cb-zamow{margin-top:-84px;position:relative;z-index:5}
.cb-zamow-karta{background:#fff;border-radius:22px;box-shadow:var(--cb-cien);padding:24px 26px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 30px;align-items:center;border:1px solid var(--cb-linia)}
.cb-zamow-cena{display:flex;flex-direction:column;line-height:1.1}
.cb-zamow-cena b{font-family:var(--cb-serif);font-size:40px;font-weight:600;color:var(--cb-teal);white-space:nowrap}
.cb-zamow-cena span{font-size:13.5px;color:var(--cb-szary);margin-top:4px}
.cb-zamow-tekst h2{font-size:22px;margin:0 0 2px}
.cb-zamow-tekst p{margin:0;color:var(--cb-szary);font-size:15px}
.cb-zamow-karta .cb-form{grid-column:1/-1}

/* ── formularz ── */
.cb-form{display:grid;gap:10px;position:relative}
.cb-pola{display:grid;gap:12px}
.cb-form-poziomy .cb-pola{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) auto;align-items:end}
.cb-pole{display:flex;flex-direction:column;gap:5px}
.cb-pole span{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cb-lipa)}
.cb-pole input{width:100%;border:1.5px solid var(--cb-linia);border-radius:14px;padding:14px 14px;font:17px var(--cb-sans);color:var(--cb-tusz);background:var(--cb-tlo);outline:0;min-height:52px}
.cb-pole input:focus{border-color:var(--cb-lipa);box-shadow:0 0 0 3px rgba(95,174,131,.22);background:#fff}
.cb-pole-tel{position:relative}
.cb-pole-tel b{position:absolute;left:14px;bottom:15px;font-size:16px;color:var(--cb-teal);pointer-events:none}
.cb-pole-tel input{padding-left:64px}
.cb-pulapka{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.cb-form-notka{font-size:13px;color:var(--cb-szary);margin:0}
.cb-form-blad{margin:0;padding:10px 12px;border-radius:12px;background:#fde6e2;color:#8a2f25;font-size:14px}
.cb-form-ok{padding:14px 16px;border-radius:14px;background:var(--cb-mieta-j);color:var(--cb-teal);display:grid;gap:4px}
.cb-form-ok b{font-family:var(--cb-serif);font-size:20px}
.cb-form-ok span{font-size:14px}
.cb-form-wyslany .cb-pola,.cb-form-wyslany .cb-form-notka{display:none}

/* ── skład: 4 szerokie karty ── */
.cb-sklad{padding:70px 0 40px}
.cb-skladniki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cb-skladniki li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;background:var(--cb-tlo);border:1px solid var(--cb-linia);border-radius:22px;padding:18px}
.cb-skladniki img{border-radius:16px;aspect-ratio:1;object-fit:cover}
.cb-skladniki h3{margin:0 0 2px;font-size:22px}
.cb-skladniki i{display:block;font-family:var(--cb-serif);font-style:italic;color:var(--cb-lipa);font-size:15px;margin-bottom:6px}
.cb-skladniki p{margin:0;font-size:15px;color:var(--cb-szary)}
.cb-sklad .cb-nota{margin:18px 0 0}

/* ── kroki (miętowy pas) ── */
.cb-kroki-pas{background:var(--cb-mieta-j);padding:60px 0}
.cb-kroki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cb-kroki li{background:#fff;border-radius:22px;padding:26px 24px 22px;text-align:center;border:1px solid var(--cb-linia)}
.cb-kroki b{display:block;font-family:var(--cb-serif);font-size:56px;font-weight:600;color:var(--cb-mieta-c);line-height:1;margin-bottom:8px}
.cb-kroki h3{font-size:20px;margin-bottom:6px}
.cb-kroki p{margin:0;font-size:15px;color:var(--cb-szary)}

/* ── dlaczego ── */
.cb-dlaczego{padding:64px 0}
.cb-dlaczego-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:40px;align-items:start}
.cb-lista-ok{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px}
.cb-lista-ok li{display:flex;gap:12px;align-items:flex-start}
.cb-lista-ok svg{flex:none;width:24px;height:24px;color:var(--cb-lipa);margin-top:2px}
.cb-lista-ok b{display:block;font-size:16px}
.cb-lista-ok span{font-size:14.5px;color:var(--cb-szary)}

/* ── zaufanie ── */
.cb-zaufanie{padding:0 0 64px}
.cb-zaufanie-karta{background:var(--cb-teal);color:#e6f2ec;border-radius:26px;padding:40px 44px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:36px;align-items:center;background-image:url(/statyka/obrazy/komorki.svg);background-repeat:no-repeat;background-position:right -80px bottom -120px}
.cb-zaufanie-karta .cb-h2{color:#fff}
.cb-zaufanie-karta .cb-nadtytul{color:var(--cb-mieta)}
.cb-zaufanie-karta blockquote{margin:12px 0 14px;font-family:var(--cb-serif);font-size:clamp(20px,2.2vw,27px);line-height:1.3;color:var(--cb-mieta);border-left:3px solid var(--cb-mieta-c);padding-left:18px}
.cb-zaufanie-karta p{margin:0;color:#cfe3da}
.cb-liczby{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cb-liczby li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 18px;display:flex;align-items:baseline;gap:14px}
.cb-liczby b{font-family:var(--cb-serif);font-size:30px;font-weight:600;color:#fff;white-space:nowrap}
.cb-liczby span{font-size:14px;color:#cfe3da}

/* ── pytania ── */
.cb-pytania{padding:20px 0 64px}
.cb-pytania-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-items:start}
.cb-pyt{border:1px solid var(--cb-linia);border-radius:16px;background:#fff}
.cb-pyt summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;font-weight:600;font-size:16.5px}
.cb-pyt summary::-webkit-details-marker{display:none}
.cb-pyt summary b{font-family:var(--cb-serif);color:var(--cb-mieta-c);font-size:15px}
.cb-pyt summary svg{width:20px;height:20px;color:var(--cb-lipa);transition:transform .2s}
.cb-pyt[open] summary svg{transform:rotate(45deg)}
.cb-pyt div{padding:0 16px 16px 44px;color:var(--cb-szary);font-size:15.5px}
.cb-pyt div p{margin:0}

/* ── CTA ── */
.cb-cta{background:var(--cb-teal-c);color:#e6f2ec;padding:64px 0}
.cb-cta .cb-h2{color:#fff}
.cb-cta-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.cb-cta-tekst>p{color:#cfe3da}
.cb-plusy{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.cb-plusy li{display:flex;gap:10px;align-items:center;font-size:15px;color:#cfe3da}
.cb-plusy svg{flex:none;width:22px;height:22px;color:var(--cb-mieta-c)}
.cb-plusy b{color:#fff}
.cb-cta-form{background:#fff;color:var(--cb-tusz);border-radius:22px;padding:24px 24px 20px;box-shadow:var(--cb-cien)}
.cb-cta-form .cb-zamow-cena{margin-bottom:12px}
.cb-umowa{font-size:12.5px;color:var(--cb-szary);line-height:1.5;margin:12px 0 0}

/* ── rozdziały ── */
.cb-rozdzialy{padding:70px 0 40px}
.cb-rozdzialy-w{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.cb-spis{position:sticky;top:84px;border-left:2px solid var(--cb-mieta);padding-left:16px}
.cb-spis p{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-lipa);margin:0 0 8px}
.cb-spis ol{margin:0;padding:0 0 0 18px;font-size:14.5px;line-height:1.5}
.cb-spis li{margin-bottom:6px}
.cb-spis a{color:var(--cb-tusz);text-decoration:none}
.cb-spis a:hover{color:var(--cb-teal);text-decoration:underline}
.cb-spis a.cb-aktywny{color:var(--cb-teal);font-weight:700}
.cb-rozdzial{padding:0 0 56px;margin-bottom:56px;border-bottom:1px solid var(--cb-linia)}
.cb-rozdzial:last-child{border-bottom:0}
.cb-proza{max-width:var(--cb-wask);font-size:17px;line-height:1.72}
.cb-proza h3{font-size:22px;margin:1.4em 0 .45em}
.cb-proza ul,.cb-proza ol{padding-left:1.3em}
.cb-proza li{margin-bottom:.4em}
.cb-proza b{color:var(--cb-teal)}
.cb-proza::after{content:"";display:table;clear:both}
.cb-foto{float:right;width:min(42%,300px);margin:6px 0 18px 26px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--cb-cien)}
.cb-foto figcaption{font-size:13px;line-height:1.45;color:var(--cb-szary);padding:10px 14px 12px}
.cb-tabela{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--cb-linia);border-radius:16px;background:#fff;margin:.5em 0 1.2em}
.cb-tabela table{width:100%;min-width:480px;border-collapse:collapse;font-size:15px;margin:0}
.cb-tabela th,.cb-tabela td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--cb-linia);vertical-align:top}
.cb-tabela th{font:700 12px/1.3 var(--cb-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cb-lipa);background:var(--cb-mieta-j)}
.cb-tabela tr:last-child td{border-bottom:0}
.cb-cytat{border-left:4px solid var(--cb-mieta-c);background:var(--cb-mieta-j);padding:14px 18px;border-radius:0 16px 16px 0;margin:1em 0;font-family:var(--cb-serif);font-size:19px}
.cb-cytat p{margin:0 0 .4em}
.cb-odnosnik{max-width:var(--cb-wask);margin:22px 0 0;display:flex;gap:12px;align-items:flex-start;background:var(--cb-mieta-j);border-radius:16px;padding:16px 18px;font-size:15px}
.cb-odnosnik svg{flex:none;width:24px;height:24px;color:var(--cb-lipa)}

/* ── dokumenty ── */
.cb-dokument-naglowek{background:var(--cb-teal);color:#fff;padding:40px 0 46px}
.cb-dokument-naglowek h1{color:#fff}
.cb-okruszki{font-size:13px;color:#cfe3da;display:flex;gap:8px;margin-bottom:18px}
.cb-okruszki a{color:#fff}
.cb-lede{font-size:18px;color:#d7ebe2;max-width:60ch}
.cb-data{font-size:13px;color:#cfe3da;margin:0}
.cb-dokument-glowna article{padding:40px 0 70px}
.cb-dokument .cb-proza h2{font-size:26px;margin:1.5em 0 .5em}
.cb-zrodla{font-size:14px;color:var(--cb-szary);padding-left:1.3em;max-width:var(--cb-wask)}
.cb-zrodla li{margin-bottom:.6em}
.cb-powrot{margin:34px 0 0}

/* ── narożnik ── */
.cb-naroznik{position:fixed;right:18px;bottom:18px;z-index:60;width:min(360px,calc(100% - 36px));background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(15,76,69,.32);padding:22px 20px 18px;border-top:5px solid var(--cb-lipa);animation:cb-wjazd .35s ease-out}
@keyframes cb-wjazd{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.cb-naroznik-x{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;border:1px solid var(--cb-linia);background:#fff;cursor:pointer;color:var(--cb-szary);display:grid;place-items:center}
.cb-naroznik-x svg{width:16px;height:16px}
.cb-naroznik>b{font-family:var(--cb-serif);font-size:21px;font-weight:600;display:block;margin:0 30px 6px 0}
.cb-naroznik>p{margin:0 0 4px;font-size:14px}
.cb-naroznik-cena{display:block;font-size:13px;color:var(--cb-szary);margin-bottom:12px}
.cb-naroznik .cb-form-notka{display:none}

/* ── wybór kraju ── */
.cb-wybor-glowna{min-height:100vh;display:grid;place-items:center;background:var(--cb-teal) url(/statyka/obrazy/komorki.svg) no-repeat right -60px top -40px;padding:30px 16px}
.cb-wybor-karta{background:#fff;border-radius:26px;padding:36px 34px;max-width:560px;width:100%;text-align:center;box-shadow:var(--cb-cien)}
.cb-wybor-karta .cb-marka{color:var(--cb-teal)}
.cb-wybor-karta h1{font-size:32px;margin:14px 0 6px}
.cb-wybor-karta>p{color:var(--cb-szary);margin-bottom:22px}
.cb-wybor-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}
.cb-wybor-lista a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--cb-linia);border-radius:14px;text-decoration:none;color:var(--cb-tusz);font-weight:600}
.cb-wybor-lista a:hover{background:var(--cb-mieta-j)}
.cb-wybor-lista span{flex:1}
.cb-wybor-lista b{font-family:var(--cb-serif);font-weight:600;color:var(--cb-teal)}

/* ── stopka ── */
.cb-stopka{background:var(--cb-tlo);border-top:1px solid var(--cb-linia);padding:40px 0 30px}
.cb-stopka-w{display:grid;gap:18px}
.cb-stopka-marka .cb-marka{color:var(--cb-teal)}
.cb-stopka-marka p{color:var(--cb-szary);margin:8px 0 0;font-size:15px}
.cb-stopka-dok{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px}
.cb-stopka-kraje{display:flex;flex-wrap:wrap;gap:8px}
.cb-stopka-kraje a{display:block;padding:4px;border-radius:6px;border:1px solid transparent}
.cb-stopka-kraje a[aria-current]{border-color:var(--cb-lipa)}
.cb-stopka-nota{font-size:13px;color:var(--cb-szary);margin:0;max-width:900px}

/* ── responsywność ── */
@media(max-width:1000px){
  .cb-hero-w{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
  .cb-skladniki{grid-template-columns:minmax(0,1fr)}
  .cb-rozdzialy-w{grid-template-columns:minmax(0,1fr)}
  .cb-spis{position:static;border-left:0;padding-left:0;border-bottom:1px solid var(--cb-linia);padding-bottom:16px;margin-bottom:10px}
  .cb-spis ol{display:flex;flex-wrap:wrap;gap:6px 18px;padding-left:18px}
  .cb-dlaczego-w,.cb-zaufanie-karta,.cb-cta-w{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
  .cb-nav{display:none}
  .cb-hero{padding:34px 0 110px;background-position:right -120px top -80px}
  .cb-hero-w{grid-template-columns:minmax(0,1fr);gap:14px}
  .cb-hero-foto{min-height:0;order:-1}
  .cb-zestaw{width:min(340px,90%)}
  .cb-talerz{width:min(300px,90%)}
  .cb-zamow-karta{grid-template-columns:minmax(0,1fr);padding:20px 18px}
  .cb-form-poziomy .cb-pola{grid-template-columns:minmax(0,1fr)}
  .cb-skladniki li{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px}
  .cb-kroki,.cb-lista-ok,.cb-pytania-siatka{grid-template-columns:minmax(0,1fr)}
  .cb-zaufanie-karta{padding:28px 22px;background-position:right -160px bottom -160px}
  .cb-foto{float:none;width:100%;max-width:420px;margin:0 auto 18px}
  .cb-gora-cta{display:none}
  .cb-kraj span{display:none}
  .cb-naroznik{right:12px;bottom:12px;left:12px;width:auto}
}