/* 제품 소개 히어로 섹션 */
.product-hero { text-align: center; padding: 80px 20px 40px; } /* 히어로 영역 여백 및 정렬 */
.product-hero h1 { font-size: 56px; color: #111; font-family: 'title-font', cursive; margin-top: 0; margin-bottom: 10px; } /* 메인 타이틀 (title-font 적용) */
.product-hero .subtitle { font-size: 24px; color: #ed5848; font-weight: bold; display: block; margin-bottom: 30px; } /* 히어로 서브 타이틀 */

/* 제품 카드 그리드 레이아웃 */
.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 60px; margin-bottom: 80px; } /* 2열 그리드 배치 */
.product-card { background: #ffffff; border-radius: 15px; overflow: hidden; border: 1px solid #e5e5e5; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; transition: transform 0.2s ease; } /* 카드 박스 기본 스타일 */
.product-card:hover { transform: translateY(-7px); } /* 호버 시 부상 효과 */
.card-header { background-color: #f2f2f2; padding: 25px 20px 10px; text-align: center; } /* 카드 상단 제목 영역 배경 */
.card-header h3 { font-family: 'title-font', cursive; font-size: 28px; color: #111; margin: 0; letter-spacing: 0.02em; } /* 카드 내부 제목 (title-font 적용) */
.product-card .img-box { width: 100%; height: 280px; overflow: hidden; background: #f2f2f2; line-height: 0; display: flex; align-items: center; justify-content: center; } /* 이미지 컨테이너 */
.product-card .img-box img { width: 90%; height: auto; object-fit: contain; } /* 이미지 속성 최적화 */
.product-card-content { padding: 30px 25px; text-align: center; flex-grow: 1; } /* 카드 하단 텍스트 영역 */
.product-card .tag { color: #ed5848; font-size: 16px; font-weight: bold; margin-bottom: 15px; display: block; } /* 인지영역 포인트 태그 */
.product-card .desc { font-size: 16px; color: #555; line-height: 1.7; word-break: keep-all; } /* 제품 상세 설명 */

/* 추천 대상 섹션 */
.target-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; } /* 3열 그리드 배치 */
.target-item { text-align: center; padding: 40px 20px; background: #fff; border-radius: 15px; border: 1px solid #eee; } /* 대상 아이템 박스 */
.target-item h4 { font-family: 'title-font', cursive; font-size: 22px; color: #ed5848; margin-bottom: 15px; } /* 대상 타이틀 (title-font 적용) */
.target-item p { font-size: 15px; color: #555; line-height: 1.6; word-break: keep-all; } /* 대상 설명 */

/* 제품 특징 및 상세 설명 행 */
.essence-row { display: flex; align-items: center; gap: 60px; margin: 100px 0; } /* 텍스트-이미지 교차 배치 레이아웃 */
.essence-row:nth-child(even) { flex-direction: row-reverse; } /* 짝수 행 이미지/텍스트 방향 반전 */
.essence-text { flex: 1; } /* 텍스트 영역 비중 */
.essence-text h3 { font-family: 'title-font', cursive; font-size: 32px; color: #ed5848; margin-bottom: 20px; } /* 특징 제목 (title-font 적용) */
.essence-text p { font-size: 18px; color: #444; line-height: 1.8; word-break: keep-all; } /* 특징 상세 본문 */
.essence-img { flex: 1; border-radius: 15px; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.08); } /* 특징 이미지 박스 */
.essence-img img { width: 100%; display: block; } /* 특징 이미지 속성 */

/* 기술 사양 및 문서 다운로드 */
.spec-table { width: 100%; border-collapse: collapse; margin-top: 40px; background: transparent; border: 2.5px solid #888; } /* 스펙 테이블 구조 */
.spec-table th, .spec-table td { padding: 20px; border: 1.5px solid #aaa; text-align: left; } /* 테이블 셀 스타일 */
.spec-table th { background-color: #eee; width: 25%; color: #ed5848; font-weight: bold; } /* 테이블 헤더 강조 */
.spec-note { margin-top: 20px; font-size: 14px; color: #666; text-align: left; line-height: 1.6; } /* 테이블 하단 비고 */
.pdf-button-wrap { display: flex; justify-content: center; gap: 15px; margin-top: 60px; } /* PDF 버튼 정렬 */
.pdf-btn { background: #282626; color: #fff; padding: 12px 25px; border-radius: 4px; text-decoration: none; font-size: 15px; transition: 0.3s; border: 1px solid #282626; } /* 버튼 스타일 및 호버 효과 */

/* 코그핏 철학 박스 */
.cogfit-box { text-align: center; padding: 50px 0; margin-top: 80px; } /* 하단 메시지 영역 */
.cogfit-box h4 { font-family: 'title-font', cursive; font-size: 26px; margin-bottom: 20px; color: #111; } /* 코그핏 타이틀 (title-font 적용) */
.cogfit-box .en-sub { font-size: 14px; color: #888; margin-top: 10px; display: block; line-height: 1.4; } /* 영문 보조 설명 */

/* 반응형 대응 */
@media (max-width: 768px) {
    .product-grid,
    .target-grid { grid-template-columns: 1fr; }
    .essence-row { flex-direction: column !important; gap: 30px; }
    .product-hero h1 { font-size: 38px; }
    .pdf-button-wrap { flex-direction: column; align-items: center; }
}