/* Ion Graphite responsive — chrome + shared */

@media (max-width: 1100px) {
  .a75-keel-field {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "pulse pulse"
      "orbit rise"
      "desk  help"
      "aisle aisle"
      "plate plate";
  }
  .a75-keel-orbit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .a75-keel-node:nth-child(even) { margin-top: 0; }
  .a75-keel-plate {
    grid-template-columns: 1fr 1fr;
  }
  .a75-keel-plate-chips { justify-content: flex-start; }
}

@media (max-width: 900px) {
  body.a75-store { padding-right: 0 !important; }
  .a75-beam-rail { display: none; }
  .a75-status-mast {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding-right: 0.85rem;
  }
  .a75-topnav {
    display: none;
    padding-right: 0.85rem;
  }
  .a75-mast-search,
  .a75-mast-pills { display: none; }
  .a75-beam-mobile-toggle { display: flex; }
  .a75-aisle-fold {
    top: var(--a75-mast-h);
    right: 0;
    left: auto;
    width: min(100vw, 520px);
  }
  body.a75-ion-home .page-main {
    width: min(100% - 1rem, 1180px);
  }
  .a75-keel {
    width: min(100% - 1rem, 1180px);
  }
  .a75-keel-fab { right: 1rem; }
}

@media (max-width: 640px) {
  .a75-mast-word { font-size: 1rem; }
  .a75-deck-intro h1 { font-size: 1.7rem; }
  .a75-keel-field {
    grid-template-columns: 1fr;
    grid-template-areas:
      "pulse"
      "orbit"
      "desk"
      "help"
      "aisle"
      "rise"
      "plate";
  }
  .a75-keel-orbit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .a75-keel-pulse-form { flex-direction: column; border-radius: var(--a75-radius); }
  .a75-keel-pulse-form .a75-cta { margin: 0 0.45rem 0.45rem; justify-content: center; }
  .a75-keel-plate { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .a75-keel-net-grid { grid-template-columns: 1fr; }
  .a75-keel-aisle-mosaic { grid-template-columns: 1fr 1fr; }
}