.header {
  position: relative;
}

.header-arrival-notice {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.55rem);
  right: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  max-width: min(320px, calc(100vw - 2rem));
  padding: 0.7rem 0.9rem;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.16);
  font-size: 0.88rem;
  font-weight: 700;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease;
}
.header-arrival-notice[hidden] { display: none !important; }
.header-arrival-notice.is-visible { opacity: 1; transform: translateY(0); }
.header-arrival-notice i { color: #f97316; }
@media (max-width: 447px) { .header-arrival-notice { right: 0.75rem; left: 0.75rem; justify-content: center; border-radius: 12px; } }