/* 스토어프론트 최소 폭 1280px 고정 (web 전용 오버라이드, (site) 그룹에서만 로드).
 *
 * 레거시 layout.css 는 section/article 을 width:1280px 로 고정하고,
 * html{overflow-x:clip} 으로 좁은 화면에서 양옆(거터 aside 포함)을 잘라
 * 가로 스크롤을 없앤다. → 1280px 미만 뷰포트에서는 1280px 콘텐츠가 가운데
 * 기준으로 잘려 좌우 끝이 보이지 않고 스크롤로도 접근할 수 없다.
 *
 * 아래 규칙은 "뷰포트가 1280px 미만일 때만" 가로 스크롤을 허용해, 1280px
 * 캔버스를 좌측 정렬로 온전히 노출한다(= 1280px 이하로 더 작아지지 않음).
 * 1280px 이상에서는 매칭되지 않으므로 기존 동작(거터 aside, 가로 스크롤 없음)을
 * 그대로 유지한다. 레거시 layout.css 뒤에 로드되어 동일 선택자를 미디어쿼리로 덮어쓴다.
 */
@media (max-width: 1279.98px) {
  /* clip → auto: 1280px 미만에서만 가로 스크롤 허용 */
  html {
    overflow-x: auto;
  }

  /* 1280px 미만으로 캔버스가 축소되지 않도록 최소 폭 고정 */
  body {
    min-width: 1280px;
  }

  /* 고정 헤더도 1280px 폭을 유지(뷰포트 좌측에 고정 정렬) */
  header {
    min-width: 1280px;
  }

  /* 거터 aside 는 이 폭에서 어차피 화면 밖이라, 숨겨서 불필요한 가로 스크롤 폭을 제거 */
  section aside.left-aside,
  section aside.right-aside {
    display: none;
  }
}