/* Responsive safety net */

@media (max-width: 980px) {
  .a59-dock {
    margin-inline: max(0.75rem, env(safe-area-inset-left));
  }
}

@media (max-width: 720px) {
  .a59-packet.is-featured { grid-column: span 1; }
  .a59-packet.is-featured figure { aspect-ratio: 1; }
  .a59-horizon-bar .container { flex-direction: column; }
  .a59-aisle-river {
    padding-inline: max(1rem, env(safe-area-inset-left));
  }
  .a59-horizon-watermark {
    font-size: clamp(3.5rem, 22vw, 7rem);
    opacity: 0.7;
  }
}

@media (max-width: 520px) {
  .a59-word small { display: none; }
  .a59-search-bloom {
    flex-direction: column;
  }
  .a59-search-bloom button {
    width: 100%;
    padding: 0.85rem 1.2rem;
  }
  .a59-obs h1 { font-size: clamp(2.4rem, 12vw, 3.4rem); }
  .a59-signal {
    flex-direction: column;
    border-radius: 20px;
  }
  .a59-signal button { width: 100%; }
}

@media (max-width: 420px) {
  .a59-tools .a59-tool:not(.a59-tool-cart):not(.a59-tool-menu):not([data-a59-search-toggle]) {
    display: none;
  }
}