/* 쇼핑몰 공용 — 공지사항 사이드바 (상단 종 아이콘) */
.mo-notice-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 210; }
.mo-notice-overlay[hidden] { display: none; }
.mo-notice-sidebar {
  position: fixed; top: 0; right: 0; bottom: 0; width: 360px; max-width: 90vw;
  background: #fff; z-index: 211; box-shadow: -8px 0 30px rgba(0,0,0,.15);
  display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform .25s ease;
}
.mo-notice-sidebar.is-open { transform: translateX(0); }
.mo-notice-sidebar-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 20px; padding-top: calc(18px + env(safe-area-inset-top));
  border-bottom: 1px solid var(--line);
}
.mo-notice-sidebar-head h3 { font-size: 17px; display: flex; align-items: center; gap: 8px; margin: 0; }
.mo-notice-sidebar-head button {
  border: none; background: transparent; font-size: 20px; color: var(--ink-3); cursor: pointer;
  display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%;
}
.mo-notice-sidebar-head button:hover { background: var(--surface); }
.mo-notice-sidebar-body { flex: 1; overflow-y: auto; padding: 8px 20px calc(20px + env(safe-area-inset-bottom)); }
.mo-notice-list { display: flex; flex-direction: column; }
.mo-notice-list li {
  display: flex; align-items: center; gap: 10px; padding: 12px 4px; border-bottom: 1px solid var(--line);
}
.mo-notice-list li:last-child { border-bottom: none; }
.mo-notice-title { flex: 1; font-size: 14px; font-weight: 500; color: var(--ink); }
.mo-notice-date { font-size: 13px; color: var(--ink-3); }
.mo-badge-pin {
  display: inline-flex; padding: 2px 8px; border-radius: var(--r-pill);
  font-size: 11px; font-weight: 700; background: var(--orange-l); color: var(--orange-d);
}