#cookie-consent{ position: fixed; inset: auto 0 0 0; z-index: 100000; display: none; }
#cookie-consent.show{ display:block; }
.cookie-wrap{
  width: min(1100px, 92vw);
  margin: 0 auto 16px;
  background: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e5e9e8;
  border-radius: 16px;
  box-shadow: 0 -8px 32px rgba(0,0,0,.1);
  padding: clamp(16px, 2.5vw, 24px);
}
.cookie-flex{ display: grid; gap: 12px; align-items: center; }
@media (min-width: 720px){ .cookie-flex{ grid-template-columns: 1fr auto; gap: 16px; } }
.cookie-title{ font-weight: 700; margin: 0 0 4px 0; color: #1a1a1a; }
.cookie-text{ margin: 0; color: #555; font-size: 14px; line-height: 1.6; }
.cookie-actions{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.cookie-btn{
  appearance: none; border: 1px solid #e5e9e8;
  background: transparent; color: #1a1a1a;
  padding: 10px 20px; border-radius: 50px; cursor: pointer; font-weight: 600;
  font-size: 14px; transition: all 0.2s ease;
}
.cookie-btn:hover{ border-color: #7dd4af; background: #eefbf5; }
.cookie-btn:focus-visible{ outline: 3px solid rgba(162,235,204,.5); outline-offset: 2px; }
.cookie-accept{ background: #A2EBCC; color: #1a1a1a; border-color: #A2EBCC; }
.cookie-accept:hover{ background: #7dd4af; border-color: #7dd4af; }
.cookie-link{ color: #7dd4af; text-decoration: none; font-weight: 600; }
.cookie-link:hover{ text-decoration: underline; }

/* ---- Reveal fail-safe ---- */
.reveal{opacity:1;transform:none}
.js-has-reveal .reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}
.js-has-reveal .reveal.visible{opacity:1;transform:none}
/* Currency dropdown options */
.pricing .currency #currency option { color:#0b0f12; background:#fff; }
.pricing .currency #currency option:checked { background:#A2EBCC; color:#0b0f12; }

/* --- Fix: prevent cut-off on anchor scroll --- */
section[id] { scroll-margin-top: 100px; }
@media (max-width: 900px) { section[id] { scroll-margin-top: 120px; } }