/* ============================================================
   GLOW ARMOR v6 鈥� Responsive Adaptation (sj.css)
   Breakpoints: PC >1199 | Tablet 750-1199 | Mobile <750 | Small <499
   ============================================================ */

/* ---------- TABLET (750px 鈥� 1199px) ---------- */
@media screen and (max-width:1400px) { 
    .hw_nav ul{gap: 34px;}
    .hw_container{max-width: 96%;}
    .hw_hero_title{font-size: 50px;}

}


@media screen and (max-width: 1199px) {
    .hw_container { padding: 0 24px; max-width:100%; }
    .top_bg .hw_container { padding: 0 24px; }
    .foot_bg .hw_container { padding: 0 24px; }
    .hw_nav ul{gap: 0;}
    .ip-section{padding: 16px 0;}
    /* Hero stacks */
    .hw_banner_bg { margin-top: -72px; padding: 0; }
    .hw_carousel { height: clamp(480px, 82vh, 760px); }
    .hw_slide_copy { max-width: 72%; }
    .hw_slide_img { width: 100%; height: 100%; }
    .hw_hero_grid { grid-template-columns: 1fr; gap: 36px; min-height: 0; text-align: center; }
    .hw_hero_copy { align-items: center; }
    .hw_hero_title { font-size: 56px; }
    .hw_hero_sub { max-width: 560px; }
    .hw_hero_visual { min-height: 420px; }
    .hw_chip--a, .hw_chip--b, .hw_chip--c { font-size: 11px; padding: 7px 12px; }

    /* Products bento stays (12-col), just tighter */
    .hw_product_bg, .hw_features_bg, .hw_scene_bg, .hw_news_bg, .hw_testi_bg, .sy_zxzx_bg { padding: 64px 0; }

    /* requested: hw_section_head / sy_zxzx_bg / footer-wrap normalize for tablet (<=1199) */
    .hw_section_head { max-width: 680px; margin-bottom: 44px; }
    .hw_section_head h2 { font-size: 34px; }
    .hw_section_head p { font-size: 16px; }
    .sy_zxzx_bg h2 { font-size: 36px; }
    .sy_zxzx_bg > .hw_container > p { font-size: 16px; }
    /* footer keeps two columns on tablet, just tighten gaps */
    .footer-main { gap: 48px; }
    .footer-left-bottom { gap: 30px; }

    /* Features 鈫� 2 columns */
    .hw_feat_grid { grid-template-columns: repeat(2, 1fr); }
    .hw_feat_card:last-child { grid-column: 1 / -1; max-width: 50%; margin: 0 auto; }

    /* Scenarios 鈫� 妗岄潰鍚屾锛氭瘡灞� 4 涓紙骞虫澘涔熶繚鎸佷竴琛� 4 涓級 */
    .hw_scene_track { --scene-per: 4; }

    /* News: 骞虫澘绠ご/鍥剧墖鐣ョ缉 */
    .hw_news_media { height: 175px; }
    .hw_news_prev, .hw_news_next { width: 40px; height: 40px; font-size: 20px; }
    .hw_news_modal_media { height: 220px; }

    /* Footer stack */
    .hw_foot_top { flex-direction: column; gap: 32px; }
    .hw_foot_brand { width: 100%; text-align: center; }
    .hw_foot_links { justify-content: center; gap: 48px; }
    .hw_scene_desc p i, .hw_scene_desc p em{font-size:20px;}
    .hw_scene_card{padding:10px;}
    .ip-pd__title{font-size: 30px;}
    .ip-specs{margin-top:35px;}
    .ip-news-bar__title{font-size: 20px;}
    .ip-article__title{font-size:30px;}
    
}

