.pe-cookie-panel, .pe-cookie-panel *, .pe-cookie-settings { box-sizing: border-box; }
.pe-cookie-panel {
  position: fixed; z-index: 2147483000; left: 20px; bottom: 20px;
  width: min(560px, calc(100vw - 40px)); max-height: calc(100dvh - 40px); overflow-y: auto;
  padding: 22px; border: 1px solid #aab8c5; border-top: 3px solid #b68c52;
  border-radius: 3px; background: #fff; color: #163456;
  box-shadow: 0 10px 40px #0004; text-align: left; font: 15px/1.5 Arial, sans-serif;
}
.pe-cookie-panel[hidden], .pe-cookie-settings[hidden] { display: none !important; }
.pe-cookie-panel h2 { margin: 0 0 8px; color: #163456; font: 700 19px/1.3 Arial, sans-serif; letter-spacing: normal; text-transform: none; }
.pe-cookie-panel p { margin: 0 0 14px; color: #334a5d; font: 15px/1.5 Arial, sans-serif; }
.pe-cookie-panel a { color: #163456; text-decoration: underline; }
.pe-cookie-panel .pe-cookie-status:empty { display: none; }
.pe-cookie-panel .pe-cookie-status { font-size: 13px; }
.pe-cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pe-cookie-actions button, .pe-cookie-settings {
  margin: 0; border: 1px solid #163456; border-radius: 3px; padding: 11px 17px;
  background: #fff; color: #163456; font: 600 14px/1.2 Arial, sans-serif;
  letter-spacing: normal; text-transform: none; cursor: pointer; min-height: 42px;
}
.pe-cookie-actions button:first-child { background: #163456; color: #fff; }
.pe-cookie-actions button:hover, .pe-cookie-settings:hover { box-shadow: inset 0 0 0 2px #b68c52; }
.pe-cookie-actions button:focus-visible, .pe-cookie-panel a:focus-visible, .pe-cookie-settings:focus-visible { outline: 3px solid #b68c52; outline-offset: 3px; }
.pe-cookie-settings { position: fixed; z-index: 2147482999; bottom: 8px; left: 8px; padding: 7px 10px; min-height: 32px; font-size: 11px; box-shadow: 0 2px 10px #0002; }
@media (max-width: 600px) {
  .pe-cookie-panel { left: 12px; bottom: 12px; width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 18px; }
  .pe-cookie-actions button { flex: 1; }
}
