/* =========================================================
   파일명: /assets/css/pages.css
   역할: 페이지별 개성만 관리
   기준: 2026-05-11 CSS ROLE STANDARD v1

   원칙:
   - container 폭, section 간격, header 위치는 건드리지 않습니다.
   - 각 페이지의 시각 밀도/톤만 보정합니다.
========================================================= */

/* [01] 회사소개: 배경 박스가 없어 보이는 문제 보정 */
body.page-about .about-modern-hero,
body.page-about .about-modern-section{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
body.page-about .about-process-section,
body.page-about .about-history-section,
body.page-about .about-location-section{
  background:#fff;
}
body.page-about .about-modern-panel,
body.page-about .about-strength-grid article,
body.page-about .about-process-list > div,
body.page-about .about-timeline-row,
body.page-about .about-location-box{
  background:#fff;
  border:1px solid var(--nb-card-border);
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}

/* [02] 설비소개: 페이지별 디자인 밀도 차이를 줄여 폭이 달라 보이는 느낌 보정 */
body[data-sidebar-type="products"] .line-automation-hero,
body[data-sidebar-type="products"] .auto-packer-hero,
body[data-sidebar-type="products"] .category-showcase-hero,
body[data-sidebar-type="products"] .equipment-home-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:clamp(22px,3vw,46px);
  align-items:center;
}
body[data-sidebar-type="products"] .line-automation-summary,
body[data-sidebar-type="products"] .auto-packer-summary,
body[data-sidebar-type="products"] .category-showcase-summary,
body[data-sidebar-type="products"] .line-filter-intro,
body[data-sidebar-type="products"] .auto-filter-intro,
body[data-sidebar-type="products"] .category-filter-intro{
  background:#fff;
}
body[data-sidebar-type="products"] .product-industrial-head,
body[data-sidebar-type="products"] .product-control-panel,
body[data-sidebar-type="products"] .product-list-head{
  background:#fff;
}

/* [03] 고객센터 계열: 전체보기/문의하기와 A/S/공지/카탈로그 폭·밀도 통일 */
body[data-sidebar-type="customer"] .customer-section-stack,
body[data-sidebar-type="customer"] .content-card,
body[data-sidebar-type="customer"] .contact-panel,
body[data-sidebar-type="customer"] .nb-service-card,
body[data-sidebar-type="customer"] .notice-card,
body[data-sidebar-type="customer"] .resource-card{
  background:#fff;
}
body[data-sidebar-type="customer"] .customer-section-stack > section,
body[data-sidebar-type="customer"] .layout-content > section{
  width:100%;
}
body[data-sidebar-type="customer"] .customer-quick-grid,
body[data-sidebar-type="customer"] .customer-section-grid,
body[data-sidebar-type="customer"] .contact-info-grid,
body[data-sidebar-type="customer"] .nb-info-grid,
body[data-sidebar-type="customer"] .notice-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body[data-sidebar-type="customer"] .customer-catalog-card,
body[data-sidebar-type="customer"] .resource-item,
body[data-sidebar-type="customer"] .nb-resource-item{
  width:100%;
}

