:root {
  --paint-muted: #fbf7ee;
  --tone-accent: #1f4e5f;
  --line-secondary: #d8cfba;
  --surface-strong: #fdf7ec;
  --depth-image: 0 12px 24px rgba(0,0,0,0.04);
  --ink-muted: #1a2328;
  --state-active: #ffffff;
  --line-deep: #f4efe4;
  --ink-base: #b8763a;
  --line-clear: #1f4e5f;
  --space-card: 2.19rem;
  --surface-main: #f6f1e6;
  --gap-list: 1.5rem;
  --radius-panel: 0.38rem;
  --surface-page: #f4efe4;
  --surface-muted: #1a2328;
  --ease-nav: cubic-bezier(0.4,0,0.2,1);
  --tone-light: #2f3a3f;
  --radius-large: 1.31rem;
  --tone-extra-17: #1a2328;
  --ink-secondary: linear-gradient(135deg, #1f4e5f 0%, #2c6b7d 55%, #b8763a 100%);
  --surface-base: #f4efe4;
  --paint-soft: #eae2d2;
}

body{margin:0;padding:0;font-family:"Rubik", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
footer,footer *{border-radius:0!important;}
.cookies {
    position: fixed;
    left: var(--space-card);
    right: var(--space-card);
    bottom: var(--gap-list);
    z-index: 1200;
}
.cookies .content-media {
    margin-left: auto;
    max-width: 440px;
    border-radius: var(--radius-large);
    padding: var(--gap-list) var(--space-card);
    background: var(--tone-accent);
    color: var(--line-deep);
    box-shadow: var(--depth-image);
    border: 1px solid rgba(148, 163, 184, .35);
}
.cookies .quiet-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.cookies .quiet-note strong {
    font-size: 16px;
}
.cookies .quiet-note button {
    border: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-size: 13px;
    cursor: pointer;
}
.cookies p {
    margin: 10px 0 0;
}
.cookies .contact-fields {
    margin-top: 14px;
    display: flex;
    gap: 8px;
}
.cookies .contact-fields button {
    flex: 1;
    border-radius: var(--radius-panel);
    border: 1px solid rgba(148, 163, 184, .45);
    padding: 9px 12px;
    color: var(--state-active);
    background: rgba(51, 65, 85, .65);
    cursor: pointer;
}
.cookies .contact-fields button.cookie-accept {
    color: var(--surface-main);
    border-color: transparent;
    color: var(--tone-extra-17);
    font-weight: 700;
}
@media (max-width: 760px) {
    .cookies .content-media {
        max-width: none;
    }
}