/* bazy-danych.pl — wygląd „promocyjny i tani” (decyzja Adriana 18.10.2026):
   żółty jak na plakacie z promocją, czerwone duże ceny, czarny tekst, dużo powietrza.
   Tanio pokazujemy prawdziwymi liczbami (cena za instytucję, rabat za kilka baz) — bez fałszywych
   przekreślonych cen i liczników czasu (Omnibus, COMPLIANCE.md pkt g). */

/* Czcionka Archivo (SIL OFL 1.1, assets/fonts/OFL.txt) z własnego serwera — bez łączenia z Google (RODO). */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;
  src:url(fonts/archivo-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;
  src:url(fonts/archivo-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;}

:root{
  --zolty:#FFD400;
  --zolty-jasny:#FFF3B0;
  --zolty-ciemny:#EBC300;
  --ink:#16130E;
  --ink-2:#2B2720;
  --czerwony:#E1222C;
  --czerwony-ciemny:#B8161F;
  --zielony:#0F7F4B;
  --zielony-jasny:#E3F4EA;
  --tlo:#FFFFFF;
  --tlo-2:#F7F5EF;
  --ramka:#E8E3D6;
  --ramka-2:#D6CFBE;
  --tekst:#16130E;
  --wyciszony:#5E584F;
  --granat-xlsx:#1E3A5F;
  --r:16px;
  --cien:0 1px 2px rgba(22,19,14,.05),0 6px 20px rgba(22,19,14,.06);
  --cien-mocny:0 2px 6px rgba(22,19,14,.08),0 18px 44px rgba(22,19,14,.13);
  --font:"Archivo","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:16px;}
html,body{margin:0;padding:0;}
body{
  background:var(--tlo);color:var(--tekst);font-family:var(--font);font-stretch:100%;font-size:16px;line-height:1.6;
  overflow-x:clip;-webkit-font-smoothing:antialiased;
}
a{color:var(--ink);text-underline-offset:3px;}
img,svg{max-width:100%;}
h1,h2,h3{line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;}
h1{font-size:clamp(34px,5.6vw,64px);font-weight:900;}
h2{font-size:clamp(28px,3.6vw,42px);font-weight:900;}
h3{font-size:20px;font-weight:800;}
p{margin:0 0 14px;}
.lead{font-size:18px;color:var(--wyciszony);max-width:720px;}

.wrapper{max-width:1200px;margin:0 auto;padding:0 20px;}
.wrapper-waski{max-width:860px;}
main{display:block;}
.strona{padding:36px 20px 72px;}
.strona h1{font-size:clamp(30px,4.4vw,46px);}
.strona h2{font-size:clamp(24px,3vw,30px);margin-top:44px;}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-visible{
  outline:3px solid var(--ink);outline-offset:3px;border-radius:6px;
}

/* ── Nagłówek ─────────────────────────────────────────────── */
header.gorna{background:var(--zolty);border-bottom:2px solid var(--ink);}
header.gorna .wrapper{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.logo-znak{display:grid;grid-template-columns:repeat(2,9px);gap:3px;padding:6px;background:var(--ink);border-radius:8px;}
.logo-znak i{width:9px;height:9px;border-radius:50%;background:var(--zolty);}
.logo-znak i:nth-child(4){background:var(--czerwony);}
.logo-tekst{font-weight:900;font-size:21px;letter-spacing:-.03em;}
.logo-tekst span{color:var(--czerwony-ciemny);}
.menu{display:flex;align-items:center;gap:6px;}
.menu-link{padding:8px 12px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);}
.menu-link:hover{background:rgba(22,19,14,.08);}
.menu-koszyk{
  display:inline-flex;align-items:center;gap:8px;margin-left:6px;padding:9px 16px;border-radius:999px;
  background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:15px;
}
.menu-koszyk-ikona{width:18px;height:18px;}
.menu-koszyk-licznik{
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--czerwony);color:#fff;
  font-size:12.5px;display:none;align-items:center;justify-content:center;
}
.menu-koszyk.ma-pozycje .menu-koszyk-licznik{display:inline-flex;}

/* ── Przyciski ─────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--ink);color:#fff;text-decoration:none;font-family:inherit;
  padding:14px 26px;border-radius:12px;font-weight:800;font-size:16px;border:2px solid var(--ink);cursor:pointer;
  transition:transform .15s,box-shadow .15s,background .15s;line-height:1.2;text-align:center;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(22,19,14,.18);}
.btn:active{transform:translateY(0);box-shadow:none;}
.btn-duzy{padding:17px 30px;font-size:17.5px;}
.btn-pelny{width:100%;}
.btn-ciemny{background:var(--ink);color:#fff;}
.btn-zolty{background:var(--zolty);color:var(--ink);}
.btn-zolty:hover{background:var(--zolty-ciemny);}
.btn-cta{background:var(--zolty);color:var(--ink);}
.btn-secondary{background:#fff;color:var(--ink);}
.btn:disabled,.btn.wkrotce{background:#E9E6DD;color:#7A746A;border-color:#E9E6DD;cursor:not-allowed;transform:none;box-shadow:none;}
.link-strzalka{font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:2px;}
.link-strzalka::after{content:" ↓";}

/* ── Hero ─────────────────────────────────────────────────── */
.hero{background:var(--zolty);border-bottom:2px solid var(--ink);overflow:hidden;}
.hero-siatka{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:64px;}
.hero-etykieta{
  display:inline-block;background:var(--ink);color:var(--zolty);font-weight:800;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:8px;margin-bottom:22px;
}
.hero h1{margin-bottom:20px;}
.hero-od{display:inline-block;white-space:nowrap;}
.hero-od em{
  font-style:normal;color:#fff;background:var(--czerwony);padding:0 .18em;border-radius:.12em;
  display:inline-block;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--ink);margin-left:.08em;
}
.hero-lead{font-size:clamp(18px,1.9vw,21px);max-width:560px;color:var(--ink-2);margin-bottom:28px;}
.hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.hero-punkty{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.hero-punkty li{
  background:rgba(255,255,255,.55);border:1.5px solid rgba(22,19,14,.18);border-radius:999px;
  padding:6px 13px 6px 30px;font-size:14.5px;font-weight:600;position:relative;
}
.hero-punkty li::before{content:"✓";position:absolute;left:12px;color:var(--zielony);font-weight:900;}
.hero-punkty b{font-weight:900;}

.hero-mapa{position:relative;}
.mapa{display:block;width:100%;height:auto;overflow:visible;}
.mapa path{
  fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:var(--kropka);
  stroke-opacity:var(--i);transition:stroke .2s,stroke-opacity .2s;cursor:pointer;
}
.mapa path:hover,.mapa path.aktywne{stroke:var(--czerwony);stroke-opacity:1;}
.js .mapa path{animation:kropki .7s both;animation-delay:var(--d);}
@keyframes kropki{from{stroke-opacity:0;}}
.mapa-podpis{
  position:absolute;left:0;bottom:-6px;margin:0;font-weight:700;font-size:15px;
  background:var(--ink);color:#fff;border-radius:10px;padding:8px 13px;
}
.naklejka{
  position:absolute;top:2%;right:2%;width:150px;height:150px;border-radius:50%;
  background:var(--czerwony);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;transform:rotate(9deg);box-shadow:6px 6px 0 var(--ink);border:3px solid var(--ink);line-height:1.05;
}
.naklejka-duze{font-size:44px;font-weight:900;letter-spacing:-.04em;}
.naklejka-duze small{font-size:20px;margin-left:2px;}
.naklejka-male{font-size:14px;font-weight:700;}
.naklejka-biala{top:auto;bottom:16%;right:auto;left:4%;width:120px;height:120px;background:#fff;color:var(--ink);transform:rotate(-10deg);}
.naklejka-biala .naklejka-duze{font-size:36px;color:var(--czerwony);}
.js .naklejka{animation:naklejka .6s cubic-bezier(.2,1.6,.4,1) .5s both;}
.js .naklejka-biala{animation-delay:.75s;}
@keyframes naklejka{from{transform:scale(.3) rotate(-30deg);opacity:0;}}

/* ── Sekcje ───────────────────────────────────────────────── */
.sekcja{padding:84px 0;}
.sekcja-glowa{max-width:760px;margin-bottom:30px;}
.sekcja-glowa p{font-size:18px;color:var(--wyciszony);}
.podkreslenie{background:linear-gradient(transparent 58%,var(--zolty) 58%);padding:0 .05em;}

/* Drabinka rabatów */
.drabinka{list-style:none;margin:0 0 34px;padding:0;display:flex;align-items:flex-end;gap:10px;height:150px;max-width:720px;}
.drabinka li{
  flex:1;height:var(--h);min-height:62px;background:var(--zolty-jasny);border:2px solid var(--ink);border-radius:12px 12px 4px 4px;
  display:flex;flex-direction:column;justify-content:flex-end;padding:8px 10px;transition:background .2s,transform .2s;
}
.drabinka b{font-size:24px;font-weight:900;color:var(--czerwony-ciemny);letter-spacing:-.03em;line-height:1;}
.drabinka span{font-size:13px;font-weight:600;color:var(--ink-2);}
.drabinka li.osiagniety{background:var(--zolty);}
.drabinka li.aktualny{background:var(--czerwony);transform:translateY(-4px);}
.drabinka li.aktualny b,.drabinka li.aktualny span{color:#fff;}
.drabinka-max{background:var(--zolty) !important;}

/* Karty baz */
.siatka-baz{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.baza{
  grid-column:span 2;position:relative;display:flex;flex-direction:column;background:#fff;
  border:2px solid var(--ramka);border-radius:var(--r);padding:22px;transition:border-color .15s,box-shadow .2s,transform .2s;
}
.baza-duza{grid-column:span 3;}
.baza:hover{border-color:var(--ink);box-shadow:var(--cien-mocny);transform:translateY(-3px);}
.baza.wybrana{border-color:var(--ink);box-shadow:6px 6px 0 var(--ink);background:#FFFDF2;}
.wstazka{
  position:absolute;top:-13px;left:20px;background:var(--czerwony);color:#fff;font-size:12.5px;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:7px;border:2px solid var(--ink);
}
.baza-gora{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;}
.baza-ikona{
  width:48px;height:48px;flex-shrink:0;border-radius:12px;background:var(--zolty);border:2px solid var(--ink);
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink);
}
.baza-ikona svg{width:24px;height:24px;}
.baza-ikona-duza{width:62px;height:62px;margin-bottom:18px;}
.baza-ikona-duza svg{width:30px;height:30px;}
.baza-za-sztuke{
  background:var(--zielony-jasny);color:var(--zielony);font-weight:800;font-size:13.5px;
  padding:5px 10px;border-radius:999px;white-space:nowrap;
}
.baza h3{font-size:21px;margin-bottom:6px;}
.baza-duza h3{font-size:25px;}
.baza h3 a{color:var(--ink);text-decoration:none;}
.baza h3 a:hover{text-decoration:underline;}
.baza-liczba{color:var(--wyciszony);font-size:15px;margin-bottom:18px;}
.baza-liczba b{color:var(--ink);font-size:19px;font-weight:900;}
.baza-liczba span{display:block;font-size:13.5px;}
.baza-dol{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:2px dashed var(--ramka);padding-top:16px;}
.cena{margin:0;display:flex;flex-direction:column;line-height:1;}
.cena-kwota{font-size:40px;font-weight:900;color:var(--czerwony);letter-spacing:-.04em;white-space:nowrap;}
.baza-duza .cena-kwota{font-size:48px;}
.cena-opis{font-size:13px;font-weight:600;color:var(--wyciszony);margin-top:6px;}
.baza-check{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
.baza-przycisk{
  display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:12px 18px;border-radius:12px;
  background:var(--zolty);border:2px solid var(--ink);font-weight:800;font-size:16px;cursor:pointer;user-select:none;
  transition:transform .15s,box-shadow .15s,background .15s;
}
.baza-przycisk:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink);}
.baza-check:focus-visible + .baza-przycisk{outline:3px solid var(--ink);outline-offset:3px;}
.stan-dodana{display:none;}
.baza-check:checked + .baza-przycisk{background:var(--ink);color:#fff;}
.baza-check:checked + .baza-przycisk .stan-dodaj{display:none;}
.baza-check:checked + .baza-przycisk .stan-dodana{display:inline;}
.baza-przyklady{margin-top:14px;font-size:14px;font-weight:600;color:var(--wyciszony);}
.baza-przyklady:hover{color:var(--ink);}

/* Komplet */
.pakiet{
  margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:var(--ink);color:#fff;border-radius:var(--r);padding:28px 30px;
}
.pakiet h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:8px;}
.pakiet p{margin:0;color:#D9D3C6;}
.pakiet-etykieta{
  display:inline-block;background:var(--zolty);color:var(--ink) !important;font-weight:800;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:7px;margin-bottom:10px !important;
}
.pakiet-cena{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.pakiet .cena-kwota{color:var(--zolty);font-size:52px;}

/* Pasek koszyka */
.pasek-koszyka{
  position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:2px solid var(--ink);
  box-shadow:0 -10px 30px rgba(22,19,14,.12);transform:translateY(110%);visibility:hidden;
  transition:transform .3s ease,visibility 0s linear .3s;padding-bottom:env(safe-area-inset-bottom);
}
.pasek-koszyka.widoczny{transform:none;visibility:visible;transition:transform .3s ease;}
.pasek-wnetrze{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px;}
.pasek-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.pasek-wybrane{font-weight:800;font-size:16px;}
.pasek-podpowiedz{font-size:13.5px;color:var(--zielony);font-weight:700;}
.pasek-suma{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;}
.pasek-przed{font-size:13.5px;color:var(--wyciszony);}
.pasek-kwota{font-size:28px;font-weight:900;color:var(--czerwony);letter-spacing:-.03em;white-space:nowrap;}
.pasek-kwota.bump{animation:bump .35s;}
@keyframes bump{40%{transform:scale(1.12);}}
.pasek-wkrotce{background:#E9E6DD;color:#5E584F;font-weight:800;padding:12px 18px;border-radius:12px;white-space:nowrap;}
body:has(.pasek-koszyka.widoczny) footer.dolna{padding-bottom:120px;}

/* Plik */
.sekcja-plik{background:var(--tlo-2);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);}
.plik-siatka{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;}
.plik-tekst p{font-size:18px;color:var(--wyciszony);}
.arkusz{background:#fff;border:2px solid var(--ink);border-radius:var(--r);box-shadow:8px 8px 0 var(--ink);overflow:hidden;min-width:0;}
.arkusz-pasek{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#EFEBE1;border-bottom:2px solid var(--ink);}
.arkusz-pasek i{width:11px;height:11px;border-radius:50%;background:#D6CFBE;}
.arkusz-pasek i:first-child{background:var(--czerwony);}
.arkusz-pasek i:nth-child(2){background:var(--zolty);}
.arkusz-pasek span{margin-left:8px;font-weight:700;font-size:13.5px;color:var(--ink-2);}
.arkusz-tabela{overflow-x:auto;}
.arkusz table{width:100%;border-collapse:collapse;font-size:13.5px;}
.arkusz th,.arkusz-tabela th{background:var(--granat-xlsx);color:#fff;text-align:left;font-weight:700;padding:9px 12px;white-space:nowrap;}
.arkusz td,.arkusz-tabela td{padding:8px 12px;border-bottom:1px solid #E3E8EF;white-space:nowrap;}
.arkusz tbody tr:nth-child(even),.arkusz-tabela tr:nth-child(odd) td{background:#F3F6FA;}
.arkusz td.arkusz-nazwa{white-space:normal;min-width:220px;max-width:320px;font-weight:600;}
.arkusz-podpis{margin:0;padding:10px 14px;font-size:13px;color:var(--wyciszony);border-top:1px solid var(--ramka);}

/* Kroki */
.kroki{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.kroki li{background:#fff;border:2px solid var(--ramka);border-radius:var(--r);padding:26px 24px;}
.krok-nr{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  background:var(--zolty);border:2px solid var(--ink);font-weight:900;font-size:20px;margin-bottom:14px;
}
.kroki h3{margin-bottom:6px;}
.kroki p{margin:0;color:var(--wyciszony);}

/* Pytania */
.sekcja-pytania{background:var(--tlo-2);border-top:2px solid var(--ink);}
.akordeon{background:#fff;border:2px solid var(--ramka);border-radius:14px;margin-bottom:12px;overflow:hidden;}
.akordeon summary{cursor:pointer;padding:18px 54px 18px 20px;font-weight:800;font-size:17px;list-style:none;position:relative;}
.akordeon summary::-webkit-details-marker{display:none;}
.akordeon summary::after{
  content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;
  background:var(--zolty);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;
}
.akordeon[open] summary::after{content:"−";}
.akordeon-tresc{padding:0 20px 18px;color:var(--ink-2);}
.akordeon-tresc p:last-child{margin-bottom:0;}
.akordeon-wazne{border-color:var(--ink);}

/* ── Strona bazy ──────────────────────────────────────────── */
.okruszki{margin:0 0 18px;}
.okruszki a{font-weight:700;text-decoration:none;}
.produkt-karta{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:start;margin-bottom:12px;}
.produkt-opis h1{margin-bottom:12px;}
.produkt-dopisek{font-weight:700;font-size:17px;margin:-4px 0 12px;}
.produkt-fakty{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px;}
.produkt-fakty li{background:var(--tlo-2);border:2px solid var(--ramka);border-radius:999px;padding:6px 14px;font-size:15px;}
.produkt-zakup{
  background:var(--zolty);border:2px solid var(--ink);border-radius:var(--r);padding:26px;box-shadow:8px 8px 0 var(--ink);
  position:sticky;top:20px;display:flex;flex-direction:column;gap:12px;
}
.produkt-zakup form{margin:0;}
.cena-duza .cena-kwota{font-size:64px;color:var(--czerwony);}
.cena-duza .cena-opis{color:var(--ink-2);}
.produkt-za-sztuke{margin:0;font-size:16px;}
.produkt-za-sztuke b{color:var(--zielony);}
.produkt-zakup .pole-opis{font-size:12.5px;color:var(--ink-2);margin:0;}
.lista-mala{font-size:14.5px;margin:4px 0 0 !important;}

/* ── Tabele, formularze, komunikaty (koszyk, zgłoszenia, panel) ── */
.karta{background:#fff;border:2px solid var(--ramka);border-radius:var(--r);padding:26px;margin-bottom:22px;}
table.statystyki{width:100%;border-collapse:collapse;margin:16px 0;}
table.statystyki th,table.statystyki td{text-align:left;padding:10px;border-bottom:1px solid var(--ramka);font-size:14.5px;}
table.statystyki th{color:var(--wyciszony);font-weight:700;}
tr.wiersz-wyroznony td{background:var(--zielony-jasny);font-weight:700;color:var(--zielony);}
.tabela-scroll{width:100%;overflow-x:auto;border-radius:12px;border:2px solid var(--ink);}
table.rekordy{width:100%;border-collapse:collapse;margin:0;font-size:13.5px;min-width:760px;}
table.rekordy th,table.rekordy td{text-align:left;padding:9px 12px;white-space:nowrap;}
table.koszyk-lista{width:100%;border-collapse:collapse;}
table.koszyk-lista td{padding:13px 4px;border-bottom:1px solid var(--ramka);font-size:16px;}
table.koszyk-lista .cena-kol{text-align:right;white-space:nowrap;font-weight:700;}
tr.wiersz-suma td{color:var(--wyciszony);}
tr.wiersz-rabat td{color:var(--zielony);font-weight:800;}
tr.wiersz-total td{font-size:22px;font-weight:900;border-bottom:none;}
tr.wiersz-total .cena-kol{color:var(--czerwony);font-size:28px;}
.usun-pozycje-btn{background:none;border:none;color:var(--wyciszony);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px;padding:0;}
.rabat-tag{background:var(--zielony-jasny);color:var(--zielony);font-weight:800;padding:2px 8px;border-radius:999px;}

.ostrzezenie{background:var(--zolty-jasny);border:2px solid var(--zolty-ciemny);border-radius:12px;padding:18px 20px;margin:20px 0;font-size:15px;}
.komunikat-blad{background:#FDECEC;border:2px solid var(--czerwony);border-radius:12px;padding:16px 18px;margin:16px 0;font-size:15px;color:#7A1418;}
.komunikat-ok{background:var(--zielony-jasny);border:2px solid var(--zielony);border-radius:12px;padding:16px 18px;margin:16px 0;font-size:15px;color:#0B5A35;}
.info{font-size:15px;}
ul.lista-ok{padding-left:0;list-style:none;margin:16px 0;}
ul.lista-ok li{padding-left:30px;position:relative;margin-bottom:9px;}
ul.lista-ok li::before{
  content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--zielony);color:#fff;
  font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;
}

form .pole{margin-bottom:18px;}
form label{display:block;font-weight:700;margin-bottom:6px;font-size:14.5px;}
form input[type=text],form input[type=email],form input[type=password],form select,form textarea{
  width:100%;padding:12px 14px;border:2px solid var(--ramka-2);border-radius:10px;font-size:16px;font-family:inherit;
  background:#fff;color:var(--tekst);
}
form input:focus,form select:focus,form textarea:focus{border-color:var(--ink);outline:none;}
.pole-opis{font-size:13.5px;color:var(--wyciszony);margin-top:6px;}
form .checkbox-zgoda{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;}
form .checkbox-zgoda input{margin-top:3px;flex-shrink:0;width:20px;height:20px;accent-color:var(--ink);}
form .checkbox-zgoda label{font-weight:400;font-size:14.5px;margin:0;}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.admin-menu a{font-weight:700;}

/* ── Stopka ───────────────────────────────────────────────── */
footer.dolna{background:var(--ink);color:#CFC8BA;padding:44px 0;font-size:14.5px;}
footer.dolna .wrapper{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start;}
.dolna-marka{max-width:420px;}
.dolna-marka p{margin:12px 0 0;}
.logo-jasne{color:#fff;}
.logo-jasne .logo-znak{background:var(--zolty);}
.logo-jasne .logo-znak i{background:var(--ink);}
.logo-jasne .logo-znak i:nth-child(4){background:var(--czerwony);}
.logo-jasne .logo-tekst span{color:var(--zolty);}
.dolna-linki{display:flex;flex-direction:column;gap:8px;}
.dolna-linki a{color:#fff;text-decoration:none;}
.dolna-linki a:hover{text-decoration:underline;}

/* ── Pojawianie się przy przewijaniu (tylko z JS; bez JS wszystko widać od razu) ── */
.js .pokaz{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.js .pokaz.widoczne{opacity:1;transform:none;}

/* ── Tablet ───────────────────────────────────────────────── */
@media (max-width:1020px){
  .hero-siatka{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:48px;}
  .hero-mapa{max-width:560px;width:100%;margin:0 auto;}
  .siatka-baz{grid-template-columns:repeat(2,1fr);}
  .baza,.baza-duza{grid-column:span 1;}
  .plik-siatka{grid-template-columns:1fr;gap:28px;}
  .produkt-karta{grid-template-columns:1fr;}
  .produkt-zakup{position:static;}
  .menu-link{display:none;}
}

/* ── Telefon ──────────────────────────────────────────────── */
@media (max-width:640px){
  body{font-size:15.5px;}
  .wrapper{padding:0 16px;}
  .strona{padding:24px 16px 56px;}
  header.gorna .wrapper{min-height:60px;}
  .logo-tekst{font-size:18px;}
  .menu-koszyk{padding:8px 13px;font-size:14px;}
  .hero-siatka{padding-top:28px;padding-bottom:36px;}
  .hero-etykieta{font-size:11.5px;margin-bottom:16px;}
  .hero-od em{box-shadow:3px 3px 0 var(--ink);}
  .hero-cta{gap:16px;}
  .hero-cta .btn{width:100%;}
  .hero-punkty{margin-top:22px;gap:8px;}
  .hero-punkty li{font-size:13.5px;}
  .naklejka{width:112px;height:112px;right:0;}
  .naklejka-duze{font-size:32px;}
  .naklejka-duze small{font-size:15px;}
  .naklejka-male{font-size:12px;}
  .naklejka-biala{width:92px;height:92px;left:0;bottom:18%;}
  .naklejka-biala .naklejka-duze{font-size:27px;}
  .mapa-podpis{font-size:13px;padding:6px 10px;}
  .sekcja{padding:56px 0;}
  .drabinka{height:128px;gap:6px;}
  .drabinka li{padding:6px;min-height:54px;border-radius:9px 9px 3px 3px;}
  .drabinka b{font-size:17px;}
  .drabinka span{font-size:10.5px;line-height:1.2;}
  .siatka-baz{grid-template-columns:1fr;gap:16px;}
  .baza{padding:20px 18px;}
  .baza-duza h3,.baza h3{font-size:21px;}
  .cena-kwota,.baza-duza .cena-kwota{font-size:40px;}
  .pakiet{padding:24px 20px;}
  .pakiet .cena-kwota{font-size:42px;}
  .pakiet-cena{width:100%;justify-content:space-between;}
  .pasek-wnetrze{flex-wrap:wrap;gap:4px 12px;padding-top:10px;padding-bottom:10px;}
  .pasek-info{flex-basis:100%;}
  .pasek-wybrane{font-size:14.5px;}
  .pasek-podpowiedz{font-size:12.5px;}
  .pasek-suma{align-items:flex-start;margin-right:auto;}
  .pasek-przed{font-size:12px;}
  .pasek-kwota{font-size:24px;}
  .pasek-koszyka .btn,.pasek-wkrotce{padding:10px 13px;font-size:14px;}
  .etykieta-data{display:none;}
  .kroki{grid-template-columns:1fr;}
  .cena-duza .cena-kwota{font-size:52px;}
  .produkt-zakup{box-shadow:5px 5px 0 var(--ink);}
  .akordeon summary{font-size:16px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none !important;transition:none !important;}
  .js .pokaz{opacity:1;transform:none;}
}

/* 20.10: faktura w zamówieniu zwinięta pod linkiem (Adrian: „w ostateczności”) */
.faktura-zwin{margin:18px 0 8px;}
.faktura-zwin summary{cursor:pointer;font-size:14px;color:#5e584f;text-decoration:underline;list-style:none;display:inline-block;padding:4px 0;}
.faktura-zwin summary::-webkit-details-marker{display:none;}
.faktura-zwin[open] summary{margin-bottom:10px;}

/* 20.10: strona /festyny — pakiet dla wykonawców imprez i liczby w województwach */
.pakiet-karta{background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:10px 10px 0 var(--ink);padding:30px 32px;}
.pakiet-karta h2{margin:0 0 8px;}
.pakiet-lead{color:var(--wyciszony);margin:0 0 18px;}
.pakiet-tabela{width:100%;border-collapse:collapse;font-size:17px;margin-bottom:20px;}
.pakiet-tabela td{padding:11px 0;border-bottom:1px solid var(--ramka);}
.pakiet-tabela td:last-child{text-align:right;font-weight:800;white-space:nowrap;}
.pakiet-ile{color:var(--wyciszony);font-size:14px;margin-left:6px;}
.pakiet-rabat td{color:var(--zielony);}
.pakiet-suma td{font-size:22px;font-weight:900;border-bottom:0;padding-top:14px;}
.pakiet-przycisk{width:100%;}
.pakiet-uwaga{font-size:14px;color:var(--wyciszony);margin:12px 0 0;}
.festyny-tabela{width:100%;min-width:620px;}
.festyny-tabela th,.festyny-tabela td{text-align:right;}
.festyny-tabela th:first-child,.festyny-tabela td:first-child{text-align:left;}
.festyny-dopisek{margin-top:14px;color:var(--wyciszony);}
ul.festyny-bazy{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px;}
ul.festyny-bazy a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 20px;border:2px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;}
ul.festyny-bazy a:hover{background:var(--zolty-jasny);}
ul.festyny-bazy b{white-space:nowrap;}
@media (max-width:600px){.pakiet-karta{padding:22px 18px;box-shadow:6px 6px 0 var(--ink);}.pakiet-tabela{font-size:15.5px;}}

/* SEO 21.10: strony baz i województw */
.seo-opis{max-width:780px;margin-top:28px;}
.seo-tabela{width:100%;max-width:560px;}
.seo-tabela th:last-child,.seo-tabela td:last-child{text-align:right;}
ul.seo-woj{list-style:none;padding:0;margin:16px 0 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;}
ul.seo-woj li>a,ul.seo-woj li>span{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border:2px solid var(--ramka);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;font-weight:600;}
ul.seo-woj li>a{border-color:var(--ink);font-weight:700;}
ul.seo-woj li>a:hover{background:var(--zolty-jasny);}
.seo-nazwy{font-size:15px;line-height:1.75;}

/* Darmowa próbka (21.10) */
.probka-naglowek{max-width:760px;margin:10px 0 24px;}
.probka-naglowek h1{margin-bottom:10px;}
.probka-cta{margin-top:32px;padding:28px 24px;background:var(--zolty-jasny,#FFF8E1);border:2px solid var(--ink,#111);border-radius:16px;}
.probka-cta h2{margin-top:0;}
.probka-cta .hero-cta{margin:16px 0 8px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero-dopisek{margin-top:14px;font-size:14px;}
.hero-dopisek a{color:var(--ink,#111);font-weight:600;}