:root,
:root[data-skin="nokturn"]{
  --bg:#0C0E1C;
  --bg-deep:#070810;
  --surface:#141830;
  --surface-2:#1B2040;
  --line:#2C3358;
  --line-soft:#232948;
  --ink:#EDEAF4;
  --ink-2:#B6B8D0;
  --ink-3:#7E82A0;
  --accent:#C9A24A;
  --accent-2:#E4C87E;
  --accent-soft:rgba(201,162,74,.14);
  --burgund:rgba(126,24,50,.42);
  --burgund-linia:rgba(158,42,66,.60);
  --akcent-ciemny:#A07A2E;
  --akcent-krawedz:#6E5219;
  --glow:rgba(201,162,74,.30);
  --shadow:0 24px 60px -30px rgba(0,0,0,.9);
  --doc-bg:#111527;
  --panel:rgba(14,17,38,.74);
  --panel-line:rgba(201,162,74,.16);
  --fiolet:#CBA8E4;
  --fiolet-linia:#9A6FC4;
  --fiolet-tlo:rgba(180,138,220,.13);
  --radius:14px;
  --radius-male:10px;
}
:root[data-skin="papier"]{
  --bg:#F6F5F1;
  --bg-deep:#EDEBE4;
  --surface:#FFFFFF;
  --surface-2:#F1EFE9;
  --line:#D6D2C7;
  --line-soft:#E4E1D8;
  --ink:#191A1E;
  --ink-2:#4A4A52;
  --ink-3:#7E7C82;
  --accent:#5B3266;
  --accent-2:#7A4788;
  --accent-soft:rgba(91,50,102,.09);
  --burgund:rgba(128,0,32,.09);
  --burgund-linia:rgba(128,0,32,.45);
  --akcent-ciemny:#472752;
  --akcent-krawedz:#2E1836;
  --glow:rgba(91,50,102,.18);
  --shadow:0 18px 44px -28px rgba(30,20,40,.45);
  --doc-bg:#FFFFFF;
  --panel:rgba(255,255,255,.88);
  --panel-line:rgba(0,0,0,.07);
  --fiolet:#6B3E8A;
  --fiolet-linia:#9A72B5;
  --fiolet-tlo:rgba(107,62,138,.08);
  --radius:14px;
  --radius-male:10px;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Spectral,Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  transition:background .45s ease,color .45s ease;
}
h1,h2,h3,.display{font-family:Marcellus,"Palatino Linotype",Georgia,serif;font-weight:400;text-wrap:balance;letter-spacing:.01em}
.label{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--ink-3);
}
.num{font-variant-numeric:tabular-nums}
a{color:var(--accent-2)}

.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

.topbar{
  position:sticky;top:0;z-index:20;
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line-soft);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.mark{display:flex;align-items:baseline;gap:10px}
.mark b{font-family:Marcellus,serif;font-weight:400;font-size:21px;letter-spacing:.04em}
.mark span{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--ink-3)}
.skins{display:flex;gap:0;border:1px solid var(--line);border-radius:99px;padding:3px;background:var(--surface)}
.skins button{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;
  padding:7px 15px;border:0;border-radius:99px;background:transparent;color:var(--ink-3);cursor:pointer;transition:.25s;
}
.skins button[aria-pressed="true"]{background:var(--accent);color:var(--bg);font-weight:600}
.skins button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}

.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-soft)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero h1{font-size:clamp(38px,5.6vw,62px);line-height:1.04;margin:14px 0 18px}
.hero p{color:var(--ink-2);max-width:46ch;margin:0 0 26px}
.hero .kicker{color:var(--accent-2)}
.figure{display:flex;justify-content:center}
.figure svg{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 0 26px var(--glow))}

