html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"Merriweather", sans-serif;}
.cookies{position:fixed;right:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:1200}
:root {
  --paint-page: #f7f3ea;
  --type-lead: calc(14.3px * 1.35);
  --paint-warm: #d98a2b;
  --ink-warm: #0f5c63;
  --shadow-card: 0 14px 20px rgba(0,0,0,0.04);
  --ink-card: #e2dbcb;
  --line-base: #f1ece0;
  --ink-panel: #0f5c63;
  --paint-strong: #1c2f31;
  --tone-light: #1c2f31;
  --surface-card: #d98a2b;
  --speed-panel: cubic-bezier(0.22,1,0.36,1);
  --ink-strong: #faf6ee;
  --ink-cool: #1c2f31;
  --copy-base: 1.81;
  --line-secondary: #2b3d3f;
  --tone-card: #0f5c63;
  --tone-panel: #ffffff;
  --surface-deep: #f7f3ea;
  --tone-cool: linear-gradient(135deg, #faf6ee 0%, #f1ece0 55%, #e6efe9 100%);
  --tone-extra-3: #3a2408;
}

.cookies .local-visual{width:min(24rem,calc(100vw - 28px));padding:14px 16px;border:1px solid var(--ink-card);border-radius:20px;background:var(--line-base);color:var(--line-secondary);box-shadow:var(--shadow-card)}
.cookies strong{display:block;font-size:var(--type-lead)}
.cookies p{margin:6px 0 0;line-height:var(--copy-base)}
.cookies .soft-brand{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.cookies .soft-brand button{border:1px solid var(--ink-card);background:var(--tone-panel);color:var(--paint-strong);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700}
.cookies .soft-brand button.cookie-accept{background:var(--paint-warm);color:var(--tone-extra-3);border-color:transparent}