.market-suggestion {
  position: fixed;
  z-index: 1200;
  inset-inline-end: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  width: min(32rem, calc(100vw - 2rem));
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1rem;
  background: rgba(15, 16, 16, 0.96);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35);
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.market-suggestion[hidden] { display: none; }
.market-suggestion__copy { display: grid; gap: 0.15rem; min-width: 0; }
.market-suggestion__copy strong { font-size: 0.88rem; line-height: 1.3; }
.market-suggestion__copy span { color: rgba(255, 255, 255, 0.68); font-size: 0.76rem; }
.market-suggestion__form { margin: 0; }
.market-suggestion__action,
.market-suggestion__dismiss {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
}
.market-suggestion__action { width: 100%; padding: 0.7rem 1rem; border: 0; background: #bfff00; color: #111; cursor: pointer; }
.market-suggestion__dismiss { min-width: 2.75rem; padding: 0.55rem; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; color: #fff; cursor: pointer; }
.market-suggestion__action:focus-visible,
.market-suggestion__dismiss:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

body.has-mobile-tabbar .market-suggestion,
body.has-site-bottom-nav .market-suggestion,
body.scroll-world-home .market-suggestion {
  bottom: max(6.5rem, calc(6.5rem + env(safe-area-inset-bottom)));
}

@media (max-width: 44rem) {
  .market-suggestion { grid-template-columns: minmax(0, 1fr) auto; }
  .market-suggestion__form { grid-column: 1 / -1; grid-row: 2; }
  .market-suggestion__dismiss { grid-column: 2; grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .market-suggestion { scroll-behavior: auto; }
}