/* PromocjaSPA: the logo palette is the shared interface palette. */
:root {
  --brand-ink:#01242a; --brand-aqua:#2da7b1; --brand-action:#087b86;
  --brand-hover:#065d66; --brand-pale:#e2f3f5; --brand-border:#ccdee1;
  --kolor-tlo:#f5f9f9; --kolor-lod:#eaf3f4; --kolor-kafel:#dcebed;
  --kolor-linia:#ccdee1; --kolor-papier-2:#fbfdfd; --kolor-atrament:#01242a;
  --kolor-tekst:#153b42; --kolor-tekst-2:#496268; --kolor-blekit:#087b86;
  --kolor-blekit-2:#2da7b1; --kolor-blekit-cta:#065d66; --kolor-blekit-jasny:#d9eff1;
  --kolor-woda:#87d0d6; --kolor-granat:#01242a; --kolor-granat-2:#073b43;
  --kolor-granat-3:#104b54; --kolor-na-granacie:#eff9fa; --kolor-na-granacie-2:#b3d6db;
  /* Compatibility aliases used by the existing components and CMS. */
  --kolor-miedz:#087b86; --kolor-miedz-ciemna:#065d66; --kolor-miedz-jasna:#7fd4dc;
  --kolor-cena:#087b86; --kolor-cena-tlo:#e2f3f5; --kolor-fokus:#087b86;
  --cien-miedz:0 8px 24px rgba(8,123,134,.18);
}
html { scroll-padding-bottom:110px; }
body { padding-bottom:88px; }
body { background-color:var(--kolor-tlo); }
body:has(.stopka) { padding-bottom:0; }
.stopka { padding-bottom:110px; }
:is(main,.tresc) { background-color:var(--kolor-tlo); }
:is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--brand-aqua); outline-offset:4px; }
:is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:var(--brand-action); }
:is(.przycisk,.offer-button,.catalog-button,.v7-button,.stopka__zapisz) { border-radius:999px; }
.portal-menu .zak.is-on { background:var(--brand-action)!important; }
.u-admin .przycisk,.u-panel .przycisk,.u-wejscie .przycisk { background:var(--brand-action)!important; }
.u-admin .przycisk:hover,.u-panel .przycisk:hover,.u-wejscie .przycisk:hover { background:var(--brand-hover)!important; }
.brand-catalogue {
  position:fixed; right:max(22px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom));
  z-index:90; display:inline-flex; align-items:center; gap:12px; min-height:58px;
  padding:8px 22px 8px 10px; border:1px solid #4c858d; border-radius:999px;
  background:#01242a; color:#fff!important; box-shadow:0 8px 24px rgba(1,36,42,.18);
  font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; text-decoration:none;
  transition:transform 180ms ease,background-color 180ms ease;
}
.brand-catalogue-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:50%; background:#2da7b1; color:#01242a; }
.brand-catalogue-icon svg { transition:transform 180ms ease; }
.brand-catalogue small { display:block; margin-top:3px; color:#b3d6db; font-size:10px; font-weight:400; }
.brand-catalogue:hover { transform:translateY(-2px); background:#073b43; }
.brand-catalogue:hover svg { transform:translateY(2px); }
.brand-catalogue:focus-visible { outline-color:#2da7b1; box-shadow:0 0 0 7px #fff; }
.catalog-comparebar { bottom:100px!important; }
@media(max-width:700px) {
  .brand-catalogue { right:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); min-height:50px; padding:6px 16px 6px 7px; gap:9px; font-size:12px; }
  .brand-catalogue-icon { width:34px; height:34px; flex-basis:34px; }
  .brand-catalogue small { font-size:9px; }
  .catalog-comparebar { bottom:82px!important; }
  html { scroll-padding-bottom:150px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-catalogue,.brand-catalogue-icon svg { transition:none; }
  .brand-catalogue:hover,.brand-catalogue:hover svg { transform:none; }
}