.welcome-gift {
  position: fixed;
  left: max(14px, env(safe-area-inset-left));
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 35;
  box-sizing: border-box;
  width: 270px;
  max-width: calc(100vw - 28px);
  padding: 20px 22px 18px;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  background: #fff;
  color: #292524;
  box-shadow: 0 3px 16px rgb(0 0 0 / 14%);
  text-align: center;
  font: inherit;
  animation: welcome-gift-enter 200ms ease-out;
}
.welcome-gift[hidden] { display: none !important; }
.welcome-gift__close { position: absolute; top: 2px; left: 2px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: transparent; color: #737373; cursor: pointer; }
.welcome-gift__title { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0 12px 6px; font-size: 14px; font-weight: 700; }
.welcome-gift__intro, .welcome-gift__note { margin: 0; font-size: 13px; line-height: 1.7; color: #626262; }
.welcome-gift__amount { margin: 8px 0 14px; color: #df3535; font-size: 21px; font-weight: 700; line-height: 1.5; }
.welcome-gift__signup { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; margin-top: 6px; padding: 0 20px; border-radius: 7px; background: #168b46; color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; transition: background 150ms; }
.welcome-gift__signup:hover { background: #106b35; color: #fff; }
.welcome-gift__close:hover { color: #292524; }
.welcome-gift :focus-visible { outline: 2px solid #168b46; outline-offset: 3px; }
@media (max-width: 767px) { .welcome-gift { bottom: calc(90px + env(safe-area-inset-bottom)); width: 250px; } }
@keyframes welcome-gift-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .welcome-gift { animation: none; } .welcome-gift__signup { transition: none; } }