/* DanceGrove — PWA Add-to-Home-Screen chip (f-pwa)
 * Subtle, dismissible, bottom-left so it never collides with the bottom-right
 * chatbot widget. Terracotta Atelier tokens only; respects reduced-motion. */
.dg-a2hs{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:60;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--dg-paper,#fffdf8);
  border:1px solid var(--dg-line,#e2d4bd);
  border-radius:var(--dg-radius-pill,999px);
  padding:6px 6px 6px 4px;
  box-shadow:0 18px 34px -18px rgba(44,33,26,.5);
  animation:dg-a2hs-in .3s ease both;
}
.dg-a2hs-install{
  font-family:var(--dg-font-body,system-ui,sans-serif);
  font-weight:600;
  font-size:13px;
  letter-spacing:.02em;
  color:#fff;
  background:var(--dg-clay,#bd5e35);
  border:1.5px solid var(--dg-clay,#bd5e35);
  border-radius:var(--dg-radius-pill,999px);
  padding:9px 16px;
  cursor:pointer;
  transition:.25s;
}
.dg-a2hs-install:hover,
.dg-a2hs-install:focus-visible{
  background:var(--dg-clay-2,#9c4622);
  border-color:var(--dg-clay-2,#9c4622);
}
.dg-a2hs-close{
  font-family:var(--dg-font-body,system-ui,sans-serif);
  font-size:20px;
  line-height:1;
  color:var(--dg-ink-soft,#6f5d4e);
  background:none;
  border:none;
  width:30px;
  height:30px;
  border-radius:50%;
  cursor:pointer;
  transition:.2s;
}
.dg-a2hs-close:hover,
.dg-a2hs-close:focus-visible{
  background:color-mix(in srgb,var(--dg-clay,#bd5e35) 12%,transparent);
  color:var(--dg-ink,#2c211a);
}
@keyframes dg-a2hs-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dg-a2hs{animation:none}}