.home-tip {
  position: fixed;
  z-index: 55;
  inset-inline: 12px;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 76px);
  max-width: 370px;
  margin-inline: auto;
  padding: 14px 16px 12px;
  border: 1px solid #eee5e1;
  border-radius: 18px;
  background: #fff;
  color: #2b0a05;
  box-shadow: 0 8px 32px #19080330;
  font-family: 'DM Sans', sans-serif;
  animation: home-tip-in .3s ease-out both;
}
.home-tip[hidden], body:has(dialog[open], .mapa.is-open, .qcw-seal-overlay) .home-tip { display: none; }
.home-tip h2 { margin: 0 30px 3px 0; font: 700 16px/1.25 'DM Sans', sans-serif; letter-spacing: -.3px; }
.home-tip p { margin: 0; font-size: 12px; line-height: 1.4; color: #74625c; }
.home-tip-close {
  position: absolute;
  top: 3px;
  right: 3px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #74625c;
  background: transparent;
  cursor: pointer;
}
.home-tip-close:focus-visible { outline: 2px solid #ec3307; outline-offset: -4px; }
.home-tip-close:active { background: #f7f1ed; }
.home-tip svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.home-tip ol { display: grid; grid-template-columns: .85fr 1.4fr; gap: 8px; list-style: none; padding: 0; margin: 11px 0 8px; }
.home-tip li { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 10px; background: #fff5f0; font-size: 12px; line-height: 1.3; }
.home-tip li svg { color: #ec3307; }
.home-tip li small { display: block; font-size: 10px; color: #8b6253; margin-bottom: 1px; }
.home-tip li strong { font-weight: 700; }
.home-tip .home-tip-finish { font-size: 11px; }
@keyframes home-tip-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .home-tip { animation: none; } }
@media (max-height: 440px) { .home-tip { display: none; } }
@media (display-mode: standalone) { .home-tip { display: none; } }
