.cookie-notice {
  position: fixed;
  z-index: 70;
  left: max(20px, env(safe-area-inset-left));
  bottom: max(20px, env(safe-area-inset-bottom));
  width: min(480px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 20px;
  border: 1px solid #e6eacb;
  border-radius: 26px;
  background: #fffdf5;
  box-shadow: 0 10px 35px #23481330;
  color: #343434;
  font: 600 14px/1.5 "Nunito", "Trebuchet MS", sans-serif;
}
.cookie-notice[hidden], .cookie-notice [hidden] { display: none; }
.cookie-notice-heading { display: flex; align-items: center; gap: 10px; }
.cookie-notice-heading > svg { width: 32px; height: 32px; flex: none; color: #80bd19; }
.cookie-notice h2 { margin: 0; font: 900 24px/1.1 var(--font-heading); color: #086624; text-transform: uppercase; }
.cookie-notice p { margin: 12px 0 0; }
.cookie-notice-details { padding-top: 12px; border-top: 1px solid #e6eacb; color: #555c48; }
.cookie-notice-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.cookie-notice button { min-height: 44px; padding: 10px 18px; border-radius: 25px; font: 900 14px/1.35 "Nunito", "Trebuchet MS", sans-serif; cursor: pointer; }
.cookie-notice-more { border: 1px solid #b7cb8d; background: #f4f8e9; color: #236c1b; }
.cookie-notice-dismiss { border: 1px solid #7ac617; background: linear-gradient(115deg,#67bd06,#9bdf12); color: #fff; box-shadow: inset 0 2px 2px #ffffff40,0 3px 6px #78b31125; }
.cookie-notice button:focus-visible { outline: 3px solid #086624; outline-offset: 3px; }
.cookie-notice button:active { filter: brightness(.95); }
body.tour-mode .cookie-notice { bottom: 110px; max-height: calc(100dvh - 130px); }
@media (max-width:1024px), (max-width:1100px) and (max-height:550px) {
  .cookie-notice {
    left: max(12px, env(safe-area-inset-left));
    width: calc(100vw - 24px);
    bottom: calc(var(--bottom-nav-clearance, 100px) + 12px);
    max-height: calc(100dvh - var(--bottom-nav-clearance, 100px) - 36px);
    padding: 16px;
    border-radius: 22px;
  }
  .cookie-notice h2 { font-size: 22px; }
  .cookie-notice button { padding: 10px 14px; }
  body.tour-mode .cookie-notice { bottom: 90px; max-height: calc(100dvh - 114px); }
}
@media (hover:hover) and (pointer:fine) {
  .cookie-notice button:hover { filter: brightness(1.06); }
}