/* =========================================================
   2026-05-12 WIDTH UNIFICATION PATCH
   목적:
   - 설비소개 전체보기(/products.php?home=1)와 하위 카테고리 페이지 폭 통일
   - 고객센터 전체보기/문의하기/A/S/공지사항/카탈로그 본문 폭 통일
   - 페이지별 성격 차이는 내부 카드/폼 밀도로만 표현하고, 외곽 container 폭은 공통화
   기준:
   - 전체 외곽 폭은 --nb-wrap 기준으로 통일
   - contact.php의 .customer-section-stack padding/max-width와
     as.php/notice.php/tech.php의 단일 카드 구조 차이를 흡수
========================================================= */
@media (min-width: 769px){
  body[data-sidebar-type="products"] main.container.main-layout,
  body[data-sidebar-type="customer"] main.container.main-layout{
    width: var(--nb-wrap);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  body[data-sidebar-type="products"] .layout-content,
  body[data-sidebar-type="customer"] .layout-content{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  body[data-sidebar-type="products"] .layout-content > section,
  body[data-sidebar-type="products"] .layout-content > .content-card,
  body[data-sidebar-type="products"] .layout-content > .section-card-stack,
  body[data-sidebar-type="products"] .equipment-home-hero,
  body[data-sidebar-type="products"] .equipment-home-section,
  body[data-sidebar-type="products"] .line-automation-hero,
  body[data-sidebar-type="products"] .line-automation-summary,
  body[data-sidebar-type="products"] .auto-packer-hero,
  body[data-sidebar-type="products"] .auto-packer-summary,
  body[data-sidebar-type="products"] .category-showcase-hero,
  body[data-sidebar-type="products"] .category-showcase-summary,
  body[data-sidebar-type="products"] .product-industrial-head,
  body[data-sidebar-type="products"] .product-control-panel,
  body[data-sidebar-type="products"] .product-list-head,
  body[data-sidebar-type="products"] .product-view-panel{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  body[data-sidebar-type="customer"] .customer-section-stack{
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  body[data-sidebar-type="customer"] .layout-content > section,
  body[data-sidebar-type="customer"] .layout-content > .content-card,
  body[data-sidebar-type="customer"] .layout-content > .section-card-stack,
  body[data-sidebar-type="customer"] .customer-section-stack > section,
  body[data-sidebar-type="customer"] .contact-panel,
  body[data-sidebar-type="customer"] .nb-service-card,
  body[data-sidebar-type="customer"] .as-card,
  body[data-sidebar-type="customer"] .notice-card,
  body[data-sidebar-type="customer"] .resource-card,
  body[data-sidebar-type="customer"] .customer-overview-intro,
  body[data-sidebar-type="customer"] .customer-overview-section{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 768px){
  body[data-sidebar-type="products"] main.container.main-layout,
  body[data-sidebar-type="customer"] main.container.main-layout{
    width: 92vw;
    max-width: 92vw;
    padding-left: 0;
    padding-right: 0;
  }

  body[data-sidebar-type="customer"] .customer-section-stack{
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
}

/* =========================================================
   2026-05-12 TEXT CONTRAST PATCH
   목적:
   - 밝은 배경 위에 흰색 글자가 남아 보이지 않는 문제 수정
   - 자동포장기/반자동장비/날인·코딩/회사소개 WORK PROCESS 문구 가독성 복구
   원인:
   - product.css의 어두운 히어로용 흰색 텍스트 규칙이
     pages.css/brand-rebuild.css의 밝은 카드형 배경 구조와 충돌
========================================================= */
body[data-sidebar-type="products"] .auto-packer-hero,
body[data-sidebar-type="products"] .category-showcase-hero{
  color:#102d4c;
}

body[data-sidebar-type="products"] .auto-packer-copy span,
body[data-sidebar-type="products"] .category-showcase-copy span{
  background:#eaf5ff;
  border-color:#cfe2f5;
  color:#0f66bb;
}

body[data-sidebar-type="products"] .auto-packer-copy h2,
body[data-sidebar-type="products"] .category-showcase-copy h2{
  color:#102d4c;
  text-shadow:none;
}

body[data-sidebar-type="products"] .auto-packer-copy p,
body[data-sidebar-type="products"] .category-showcase-copy p{
  color:#4f6379;
  font-weight:700;
  text-shadow:none;
}

body[data-sidebar-type="products"] .auto-packer-actions a,
body[data-sidebar-type="products"] .category-showcase-actions a{
  border-color:#bcd7f2;
  background:#ffffff;
  color:#0f66bb;
}

body[data-sidebar-type="products"] .auto-packer-actions a:first-child,
body[data-sidebar-type="products"] .category-showcase-actions a:first-child{
  border-color:#0f66bb;
  background:#0f66bb;
  color:#ffffff;
}

body[data-sidebar-type="products"] .auto-packer-panel{
  background:#ffffff;
  border-color:#dcebf8;
  box-shadow:0 20px 42px rgba(12,45,82,.10);
}

body[data-sidebar-type="products"] .auto-panel-top{
  border-bottom-color:#dcebf8;
}

body[data-sidebar-type="products"] .auto-panel-top strong,
body[data-sidebar-type="products"] .category-panel-top strong{
  color:#102d4c;
}

body[data-sidebar-type="products"] .auto-panel-top span,
body[data-sidebar-type="products"] .category-panel-top span{
  color:#5e7188;
}

body[data-sidebar-type="products"] .auto-flow-visual div{
  border-color:#d9e8f6;
  background:#f2f7fc;
}

body[data-sidebar-type="products"] .auto-flow-visual b{
  color:#0f66bb;
}

body[data-sidebar-type="products"] .auto-flow-visual span{
  color:#102d4c;
}

body[data-sidebar-type="products"] .auto-flow-visual i{
  background:#9dc8ed;
}

body[data-sidebar-type="products"] .auto-flow-visual i::after{
  border-top-color:#9dc8ed;
  border-right-color:#9dc8ed;
}

body.page-about .about-process-section .about-section-head span{
  background:#eaf5ff;
  color:#0f66bb;
}

body.page-about .about-process-section .about-section-head h2{
  color:#102d4c;
}

body.page-about .about-process-list{
  background:#dbe9f6;
}

body.page-about .about-process-list div{
  background:#ffffff;
}

body.page-about .about-process-list em{
  color:#0f66bb;
}

body.page-about .about-process-list strong{
  color:#102d4c;
}

body.page-about .about-process-list span{
  color:#53677f;
}

/* =========================================================
   2026-05-12 PRODUCT GUIDE / RESULT UI PATCH
   파일명: /assets/css/pages.css
   목적:
   - 포장자동화라인 / 자동포장기 / 날인·코딩 시스템 / 반자동장비의
     안내 섹션과 필터 섹션을 하나의 가이드 패널처럼 연결
   - 얇아 보이던 제품목록 헤더를 결과 요약 섹션으로 재정리
   기준:
   - products.php 구조 유지
   - 기존 필터 JS, 제품 자동 스캔, 카드 출력 구조 유지
   - !important 없이 로드 순서와 선택자 구체성으로 정리
========================================================= */
body[data-sidebar-type="products"] .layout-content > .product-category-message,
body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message,
body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message,
body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message{
  width:100%;
  max-width:none;
  margin:28px 0 0;
  padding:32px 36px 28px;
  border:1px solid #dbe8f5;
  border-bottom:0;
  border-left:1px solid #dbe8f5;
  border-radius:24px 24px 0 0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(246,250,255,.96) 54%,rgba(239,247,255,.96) 100%);
  box-shadow:0 18px 46px rgba(15,43,75,.07);
  box-sizing:border-box;
}
body[data-sidebar-type="products"] .layout-content > .product-category-message span,
body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message span,
body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message span,
body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message span{
  display:inline-flex;
  align-items:center;
  min-height:auto;
  margin:0 0 10px;
  padding:0;
  border:0;
  background:transparent;
  color:#0f66bb;
  font-size:12px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:.12em;
}
body[data-sidebar-type="products"] .layout-content > .product-category-message h2,
body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message h2,
body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message h2,
body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message h2{
  margin:0 0 10px;
  color:#0b2745;
  font-size:clamp(27px,2.05vw,36px);
  font-weight:950;
  line-height:1.25;
  letter-spacing:-.055em;
}
body[data-sidebar-type="products"] .layout-content > .product-category-message p,
body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message p,
body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message p,
body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message p{
  max-width:920px;
  margin:0;
  color:#52677d;
  font-size:16px;
  font-weight:700;
  line-height:1.78;
  word-break:keep-all;
}
body[data-sidebar-type="products"] .layout-content > .product-category-message + .product-control-panel,
body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message + .product-control-panel,
body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message + .product-control-panel,
body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message + .product-control-panel{
  margin-top:0;
  margin-bottom:34px;
  padding:30px 34px 32px;
  border:1px solid #dbe8f5;
  border-top:1px solid #edf4fb;
  border-radius:0 0 24px 24px;
  background:#fff;
  box-shadow:0 22px 52px rgba(15,43,75,.075);
}
body[data-sidebar-type="products"] .product-control-panel .filter-groups{
  gap:16px;
}
body[data-sidebar-type="products"] .product-control-panel .filter-group{
  border-color:#e0eaf4;
  border-radius:18px;
  background:#fbfdff;
  box-shadow:none;
}
body[data-sidebar-type="products"] .product-control-panel .filter-chip{
  border-radius:999px;
}
body[data-sidebar-type="products"] .product-control-panel .filter-result-count{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  margin-top:20px;
  padding:0 16px;
  border:1px solid #cfe2f5;
  border-radius:999px;
  background:#f1f8ff;
  color:#0f4f8d;
  font-size:14px;
  font-weight:900;
}
body[data-sidebar-type="products"] .product-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 0 22px;
  padding:24px 28px;
  border:1px solid #dbe8f5;
  border-radius:24px;
  background:
    linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#eef7ff 100%);
  box-shadow:0 16px 40px rgba(15,43,75,.065);
}
body[data-sidebar-type="products"] .product-list-title{
  min-width:0;
}
body[data-sidebar-type="products"] .product-list-eyebrow{
  display:block;
  margin:0 0 7px;
  color:#0f66bb;
  font-size:12px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:.12em;
}
body[data-sidebar-type="products"] .product-list-head h2{
  position:static;
  margin:0;
  padding:0;
  color:#0b2745;
  font-size:clamp(28px,1.9vw,38px);
  font-weight:950;
  line-height:1.15;
  letter-spacing:-.06em;
}
body[data-sidebar-type="products"] .product-list-head h2::before{
  content:none;
}
body[data-sidebar-type="products"] .product-list-head p{
  margin:9px 0 0;
  color:#61758a;
  font-size:15px;
  font-weight:750;
  line-height:1.55;
  word-break:keep-all;
}
body[data-sidebar-type="products"] .product-list-count{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:132px;
  min-height:74px;
  padding:12px 18px;
  border:1px solid #bfdaf4;
  border-radius:20px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 10px 22px rgba(15,102,187,.09);
}
body[data-sidebar-type="products"] .product-list-count strong,
body[data-sidebar-type="products"] .product-list-head span[data-product-total]{
  display:block;
  padding:0;
  color:#0f66bb;
  font-size:20px;
  font-weight:950;
  line-height:1.1;
  letter-spacing:-.035em;
}
body[data-sidebar-type="products"] .product-list-count small{
  display:block;
  margin-top:6px;
  color:#6b7c90;
  font-size:12px;
  font-weight:850;
  line-height:1.1;
}
body[data-sidebar-type="products"] .product-list-head + .product-grid{
  margin-top:0;
}

@media (max-width:768px){
  body[data-sidebar-type="products"] .layout-content > .product-category-message,
  body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message,
  body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message,
  body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message{
    margin:22px 0 0;
    padding:24px 20px 22px;
    border-radius:20px 20px 0 0;
  }
  body[data-sidebar-type="products"] .layout-content > .product-category-message + .product-control-panel,
  body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message + .product-control-panel,
  body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message + .product-control-panel,
  body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message + .product-control-panel{
    padding:22px 18px 24px;
    margin-bottom:26px;
    border-radius:0 0 20px 20px;
  }
  body[data-sidebar-type="products"] .layout-content > .product-category-message h2,
  body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message h2,
  body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message h2,
  body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message h2{
    font-size:24px;
    line-height:1.32;
  }
  body[data-sidebar-type="products"] .layout-content > .product-category-message p,
  body[data-sidebar-type="products"] .layout-content > .line-filter-intro.product-category-message p,
  body[data-sidebar-type="products"] .layout-content > .auto-filter-intro.product-category-message p,
  body[data-sidebar-type="products"] .layout-content > .category-filter-intro.product-category-message p{
    font-size:15px;
    line-height:1.7;
  }
  body[data-sidebar-type="products"] .product-list-head{
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    padding:22px 20px;
    border-radius:20px;
  }
  body[data-sidebar-type="products"] .product-list-head h2{
    font-size:27px;
  }
  body[data-sidebar-type="products"] .product-list-head p{
    font-size:14px;
  }
  body[data-sidebar-type="products"] .product-list-count{
    width:100%;
    min-width:0;
    min-height:58px;
    flex-direction:row;
    justify-content:space-between;
    border-radius:16px;
  }
  body[data-sidebar-type="products"] .product-list-count strong,
  body[data-sidebar-type="products"] .product-list-head span[data-product-total]{
    font-size:18px;
  }
  body[data-sidebar-type="products"] .product-list-count small{
    margin-top:0;
  }
}