/* ===========================
   PC: 가운데 컨테이너 고정 + 하단바도 컨테이너 기준
   (listup 전용)
   =========================== */
   @media (min-width: 1024px) {

    html, body {
      background: #f6f7fb !important;
      overflow-x: hidden !important;
    }
  
    /* ✅ 템플릿 기본 레이아웃 영향 줄이기 */
    body.vertical-layout {
      padding: 0 !important;
    }
  
    /* ✅ 메뉴 페이지 전체 영역 */
    .app-content.content.app-menu {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      background: transparent !important;
    }
  
    /* ✅ "여기 안에서만" 화면이 잡히도록: 가운데 박스 */
    .app-content.content.app-menu .content-wrapper {
      max-width: 1180px !important;     /* 1100~1280 취향 */
      margin: 16px auto !important;
      background: #ffffff !important;
      border-radius: 18px !important;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
      overflow: hidden !important;      /* 상단바 곡률, 리스트 깔끔 */
    }
  
    /* ✅ 상단 카테고리 영역도 박스에 맞게 */
    .app-content.content.app-menu .content-header {
      margin: 0 !important;
    }
  
    /* ✅ bottom sticky bar: 화면 전체가 아니라 "가운데 박스 폭" */
    #bottomCartBar.sticky-cart-bar {
      position: fixed !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
  
      width: 1180px !important;
      max-width: 1180px !important;
  
      bottom: 16px !important;
      z-index: 99999 !important;
  
      border-radius: 16px !important;
      box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
    }
  
    /* ✅ 바닥바 때문에 마지막 메뉴가 가려지는 것 방지 */
    .app-content.content.app-menu .content-wrapper {
      padding-bottom: 110px !important;
    }
  
    /* ✅ footer, overlay는 고객 화면에서 시각적으로 불필요하면 숨김(원하면 제거) */
    footer.footer {
      display: none !important;
    }
  }