.product-buttons [data-testid="button-buy"],
form.space-y-4.max-w-xl button[type="submit"] {
  background-color: #c3510c;
  color: #fff;
  box-shadow: 0 6px 16px rgb(195 81 12 / 18%);
}
.product-buttons [data-testid="button-buy"]:hover,
form.space-y-4.max-w-xl button[type="submit"]:hover { background-color: #a94308; }
form.space-y-4.max-w-xl button[type="submit"] { border-radius: var(--radius-2xl, 1.25rem); }
.product-buttons [data-testid="link-install-extension"],
.product-buttons [data-testid="button-install-unavailable"],
button.support-fab {
  background-color: #14b8a6;
  color: #042f2e;
}
.product-buttons [data-testid="link-install-extension"]:hover,
button.support-fab:hover { background-color: #0fa493; }

/* The entire support widget shares the extension-install button's teal accent.
   Keep these variables local: store checkout and admin retain their own theme. */
.support-fab,
.support-panel {
  --primary: 173.415 80.392% 40%;
  --primary-foreground: 178.605 84.314% 10%;
  --ring: 173.415 80.392% 40%;
}
.support-panel { border-color: hsl(var(--primary) / .28); }
.support-fab:hover,
.support-row button:not(:disabled):hover { background: #0fa493; }
.support-head button:hover { background: rgb(4 47 46 / .12); }
.support-head p,
.support-visitor .support-who { opacity: 1; }
.support-bot {
  background: hsl(var(--primary) / .09);
  border: 1px solid hsl(var(--primary) / .15);
}
.support-typing { color: hsl(var(--primary)); }
.support-human {
  border-color: hsl(var(--primary) / .45);
  background: hsl(var(--primary) / .08);
}
.support-human:not(:disabled):hover { background: hsl(var(--primary) / .16); }
.support-row textarea { caret-color: hsl(var(--primary)); }
.support-panel ::selection { background: hsl(var(--primary) / .25); }