/* =====================================================================
   p2 사진 업로드 — wp.cheecle.com 구도(전체폭) 적용
   참고: wp.cheecle.com/photo-upload/ (cphu) = "Full width, no max-width".
   현재 p2(order판)는 가운데 900px 라 사이트 안에서 생뚱맞게 좁아 보였음.
   → 데스크톱에서 전체폭으로. 색/폰트/사진 썸네일 박스는 건드리지 않음.
   - 버튼/컨트롤이 가로로 늘어지지 않게만 캡/그룹화.
   - 모바일(<=768px)은 기존 그대로(미디어쿼리 밖).
   photos.css 뒤에 로드되어 오버라이드.
   ===================================================================== */

@media (min-width: 769px) {

  /* 전체폭 (cphu .cphu-container 와 동일 구도) */
  html body .container {
    max-width: none !important;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  html body .biz-footer-inner { max-width: none !important; }

  /* CTA "장바구니 담기" — flex:1 로 꽉 차던 걸 컴팩트하게 (cphu cart 버튼처럼) + 가운데 */
  html body .back-to-messenger { justify-content: center !important; }
  html body .back-to-messenger .btn-action,
  html body .back-to-messenger .btn-confirm-code {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 300px;
    max-width: 460px;
  }

  /* 상단 사이즈/용지 — 가운데 (전체폭에서 양끝으로 안 벌어지게) */
  html body #size-paper-row { justify-content: center; }

  /* 사진 리스트 헤더(수량/적용/사이즈필터/전체삭제) — 양끝으로 쫙 벌어짐 방지.
     왼쪽으로 그룹화해 그리드 첫 열과 정렬 */
  html body .list-header-row1,
  html body .list-header-row2 {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 12px !important;
  }

  /* 페이지네이션 가운데 */
  html body .pagination { justify-content: center; }
}