/* =================================================================
   index.css — 메인 페이지(index.php) 전용
   - 불러오는 곳: index.php ($page_styles, chatbot.css 다음)
   - 예전 인라인 style="" 속성을 옮긴 규칙 (배경 이미지·여백)
   - 메인 화면 대부분의 모양은 style.css에 있음
     (5. HVACR 카드, 9. 슬라이더, 14. 제품 카드, 15. 협력사)
   - 챗봇 위젯 스타일은 assets/css/chatbot.css
   - 이미지 경로는 이 파일 위치 기준: ../../../img = 사이트 루트의 img 폴더
   ================================================================= */

/* 메인 슬라이더 배경 이미지 */
#heroTrack .hero-slide-item {
    background-image: url('../../../img/main1.png');
}

/* HVACR 적용분야 섹션 위 여백 */
.letters-section {
    margin-top: 50px;
}

/* 마무리 문장 아래 여백 — 문장이 회색 제품 섹션 경계에 바로 붙지 않게 띄움 */
.hvacr-closing {
    padding-bottom: 80px;
}

@media (max-width: 640px) {
    /* 모바일은 섹션 아래 여백(48px)이 이미 있으므로 조금만 더함 → 합계 64px */
    .hvacr-closing {
        padding-bottom: 16px;
    }
}

@media (max-width: 480px) {
    /* 좁은 휴대폰: H·V·A·C·R 카드 5개가 한 줄에 여유 있게 들어가도록 좌우 여백을 줄임 */
    .letters-section {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* 제품 카드 3개의 사진 — 링크 주소(href)로 카드를 구분하므로 링크를 바꾸면 여기도 수정 */
.pps-row[href="product_air_sensing.php"] .pps-img-bg {
    background-image: url('../../../img/air.png');
}

.pps-row[href="product_level_sensing.php"] .pps-img-bg {
    background-image: url('../../../img/level.png');
}

.pps-row[href="product_flow_sensing.php"] .pps-img-bg {
    background-image: url('../../../img/flow.png');
}

/* 협력사 섹션 제목 아래 여백 */
.partners-inner h2 {
    margin-bottom: 50px;
}