/* ============================================================
   AX Catalog Portal — Width Variant (16-inch gram)
   목적:
   - 사이드바 폭 축소
   - 사이드바 숫자 배지 제거
   - 접힘 상태 폭도 함께 최적화
   - 콘텐츠/상세 영역 확장
   이 파일은 width 전용 비교 배포본에서만 로드한다.
   ============================================================ */

:root {
  --sidebar-width: 248px;
  --catalog-content-width: 1060px;
  --detail-content-width: 1060px;
}

/* ── 사이드바 폭 축소에 맞춘 기본 여백 ───────────────────────────── */
body.catalog-light-active .sidebar__logo {
  padding: 0 12px;
}

body.catalog-light-active .sidebar__logo-text {
  font-size: 12px;
  letter-spacing: 0;
}

body.catalog-light-active .nav-item {
  padding: 0 12px;
  gap: 10px;
}

body.catalog-light-active .sidebar__profile {
  padding: 0 10px 0 16px;
}

/* 숫자 배지는 width 비교안에서 제거 — 텍스트 폭 확보가 더 우선 */
.nav-count {
  display: none !important;
}

/* ── 접힘 상태도 함께 축소 ───────────────────────────────────── */
.sidebar.collapsed {
  flex-basis: 60px;
  width: 60px;
}

.sidebar.collapsed .sidebar__divider {
  margin: 0 10px;
}

.sidebar.collapsed .sidebar__profile {
  height: 60px;
}

/* ── 큰 화면에서 콘텐츠 활용폭 확대 ───────────────────────────── */
.product-list-v2,
.catalog-form-v2,
.home-banner,
.home-idle__hero,
.home-section,
.approval-list-v2 {
  max-width: var(--catalog-content-width);
}

.detail-layout__main > .catalog-detail-v2 {
  width: 100%;
  margin: 0;
}

.detail-layout__main > .catalog-detail-v2 > .catalog-detail-v2__summary,
.detail-layout__main > .catalog-detail-v2 > .catalog-detail-v2__section,
.popup-fixed-header__inner,
.popup-fixed-footer__inner {
  width: min(100%, var(--detail-content-width, var(--catalog-content-width)));
}

/* 16인치 비교안에서는 너무 넓게 퍼지지 않도록 그리드 밀도는 현행 유지 */