.pa-notice {
  --n-plum: #372659;
  --n-mustard: #ee97a5;
  --n-paper: #fffcfd;
  --n-muted: #6b5566;

  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: min(336px, calc(100% - 2rem));
  max-height: calc(100vh - 2.2rem);
  overflow-y: auto;
  z-index: 150;

  background: var(--n-paper);
  color: var(--n-plum);
  font-family: "Playfair Display", Georgia, 'Times New Roman', serif;
  border: 1px solid rgba(55, 38, 89, 0.22);
  border-radius:2.7px 2.7px 9px 9px;
  box-shadow: 0 14px 32px rgba(35, 27, 64, 0.28);
  padding:0.9rem 1.1rem 1rem;
  transform: rotate(-1.1deg);
}

.pa-notice::before {
  
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  height: 6px;
  background: var(--n-paper);
  clip-path: polygon(0% 100%, 4% 30%, 9% 100%, 14% 20%, 19% 100%, 24% 25%, 29% 100%,
    34% 15%, 39% 100%, 44% 30%, 49% 100%, 54% 20%, 59% 100%, 64% 25%, 69% 100%,
    74% 15%, 79% 100%, 84% 30%, 89% 100%, 94% 20%, 100% 100%, 100% 100%, 0% 100%);
}

.pa-notice::after {
  content: '';
  position: absolute;
  top: 10px;
  left: -5px;
  width: 12px;
  height: 12px;
  background: var(--n-mustard);
  border-radius:50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.pa-notice__label {
  display: inline-block;
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--n-plum);
  background: var(--n-mustard);
  padding:0.15em 0.5em;
  border-radius:1.8px;
  margin-bottom:0.4rem;
}

.pa-notice p {
  margin:0 0 0.7rem;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--n-plum);
}

.pa-notice a {
  color: var(--n-plum);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--n-mustard);
  text-underline-offset: 0.12em;
}

.pa-notice__row { display: flex; justify-content: flex-end; }

.pa-notice button[data-cookie-dismiss] {
  font-family: inherit;
  background: var(--n-plum);
  color: var(--n-mustard);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  border: none;
  border-radius:2.7px;
  padding:0.5em 1em;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
}
.pa-notice button[data-cookie-dismiss]:hover { background: #231739; transform: translateY(-1px); }

@media (max-width: 479px) {
  .pa-notice {
    right: 1rem;
    left: 1rem;
    bottom: 0.85rem;
    width: auto;
    transform: none;
  }
}


@media (prefers-reduced-motion: reduce) {
  .pa-notice { transform: none; }
  .pa-notice button[data-cookie-dismiss] { transition: none; }
}