/* ================================================================
   공통 모달 — 2개 패밀리
   Family A (mp): mypage 계열, z-200, bg rgba(0,0,0,.4)
     → .order-modal, .qna-modal, .as-modal, .addr-modal
   Family B (shop): 쇼핑 계열, z-1000, bg rgba(10,22,40,.5)
     → .am-overlay, .pr-overlay
   각 페이지 CSS는 __box, __title, __close 등 내부 스타일만 정의
   ================================================================ */

/* ── Family A: mypage modal overlay ── */
.order-modal,
.qna-modal,
.as-modal,
.addr-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0,0,0,.4);
  align-items: center;
  justify-content: center;
}
.order-modal.is-open,
.qna-modal.is-open,
.as-modal.is-open,
.addr-modal.is-open {
  display: flex;
}

/* ── Family B: shop modal overlay (am-, pr-) ── */
.am-overlay,
.pr-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10,22,40,.5);
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}
.am-overlay.is-open,
.pr-overlay.is-open {
  display: flex;
}