.screen-reader-text{
 position:absolute;
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 border:0;
 overflow:hidden;
 clip:rect(1px,1px,1px,1px);
 clip-path:inset(50%);
 white-space:nowrap;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner{
 font-family:'Inter',system-ui,sans-serif;
 width:min(900px,calc(100vw - 40px));
 max-width:min(900px,calc(100vw - 40px));
 padding:0;
 border:0;
 border-radius:4px;
 background:#fff;
 color:#22211f;
 box-shadow:0 30px 70px -20px rgba(21,46,61,.45);
}
#cmplz-cookiebanner-container:has(.cmplz-cookiebanner.cmplz-show)::before{
 content:'';
 position:fixed;
 inset:0;
 z-index:999;
 background:rgba(21,46,61,.55);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner{
 z-index:1000;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{
 padding:22px 32px;
 margin:0;
 align-items:center;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{
 font-size:17px;
 font-weight:700;
 letter-spacing:-.01em;
 color:#152e3d;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider{
 margin:0;
 border-top:1px solid #dfe4e8;
 background:none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{
 padding:28px 32px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{
 font-size:15px;
 line-height:24px;
 color:#22211f;
 margin:0;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{
 margin-top:20px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{
 display:flex;
 justify-content:flex-end;
 flex-wrap:wrap;
 gap:12px;
 padding:20px 32px;
 margin:0;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
 flex:0 0 auto;
 width:auto;
 min-width:240px;
 min-height:58px;
 padding:15px 24px;
 border-radius:4px;
 border:2px solid #0078bf;
 font-size:15px;
 font-weight:600;
 line-height:24px;
 letter-spacing:0;
 text-transform:none;
 transition:background-color .18s ease,color .18s ease;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept{
 order:3;
 background:#0078bf;
 color:#fff;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:focus-visible{
 background:#005c93;
 border-color:#005c93;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{
 order:2;
 background:#fff;
 color:#22211f;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{
 order:1;
 background:#fff;
 color:#22211f;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover{
 background:#f2f5f7;
}
/* Pierwsza warstwa banera ma tylko „Akceptuj" i „Spersonalizuj" [Mateusz, 2026-08-03,
   na wzór banera z jadeja.pl]. „Odrzuć" pojawia się w drugiej warstwie, razem z kategoriami. */
#cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-btn.cmplz-deny{
 display:none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{
 padding:0 32px 22px;
 justify-content:flex-start;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links ul,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents ul{
 display:flex;
 flex-wrap:wrap;
 gap:6px 20px;
 margin:0;
 padding:0;
 list-style:none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links li,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li{
 margin:0;
 padding:0;
 list-style:none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a{
 font-size:13.5px;
 color:#00618f;
 text-decoration:underline;
 text-underline-offset:3px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner li:has(> a.cmplz-hidden){display:none;}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{
 color:#5c666f;
 border:0;
 background:none;
 box-shadow:none;
 padding:4px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover{color:#22211f;}
/* Wtyczka po otwarciu banera ustawia fokus na krzyżyku, więc obwódka fokusu pokazywała się
   każdemu, także przy otwarciu myszą, i wyglądała jak ramka wokół ikony.
   Zostaje tam, gdzie jest potrzebna: przy obsłudze klawiaturą. */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus:not(:focus-visible){outline:none;}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus-visible{
 outline:none;
 background:#f2f5f7;
 border-radius:50%;
 color:#22211f;
}
@media (max-width:640px){
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{padding:16px 20px;}
 /* Wtyczka chowa tytuł na wąskim ekranie i zostaje pusty pasek z samym krzyżykiem. */
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{display:block;font-size:16px;}
 /* Na niskim ekranie lista kategorii potrafiła zostać ucięta w połowie wiersza.
    Przewija się całe wnętrze banera, a nie sama lista, więc żaden wiersz nie jest krojony. */
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{padding:20px;max-height:52vh;overflow-y:auto;overscroll-behavior:contain;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{max-height:none;overflow:visible;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{font-size:14.5px;line-height:23px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{padding:16px 20px;gap:10px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{min-width:100%;}
 /* Na telefonie przyciski stoją w pionie, więc główna akcja idzie na górę, pod kciuk.
    Na szerokim ekranie zostaje kolejność z wzoru: główna akcja po prawej. */
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept{order:1;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{order:2;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{order:3;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links,
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{padding:0 20px 18px;}
}
/* Telefon z niskim ekranem (Safari z paskami, starsze modele): wszystko ma się zmieścić
   bez przewijania, bo przecięty w połowie wiersz kategorii wygląda na zepsuty. */
@media (max-width:640px) and (max-height:720px){
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{padding:12px 20px;}
 /* Treść jest pełna, bo taka musi być, więc na niskim ekranie przewija się wnętrze banera.
    Cień u dołu pokazuje, że jest tam jeszcze coś do przeczytania. */
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{
  padding:14px 20px;
  max-height:46vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  box-shadow:inset 0 -14px 12px -12px rgba(21,46,61,.22);
 }
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{font-size:14px;line-height:21px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{margin-top:12px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-category-header{padding-top:6px;padding-bottom:6px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{padding:12px 20px;gap:8px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{min-height:48px;padding:11px 20px;}
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links,
 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{padding:0 20px 14px;}
}

/* Elementy, które wtyczka koloruje po swojemu. Straż palety słusznie je zgłaszała:
   zielony #008000 i szary #222222 nie należą do palety marki. */
.cmplz-cookiebanner .cmplz-category,
.cmplz-cookiebanner .cmplz-category-header{background:#f2f5f7;border-radius:10px;}
.cmplz-cookiebanner .cmplz-category-title{color:#22211f;}
.cmplz-cookiebanner .cmplz-always-active{color:#00618f;font-weight:600;}
.cmplz-cookiebanner .cmplz-description{color:#3f4a52;}
.cmplz-btn.cmplz-manage-consent{
 color:#22211f;
 background:#f2f5f7;
 border:1px solid #dfe4e8;
 border-radius:4px;
 font-size:14px;
 font-weight:600;
}
.cmplz-btn.cmplz-manage-consent:hover{background:#dfe4e8;color:#22211f;}