#cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: #002e47; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-shadow: 0 -4px 10px rgba(0,0,0,0.2); font-family: "Segoe UI", Arial, sans-serif; z-index: 9999; opacity: 0; transform: translateY(100%); transition: all 0.4s ease; }
#cookie-banner.show { opacity: 1; transform: translateY(0); }
#cookie-banner p { margin: 0; font-size: 0.9rem; }
#cookie-banner a { color: #e30613; text-decoration: underline; }
.cookie-btn { padding: 8px 16px; margin-left: 10px; border-radius: 20px; font-size: 0.9rem; cursor: pointer; transition: all 0.2s ease; }
.cookie-btn.accept { background-color: #e30613; color: #fff; border: none; }
.cookie-btn.decline { background: transparent; border: 1px solid #e30613; color: #e30613; }
.cookie-btn:focus { outline: 2px dashed #e30613; outline-offset: 2px; }
#cookie-settings-btn { position: fixed; bottom: 20px; left: 20px; width: 52px; height: 52px; border-radius: 50%; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: none; transition: transform 0.2s ease, opacity 0.2s ease; z-index: 9999; padding: 0; }
#cookie-settings-btn:hover { transform: scale(1.08); }
#cookie-settings-btn.hidden { opacity: 0; pointer-events: none; }

@media (max-width: 820px) {
  #cookie-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px;
  }
  #cookie-banner p { line-height: 1.5; }
  #cookie-banner > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .cookie-btn {
    margin-left: 0;
    flex: 1 1 auto;
  }
}