/* Alex's pill/button and privacy-card references, 5 November 2026.
   Product-local overrides: preserve the shared OKTOPODS core. */
:root{
  --clarity-action-gradient:linear-gradient(180deg,#ff1e1e 0%,#ff7300 52%,#ffd400 100%);
  --clarity-action-ink:#111;
  --clarity-action-rim:inset 0 0 0 3px rgb(255 255 255 / .28);
}
.site-header .button,#main .button.okto-action,#cookie-dialog .cookie-button{
  display:inline-flex;align-items:center;justify-content:center;gap:0;
  min-height:60px;max-width:100%;width:fit-content;padding:16px 32px;
  border:0;border-radius:999px;background:var(--clarity-action-gradient);
  color:var(--clarity-action-ink);font-family:var(--okto-font);
  font-size:22px;font-weight:400;line-height:28px;letter-spacing:-.02em;
  text-align:center;text-transform:none;text-decoration:none;white-space:normal;
  box-shadow:var(--clarity-action-rim);cursor:pointer;
  transition:filter 160ms ease,transform 160ms ease;
}
.site-header .button{min-height:48px;padding:12px 24px;font-size:17px;line-height:24px}
#main .button.okto-action .button-arrow{display:none}
.site-header .button:hover,#main .button.okto-action:hover,#cookie-dialog .cookie-button--primary:hover{
  background:var(--clarity-action-gradient);color:var(--clarity-action-ink);
  box-shadow:var(--clarity-action-rim);filter:brightness(1.06);transform:none;
}
.site-header .button:active,#main .button.okto-action:active,#cookie-dialog .cookie-button:active{transform:scale(.98)}
.site-header .button:focus-visible,#main .button.okto-action:focus-visible,#cookie-dialog .cookie-button:focus-visible{
  outline:2px solid #111;outline-offset:4px;box-shadow:var(--clarity-action-rim),0 0 0 4px #fff;
}
#cookie-dialog[data-okto-system]{
  position:fixed;inset:auto auto 20px 20px;box-sizing:border-box;
  width:800px;max-width:calc(100vw - 40px);max-height:calc(100svh - 40px);
  margin:0;padding:48px;border:0;border-radius:18px;overflow:auto;overscroll-behavior:contain;
  background:#fff;color:#1c1c1c;box-shadow:0 12px 64px rgb(0 0 0 / .14);
  --okto-focus:#111;--okto-focus-gap:#fff;
}
#cookie-dialog[data-okto-system]::backdrop{background:rgb(0 0 0 / .15)}
#cookie-dialog .cookie-content{gap:0}
#cookie-dialog[data-okto-system] h2{
  margin:0 0 20px;font-size:32px;line-height:1.15;letter-spacing:.01em;font-weight:700;text-transform:uppercase;
}
#cookie-dialog[data-okto-system] p{margin:0;color:#555;font-size:26px;line-height:1.5;letter-spacing:0;font-weight:200}
#cookie-dialog .cookie-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}
#cookie-dialog .cookie-button{min-height:76px;padding:20px 36px;font-size:26px;line-height:32px;font-weight:700;letter-spacing:0;text-transform:uppercase}
#cookie-dialog .cookie-button--neutral{min-width:240px;background:#f2f2f2;box-shadow:none;color:#1c1c1c}
#cookie-dialog .cookie-button--neutral:hover{background:#e8e8e8;filter:none}
#cookie-dialog .cookie-button--primary{min-width:280px}
#cookie-dialog .cookie-more,#cookie-dialog .cookie-close{
  align-self:flex-start;min-height:44px;padding:6px 0;margin-top:28px;
  color:#1c1c1c;font-family:var(--okto-font);font-size:26px;font-weight:700;line-height:32px;
  text-decoration:underline;text-underline-offset:4px;
}
#cookie-dialog .cookie-more:hover,#cookie-dialog .cookie-close:hover{text-decoration-thickness:2px}
#cookie-dialog .cookie-more:focus-visible,#cookie-dialog .cookie-close:focus-visible,#cookie-dialog a:focus-visible{outline:2px solid #111;outline-offset:4px}
#cookie-dialog .cookie-details{display:flex;flex-direction:column;align-items:flex-start;margin-top:40px;padding-top:28px;border-top:1px solid #e4e4e4}
#cookie-dialog .cookie-details h3{font-size:22px;line-height:28px;letter-spacing:0;margin:0 0 8px;font-weight:700}
#cookie-dialog .cookie-details p{font-size:20px;line-height:1.45}
#cookie-dialog .cookie-details>div+div{margin-top:24px}
#cookie-dialog .cookie-details a{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-size:18px;text-decoration:underline;text-underline-offset:4px}
#cookie-dialog .cookie-details .cookie-button{flex:0 0 auto;margin-top:24px;min-height:56px;min-width:0;padding:16px 28px;font-size:18px;line-height:24px}
#cookie-dialog .cookie-details .cookie-close{font-size:18px;line-height:24px;margin-top:12px}
@media(max-width:600px){
  #main .button.okto-action{font-size:20px;line-height:26px;min-height:58px;padding:16px 28px}
  #cookie-dialog[data-okto-system]{inset:auto auto 12px 12px;width:calc(100vw - 24px);max-width:none;max-height:calc(100svh - 24px);padding:28px 24px;border-radius:16px}
  #cookie-dialog[data-okto-system] h2{font-size:24px;line-height:28px;margin-bottom:16px}
  #cookie-dialog[data-okto-system] p{font-size:18px;line-height:27px}
  #cookie-dialog .cookie-actions{gap:12px;margin-top:24px}
  #cookie-dialog .cookie-button{min-width:0;min-height:56px;padding:16px 12px;font-size:18px;line-height:24px;white-space:nowrap;flex:1 1 130px}
  #cookie-dialog .cookie-more{font-size:20px;line-height:28px;margin-top:16px}
  #cookie-dialog .cookie-details{margin-top:24px;padding-top:24px}
  #cookie-dialog .cookie-details h3{font-size:20px;line-height:26px}
  #cookie-dialog .cookie-details p{font-size:17px;line-height:25px}
}
@media(prefers-reduced-motion:reduce){
  .site-header .button,#main .button.okto-action,#cookie-dialog .cookie-button{transition:none}
  .site-header .button:active,#main .button.okto-action:active,#cookie-dialog .cookie-button:active{transform:none}
}
#cookie-dialog #cookie-title:focus{outline:none}
#cookie-dialog .cookie-category-state{display:block;margin-top:4px;font-size:16px;line-height:24px;font-weight:400;color:#62665f}
#cookie-dialog .cookie-rule{height:24px;margin-top:40px;border-top:1px solid #e4e4e4}
@media(max-width:600px){#cookie-dialog .cookie-rule{height:8px;margin-top:24px}}

@media(max-width:360px){#cookie-dialog .cookie-actions{flex-direction:column;align-items:stretch}#cookie-dialog .cookie-actions .cookie-button{width:100%;flex:0 0 auto}}