*,*::before,*::after{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"IBM Plex Sans", sans-serif;}
a{color:inherit;}
.cookies {
    position: fixed;
    left: var(--space-section);
    right: var(--space-section);
    bottom: var(--space-block);
    z-index: 1200;
}
.cookies .compact-view {
    margin-left: auto;
    max-width: 440px;
    border-radius: var(--radius-soft);
    padding: var(--space-block) var(--space-section);
    background: var(--line-strong);
    color: var(--paint-muted);
    box-shadow: var(--lift-button);
    border: 1px solid rgba(148, 163, 184, .35);
}
.cookies .service-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
:root {
  --surface-muted: #57534e;
  --ink-soft: #b85c38;
  --surface-base: #b85c38;
  --line-strong: #b85c38;
  --ink-base: #1c1917;
  --motion-hover: cubic-bezier(0.2,0.8,0.2,1);
  --space-block: 1.5rem;
  --radius-soft: 0.72rem;
  --tone-strong: #e7e5e4;
  --space-section: 1.17rem;
  --surface-main: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 100%);
  --line-main: #fafaf9;
  --line-inverse: #1c1917;
  --tone-extra-12: #1c1917;
  --paint-main: linear-gradient(135deg, #b85c38 0%, #9e4a2c 100%);
  --lift-button: 0 6px 28px rgba(0,0,0,0.13);
  --surface-warm: #f5f5f4;
  --ink-card: #ffffff;
  --surface-clear: #ffffff;
  --paint-muted: #ffffff;
  --curve-button: 0.2rem;
  --tone-deep: #ffffff;
  --line-base: #292524;
  --state-control: #ffffff;
  --paint-strong: #fafaf9;
}

.cookies .service-list strong {
    font-size: 16px;
}
.cookies .service-list button {
    border: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-size: 13px;
    cursor: pointer;
}
.cookies p {
    margin: 10px 0 0;
}
.cookies .strong-plan {
    margin-top: 14px;
    display: flex;
    gap: 8px;
}
.cookies .strong-plan button {
    flex: 1;
    border-radius: var(--curve-button);
    border: 1px solid rgba(148, 163, 184, .45);
    padding: 9px 12px;
    color: var(--state-control);
    background: rgba(51, 65, 85, .65);
    cursor: pointer;
}
.cookies .strong-plan button.cookie-accept {
    color: var(--paint-strong);
    border-color: transparent;
    color: var(--ink-base);
    font-weight: 700;
}
@media (max-width: 760px) {
    .cookies .compact-view {
        max-width: none;
    }
}
