html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"DM Sans", sans-serif;}
.cookies{position:fixed;left:var(--stack-base);right:var(--stack-base);bottom:var(--space-panel);z-index:1200;}
:root {
  --speed-entry: ease-in-out;
  --shadow-card: 0 6px 12px rgba(0,0,0,0.05);
  --line-primary: #faf4e8;
  --line-soft: #8a5a2b;
  --curve-card: 1rem;
  --gap-form: 1140px;
  --radius-panel: 0.37rem;
  --paint-inverse: #e0d0b6;
  --tone-primary: #2b2118;
  --line-base: #3d3226;
  --tone-page: #2b2118;
  --paint-cool: #241c14;
  --paint-panel: linear-gradient(135deg, #faf4e8 0%, #f0e5d2 55%, #e6d5b8 100%);
  --line-page: #8a5a2b;
  --space-panel: 1.5rem;
  --gutter-panel: 0.77rem;
  --line-light: #f0e5d2;
  --tone-main: #f6efe3;
  --surface-accent: #fdf8ef;
  --tone-strong: #2b2118;
  --stack-base: 1.43rem;
  --surface-primary: #2b1d10;
  --tone-extra-5: #ffffff;
  --line-warm: #e8a13a;
}

.cookies .offer-callout{max-width:var(--gap-form);margin:0 auto;background:var(--tone-extra-5);border:1px solid var(--paint-inverse);border-radius:var(--curve-card);box-shadow:var(--shadow-card);padding:calc(var(--space-panel) * 0.9) var(--stack-base);display:grid;grid-template-columns:1fr auto;gap:12px var(--gutter-panel);align-items:center;color:var(--tone-page);}
.cookies .soft-header{font-weight:700;}
.cookies p{margin:0;grid-column:1 / 2;}
.cookies .bottom-callout{grid-row:1 / 3;grid-column:2 / 3;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.cookies .bottom-callout button{border:1px solid var(--paint-inverse);background:var(--line-light);color:var(--line-base);border-radius:var(--radius-panel);padding:8px 12px;cursor:pointer;}
.cookies .bottom-callout button.cookie-accept{background:var(--line-warm);color:var(--surface-primary);border-color:transparent;font-weight:700;}
@media (max-width: 760px){.cookies .offer-callout{grid-template-columns:1fr;}

        .cookies p,.cookies .bottom-callout{grid-column:auto;grid-row:auto;}

        .cookies .bottom-callout{justify-content:flex-start;}
    }