.school-supply-page main { max-width: none; padding: 0; }
.school-supply-layout { display: grid; grid-template-columns: minmax(290px, 380px) 1fr; min-height: calc(100vh - 76px); }
.school-supply-sidebar { padding: 1.25rem; overflow: auto; border-right: 1px solid var(--border-color, #d7dde8); background: var(--card-bg, #fff); z-index: 2; }
.school-supply-sidebar h1 { margin-top: 0; }
.school-supply-map { min-height: 680px; background: #e9eef5; }
.school-supply-filters { display: grid; gap: .85rem; }
.school-supply-filters label { display: grid; gap: .35rem; font-weight: 700; }
.school-supply-location-card { margin-top: 1rem; padding: 1rem; border: 1px solid var(--border-color, #d7dde8); border-radius: 16px; }
.school-supply-location-card h2 { margin: 0 0 .35rem; font-size: 1.15rem; }
.school-supply-item-list { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0; list-style: none; }
.school-supply-item-list li,.school-supply-chip { padding: .35rem .6rem; border-radius: 999px; background: var(--subtle-bg, #eef3ff); display: inline-flex; gap: .4rem; align-items: center; }
.school-supply-picker { position: relative; display: grid; gap: .5rem; }
.school-supply-picker__panel { position: absolute; z-index: 20; top: 44px; left: 0; right: 0; max-height: 240px; overflow: auto; background: var(--card-bg, #fff); border: 1px solid var(--border-color, #ccd5e4); border-radius: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.14); }
.school-supply-picker__panel button { width: 100%; display: block; text-align: left; border: 0; border-radius: 0; background: transparent; color: inherit; padding: .7rem; }
.school-supply-picker__panel button:hover { background: var(--subtle-bg, #eef3ff); }
.school-supply-picker__chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.school-supply-chip input { width: 58px; padding: .2rem .3rem; }
.school-supply-chip button { border: 0; background: transparent; color: inherit; padding: 0; font-size: 1.2rem; }
.school-supply-modal[hidden] { display: none; }
.school-supply-modal { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 1rem; background: rgba(15,23,42,.6); }
.school-supply-modal__dialog { width: min(620px, 100%); max-height: 90vh; overflow: auto; background: var(--card-bg, #fff); color: var(--text-color, #172033); border-radius: 18px; padding: 1.25rem; }
.school-supply-modal__dialog label { display: grid; gap: .35rem; margin: .8rem 0; }
.school-supply-modal__actions { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }
.school-supply-dt-marker { width: 44px; height: 44px; border: 3px solid #fff; border-radius: 50%; background: #2457c5; box-shadow: 0 3px 12px rgba(0,0,0,.35); display: grid; place-items: center; cursor: pointer; }
.school-supply-dt-marker img { width: 32px; height: 32px; object-fit: contain; }
@media (max-width: 760px) {
  .school-supply-layout { grid-template-columns: 1fr; }
  .school-supply-sidebar { border-right: 0; }
  .school-supply-map { min-height: 62vh; }
}