/* mirror-fixes.css — 아임웹 JS가 하던 반응형 배치를 CSS로 대체 */
/* 갤러리: 표(table) 줄 구조 -> 한 덩어리 flex 격자. 열 수는 스냅샷 때 측정(--mirror-cols) */
.type_grid[style*="--mirror-cols"] { display: flex !important; flex-wrap: wrap; }
.type_grid[style*="--mirror-cols"] > .gallery_row.tabled { display: contents !important; }
.type_grid[style*="--mirror-cols"] .gallery_row.tabled > .item_gallary:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important; box-sizing: border-box; width: calc(100% / var(--mirror-cols));
}
@media (max-width: 767px) {
  .type_grid[style*="--mirror-cols"] .gallery_row.tabled > .item_gallary { width: 50% !important; }
}
/* 서버 기능(로그인) 영역 숨김 */
.mobile_slide_menu .profile-area { display: none !important; }
/* 라이트박스 */
.mirror-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.92); z-index: 99999;
  display: flex; align-items: center; justify-content: center; }
.mirror-lb-body { width: min(92vw, 1280px); aspect-ratio: 16 / 9; max-height: 90vh; }
.mirror-lb-body iframe, .mirror-lb-body img { width: 100%; height: 100%; object-fit: contain; display: block; }
.mirror-lb-close { position: absolute; top: 10px; right: 18px; font-size: 42px; color: #fff;
  background: none; border: 0; cursor: pointer; line-height: 1; }
.mobile_slide_menu li > ul[style*="height: auto"] { overflow: visible; }

/* 희소성 안내 바 (2026-10-02, 운영자 지시 — "한 달 10팀 한정"을 눈에 띄게) */
.mirror-scarcity-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998;
  background: #222; color: #fff; font-size: 13px; line-height: 1.4;
  padding: 10px 44px 10px 16px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  box-shadow: 0 -2px 10px rgba(0,0,0,.15); }
.mirror-scarcity-bar b { color: #ffb3c0; }
.mirror-scarcity-bar a { color: #fff; background: #e88b98; padding: 6px 12px; border-radius: 6px;
  text-decoration: none; font-weight: 600; white-space: nowrap; }
.mirror-scarcity-bar .mirror-sb-close { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  background: none; border: 0; color: #aaa; font-size: 20px; cursor: pointer; line-height: 1; padding: 6px; }
@media (max-width: 480px) { .mirror-scarcity-bar { font-size: 12.5px; } }
/* 카카오톡 채널 채팅 버튼이 안내 바에 가리지 않게 띄움 */
body.mirror-sb-open #kakao-talk-channel-chat-button { bottom: 64px !important; }
@media (max-width: 480px) { body.mirror-sb-open #kakao-talk-channel-chat-button { bottom: 74px !important; } }