/* Optional analytics choice. Kept independent so legal pages can use it too. */
/* Corner-anchored card, not a full-width bar. The banner is persistent and
   does not auto-dismiss, so at 980px centred it sat across the pricing table
   and the security doctrine at every scroll depth. Anchored bottom-right at
   a fixed width it stays out of the reading column and away from price rows. */
.consent-banner{
  position:fixed; right:1rem; bottom:1rem; left:auto; z-index:120;
  display:flex; flex-direction:column; align-items:stretch; gap:.9rem;
  width:min(420px,calc(100vw - 2rem)); margin:0; padding:1rem 1.1rem;
  color:#FAF4E8; background:#0B1F19; border:1px solid rgba(250,244,232,.28);
  border-radius:6px; box-shadow:0 14px 45px rgba(0,0,0,.3);
  font-family:"Archivo Local",system-ui,-apple-system,sans-serif;
}
.consent-banner[hidden],.consent-reopen[hidden]{display:none}
.consent-copy{max-width:62ch}
.consent-copy h2{margin:0 0 .2rem;color:#FAF4E8;font:600 1rem/1.3 "Archivo Local",system-ui,-apple-system,sans-serif}
.consent-copy p{margin:0;color:#DCE6E0;font-size:.86rem;line-height:1.5}
.consent-copy a{color:#DFC99D}
.consent-actions{display:flex;flex-wrap:wrap;gap:.6rem;flex:0 0 auto}
.consent-actions button,.consent-reopen{
  min-height:44px; padding:.65rem .9rem; border:1px solid #DFC99D; border-radius:3px;
  color:#FAF4E8; background:transparent; cursor:pointer;
  font:600 .78rem/1.2 "Archivo Local",system-ui,-apple-system,sans-serif;
}
.consent-actions button:focus-visible,.consent-reopen:focus-visible{outline:3px solid #FAF4E8;outline-offset:2px}
.consent-reopen{
  position:fixed;right:.75rem;bottom:.75rem;z-index:119;
  min-height:40px;padding:.55rem .75rem;color:#FAF4E8;background:#14372D;
  border-color:rgba(250,244,232,.45);box-shadow:0 5px 18px rgba(0,0,0,.2)
}
.consent-actions{display:grid;grid-template-columns:1fr 1fr}

/* The sticky purchase bar occupies the bottom 74px below 860px on the pages
   that carry it. The banner sits at z-index 120 and the purchase button at
   80, so at bottom:1rem the banner covered the buy button outright on a
   phone. Lift clear of it wherever the sticky bar exists. */
@media (max-width:860px){
  body:has(.sticky) .consent-banner{bottom:calc(74px + 1rem + env(safe-area-inset-bottom))}
  body:has(.sticky) .consent-reopen{bottom:calc(74px + .75rem + env(safe-area-inset-bottom))}
}
@media (max-width:440px){
  .consent-actions{grid-template-columns:1fr}
}