/* Support entry stays above the configurator's bottom action bar. */
.dp-support { position:fixed; right:max(24px, env(safe-area-inset-right, 0px)); bottom:calc(var(--dp-support-bottom, 24px) + env(safe-area-inset-bottom, 0px)); z-index:70; display:flex; align-items:center; justify-content:center; gap:8px; min-height:54px; max-width:calc(100vw - 32px); box-sizing:border-box; padding:0 18px; border-radius:28px; background:#229ed9; color:#fff; text-decoration:none; box-shadow:0 4px 18px #0003; font:600 14px/1.2 system-ui,sans-serif; }
.dp-support:hover { background:#1686bd; color:#fff; }
.dp-support:focus-visible { outline:3px solid #997729; outline-offset:4px; }
.dp-support svg { flex-shrink:0; }
@media (max-width:900px) {
  .dp-support { right:max(16px, env(safe-area-inset-right, 0px)); bottom:calc(var(--dp-support-bottom, 20px) + env(safe-area-inset-bottom, 0px)); width:52px; height:52px; min-height:52px; padding:0; border-radius:50%; }
  .dp-support span { display:none; }
  /* Keep clear of the action bar even before its script runs. */
  .p-deploy .dp-support { bottom:calc(max(88px, var(--dp-support-bottom, 88px)) + env(safe-area-inset-bottom, 0px)); }
}
@media (max-height:420px) and (max-width:900px) {
  .dp-support { width:44px; height:44px; min-height:44px; }
  .dp-support svg { width:24px; height:24px; }
}