/* minimal mobile layout */

.card{
  background:#fff; border-radius:14px; padding:18px; box-shadow:0 6px 24px rgba(0,0,0,.06);
}

.cta{
  display:inline-block; padding:12px 16px; border-radius:12px; text-decoration:none;
  border:1px solid #ddd; background:#fff; margin-top:10px;
}

/* Wrapper: fixed at bottom-center of screen */
/* bottom-center anchor */
.a2hs-wrap{
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 99999;
}

/* main prompt (grey) that drops from top */
.a2hs-card{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:#e6e6e6; color:#111;
  border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.35);
  padding:12px 14px; display:flex; gap:10px; align-items:center;
  max-width:92vw; width:440px; border:1px solid rgba(0,0,0,.12);
  opacity:0; transform: translateY(-120vh);
  animation: a2hs-drop .9s ease-out forwards;
}

.a2hs-text{ line-height:1.25; font-size:14px }
.a2hs-strong{ font-weight:700 }
.a2hs-actions{ margin-left:auto; display:flex; gap:8px; align-items:center }
.a2hs-btn{ background:#2b7cff; color:#fff; border:0; border-radius:999px; padding:6px 10px; font-size:12px; cursor:pointer }
.a2hs-x{ background:transparent; color:#555; border:0; font-size:18px; cursor:pointer; line-height:1 }

.a2hs-icon{ width:24px; height:24px; display:inline-block; vertical-align:-4px }

@keyframes a2hs-drop{
  from { transform: translateY(-120vh); opacity: 0; }
  to   { transform: translateY(0);       opacity: 1; }
}

@media (max-width:420px){
  .a2hs-card{ width:92vw }
}
@media (prefers-reduced-motion: reduce){
  .a2hs-card{ animation:none; opacity:1; transform:none }
}