/* PC 껍데기를 좁은 창에서도 유지(사장님 09-15 「창 줄이면 모바일로 바뀜」): 칸만 접힌다. 마우스 환경(hover·pointer:fine)이면 폭과 무관하게 PC. */
@media (hover: hover) and (pointer: fine) and (max-width: 1000px), (min-width: 600px) and (min-height: 600px) and (max-width: 1000px) {
  #moplan-showroom .mp-wrap, #moplan-showroom .mp-inner-wrap { max-width: none !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
  #moplan-showroom .mp-nav { flex-wrap: wrap; gap: 12px 20px !important; min-height: 64px; padding-top: 10px; padding-bottom: 10px; }
  #moplan-showroom .mp-menu { gap: 18px !important; order: 3; width: 100%; }
  #moplan-showroom .mp-menu a, #moplan-showroom .mp-menu button { font-size: 15px !important; }
  #moplan-showroom .mp-utils { margin-left: auto; }
  #moplan-showroom .mp-hero { grid-template-columns: 1fr !important; min-height: 0 !important; gap: 20px !important; padding-top: 32px !important; padding-bottom: 32px !important; }
  #moplan-showroom .mp-hero h1, #moplan-showroom .mi-head h1, #moplan-showroom #mi-page-view .mi-head h1 { font-size: 28px !important; letter-spacing: -1px !important; }
  #moplan-showroom .mp-paths, #moplan-showroom .mi-hub-grid, #moplan-showroom .pcs-guide .hub-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #moplan-showroom .mi-workspace, #moplan-showroom .mc-workspace { grid-template-columns: minmax(0, 1fr) !important; }
  #moplan-showroom .pcs-sticky, #moplan-showroom .mi-summary { position: static !important; top: auto !important; }
  #moplan-showroom .mi-head { flex-wrap: wrap; }
  #moplan-showroom .mp-hero-band .mi-head-art .mp-hero-ill { height: 270px; }   /* 좁은 창·세로 태블릿 */
}
@media (hover: hover) and (pointer: fine) and (max-width: 700px), (min-width: 600px) and (min-height: 600px) and (max-width: 700px) {
  #moplan-showroom .mp-paths, #moplan-showroom .mi-hub-grid, #moplan-showroom .pcs-guide .hub-cards, #moplan-showroom .mc-workspace .mc-cards, #moplan-showroom .mc-cards { grid-template-columns: minmax(0, 1fr) !important; }
  #moplan-showroom .mc-workspace .mc-cards > * { grid-row: auto !important; }
  #moplan-showroom .mp-hero h1, #moplan-showroom .mi-head h1, #moplan-showroom #mi-page-view .mi-head h1 { font-size: 24px !important; }
  #moplan-showroom .mp-hero-band .mi-head-art { display: none; }   /* 아주 좁으면 글자만 */
  #moplan-showroom .mp-footer { flex-wrap: wrap; gap: 8px; }
}
/* 접힌 비교 카드: 서브그리드는 1행이 되면 항목이 겹치므로 보통 격자로 되돌린다 */
@media (hover: hover) and (pointer: fine) and (max-width: 700px), (min-width: 600px) and (min-height: 600px) and (max-width: 700px) {
  #moplan-showroom .mc-workspace .mc-cards > .mc-card { grid-template-rows: auto !important; grid-auto-rows: auto; }
}
/* 768px 아래에서 살아나는 사이트의 모바일 하단 탭·시트는 PC 껍데기 안에서 숨긴다 */
@media (hover: hover) and (pointer: fine) and (max-width: 768px), (min-width: 600px) and (min-height: 600px) and (max-width: 768px) {
  body.pcs .p82n-tabs, body.pcs .p82n-sheet, body.pcs .p82n-dim, body.pcs .p82n-bar, body.pcs .p82n-top { display: none !important; }
  body.pcs { padding-bottom: 0 !important; }
}