/* Baner zgód Cookiebota na telefonie (wszystkie strony z Cookiebotem): pasek na dole (tekst, „Zezwól na wszystkie”,
   „Odmowa”, „Szczegóły”) zamiast okna na cały ekran – treść strony widać od razu. „Odmowa” ma ten sam wygląd
   i rozmiar co „Zezwól”. Po kliknięciu „Szczegóły” reguły przestają działać i Cookiebot pokazuje pełne okno
   z przełącznikami i „Zezwól na wybór”. Komputer bez zmian. Podpięty w <head> każdej strony zaraz po skrypcie Cookiebota. */
@media (max-width: 600px) {
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) {
    top: auto !important; bottom: 0 !important; left: 0 !important; transform: none !important;
    width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important;
    border-radius: 12px 12px 0 0 !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) :is(
    #CybotCookiebotDialogHeader, #CybotCookiebotDialogBodyContentTitle, #CybotCookiebotDialogBodyLevelWrapper,
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, .CybotCookiebotFader,
    #CybotCookiebotDialogNavList li:not(:has(#CybotCookiebotDialogNavDetails))
  ) { display: none !important; }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) :is(
    .CybotCookiebotDialogContentWrapper, #CybotCookiebotDialogTabContent, #CybotCookiebotDialogBody
  ) { height: auto !important; flex: none !important; }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogNav {
    order: 2 !important; border: 0 !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogNavList {
    justify-content: flex-start !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogNavDetails {
    padding: 2px 16px !important; font-size: 13px !important; text-decoration: underline !important; border: 0 !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) .CybotCookiebotScrollContainer {
    height: auto !important; max-height: none !important; min-height: 0 !important; padding: 0 !important; border: 0 !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogBodyContent {
    padding: 12px 16px 4px !important; max-height: 60px !important; overflow: auto !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogBodyContentText {
    font-size: 12.5px !important; line-height: 1.4 !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogFooter {
    padding: 6px 12px 12px !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogBodyButtonsWrapper {
    display: flex !important; flex-direction: row !important; gap: 8px !important;
  }
  #CybotCookiebotDialog:has(#CybotCookiebotDialogNavDeclaration.CybotCookiebotDialogActive) #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; margin: 0 !important;
    padding: 11px 4px !important; font-size: 13px !important; line-height: 1.2 !important;
  }
}