@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}
.oct .edge{stroke:var(--accent);fill:none;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.4s ease forwards}
.oct .ring{stroke:var(--line);fill:none}
.oct .node{fill:var(--surface);stroke:var(--accent);stroke-width:1.4}
.oct .node-core{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}
.oct text{font-family:"Barlow Condensed",sans-serif;font-weight:600;fill:var(--ink);text-anchor:middle;dominant-baseline:central}
.oct .cap{font-size:10px;fill:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
.oct .val{font-size:18px;fill:var(--accent-2)}
.oct .val-core{font-size:24px;fill:var(--accent-2)}

.oct .etyk{font-size:15px;fill:var(--ink-3);letter-spacing:.06em;font-weight:500}
.oct .etyk-l{text-anchor:end}
.oct .etyk-p{text-anchor:start}
.oct .etyk-s{text-anchor:middle}
.oct-podpisany .val{font-size:19px}

.doc-figure.oct-strona{display:block;text-align:center}
.doc-figure.oct-strona .oct{width:100%;max-width:none;height:auto}
.doc-figure.oct-strona .oct-podpowiedz{margin-top:6px}

.swatch{
  display:inline-block;width:10px;height:10px;border-radius:3px;
  margin-right:8px;vertical-align:baseline;position:relative;top:1px;
}
.swatch-brak{background:transparent;border:1px dashed var(--line)}
.swatch.pkt-zloto{background:#E4C87E}
.swatch.pkt-roz{background:#E0728F}
.swatch.pkt-blekit{background:#7FA8D9}
.swatch.pkt-fiolet{background:#CBA8E4}
.swatch.pkt-ojciec{background:#8FA9C9}
.swatch.pkt-matka{background:#C99AC0}
.swatch.pkt-centrum{background:#F0D89A}
.swatch.fala-fiz{background:#C9A24A}
.swatch.fala-emo{background:#7FA8D9}
.swatch.fala-int{background:#B98BD1}
.znak-pkt{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.1em;font-size:11px;color:var(--ink-3);margin-right:8px;
}
.biowykres-30 .fala-etyk{
  font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:600;
  text-anchor:start;dominant-baseline:central;letter-spacing:.08em;
}
.biowykres-30 .fala-etyk.fala-fiz{fill:#C9A24A;stroke:none}
.biowykres-30 .fala-etyk.fala-emo{fill:#7FA8D9;stroke:none}
.biowykres-30 .fala-etyk.fala-int{fill:#B98BD1;stroke:none}
@media (prefers-reduced-motion:reduce){.oct .edge{animation:none;stroke-dashoffset:0}}

section{padding:56px 0;border-bottom:1px solid var(--line-soft)}
.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.sec-head .step{
  font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent-2);border:1px solid var(--line);border-radius:99px;padding:3px 11px;
}
.sec-head h2{font-size:30px;margin:0}
.sec-sub{color:var(--ink-3);margin:0 0 28px;max-width:60ch}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.card{
  text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 18px 18px;color:inherit;font:inherit;
  display:flex;flex-direction:column;gap:8px;transition:.22s;position:relative;
}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.card[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow);background:var(--surface-2)}
.card .glyph{font-family:Marcellus,serif;font-size:24px;color:var(--accent-2);line-height:1}
.card h3{margin:0;font-size:19px}
.card p{margin:0;font-size:14.5px;color:var(--ink-3);line-height:1.5}
.card .price{margin-top:auto;padding-top:10px;font-family:"Barlow Condensed",sans-serif;font-size:17px;letter-spacing:.06em;color:var(--accent-2)}

.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;max-width:720px}
.field{display:flex;flex-direction:column;gap:7px}
.field.wide{grid-column:1/-1}
.field label{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;color:var(--ink-3)}
input,select{
  font:inherit;font-size:16px;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px;width:100%;
}
input::placeholder{color:var(--ink-3);opacity:.7}
.hint{font-size:13.5px;color:var(--ink-3);line-height:1.5}
.err{color:#E06A5A;font-size:14px;min-height:1.2em}
:root[data-skin="papier"] .err{color:#A32E1C}

.btn{
  font-family:"Barlow Condensed",sans-serif;font-size:16px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  padding:13px 26px;border:1px solid var(--accent);border-radius:99px;background:var(--accent);color:var(--bg);
  cursor:pointer;transition:.2s;
}
.btn:hover{background:var(--accent-2);border-color:var(--accent-2)}
.btn.ghost{background:transparent;color:var(--accent-2)}
.btn.ghost:hover{background:var(--accent-soft);color:var(--ink)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}

.checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.receipt{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.receipt dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.receipt dt{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;color:var(--ink-3)}
.receipt dd{margin:0;text-align:right}
.receipt .total{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline}
.receipt .total b{font-family:Marcellus,serif;font-weight:400;font-size:26px;color:var(--accent-2)}
.notice{
  border-left:3px solid var(--accent);background:var(--accent-soft);
  padding:14px 16px;font-size:14.5px;color:var(--ink-2);border-radius:0 var(--radius) var(--radius) 0;
}

.doc{
  background:var(--doc-bg);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:52px 56px;margin-top:8px;
}
.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}
.doc-head h2{font-size:32px;margin:6px 0 4px}
.doc-head .who{color:var(--ink-3);font-size:14.5px}
.doc-figure{display:flex;justify-content:center;margin:0 0 36px}
.doc-figure svg{width:100%;max-width:420px;height:auto}

.entry{margin:0 0 26px;padding:0 0 0 0}
.entry .eyebrow{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.entry .arc{font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}
.entry h3{font-size:21px;margin:0 0 6px}
.entry p{margin:0 0 8px;color:var(--ink-2);max-width:66ch}
.entry p strong{color:var(--ink);font-weight:600}

.entry .rozwiniecie{
  margin:10px 0 0;padding-left:14px;
  border-left:2px solid var(--fiolet-linia,var(--line-soft));
  color:var(--ink-2);max-width:66ch;
}
.entry .rozwiniecie + .rozwiniecie{margin-top:8px}
@media print{
  .entry .rozwiniecie{border-left-color:#c9c5ba;break-inside:auto;orphans:3;widows:3}
}

.table{width:100%;border-collapse:collapse;margin:0 0 32px;font-size:15px}
.table th,.table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-soft)}
.table th{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--ink-3);font-weight:600}
.table td.n{font-variant-numeric:tabular-nums;color:var(--accent-2);width:56px;font-size:17px}
.table td.a{width:34%}
.scroll-x{overflow-x:auto}

.plan{border:1px solid var(--accent);border-radius:var(--radius);padding:22px 24px;margin-top:34px;background:var(--accent-soft)}
.plan h3{margin:0 0 12px;font-size:20px}
.plan ul{margin:0;padding-left:20px}
.plan li{margin-bottom:7px;color:var(--ink-2)}
.plan li strong{color:var(--ink)}

.method{margin-top:34px;font-size:14px;color:var(--ink-3);border-top:1px solid var(--line-soft);padding-top:18px}
.method code{font-family:"Barlow Condensed",monospace;font-size:14px;color:var(--ink-2);letter-spacing:.03em}
.doc-foot{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-3)}

.hidden{display:none !important}
.pagefoot{padding:36px 0 56px;color:var(--ink-3);font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:820px){
  .hero .wrap{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px}
  .figure{order:-1}
  .form{grid-template-columns:1fr}
  .checkout{grid-template-columns:1fr}
  .doc{padding:32px 22px}
}

@media print{
  :root,:root[data-skin="nokturn"],:root[data-skin="papier"]{
    --bg:#fff;--surface:#fff;--surface-2:#fff;--doc-bg:#fff;
    --line:#c9c5ba;--line-soft:#e2dfd6;
    --ink:#15161a;--ink-2:#33343a;--ink-3:#6a686e;
    --accent:#5B3266;--accent-2:#5B3266;--accent-soft:#f3eff5;--glow:transparent;--shadow:none;
  }
  @page{size:A4;margin:16mm 14mm}
  .topbar,.hero,.no-print,.row,.pagefoot{display:none !important}
  section{border:0;padding:0}
  .doc{border:0;box-shadow:none;padding:0;margin:0}

  .entry{break-inside:auto}
  .entry .eyebrow{break-after:avoid;break-inside:avoid}
  .entry h3{break-after:avoid;break-inside:avoid}
  .doc-head{break-after:avoid}
  h2,h3{break-after:avoid}
  p{orphans:3;widows:3}

  .table{break-inside:auto}
  .table thead{display:table-header-group}
  .table tr{break-inside:avoid}

  .plan,.doc-figure,.chips,.miesiac,.gift-cover{break-inside:avoid}
  .doc-figure svg{max-width:300px}
  .doc-figure.szeroka svg{max-width:none}
  body{font-size:12.5pt;line-height:1.66}
}

.starter{margin-top:34px;border-top:1px solid var(--line-soft);padding-top:28px}
.starter h3{font-size:22px;margin:0 0 4px}
.starter .lead{color:var(--ink-3);margin:0 0 20px;max-width:62ch;font-size:15px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.tile{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px;position:relative;
}
.tile .glyph{font-family:Marcellus,serif;font-size:20px;color:var(--accent-2);line-height:1}
.tile .cap{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--ink-3)}
.tile .val{font-family:Marcellus,serif;font-size:20px;line-height:1.2}
.tile .sub{font-size:14px;color:var(--ink-2);line-height:1.45;margin:0}
.tile.free{border-color:var(--accent)}
.tile.free .val{color:var(--accent-2)}

button.tile{text-align:left;font:inherit;color:inherit;cursor:pointer;transition:.2s}
button.tile:hover{border-color:var(--accent);transform:translateY(-2px)}
button.tile .val{filter:blur(5px);user-select:none;color:var(--ink-3)}
button.tile[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface-2)}
button.tile[aria-pressed="true"] .val{filter:none;color:var(--accent-2)}
button.tile .add{
  margin-top:auto;padding-top:10px;font-family:"Barlow Condensed",sans-serif;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);
}
button.tile[aria-pressed="true"] .add::before{content:"✓ "}

.bundle{
  margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  border:1px dashed var(--burgund-linia);border-radius:var(--radius);padding:14px 18px;background:var(--burgund);
}
.bundle p{margin:0;font-size:15px;color:var(--ink-2)}
.bundle b{color:var(--ink)}
.bundle .old{text-decoration:line-through;color:var(--ink-3);margin-right:8px}

.promo{
  border:1px solid var(--burgund-linia);border-radius:var(--radius);padding:16px 20px;margin-bottom:22px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--burgund);
}
.promo p{margin:0;max-width:56ch;font-size:15px;color:var(--ink-2)}
.promo b{color:var(--ink)}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.chip{
  border:1px solid var(--line);border-radius:99px;padding:5px 13px;font-size:14px;color:var(--ink-2);
  font-family:"Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;
}
.chip b{color:var(--accent-2);font-weight:600}
@media print{.starter,.promo{display:none !important}}

.topbar .nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.topbar .nav a{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:12.5px;color:var(--ink-3);text-decoration:none;transition:.2s;
}
.topbar .nav a:hover,.topbar .nav a[aria-current="page"]{color:var(--accent-2)}
.mark a{text-decoration:none;color:inherit;display:flex;align-items:baseline;gap:10px}

a.card{text-decoration:none}
a.card .price b{font-family:Marcellus,serif;font-size:22px;color:var(--accent-2);font-weight:400}
.card .cta{
  margin-top:12px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:12.5px;color:var(--accent-2);
}
.card .cta::after{content:" →"}
.card.wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap}
.card.wide .glyph{font-size:34px}
.card.wide h3{font-size:22px}
.card.wide p{flex:1 1 320px;font-size:15px}

.cena-pasek{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:16px 20px;margin-top:26px;
}

.kwota{font-family:Marcellus,serif;font-weight:400;color:var(--accent-2);line-height:1}
.cena-pasek .kwota{font-size:30px}
.bundle .kwota{font-size:26px;vertical-align:-2px}
.opt .kwota{font-size:22px;vertical-align:-1px}
.pakiet-kwoty .kwota{font-size:34px}
.cena-pasek p{margin:0;font-size:14.5px;color:var(--ink-3);max-width:52ch}

.voucher{
  background:var(--doc-bg);border:1px solid var(--accent);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:44px 48px;margin-top:8px;position:relative;
}
.voucher .ramka{border:1px solid var(--line);padding:34px 36px;position:relative}
.voucher .naglowek{text-align:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px}
.voucher .naglowek .label{margin-bottom:8px}
.voucher .naglowek h2{font-size:34px;margin:0 0 6px}
.voucher .naglowek p{margin:0;color:var(--ink-3);font-size:15px}
.voucher .doc-figure svg{margin:0 auto}
.voucher .dla{text-align:center;margin:0 0 18px}
.voucher .dla .wstep{margin:0 0 10px;font-size:15px;color:var(--ink-3);font-style:italic}
.voucher .dla .kto{font-family:Marcellus,serif;font-size:28px;color:var(--accent-2);line-height:1.2}
.voucher .dedykacja{
  text-align:center;font-style:italic;color:var(--ink-2);max-width:52ch;margin:0 auto 30px;font-size:16px;
}
.voucher .co{border:1px solid var(--burgund-linia);border-radius:var(--radius);
  padding:18px 22px;margin-bottom:26px;background:var(--burgund)}
.voucher .co h3{margin:0 0 6px;font-size:20px}
.voucher .co p{margin:0;color:var(--ink-2);font-size:15px}
.voucher .kod-blok{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:20px}
.voucher .kod{font-family:"Barlow Condensed",sans-serif;letter-spacing:.28em;font-size:26px;color:var(--ink)}
.voucher .waznosc{font-size:14px;color:var(--ink-3);text-align:right}
.voucher .jak{margin-top:22px;font-size:13.5px;color:var(--ink-3);line-height:1.55}
.voucher .podpis{margin-top:26px;padding-top:16px;border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-3)}

.dla-ali{
  border-left:3px solid var(--accent);background:var(--accent-soft);
  padding:14px 16px;font-size:14px;color:var(--ink-2);border-radius:0 var(--radius) var(--radius) 0;margin-top:26px;
}
.dla-ali code{font-family:"Barlow Condensed",monospace;color:var(--ink)}

@media print{
  .voucher{border:1px solid #c9c5ba;box-shadow:none;padding:0}
  .voucher .ramka{border:1px solid #c9c5ba;padding:20px 26px}
  .dla-ali{display:none !important}
  @page{margin:15mm}

  .voucher .naglowek{padding-bottom:14px;margin-bottom:16px}
  .voucher .naglowek h2{font-size:26px}
  .voucher .dla{margin-bottom:12px}
  .voucher .dla .kto{font-size:24px}
  .voucher .dedykacja{margin-bottom:16px;font-size:15px}
  .voucher .od-podpis{margin:-10px 0 16px;font-size:18px}
  .voucher .doc-figure{margin-bottom:16px}
  .voucher .doc-figure svg{max-width:200px}
  .voucher .co{padding:12px 16px;margin-bottom:16px}
  .voucher .co h3{font-size:18px}
  .voucher .kod-blok{padding-top:14px}
  .voucher .kod{font-size:22px}
  .voucher .jak{margin-top:14px;font-size:12px}
  .voucher .podpis{margin-top:14px;padding-top:12px}
}
.voucher .od-podpis{font-family:Marcellus,serif;font-size:20px;color:var(--ink);
  text-align:center;margin:-14px 0 30px}

.gift-cover{
  text-align:center;border:1px solid var(--line);border-radius:var(--radius);
  padding:44px 36px 38px;margin-bottom:34px;background:var(--accent-soft);
}
.gift-cover h2{font-size:32px;margin:6px 0 0}
.gift-cover .kto{font-family:Marcellus,serif;font-size:30px;color:var(--accent-2);line-height:1.2}
.gift-cover .od{font-family:Marcellus,serif;font-size:20px;color:var(--ink);line-height:1.2}
.gift-cover .dedykacja{
  font-style:italic;color:var(--ink-2);max-width:52ch;margin:22px auto 0;font-size:16px;
}
.gift-cover .gift-note{margin:26px 0 0;font-size:13.5px;color:var(--ink-3)}
@media print{
  .gift-cover{break-after:page;page-break-after:always;border:1px solid #c9c5ba}
}

.tlo{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  opacity:1;transition:opacity .45s ease}
:root[data-skin="papier"] .tlo{opacity:0}
.tlo img,.tlo video{width:100%;height:100%;object-fit:cover;display:block}
.tlo video{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.tlo video.gra{opacity:1}
.tlo::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 38%,rgba(12,14,28,.25) 0%,rgba(12,14,28,.86) 80%)}
@media print{.tlo{display:none !important}}

:root[data-skin="nokturn"] .topbar{background:rgba(12,14,28,.72);backdrop-filter:blur(6px)}

.btn.zloty{
  background:linear-gradient(180deg,#EFD9A0 0%,#D9B26A 45%,#B8903F 100%);
  color:#1A1403;border:0;font-weight:600;
  box-shadow:0 0 26px rgba(217,178,106,.45),0 6px 18px rgba(0,0,0,.4);
}
.btn.zloty:hover{box-shadow:0 0 38px rgba(217,178,106,.65),0 6px 18px rgba(0,0,0,.4)}

@media (max-width: 767px){
  .topbar .wrap{flex-wrap:wrap;row-gap:0;padding-top:10px;padding-bottom:8px;min-height:0}
  .mark{order:1;flex:1 1 auto}
  .skins{order:2;flex:0 0 auto}
  .topbar .nav{
    order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    gap:16px;padding:8px 2px 10px;margin:6px -2px 0;
  }
  .topbar .nav::-webkit-scrollbar{display:none}
  .topbar .nav a{white-space:nowrap;flex:0 0 auto}
  .hero .wrap{grid-template-columns:1fr}
  .figure{max-width:320px;margin:0 auto}
  .btn{width:100%;justify-content:center;text-align:center}
  .row{flex-direction:column;align-items:stretch}
}

.tile.zaslona{opacity:.85;border-style:dashed;cursor:default}
.tile.zaslona .glyph{color:var(--accent)}
.opt{display:flex;gap:10px;align-items:flex-start;margin:8px 0;cursor:pointer;font-size:15px;color:var(--ink-2)}
.opt input{margin-top:4px;accent-color:var(--accent)}
#zakup .hint{font-size:13.5px;color:var(--ink-3)}

.tile .val.zakryte{color:var(--ink-3);letter-spacing:.18em}
button.tile .val.zakryte{filter:none}

.doc-foot .egzemplarz{font-variant-numeric:tabular-nums;opacity:.75}
@media print{ .doc-foot .egzemplarz{opacity:1} }

.etykieta-osoby{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:12.5px;color:var(--accent-2);margin:18px 0 8px;
}
.starter .tiles + .etykieta-osoby{margin-top:22px}

#produkty{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
@media (max-width:1040px){ #produkty{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:660px){  #produkty{grid-template-columns:1fr} }

.oferta{
  display:flex;flex-direction:column;gap:16px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 22px;transition:border-color .2s ease,transform .2s ease;
}
.oferta:hover{border-color:var(--accent);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){ .oferta{transition:none} .oferta:hover{transform:none} }

.oferta-glowa{display:flex;gap:14px;align-items:flex-start}
.oferta-glowa .glyph{font-family:Marcellus,serif;font-size:26px;color:var(--accent-2);line-height:1;flex:0 0 auto}
.oferta-glowa h3{margin:0 0 6px;font-size:22px}
.oferta-lead{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}

.oferta-srodek{display:flex;flex-direction:column;gap:8px}
.oferta-srodek .etykieta{font-size:11.5px}
.oferta-srodek ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.oferta-srodek li{
  position:relative;padding-left:18px;font-size:14.5px;line-height:1.5;color:var(--ink-2);
}
.oferta-srodek li::before{
  content:"·";position:absolute;left:4px;top:-2px;
  color:var(--accent);font-size:20px;line-height:1.2;
}

.oferta-dlakogo{
  margin:0;font-style:italic;font-size:14.5px;line-height:1.5;color:var(--ink-3);
  border-top:1px solid var(--line-soft);padding-top:14px;
}

.oferta-stopka{
  margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;
  gap:14px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:16px;
}
.oferta-cena{display:flex;flex-direction:column;gap:3px}
.oferta-cena b{font-family:Marcellus,serif;font-weight:400;font-size:30px;color:var(--accent-2);line-height:1}
.oferta-cena span{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;
  font-size:11.5px;color:var(--ink-3);
}
.oferta-stopka .btn{padding:10px 20px;font-size:14px}

#obietnice{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;
  border-top:1px solid var(--line-soft);padding-top:26px;
}
@media (max-width:820px){ #obietnice{grid-template-columns:1fr;gap:20px} }
.obietnica h3{margin:0 0 6px;font-size:18px;color:var(--accent-2)}
.obietnica p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-3);max-width:42ch}

#dodatki{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
}
@media (max-width:1040px){ #dodatki{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){  #dodatki{grid-template-columns:1fr} }

.dodatek{
  display:flex;flex-direction:column;gap:10px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 18px;
}
.dodatek .glyph{font-family:Marcellus,serif;font-size:22px;color:var(--accent-2);line-height:1}
.dodatek h3{margin:0;font-size:19px}
.dodatek-opis{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.dodatek-daje{
  margin:0;font-size:14px;line-height:1.5;color:var(--ink-3);
  border-left:2px solid var(--accent);padding-left:12px;
}
.dodatek-cena{
  margin-top:auto;padding-top:12px;font-family:Marcellus,serif;font-size:20px;color:var(--accent-2);
}

.pakiet{
  margin-top:16px;display:flex;justify-content:space-between;align-items:center;
  gap:28px;flex-wrap:wrap;
  border:1px dashed var(--burgund-linia);border-radius:var(--radius);
  background:var(--burgund);padding:22px 26px;
}
.pakiet-tresc{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}
.pakiet-tresc h3{margin:0;font-size:22px}
.pakiet-tresc p{margin:0;color:var(--ink-2);font-size:15px;max-width:52ch}
.pakiet-liczby{display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right}
.pakiet-kwoty{display:flex;align-items:baseline;gap:12px}
.pakiet-kwoty .stara{text-decoration:line-through;color:var(--ink-3);font-size:17px}
.pakiet-kwoty b{font-family:Marcellus,serif;font-weight:400;font-size:34px;color:var(--accent-2);line-height:1}
.pakiet-zysk{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:14px;background:var(--accent);padding:4px 12px;border-radius:99px;
  color:var(--bg);
}
.pakiet-uwaga{margin:4px 0 0;font-size:13.5px;color:var(--ink-3);font-style:italic}
@media (max-width:600px){
  .pakiet-liczby{align-items:flex-start;text-align:left}
}

.metoda-wstep{max-width:70ch}
.metoda-kroki{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border-top:1px solid var(--line-soft);
}
@media (max-width:980px){ .metoda-kroki{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .metoda-kroki{grid-template-columns:1fr} }

.metoda-krok{
  padding:26px 24px 28px;border-left:1px solid var(--line-soft);
  display:flex;flex-direction:column;gap:10px;
}
.metoda-krok:first-child{border-left:0;padding-left:0}
@media (max-width:980px){
  .metoda-krok:nth-child(3){border-left:0;padding-left:0}
  .metoda-krok:nth-child(n+3){border-top:1px solid var(--line-soft)}
}
@media (max-width:600px){
  .metoda-krok{border-left:0;padding-left:0;border-top:1px solid var(--line-soft)}
  .metoda-krok:first-child{border-top:0}
}
.metoda-krok .rzymska{
  font-family:Marcellus,serif;font-size:30px;line-height:1;color:var(--accent);
  letter-spacing:.08em;opacity:.9;
}
.metoda-krok h3{margin:0;font-size:20px}
.metoda-krok p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}

.metoda-domkniecie{
  margin:38px 0 0;text-align:center;font-style:italic;font-size:19px;line-height:1.7;
  color:var(--ink);max-width:52ch;margin-left:auto;margin-right:auto;
}
.metoda-domkniecie::before,
.metoda-domkniecie::after{
  content:"✳";display:block;color:var(--accent);font-style:normal;
  font-size:15px;letter-spacing:.3em;opacity:.7;
}
.metoda-domkniecie::before{margin-bottom:16px}
.metoda-domkniecie::after{margin-top:16px}

.ramiona{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px 22px;margin-top:6px;
}
@media (max-width:1040px){ .ramiona{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){  .ramiona{grid-template-columns:1fr;gap:22px} }

.ramie{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:14px}
.ramie-pkt{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:11.5px;color:var(--accent-2);
}
.ramie h3{margin:0;font-size:18px}
.ramie p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}

.mapa-domkniecie{
  margin-top:38px;padding-top:26px;border-top:1px solid var(--line-soft);
  display:flex;flex-direction:column;gap:14px;max-width:64ch;
}
.mapa-domkniecie p{margin:0;color:var(--ink-2);font-size:16px;line-height:1.62}
.mapa-domkniecie b{color:var(--ink)}
.mapa-uspokojenie{
  font-style:italic;border-left:2px solid var(--accent);padding-left:16px;
}
.mapa-darmo{color:var(--ink-3) !important;font-size:15px !important}
.mapa-darmo b{color:var(--accent-2)}

.trzy-listy{display:grid;grid-template-columns:0.8fr 1.3fr 0.9fr;gap:8px}
.trzy-listy select{width:100%;min-width:0}
@media (max-width:420px){ .trzy-listy{grid-template-columns:1fr 1fr;gap:8px}
  .trzy-listy select:last-child{grid-column:1/-1} }

.stopka{border-top:1px solid var(--line);margin-top:10px;background:var(--bg-deep)}
.stopka .wrap{padding-top:40px;padding-bottom:34px}
.stopka-gora{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;
  padding-bottom:26px;border-bottom:1px solid var(--line-soft);
}
@media (max-width:820px){ .stopka-gora{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:520px){ .stopka-gora{grid-template-columns:1fr;gap:22px} }
.stopka-kol{display:flex;flex-direction:column;gap:7px}
.stopka-kol .etykieta{margin-bottom:3px}
.stopka-kol a{color:var(--ink-2);text-decoration:none;font-size:15px}
.stopka-kol a:hover{color:var(--accent-2);text-decoration:underline}
.stopka-nota p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.stopka-dol{
  padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13.5px;color:var(--ink-3);
}
@media print{ .stopka{display:none !important} }

.tekst h3{
  margin:40px 0 12px;font-size:23px;scroll-margin-top:70px;
}
.tekst h3:first-of-type{margin-top:30px}
.tekst p{margin:0 0 14px;max-width:68ch;color:var(--ink-2)}
.tekst p b{color:var(--ink)}
.tekst .table{margin-top:8px}

.entry .eyebrow .kto{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--ink-3);
}
.entry .eyebrow .kto + .arc::before{content:"· ";opacity:.6}

.ramie,
.metoda-krok,
.mapa-domkniecie,
.obietnica{
  background:var(--panel);
  border-radius:var(--radius);
  padding:16px 18px;
}
.ramie{border-top:1px solid var(--accent);padding-top:14px}
.metoda-krok{border-left:1px solid var(--panel-line)}
.metoda-krok:first-child{border-left:1px solid var(--panel-line);padding-left:18px}
.mapa-domkniecie{padding:24px 26px;border-top:1px solid var(--panel-line)}
#obietnice{border-top:0;padding-top:0}

.sec-sub{
  background:var(--panel);border-radius:var(--radius);
  padding:14px 18px;display:inline-block;
}
.metoda-domkniecie{
  background:var(--panel);border-radius:var(--radius);padding:26px 30px;
}

.progi{padding-top:44px}
.prog{margin-bottom:56px}
.prog:last-of-type{margin-bottom:34px}

.prog-obraz{
  margin:0 0 22px;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);background:var(--panel);
}
.prog-obraz img{display:block;width:100%;height:230px;object-fit:cover}
@media (max-width:600px){ .prog-obraz img{height:170px} }

.prog-glowa{
  background:var(--panel);border-radius:var(--radius);
  padding:22px 24px;margin-bottom:18px;border-left:3px solid var(--accent);
}
.prog-glowa h2{margin:6px 0 10px;font-size:27px}
.prog-glowa p{margin:0;color:var(--ink-2);max-width:66ch}

.arkany{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:820px){ .arkany{grid-template-columns:1fr} }

.arkan{
  display:flex;gap:16px;align-items:flex-start;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px;scroll-margin-top:80px;
}
.arkan-nr{
  font-family:Marcellus,serif;font-size:22px;line-height:1.1;color:var(--accent);
  min-width:52px;letter-spacing:.06em;padding-top:2px;
}
.arkan-tresc{display:flex;flex-direction:column;gap:5px;min-width:0}
.arkan h3{margin:0;font-size:20px}
.arkan-jedno{
  margin:0;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:11.5px;color:var(--accent-2);
}
.arkan-opis{margin:4px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}

.arkany-domkniecie{
  margin-top:40px;background:var(--panel);border:1px dashed var(--accent);
  border-radius:var(--radius);padding:26px 28px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
}
.arkany-domkniecie p{margin:0;max-width:56ch;color:var(--ink-2)}

.hero p{
  background:var(--panel);border-radius:var(--radius);
  padding:14px 18px;
}
.hero .cena-pasek p{background:transparent;padding:0}

.topbar .wrap{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  min-height:64px;
  flex-wrap:nowrap;
}
.mark{flex:0 0 auto;white-space:nowrap}
.mark a{white-space:nowrap}
.mark b{white-space:nowrap}

.topbar .nav{
  display:flex;
  align-items:center;
  gap:15px;
  flex-wrap:nowrap;
  justify-content:center;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.topbar .nav::-webkit-scrollbar{display:none}
.topbar .nav a{flex:0 0 auto;white-space:nowrap;font-size:12.5px;letter-spacing:.12em}

.skins{flex:0 0 auto}

@media (max-width:1180px){
  .mark span{display:none}
  .topbar .nav{gap:13px}
  .topbar .nav a{font-size:12px;letter-spacing:.1em}
}

@media (max-width:900px){
  .topbar .wrap{
    grid-template-columns:auto auto;
    justify-content:space-between;
    row-gap:10px;
    padding-top:12px;
    padding-bottom:12px;
  }
  .topbar .nav{
    grid-column:1/-1;
    justify-content:flex-start;
    gap:16px;
    padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
  }
  .mark span{display:inline}
}
@media (max-width:520px){
  .mark span{display:none}
  .topbar .nav{gap:14px}
}

.topbar .wrap.ma-dzwiek{grid-template-columns:auto minmax(0,1fr) auto auto}
@media (max-width:900px){
  .topbar .wrap.ma-dzwiek{grid-template-columns:auto auto auto}
}

.dzwiek-btn{
  flex:0 0 auto;position:relative;
  width:38px;height:38px;padding:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:99px;
  background:var(--surface);color:var(--ink-3);cursor:pointer;
  transition:color .2s ease,border-color .2s ease;
}
.dzwiek-btn:hover{border-color:var(--accent);color:var(--accent-2)}
.dzwiek-btn[aria-pressed="true"]{border-color:var(--accent);color:var(--accent-2)}
.dzwiek-btn .nuta{font-size:17px;line-height:1}

.dzwiek-btn .przekreslenie{
  position:absolute;left:9px;right:9px;top:50%;height:1px;
  background:currentColor;transform:rotate(-38deg);opacity:.85;
}

.dzwiek-btn .fale{
  position:absolute;right:6px;bottom:7px;display:flex;gap:1.5px;align-items:flex-end;height:9px;
}
.dzwiek-btn .fale i{width:2px;background:currentColor;border-radius:1px;animation:fala 1s ease-in-out infinite}
.dzwiek-btn .fale i:nth-child(1){height:4px;animation-delay:0s}
.dzwiek-btn .fale i:nth-child(2){height:8px;animation-delay:.18s}
.dzwiek-btn .fale i:nth-child(3){height:5px;animation-delay:.36s}
@keyframes fala{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){ .dzwiek-btn .fale i{animation:none} }

.topbar .nav{justify-content:safe center}

@media (max-width:1400px){
  .topbar .wrap.ma-dzwiek .mark span{display:none}
  .topbar .wrap.ma-dzwiek .nav{gap:13px}
  .topbar .wrap.ma-dzwiek .nav a{font-size:12px;letter-spacing:.1em}
}
@media (max-width:1120px){
  .topbar .wrap.ma-dzwiek .nav{gap:11px;justify-content:safe flex-start}
  .topbar .wrap.ma-dzwiek .nav a{letter-spacing:.08em}
}

.topbar .wrap,
.topbar .wrap.ma-dzwiek{
  display:grid;
  grid-template-columns:1fr auto auto;
  grid-template-areas:
    "marka dzwiek skory"
    "menu  menu   menu";
  align-items:center;
  gap:10px 16px;
  min-height:0;
  padding-top:12px;
  padding-bottom:10px;
}
.topbar .mark{grid-area:marka}
.topbar .dzwiek-btn{grid-area:dzwiek}
.topbar .skins{grid-area:skory}

.topbar .nav,
.topbar .wrap.ma-dzwiek .nav{
  grid-area:menu;
  justify-content:center;
  gap:20px;
  padding-top:9px;
  border-top:1px solid var(--line-soft);
  overflow-x:auto;
  flex-wrap:nowrap;
}
.topbar .nav a,
.topbar .wrap.ma-dzwiek .nav a{font-size:12.5px;letter-spacing:.13em}

.topbar .wrap.ma-dzwiek .mark span{display:inline}

@media (max-width:760px){
  .topbar .nav,
  .topbar .wrap.ma-dzwiek .nav{justify-content:safe flex-start;gap:16px}
  .topbar .mark span{display:none}
  .topbar .wrap.ma-dzwiek .mark span{display:none}
}

.mark a{
  display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  text-decoration:none;color:inherit;
}
.mark b{
  font-family:Marcellus,"Palatino Linotype",Georgia,serif;font-weight:400;
  font-size:23px;line-height:1.05;letter-spacing:.05em;color:var(--ink);
}
.mark span{
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:500;
  text-transform:uppercase;letter-spacing:.17em;font-size:10.5px;line-height:1.2;
  color:var(--accent-2);white-space:nowrap;
}
@media (max-width:900px){
  .mark b{font-size:20px}
  .mark span{font-size:9.5px;letter-spacing:.14em}
}
@media (max-width:560px){
  .topbar .mark span,
  .topbar .wrap.ma-dzwiek .mark span{display:block;letter-spacing:.1em;font-size:9px}
}

.biowykres{width:100%;max-width:760px;height:auto}

.biowykres-30,
.doc-figure .biowykres-30,
.doc-figure.szeroka svg{max-width:none;width:100%}
.biowykres-30 .tick{stroke:var(--line-soft);stroke-width:1;opacity:.55}
.biowykres-30 .tick-duzy{stroke:var(--line);opacity:.9}
.biowykres-30 .tick-data{
  font-family:"Barlow Condensed",sans-serif;font-size:15px;fill:var(--ink-3);
  text-anchor:middle;letter-spacing:.06em;
}
.biowykres-30 .kryt-znak{stroke:var(--doc-bg);stroke-width:1.4}

.biowykres.biowykres-30 .podpis-dzis{font-size:17px;letter-spacing:.1em;fill:var(--ink-3)}
.biowykres-30 .tick{opacity:.7}
.biowykres-30 .kryt-znak.fala-fiz{fill:#C9A24A}
.biowykres-30 .kryt-znak.fala-emo{fill:#7FA8D9}
.biowykres-30 .kryt-znak.fala-int{fill:#B98BD1}
.doc-figure.szeroka{display:block;margin:0 0 22px}
@media print{
  .doc-figure.szeroka{break-inside:avoid}
  .doc-figure.szeroka svg{max-width:none;width:100%}
}
.biowykres .os{stroke:var(--line);stroke-width:1}
.biowykres .dzis{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 4;opacity:.8}
.biowykres .podpis-dzis{
  font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;fill:var(--accent-2);
}
.biowykres .fala{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.biowykres .kropka{stroke:var(--doc-bg);stroke-width:1.5}
.fala-fiz{stroke:#C9A24A}  .biowykres .kropka.fala-fiz{fill:#C9A24A}
.fala-emo{stroke:#7FA8D9}  .biowykres .kropka.fala-emo{fill:#7FA8D9}
.fala-int{stroke:#B98BD1}  .biowykres .kropka.fala-int{fill:#B98BD1}

.biokafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 30px}
@media (max-width:760px){ .biokafle{grid-template-columns:1fr} }

.biokafel{
  border:1px solid var(--line);border-top-width:3px;border-radius:var(--radius);
  padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;background:var(--panel);
}
.biokafel.fala-fiz{border-top-color:#C9A24A}
.biokafel.fala-emo{border-top-color:#7FA8D9}
.biokafel.fala-int{border-top-color:#B98BD1}
.biokafel.krytyczny{border-color:var(--uwaga);border-top-color:var(--uwaga)}

.biokafel .cap{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:11.5px;color:var(--ink-3);
}
.biowartosc{
  font-family:Marcellus,serif;font-size:34px;line-height:1;color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.biowartosc span{font-size:17px;color:var(--ink-3);margin-left:2px}
.biofaza{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:12.5px;color:var(--accent-2);
}
.biokafel.krytyczny .biofaza{color:var(--uwaga)}
.biozakres{margin:6px 0 0;font-size:13.5px;color:var(--ink-3);line-height:1.5}
.biorada{
  margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2);
  border-top:1px solid var(--line-soft);padding-top:10px;
}

.dzien-glowna{
  display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap;
  border:1px solid var(--accent);border-radius:var(--radius);
  background:var(--accent-soft);padding:26px 28px;margin-bottom:20px;
}
.dzien-cyfra{
  font-family:Marcellus,serif;font-size:86px;line-height:.9;color:var(--accent-2);
  min-width:80px;text-align:center;
}
.dzien-obok{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}
.dzien-obok .cap{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.15em;
  font-size:11.5px;color:var(--ink-3);
}
.dzien-obok h3{margin:0;font-size:26px;text-transform:lowercase}
.dzien-obok p{margin:6px 0 0;color:var(--ink-2);max-width:60ch}
.dzien-krok{
  border-top:1px solid var(--line);padding-top:12px;margin-top:12px !important;
  color:var(--ink) !important;
}

.dzien-tlo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
@media (max-width:640px){ .dzien-tlo{grid-template-columns:1fr} .dzien-cyfra{font-size:64px} }
.dzien-tlo > div{
  border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;
  background:var(--panel);display:flex;flex-direction:column;gap:2px;
}
.dzien-tlo .cap{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.15em;
  font-size:11px;color:var(--ink-3);
}
.dzien-tlo b{font-family:Marcellus,serif;font-weight:400;font-size:30px;color:var(--accent-2);line-height:1.1}
.dzien-tlo p{margin:4px 0 0;font-size:14px;color:var(--ink-2);line-height:1.5}

.dzien-jutro{
  border-left:3px solid var(--accent);background:var(--panel);
  padding:16px 18px;margin-bottom:8px;color:var(--ink-2);font-size:15px;line-height:1.6;
}

input,select,textarea{border-radius:var(--radius-male)}
.trzy-listy select{border-radius:var(--radius-male)}

.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:background .22s ease, border-color .22s ease, color .22s ease,
             transform .16s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease;
  will-change:transform;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985);transition-duration:.06s}

.btn{
  background:linear-gradient(180deg,var(--accent-2) 0%,var(--accent) 58%,var(--akcent-ciemny) 100%);
  border-color:var(--akcent-ciemny);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 4px 0 var(--akcent-krawedz),
    0 12px 20px -10px rgba(0,0,0,.65);
}
.btn:hover{
  background:linear-gradient(180deg,#F2E2B4 0%,var(--accent-2) 58%,var(--accent) 100%);
  border-color:var(--accent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -1px 0 rgba(0,0,0,.2),
    0 6px 0 var(--akcent-krawedz),
    0 16px 26px -12px rgba(0,0,0,.7);
}
.btn:active{
  transform:translateY(3px) scale(.995);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.35),
    0 1px 0 var(--akcent-krawedz),
    0 3px 6px -3px rgba(0,0,0,.5);
}

.btn.ghost{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 3px 0 var(--line-soft),
             0 10px 16px -10px rgba(0,0,0,.55);
}
.btn.ghost:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 5px 0 var(--line),
             0 14px 22px -12px rgba(0,0,0,.6);
}
.btn.ghost:active{
  box-shadow:inset 0 2px 4px rgba(0,0,0,.3), 0 1px 0 var(--line-soft);
}

.btn.zloty{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 5px 0 #8A6A22,
    0 0 26px rgba(217,178,106,.45),
    0 14px 24px -10px rgba(0,0,0,.6);
}
.btn.zloty:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 7px 0 #8A6A22,
    0 0 40px rgba(217,178,106,.65),
    0 18px 30px -12px rgba(0,0,0,.65);
}
.btn.zloty:active{
  transform:translateY(4px) scale(.995);
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.4),
    0 1px 0 #8A6A22,
    0 0 18px rgba(217,178,106,.35);
}

@media (prefers-reduced-motion:reduce){
  .btn:hover, .btn:active, .btn.zloty:active{transform:none}
}

.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.btn:hover::before{transform:translateX(120%)}
.btn.ghost::before{background:linear-gradient(105deg,transparent 30%,var(--accent-soft) 50%,transparent 70%)}

.btn.zloty{
  transition:box-shadow .25s ease, transform .16s cubic-bezier(.34,1.56,.64,1), filter .22s ease;
}
.btn.zloty:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 0 44px rgba(217,178,106,.7), 0 10px 24px rgba(0,0,0,.45);
}
.btn.zloty:active{transform:translateY(0) scale(.985);box-shadow:0 0 22px rgba(217,178,106,.5)}

.btn.ghost:hover{border-color:var(--accent)}

.btn:focus-visible{
  outline:2px solid var(--accent-2);outline-offset:3px;
  box-shadow:0 0 0 6px var(--accent-soft);
}

.skins button{transition:background .22s ease,color .22s ease,transform .14s ease}
.skins button:hover{color:var(--accent-2)}
.skins button:active{transform:scale(.94)}

.dzwiek-btn{transition:color .2s ease,border-color .2s ease,transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}
.dzwiek-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.28)}
.dzwiek-btn:active{transform:translateY(0) scale(.93)}

.oferta:hover,
.dodatek:hover,
.arkan:hover{
  box-shadow:0 14px 30px -18px rgba(0,0,0,.55);
}
.arkan,.dodatek{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.arkan:hover,.dodatek:hover{border-color:var(--accent);transform:translateY(-2px)}

button.tile{transition:border-color .2s ease,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}
button.tile:active{transform:translateY(0) scale(.99)}

@media (prefers-reduced-motion:reduce){
  .btn,.btn::before,.btn.zloty,.dzwiek-btn,.skins button,
  .oferta,.dodatek,.arkan,button.tile{transition:none !important}
  .btn:hover,.btn.zloty:hover,.dzwiek-btn:hover,
  .oferta:hover,.dodatek:hover,.arkan:hover{transform:none !important}
  .btn:hover::before{transform:translateX(-120%)}
}

.dzien-glowna{
  border-color:var(--fiolet-linia);
  background:var(--fiolet-tlo);
}
.dzien-cyfra{color:var(--fiolet)}
.dzien-obok h3{color:var(--fiolet)}
.dzien-krok{border-top-color:var(--fiolet-linia)}
.dzien-tlo b{color:var(--fiolet)}
.dzien-jutro{border-left-color:var(--fiolet-linia)}

a.alice{
  font-family:Marcellus,"Palatino Linotype",Georgia,serif;
  font-size:1.25em;line-height:1;color:var(--accent-2);
  text-decoration:none;display:inline-block;padding:0 3px;
  transition:transform .25s ease,text-shadow .25s ease;
}
a.alice:hover{transform:scale(1.15) rotate(-3deg);text-shadow:0 0 14px var(--glow)}
a.alice.blysk{animation:aliceBlysk 1s ease}
@keyframes aliceBlysk{
  0%{text-shadow:none}
  35%{text-shadow:0 0 16px rgba(228,200,126,.95), 0 0 34px rgba(203,168,228,.7)}
  100%{text-shadow:none}
}
.alice-iskra{
  position:fixed;pointer-events:none;z-index:9999;font-size:15px;
  transition:transform 1s cubic-bezier(.16,.84,.44,1), opacity 1s ease;
  will-change:transform,opacity;
}
@media (prefers-reduced-motion:reduce){
  a.alice{transition:none}
  a.alice:hover{transform:none}
  a.alice.blysk{animation:none}
}
@media print{ .alice-iskra{display:none !important} }

.podtytul-produktu{
  margin:-6px 0 16px;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  text-transform:uppercase;letter-spacing:.16em;font-size:13px;
  color:var(--accent-2);
}
.w-srodku{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;margin-bottom:26px;max-width:760px;
}
.w-srodku .etykieta{margin-bottom:12px;display:block}
.w-srodku ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.w-srodku li{
  position:relative;padding-left:20px;font-size:15px;line-height:1.55;color:var(--ink-2);
}
.w-srodku li::before{
  content:"·";position:absolute;left:5px;top:-3px;color:var(--accent);font-size:21px;
}
.w-srodku-dlakogo{
  margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line-soft);
  font-style:italic;font-size:14.5px;color:var(--ink-3);
}

.oct .pkt .node{fill:var(--surface);stroke:currentColor;stroke-width:1.6;transition:stroke-width .2s ease}
.oct .pkt .poswiata{fill:currentColor;opacity:0;filter:blur(9px);transition:opacity .3s ease}
.oct .pkt .val{fill:currentColor}
.oct .pkt{color:var(--accent)}

.oct .pkt-zloto  {color:#E4C87E}
.oct .pkt-roz    {color:#E0728F}
.oct .pkt-blekit {color:#7FA8D9}
.oct .pkt-fiolet {color:#CBA8E4}
.oct .pkt-ojciec {color:#8FA9C9}
.oct .pkt-matka  {color:#C99AC0}
.oct .pkt-centrum{color:#F0D89A}
.oct .pkt-centrum .node-core{fill:var(--accent-soft);stroke:currentColor;stroke-width:2.2}
.oct .pkt-centrum .val-core{fill:currentColor}

@keyframes pktWejscie{
  from{opacity:0;transform:scale(.55)}
  to{opacity:1;transform:scale(1)}
}

.oct .pkt{
  transform-box:fill-box;transform-origin:center;
  animation:pktWejscie .45s cubic-bezier(.34,1.56,.64,1) forwards;
  animation-delay:calc(.15s + var(--i) * .07s);
}

@keyframes rogPuls{
  0%   {opacity:.05}
  6%   {opacity:.95}
  20%  {opacity:.05}
  100% {opacity:.05}
}
.oct .pkt .poswiata{
  opacity:.05;
  animation:rogPuls 5.6s linear infinite;
  animation-delay:calc(.9s + var(--i) * .7s);
}
.oct-zywy .pkt:hover .poswiata{animation:none}

@keyframes rdzenOddech{
  0%,100%{opacity:.18}
  50%{opacity:.66}
}
.oct .pkt-centrum .poswiata{opacity:.18;animation:rdzenOddech 4.6s ease-in-out infinite;animation-delay:1.2s}

@keyframes obrotPylu{ to{transform:rotate(360deg)} }
.oct .oct-obrot{transform-origin:200px 200px;animation:obrotPylu 90s linear infinite}

.oct .ring-zewn{fill:none;stroke:var(--accent);stroke-width:1;opacity:.42}
.oct .pylek{fill:var(--accent-2);opacity:.8}
:root[data-skin="papier"] .oct .ring-zewn{stroke:var(--accent);opacity:.28}
:root[data-skin="papier"] .oct .pylek{opacity:.5}

.oct .edge-b{animation-delay:.35s}

.oct-zywy .pkt{cursor:help}
.oct-zywy .pkt:hover .poswiata{opacity:.55}
.oct-zywy .pkt:hover .node,
.oct-zywy .pkt:hover .node-core{stroke-width:3}

@media (prefers-reduced-motion:reduce){
  .oct .pkt{opacity:1;animation:none}
  .oct .oct-obrot{animation:none}
  .oct .pkt .poswiata{animation:none;opacity:.28}
  .oct .pkt-centrum .poswiata{animation:none;opacity:.34}
  .oct .edge{animation:none;stroke-dashoffset:0}
}
@media print{
  .oct .pkt{opacity:1;animation:none}
  .oct .oct-obrot,.oct .poswiata{display:none}
}

.doc-figure{flex-direction:column;gap:10px}
.oct-podpowiedz{
  margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--ink-3);
}
@media print{ .oct-podpowiedz{display:none} }

.opt,
.field label.opt,
.field .opt{
  display:flex;align-items:flex-start;gap:14px;
  cursor:pointer;padding:11px 12px;margin:0 -12px;
  min-height:44px;border-radius:var(--radius-male);
  text-transform:none;letter-spacing:normal;
  font-family:Spectral,Georgia,serif;font-size:15px;line-height:1.55;
  color:var(--ink-2);transition:background .18s ease;
}
.opt:hover,
.field label.opt:hover{background:var(--panel)}
.opt span{flex:1 1 auto;min-width:0}
.opt b{color:var(--ink)}

.opt input[type=checkbox]{
  appearance:none;-webkit-appearance:none;
  flex:0 0 24px;width:24px;height:24px;margin:0;padding:0;
  border:2px solid var(--line);border-radius:7px;
  background:var(--surface);cursor:pointer;position:relative;
  transition:background .18s ease,border-color .18s ease,transform .12s ease;
}
.opt input[type=checkbox]:hover{border-color:var(--fiolet-linia)}
.opt input[type=checkbox]:active{transform:scale(.92)}
.opt input[type=checkbox]:checked{
  background:var(--fiolet-linia);border-color:var(--fiolet-linia);
}
.opt input[type=checkbox]:checked::after{
  content:"";position:absolute;left:7px;top:3px;
  width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;
  transform:rotate(43deg);
}
.opt input[type=checkbox]:focus-visible{
  outline:2px solid var(--fiolet);outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .opt,.opt input[type=checkbox]{transition:none}
  .opt input[type=checkbox]:active{transform:none}
}

#zakup.bundle{
  display:block;
  border:1px solid var(--fiolet-linia);
  background:var(--fiolet-tlo);
  padding:26px 28px;
}
#zakup h3{color:var(--ink)}
#zakup .old{text-decoration:line-through;color:var(--ink-3);margin-right:6px}
#zakup .form{margin-top:18px}
#zakup .hint{margin-top:12px}
#zakup .btn.zloty{margin-top:4px}

#zakup .field{grid-column:1/-1}

.dla-ali a{color:var(--accent-2);font-weight:600}
.dla-ali a:hover{color:var(--ink)}
.dla-ali b{color:var(--ink)}

.dwie-listy{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dwie-listy select{width:100%;min-width:0}

.faq{display:flex;flex-direction:column;gap:10px;max-width:800px}
.faq-poz{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:0 20px;transition:border-color .2s ease;
}
.faq-poz[open]{border-color:var(--accent)}
.faq-poz summary{
  cursor:pointer;padding:16px 0;list-style:none;
  font-family:Marcellus,"Palatino Linotype",Georgia,serif;font-size:18px;
  color:var(--ink);display:flex;align-items:flex-start;gap:12px;
}
.faq-poz summary::-webkit-details-marker{display:none}
.faq-poz summary::before{
  content:"+";color:var(--accent-2);font-size:20px;line-height:1.2;flex:0 0 auto;
  transition:transform .2s ease;
}
.faq-poz[open] summary::before{content:"−"}
.faq-poz summary:hover{color:var(--accent-2)}
.faq-poz p{
  margin:0;padding:0 0 18px 26px;color:var(--ink-2);font-size:15.5px;line-height:1.65;max-width:66ch;
}
@media (prefers-reduced-motion:reduce){ .faq-poz,.faq-poz summary::before{transition:none} }

.swatch-kolor{display:inline-block;width:.9em;height:.9em;border-radius:2px;
  border:1px solid var(--line);vertical-align:-1px;margin:0 2px}
.runa-znak{font-size:1.25em;letter-spacing:.08em;color:var(--accent-2)}

.kalendarz-wpisy{margin:0 0 34px}
.miesiac{margin:0 0 10px;color:var(--ink-2);max-width:70ch}
.miesiac strong{color:var(--ink)}
.miesiac em{color:var(--accent-2);font-style:normal}
@media print{ .miesiac{break-inside:avoid} }

.doc p, .doc li{
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
}

.doc .hint, .doc .method, .doc .miesiac, .doc .doc-head *{text-align:left;hyphens:manual}

.doc p{line-height:1.25;margin:0 0 1em}
.doc .entry p + p{margin-top:0}

.doc .eyebrow{font-size:13px;letter-spacing:.2em}
.doc .eyebrow .arc{font-size:13px}
.doc .eyebrow .kto{font-size:13px}

.table td.pkt-kol, .table th.pkt-kol{width:104px;white-space:nowrap}
.table td.pkt-kol .swatch{margin-right:6px}

.oct .edge-osm{fill:none;stroke:var(--line);stroke-width:.8;opacity:.75}
.oct .edge-oś{stroke:var(--line);stroke-width:.7;opacity:.55}
.oct .ring-wewn{fill:none;stroke:var(--line-soft);stroke-width:.8;opacity:.7}

@media print{

  .blok-dodatki, .blok-biorytm, .blok-prognoza, .blok-kalendarz,
  .blok-pieniadze, .blok-zdrowie, .blok-wiek, .blok-imie,
  .blok-kasa-para, .blok-dekady, .blok-wspolne{break-before:page;height:0;margin:0}

  .doc-figure svg{max-width:420px}
  .doc-figure.szeroka svg{max-width:100%}

  .doc-foot{font-size:9.5pt}
  .doc-foot .egzemplarz{font-size:8.5pt}
}

.table tr.teraz td{background:var(--accent-soft)}
.table tr.teraz td.a{font-weight:600}

.doc .ilustracja{margin:0 0 26px;padding:0}
.doc .ilustracja img{display:block;width:100%;height:auto;border-radius:var(--radius)}
@media print{
  .doc .ilustracja{break-inside:avoid;break-after:avoid;margin-bottom:20px}
  .doc .ilustracja img{max-height:78mm;object-fit:cover}
}

.prog-obraz img{height:auto;aspect-ratio:16/9}

.baner-link{
  background:var(--surface);border-bottom:2px solid var(--uwaga,#c0392b);
  color:var(--ink);padding:14px 0;font-size:15px;line-height:1.5;
}
.baner-link strong{color:var(--uwaga,#c0392b)}
.baner-link a{color:var(--accent-2);text-decoration:underline}

#zakup .opt-promo{
  display:flex;margin:14px 0 6px;padding:14px 18px;
  background:var(--burgund);border:1px dashed var(--burgund-linia);border-radius:var(--radius);
}

.metoda-cta{margin-top:34px;text-align:center}
.metoda-cta .row{justify-content:center;margin-top:14px}
.metoda-cta-tekst{
  font-family:Marcellus,serif;font-size:clamp(20px,2.6vw,26px);color:var(--ink);margin:0;
}

.karta-etykieta{
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:12.5px;margin:20px 0 10px;
}
.karta-darmowa{color:var(--accent-2)}
.strefa-dokladek{margin-top:30px;padding-top:24px;border-top:1px solid var(--burgund-linia)}
.karta-dokladka{color:var(--ink);margin-top:0}
.strefa-dokladek-opis{margin:0 0 14px;color:var(--ink-3);font-size:15px;max-width:62ch}
.tiles.tiles-dokladki{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.tiles.tiles-dokladki{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tiles.tiles-dokladki{grid-template-columns:1fr}}
.tiles-dokladki button.tile{border-style:dashed;border-color:var(--burgund-linia)}
.tiles-dokladki button.tile:hover{border-color:var(--accent)}
.tiles-dokladki button.tile[aria-pressed="true"]{border-style:solid;border-color:var(--accent)}

.zgody{position:fixed;left:0;right:0;bottom:0;z-index:900;padding:0 16px 16px;pointer-events:none}
.zgody [hidden]{display:none!important}
.zgody-wnetrze{
  pointer-events:auto;max-width:980px;margin:0 auto;display:grid;gap:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:18px 22px;
}
.zgody-tekst{margin:0;color:var(--ink-2);font-size:15px;line-height:1.5}
.zgody-tekst strong{color:var(--ink)}
.zgody-tekst a{color:var(--accent-2)}
.zgody-wybor{display:grid;gap:8px;font-size:14.5px;color:var(--ink-2)}
.zgody-wybor label{display:flex;gap:10px;align-items:center}
.zgody-przyciski{display:flex;flex-wrap:wrap;gap:10px}
.zgody-przyciski .btn{padding:10px 20px;font-size:14px}
@media (max-width:560px){.zgody-przyciski .btn{flex:1 1 100%}}
@media print{.zgody{display:none!important}}