/* ---------- MOBILE (< 750px) ---------- */
@media screen and (max-width: 749px) {

    .hw_container { padding: 0 16px; }
    .top_bg .hw_container { padding: 0 16px; height: 60px; }
    .foot_bg .hw_container { padding: 0 16px; }

    /* Nav 鈫� hamburger */
    .hw_nav { display: none; position: absolute; top: 60px; left: 0; right: 0; background: #fff; flex-direction: column; padding: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.12); gap: 0; }
    .hw_nav.open { display: flex; }
    .hw_nav a { padding: 10px 0; border-bottom: 1px solid #ececec; }
    .hw_hamburger { display: block; }
    .hw_wa_btn { display: none; }

    /* Hero compact */
    .hw_banner_bg { margin-top: -72px; padding: 0; }
    .hw_carousel { height: clamp(420px, 78vh, 620px); }
    .hw_slide::before { background: linear-gradient(180deg, rgba(13,13,18,0) 0%, rgba(13,13,18,.65) 55%, rgba(13,13,18,.95) 100%); }
    .hw_slide_img { width: 100%; height: 100%; }
    .hw_slide_copy { left: 0; right: 0; top: auto; bottom: 10%; transform: none; max-width: 100%; padding: 0 20px; align-items: center; text-align: center; }
    /* Slide 2 鍙冲榻愪粎鍦ㄦ闈㈢敓鏁堬紝绉诲姩绔粺涓€搴曢儴灞呬腑 */
    .hw_slide--right .hw_slide_copy { left: 0; right: 0; top: auto; bottom: 10%; transform: none; max-width: 100%; padding: 0 20px; align-items: center; text-align: center; }
    .hw_slide--right::before { background: linear-gradient(180deg, rgba(13,13,18,0) 0%, rgba(13,13,18,.65) 55%, rgba(13,13,18,.95) 100%); }
    .hw_car_prev, .hw_car_next { display: none; }
    .hw_car_dots { bottom: 10px; }
    .hw_hero_title { font-size: 40px; letter-spacing: -.5px; }
    .hw_hero_sub { font-size: 15px; }
    .hw_btn_primary, .hw_btn_secondary { padding: 10px; font-size: 14px; }
    .hw_hero_visual { min-height: 340px; }
    .hw_hero_img { width: 70%; }
    .hw_chip { display: none; } /* hide floating chips on small screens */

    /* Sections reduced padding */
    .hw_product_bg, .hw_features_bg, .hw_scene_bg, .hw_news_bg, .hw_testi_bg, .sy_zxzx_bg { padding: 52px 0; }
    .hw_section_head { margin-bottom: 36px; }
    .hw_section_head h2 { font-size: 30px; }
    .hw_section_head p { font-size: 15px; }

    /* BENTO 鈫� single column (no irregular on phone) */
    .hw_bento { grid-template-columns: 1fr; grid-template-rows: none; gap: 18px; }
    .hw_bento_lg, .hw_bento_sm { grid-column: auto; grid-row: auto; }
    .hw_bento_media { position: relative; min-height: 220px; }

    /* Features single column */
    .hw_feat_grid { grid-template-columns: 1fr; gap: 18px; }
    .hw_feat_card:last-child { max-width: 100%; }

    /* Scenarios 2-col */
    /* Scenarios 鈫� 绉诲姩绔瘡灞� 2 涓紝宸﹀彸鍒囨崲 */
    .hw_scene_track { --scene-per: 2; --scene-gap: 14px; }
    .hw_scene_img_wrap { height: 150px; }
    .hw_scene_img_wrap { height: 130px; }

    /* News: 绉诲姩绔崟鍗℃洿绱у噾 */
    .hw_news_media { height: 165px; }
    .hw_news_prev, .hw_news_next { width: 38px; height: 38px; font-size: 18px; top: 80px; }
    .hw_news_modal_media { height: 190px; }
    .hw_news_modal_cnt { padding: 20px; }
    .hw_news_modal_cnt h3 { font-size: 22px; }

    /* Testimonial smaller */
    .hw_quote { font-size: 20px; }
    .hw_quote_mark { font-size: 110px; top: -22px; }

    /* CTA */
    .sy_zxzx_bg h2 { font-size: 30px; }
    .sy_zxzx_bg > .hw_container > p { font-size: 15px; }
    .hw_cta_accent { width: 220px; }

    /* Footer stacked */
    .hw_foot_links { flex-direction: column; gap: 28px; align-items: center; }
    .hw_foot_bottom { flex-direction: column; gap: 6px; text-align: center; }

    /* requested: footer-wrap collapse to single column on mobile (<=749) */
    .footer-main { grid-template-columns: 1fr; gap: 40px; }
    .footer-left-bottom { grid-template-columns: 1fr; gap: 30px; }
    .footer-subscribe { padding-bottom: 28px; margin-bottom: 30px; }
    .footer-subscribe h2 { font-size: 27px; margin-bottom: 0;}
    .subscribe-form { flex-direction: column; }
    .subscribe-form input, .subscribe-form button { width: 100%; }
    .footer-brand .desc { font-size: 15px; line-height: 1.2; }

    /* Float button */
    .hw_float_wa { bottom: 20px; right: 20px; width: 52px; height: 52px; }
    .hw_scene_card p{line-height: 1.2;}
    .hw_scene_desc p i, .hw_scene_desc p em{font-size: 18px;}
    .hw_cta_center{gap: 10px;}
    .sy_zxzx_bg .hw_btn_secondary{padding: 10px 15px; font-size: 15px;}
    .ip-pd__title{font-size:26px;}
    .ip-pd__desc{font-size: 15px; margin-bottom: 10px;}
    .ip-pd__feat{gap: 0px;}
    .ip-specs{margin-top:20px;}
    .ip-specs__table th{width: auto;}
    .ip-specs__table th, .ip-specs__table td{padding: 8px;}
    .ip-news-bar__title{font-size: 18px;}
    .ip-article__title{font-size: 22px;}
    .ip-article__body{font-size: 15px; margin-bottom: 6px; line-height:1.2}
    .ip-stats, .ip-aside__block{display: none;}
}

/* ---------- SMALL PHONE (< 499px) ---------- */
@media screen and (max-width: 600px) {
    .hw_product_bg, .hw_features_bg, .hw_scene_bg, .hw_news_bg, .hw_testi_bg, .sy_zxzx_bg { padding: 40px 0; }
    .hw_hero_title { font-size: 32px; }
    .hw_section_head h2 { font-size: 24px; margin-bottom: 10px; }
    .hw_eyebrow { font-size: 12px; }
    .sy_zxzx_bg h2 { font-size: 24px; }

    /* Scenarios single column on tiny screens */
    /* Scenarios 鈫� 灏忓睆姣忓睆 2 涓� */
    .hw_scene_track { --scene-per: 2; }
    .hw_scene_img_wrap { height: 130px; }
    .hw_scene_img_wrap { height: 160px; }

    .hw_news_media { height: 150px; }
    .hw_news_modal_cnt h3 { font-size: 20px; }
    .hw_news_pagination { margin-top: 20px; }
    .hw_quote { font-size: 18px; line-height: 1.5; }
    .hw_quote_mark { font-size: 90px; }
    .footer-nav{display:none;}

    /* requested: hw_banner_bg + footer-wrap extra compacting on small phones (<=499) */
    .hw_banner_bg { margin-top: -72px; padding: 0; }
    .footer-main { gap: 32px; }
    .footer-subscribe h2 { font-size: 23px; }
    .footer-subscribe p { font-size: 15px; margin-bottom:10px;}
    .footer-brand .logo-title { font-size: 24px; }
    .contact-card { padding: 20px 22px; }
    .contact-card h4 { font-size: 19px; }
    .footer-copyright { font-size: 14px; }
    .hw_scene_desc p i, .hw_scene_desc p em{font-size:16px;}
    .sy_zxzx_bg .hw_btn_secondary{font-size: 14px;}
    .footer-brand .desc { font-size: 14px; line-height:1; }
    .footer-brand .logo-row, .footer-right-contact{display: none;}
    .hw_section_head{margin-bottom: 15px;}
    .footer-copyright{padding-top:15px}
    .sy_zxzx_bg > .hw_container > p{font-size: 14px;}
    .ip-pd__title{font-size:24px;}
    .ip-pd__desc{font-size: 14px;}
    .ip-article__title{font-size: 20px;}
    .ip-article__body{font-size: 14px;}

}

@media screen and (max-width: 500px) {
    .sy_zxzx_bg h2 { font-size:20px; }
    .hw_section_head h2{ font-size:20px; }
    .hw_hero_title{font-size: 24px;}
    .sy_zxzx_bg .hw_btn_secondary{font-size:13px;}
    .hw_section_head p{font-size: 14px;}
    .footer-subscribe h2{font-size: 18px;}
    .ip-pd__title{font-size:20px;}
    .hw_scene_btn{font-size: 13px;}
    .ip-article__title{font-size:18px;}
}