@charset "utf-8";
@media (max-width: 1100px) {
    .home_product_lists{ gap: 24px 2%;}
    .home_pro_item{ width: 49%;}
    .home_pro_item h2{ font-size: 15px;}
}

/* ===== Mobile (≤760px) header & nav ===== */
@media (max-width: 760px) {
    /* Global mobile: smaller font & tighter line-height */
    body{ font-size: 14px; line-height: 1.5;}
    h1,h2,h3,h4,h5,h6{ line-height: 1.35;}
    p{ line-height: 1.6;}

    .container{ width: 100%; padding: 0px 15px; display: block;}
    .header{ position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 60px; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .header .container{ padding: 0 12px; height: 60px; align-items: center;}
    .header .logo{ line-height: 60px;}
    .header .logo img{ height: 38px;}

    /* Hamburger button — bigger hit area, clean X animation */
    .navBtn{ display: flex !important; flex-direction: column; justify-content: space-between; align-items: center; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 40px; height: 40px; background: transparent; border: none; cursor: pointer; padding: 6px 12px; box-sizing: border-box;}
    .navBtn span{ display: block; width: 40px; height: 1px; background: #333; transition: all .3s ease; border-radius: 1px; margin: 0;}
    .navBtn span:nth-child(2){width: 15px; align-self: flex-end;}
    .navBtn.on{transform: translateY(-80%);}
    .header_nav .navBtn.on span:nth-child(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);margin-top:24px} 
    .header_nav .navBtn.on span:nth-child(2){opacity:0}
    .header_nav .navBtn.on span:nth-child(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-top:-12px}

    /* Desktop nav hidden by default on mobile */
    .header .nav{ position: fixed; top: 60px; left: 0; right: 0; width: 100%; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.08); max-height: 0; overflow: hidden; transition: max-height .35s ease; display: block;}
    .header .nav.open{ max-height: calc(100vh - 60px); overflow-y: auto;}
    .nav .nav_ul{ display: block; width: 100%; gap: 0; padding: 0;}
    .nav .nav_li{ border-bottom: 1px solid #eee; position: relative;}
    .nav .nav_li .nav_title{ display: block; line-height: 46px; padding: 0 16px; font-size: 14.5px; color: #333;}
    .nav .nav_li a.on{ color: #346c9f;}
    .nav .nav_sub{ position: static; width: 100%; min-width: 0; box-shadow: none; display: none; padding: 0; background: #f7f9fb;}
    .nav .nav_li.open .nav_sub{ display: block;}
    .nav .nav_sub .sub_nav_li{ line-height: 40px; border-bottom: 1px solid #ececec; padding-left: 28px; font-size: 13.5px;}
    .nav .search{ line-height: 46px; margin-left: 0; padding: 0 16px; border-bottom: 1px solid #eee;}

    /* Banner — tighter layout for mobile */
    .banner{ margin-top: 60px;}
    .banner .swiper-slide{ height: auto !important; min-height: 480px;}
    .page_banner{ margin-top: 60px;}
    .page_banner img{ height: 200px;}

    .banner_container{ padding: 30px 15px; align-items: center;}
    .banner_content{ max-width: 100%;}
    .banner_badge{ font-size: 10px; letter-spacing: 1.2px; padding: 5px 12px; gap: 7px;}
    .banner_title{ margin-top: 16px; font-size: 24px !important; line-height: 1.25;}
    .banner_desc{ margin-top: 10px; font-size: 13px; line-height: 1.55; max-width: 100%;}
    .banner_btns{ margin-top: 20px; gap: 10px;}
    .banner_btn{ padding: 10px 20px; font-size: 13.5px;}
    .banner_points{ margin-top: 20px; gap: 8px 14px;}
    .banner_points li{ font-size: 11.5px; padding-left: 20px; line-height: 1.5;}
    .banner .h_banner_page{ bottom: 12px;}

    /* Section spacing & typography — tighter on mobile */
    .home_products,.home_custom,.home_about,.home_choose,.home_news,.faq_sec{ padding: 40px 0 !important;}
    .home_products .home_h1{ font-size: 22px; margin-bottom: 16px;}
    .home_products .home_h2{ font-size: 13.5px; margin-bottom: 20px; line-height: 1.6;}
    .global_h2{ font-size: 22px; margin-bottom: 8px; line-height: 1.3;}
    .global_h3{ font-size: 14px; margin-bottom: 20px; line-height: 1.5;}
    .global_aside{ font-size: 13px !important; line-height: 1.65 !important;}

    .home_product_lists{ display: block; margin-top: 20px;}
    .home_pro_item{ width: 100%; margin-top: 20px; border-radius: 10px;}
    .home_pro_item .pro_info{ padding: 14px 14px 16px;}
    .home_pro_item h2{ font-size: 14px; line-height: 1.4;}
    .home_pro_item .pro_specs{ margin-top: 8px;}
    .home_pro_item .pro_specs li{ font-size: 12px; line-height: 1.7;}
    .home_pro_item .pro_actions{ padding-top: 12px; gap: 8px;}
    .home_pro_item .pro_actions .pro_btn{ height: 40px; line-height: 38px; font-size: 13px;}
    .home_pro_btns{ margin-top: 25px;}
    .home_pro_btns a{ width: 100%; padding: 0 20px; height: 46px; line-height: 46px; font-size: 14px;}

    .home_custom .global_aside{max-width: 100%; margin-top: 20px;}
    .custom_slection .custopm_pic_item{width: 100%; margin-bottom: 20px;}
    .custom_slection .custopm_pic_item .cus_pic_title{ font-size: 14px; line-height: 1.5;}
    .custom_list{ margin-top: 25px;}
    .custom_list .custom_item{ padding: 24px 18px;}
    .custom_list .custom_item h2{ font-size: 18px; margin-bottom: 8px;}
    .custom_list .custom_item aside{ font-size: 13px; line-height: 1.65;}
    .custom_list .cus_lists{ display: block; margin-top: 20px;}
    .custom_list .cus_lists .custom_li{ margin-top: 20px; width: 100%; padding: 14px;}
    .custom_list .cus_lists .custom_li h3{ font-size: 16px; line-height: 1.4; padding-left: 55px;}
    .custom_list .cus_lists .custom_li h3 span{ width: 44px; height: 44px; line-height: 44px;}
    .custom_list .cus_lists .custom_li aside{ font-size: 13px; line-height: 1.6;}

    .home_about_con{ display: block;}
    .home_about_con .about_pic{width: 100%;}
    .home_about_con .about_con{ margin-top: 20px; width: 100%;}
    .home_about_con .about_con h2{ font-size: 20px; margin-bottom: 10px;}
    .home_about_con .about_con p{ font-size: 13.5px; line-height: 1.7; padding: 3px 0;}
    .home_about_office{margin-top: 20px;}
    .home_about_office .about_office_li{width: 48%; margin-bottom: 10px;}
    .home_models_block{margin-top: 30px !important;}
    .home_models_block .faq_more{ font-size: 12.5px;}

    .home_choose aside{max-width: 100%; margin-top: 20px; font-size: 13px; line-height: 1.65;}
    .choose_list{ display: block; margin-top: 20px;}
    .choose_list .choose_item{ width: 100%; margin-top: 20px; padding: 18px;}
    .choose_list .choose_title{ font-size: 16px; margin-bottom: 10px;}
    .choose_list .choose_desc{ font-size: 13px; line-height: 1.6;}

    .home_stats .about_stats{grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 25px;}
    .stat_item{ padding: 22px 8px;}
    .stat_item b{ font-size: 26px;}
    .stat_item span{ font-size: 12px;}
    .cert_list{grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .cert_item{ padding: 22px 14px;}

    .home_news .global_aside{ max-width: 100%; margin-top: 20px; font-size: 13px; line-height: 1.65;}
    .home_news_list{margin-top: 20px;}
    .home_news_list .home_news_li{ width: 100%; margin-top: 20px;}
    .home_news_list .home_news_info{ padding: 16px;}
    .home_news_list .home_news_h3{ font-size: 16px; margin: 8px 0; line-height: 1.4;}
    .home_news_list .home_news_desc{ font-size: 13px; line-height: 1.6;}

    .cta_band{ padding: 35px 0;}
    .cta_band h2{ font-size: 22px; line-height: 1.3;}
    .cta_band p{ font-size: 13.5px; margin-top: 8px;}
    .cta_band .cta_btns{ margin-top: 20px; gap: 10px;}
    .cta_band .cta_btns a{ height: 44px; line-height: 44px; padding: 0 22px; font-size: 14px;}

    .footer{ padding-top: 40px;}
    .footer_list{ gap: 25px 0px;}
    .footer_list .footer_item{ width: 100%; }
    .footer_list .footer_item h3{ font-size: 15px; margin-bottom: 14px;}
    .footer_list .footer_item a{ font-size: 13px;}
    .footer_list .footer_item li{ line-height: 1; margin-bottom: 10px;}
    .footer_addr_info{ font-size: 12.5px; line-height: 1.5;}
    .footer_newsletter{ margin-top: 30px; padding: 20px 16px;}
    .footer_newsletter .fn_text h3{ font-size: 16px;}
    .footer_newsletter .fn_text p{ font-size: 12.5px; line-height: 1.6;}
    .footer_trade{ font-size: 11.5px; line-height: 1.6;}
    .footer_bottom *{ font-size: 11px;}
    .footer_bottom_links a{ margin: 0 10px 6px 0;}
    .home_products .home_h2{max-width: 100%;}
    .contact_cards{ grid-template-columns: repeat(1, 1fr); gap: 12px;}
    .contact_card{ padding: 24px 16px;}
    .contact_card h3{ font-size: 15px;}
    .contact_card p{ font-size: 13px; line-height: 1.6;}
    .contact_form_box{ width: 100%; padding: 26px 18px;}
    .contact_form_box h2{ font-size: 20px;}
    .contact_form{ grid-template-columns: 1fr; gap: 12px;}
    .contact_main{ display: block;}
    .about_stats{grid-template-columns: repeat(2, 1fr);}
    .blog_layout{ display: block;}
    .blog_main{ display: block; width: 100%; flex: unset;}
    .blog_card{ display: block; padding: 16px; margin-bottom: 14px;}
    .blog_card .blog_img{ width: 100%;}
    .blog_card .blog_info{ width: 100%; margin-top: 14px;}
    .blog_card h3{ font-size: 16px; line-height: 1.4;}
    .blog_card .blog_desc{ font-size: 13px; line-height: 1.6;}
    .blog_side{ width: 100%;}
    .side_box{ padding: 20px; margin-bottom: 18px;}
    .related_posts .home_news_list{ display: block;}
    .cus_grid{grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .cus_grid_item img{ height: 160px;}
    .cus_grid_info{ padding: 14px;}
    .cus_grid_info h3{ font-size: 14px;}
    .cus_grid_info p{ font-size: 12.5px; line-height: 1.55;}
    .mat_cards{grid-template-columns: repeat(1, 1fr); gap: 14px;}
    .mat_card{ padding: 22px 18px;}
    .mat_card h3{ font-size: 17px;}
    .mat_card p{ font-size: 13.5px; line-height: 1.65;}
    .mat_card ul li{ font-size: 13px; line-height: 1.8;}
    .oem_intro_text{ width: 100%; margin-bottom: 20px;}
    .oem_intro_text h2{ font-size: 22px;}
    .oem_intro_text p{ font-size: 13.5px; line-height: 1.7;}
    .oem_intro_pic{ width: 100%;}
    .oem_card{ width: 100%; margin-top: 20px; padding: 24px 18px;}
    .oem_card h3{ font-size: 18px;}
    .oem_card > p{ font-size: 13.5px; line-height: 1.7;}
    .oem_card ul li{ font-size: 13px; line-height: 1.9;}
    .process_list,.cap_list{grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 25px;}
    .process_item{ padding: 20px 10px;}
    .process_item h3{ font-size: 13.5px;}
    .process_item p{ font-size: 12px; line-height: 1.55;}
    .cap_item{ padding: 20px 14px;}
    .cap_item h3{ font-size: 14px;}
    .cap_item p{ font-size: 12.5px; line-height: 1.55;}

    .product_cats{ padding: 15px 0;}
    .product_select{ padding: 18px;}
    .product_select .cate_item{ display: block;}
    .product_select .cate_item .catename{margin-bottom: 10px; font-size: 15px; font-weight:600;}
    .product_select .cate_item .checkbox-group .checkbox-item{ font-size: 12.5px; line-height: 1.6;}
    .products_listes{grid-template-columns: repeat(1, 1fr); gap:20px 0px}
    .product_top{ display: block;}
    .product_pices{ width: 100%; margin-bottom: 20px;}
    .product_contentes{ width: 100%; padding-left: 0px;}
    .pro_title{ font-size: 20px; line-height: 1.35;}
    .pro_subtitle{ font-size: 13.5px; line-height: 1.6;}
    .pro_points li{ font-size: 13.5px; line-height: 1.8;}
    .pro_trade li{ font-size: 13.5px; line-height: 1.9;}
    .pro_trade li span{ width: 110px;}
    .pro_cta{ gap: 10px;}
    .pro_cta a{ height: 46px; line-height: 46px; font-size: 14px;}
    .pro_service{ font-size: 12px; gap: 6px 14px;}
    .pro_tab_nav{display: flex; flex-wrap: nowrap; border-bottom: 1px solid #eee; overflow-x: auto; white-space: nowrap;}
    .pro_tab_nav li{ padding: 10px 16px; font-size: 14px;}
    .pro_tab_pane{ padding: 20px 4px;}
    .pro_tab_pane h3{ font-size: 17px;}
    .pro_tab_pane p{ font-size: 13.5px; line-height: 1.75;}
    .pro_tab_pane ul li{ font-size: 13.5px; line-height: 1.9;}
    .spec_table th,.spec_table td{ padding: 10px 12px; font-size: 12.5px;}
    .pro_inquiry{ padding: 28px 15px;}
    .pro_inquiry h2{ font-size: 20px;}
    .inquiry_form{ grid-template-columns: 1fr; gap: 12px;}
    .related_products{ margin-top: 35px;}
    .related_products > h2{ font-size: 20px; margin-bottom: 16px;}

    .search_overlay_box{margin-top: 20%; padding: 24px 18px;}
    .search_overlay_box h3{ font-size: 18px;}
    .search_form input{ height: 44px; font-size: 14px;}
    .search_form button{ height: 44px; padding: 0 18px; font-size: 14px;}

    .page_banner_mask h1{ font-size: 24px;}
    .page_banner_mask p{ font-size: 13px; max-width: 100%; margin-top: 8px; line-height: 1.6;}
    .pro_list_desc{ margin-top: 40px; padding: 40px 0;}
    .pro_list_desc h2{ font-size: 26px; margin-bottom: 16px;}
    .pro_list_desc article{ font-size: 14px; line-height: 1.8;}

    /* Age gate modal */
    .age_gate_box{ padding: 30px 22px;}
    .age_gate_box h2{ font-size: 19px; margin: 14px 0 8px;}
    .age_gate_box p{ font-size: 13px; line-height: 1.65;}
    .age_gate_btns{ margin-top: 20px; gap: 10px;}
    .age_gate_btns button{ height: 44px; font-size: 13.5px;}

    /* Inquiry modal */
    .inquiry_modal{ padding: 10px; align-items: flex-start;}
    .inquiry_box{ padding: 24px 18px 20px; margin-top: 20px;}
    .inquiry_head h3{ font-size: 20px;}
    .inquiry_head p{ font-size: 12.5px;}
    .inquiry_grid{ grid-template-columns: 1fr; gap: 12px;}
    .inquiry_field input{ height: 44px; font-size: 14px;}
    .inquiry_submit{ height: 46px; font-size: 14.5px;}
}

@media (max-width: 760px) {
    .trust_strip .container{ gap: 8px 14px; padding: 12px 15px; justify-content: flex-start;}
    .trust_strip .ts_item{ font-size: 11.5px; line-height: 1.5;}
    .list_intro{ padding: 25px 0 4px;}
    .list_h1{ font-size: 22px; line-height: 1.3;}
    .list_desc{ font-size: 13px; margin-top: 10px; line-height: 1.65;}
    .search_h1{ font-size: 22px;}
    .search_sub{ font-size: 13px; margin-bottom: 20px; line-height: 1.6;}
    .faq_sec{ padding: 35px 0;}
    .faq_list{ margin-top: 20px;}
    .faq_item{ margin-bottom: 10px;}
    .faq_q{ font-size: 14px; padding: 13px 40px 13px 14px; line-height: 1.45;}
    .faq_a{ font-size: 13px; padding: 0 14px 14px; line-height: 1.65;}
    .js .faq_q::after{ right: 14px; top: 11px; font-size: 20px;}
    .faq_more{ font-size: 12px; margin-top: 18px;}
    .faq_tabs a{ padding: 7px 14px; font-size: 12.5px;}
    .faq_group{ margin-top: 28px;}
    .faq_group > h2{ font-size: 17px; margin-bottom: 12px;}
    .legal_toc{ padding: 18px;}
    .legal_toc h3{ font-size: 15px;}
    .legal_toc ol li{ font-size: 13px; line-height: 1.8;}
    .legal_body h2{ font-size: 18px; margin: 24px 0 10px;}
    .legal_body h3{ font-size: 15px;}
    .legal_body p,.legal_body ul li{ font-size: 13.5px; line-height: 1.75;}
}

/* ===== B2B Brand-Marketing Modules: responsive ===== */
@media (max-width: 1100px) {
    .model_grid,.svc_grid,.review_grid,.workshop_grid,.download_grid{grid-template-columns:repeat(2,1fr);}
    .flow_grid{grid-template-columns:repeat(2,1fr);}
    .footer_list_4 .footer_item{width:48%;}
    .footer_list_4 .footer_item_form{width:100%; margin-top:35px;}
    .footer_newsletter{gap:20px;}
    .footer_newsletter .fn_text{width:100%;}
    .footer_newsletter .fn_form{width:100%;}
    .case_card{padding:32px 30px;}
    .container{padding: 0px 15px;}
}
@media (max-width: 760px) {
    .model_grid,.svc_grid,.review_grid,.workshop_grid,.download_grid,.flow_grid,.market_grid,.case_card .case_steps{grid-template-columns:repeat(1,1fr); gap: 14px;}
    .footer_list_4 .footer_item{width:100%;}
    .footer_newsletter{margin-top:25px; padding:20px 16px; gap:14px;}
    .footer_newsletter .fn_form input{min-width:100%; height: 42px; line-height: 42px;}
    .footer_newsletter .fn_form button{width:100%; height: 42px; padding: 0 20px;}
    .footer_bottom_links a{margin:0 10px 6px 0; font-size: 11px;}
    .anchor_nav a{padding:6px 12px; font-size:12px;}
    .model_card,.svc_item,.review_card{padding:20px 16px;}
    .model_card h3{font-size:16px; margin-bottom:8px;}
    .model_card > p{font-size:13px; line-height:1.65;}
    .model_card ul li{font-size:13px; line-height:1.8;}
    .model_card .model_fit{font-size:12px;}
    .svc_item h3{font-size:15px;}
    .svc_item p{font-size:13px; line-height:1.6;}
    .review_card{padding:20px 16px;}
    .review_card blockquote{font-size:13px; line-height:1.7;}
    .review_card .rv_meta{font-size:12px;}
    .case_card{padding:20px 16px; margin-bottom:16px;}
    .case_card h3{font-size:17px;}
    .case_card .case_intro{font-size:13px; line-height:1.65;}
    .case_card .case_steps > div{padding:14px;}
    .case_card .case_steps h4{font-size:13px;}
    .case_card .case_steps p{font-size:12.5px; line-height:1.55;}
    .case_card .case_result{gap:14px; padding-top:14px; margin-top:16px;}
    .case_card .case_result span{font-size:12px;}
    .case_card .case_result b{font-size:16px;}
    .workshop_item img{height:170px;}
    .workshop_item .wp_info{padding:16px;}
    .workshop_item h3{font-size:15px;}
    .workshop_item p{font-size:12.5px; line-height:1.55;}
    .download_item{padding:16px;}
    .download_item h3{font-size:14px;}
    .download_item p{font-size:12.5px; line-height:1.55;}
    .market_item{padding:18px 16px;}
    .market_item h3{font-size:15px; padding-bottom:8px; margin-bottom:8px;}
    .market_item ul li{font-size:12.5px; line-height:1.8;}
    .flow_item{padding:20px 16px 16px;}
    .flow_item h3{font-size:14px; padding-right:36px;}
    .flow_item p{font-size:12px; line-height:1.55;}
    .flow_item .flow_num{font-size:24px; top:16px; right:16px;}
    .show_item{padding:20px 16px;}
    .show_item h3{font-size:15px;}
    .show_item p{font-size:12.5px; line-height:1.6;}
    .spec_table th,.spec_table td{padding:10px 12px; font-size:12.5px;}
    .legal_body p,.legal_body ul li{font-size:13px; line-height:1.7;}
    .legal_toc{padding:16px;}
    .legal_toc ol li{font-size:12.5px; line-height:1.8;}
}

/* ===== Homepage & inner-page additions: responsive ===== */
@media (max-width: 1100px) {
    .model_grid.model_grid_4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 760px) {
    .model_grid.model_grid_4{grid-template-columns:repeat(1,1fr); gap: 14px;}
    .home_models_block{margin-top:25px !important;}
    .portfolio_gap{margin-top:30px;}
    .product_cats{padding:12px 0;}
    .product_cats .anchor_nav{justify-content:flex-start; gap: 8px;}
    .inquiry_modal{padding:8px; align-items:flex-start;}
    .inquiry_box{max-height:calc(100vh - 16px); padding:24px 16px 20px; border-radius:10px; margin-top:12px;}
    .inquiry_close{top:8px; right:10px; width: 34px; height: 34px; line-height: 30px; font-size: 26px;}
    .inquiry_head{padding-right:30px; margin-bottom:18px;}
    .inquiry_head h3{font-size:19px;}
    .inquiry_head p{font-size:12px; margin-top:6px;}
    .inquiry_grid{grid-template-columns:1fr; gap:12px;}
    .inquiry_field_full{grid-column:auto;}
    .inquiry_field label{font-size:12px;}
    .inquiry_field input{height:42px; font-size:14px; padding:10px 12px;}
    .inquiry_field textarea{font-size:14px; padding:10px 12px; min-height:100px;}
    .inquiry_submit{margin-top:14px; height:44px; font-size:14px;}
    .inquiry_note{font-size:11px; margin-top:10px;}
}

/* ===== Trade shows & events: responsive ===== */
@media (max-width: 1100px) {
    .show_grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 760px) {
    .show_grid{grid-template-columns:repeat(1,1fr); gap: 14px;}
    .show_item{padding:18px 16px;}
    .show_item h3{font-size:15px;}
    .show_item .show_region{font-size:11px; padding:3px 10px; margin-bottom:10px;}
    .show_item .show_time{font-size:12px;}
    .show_item p{font-size:12.5px; line-height:1.6;}
}

/* ===== Header nav: keep all items on one row between tablet and desktop ===== */
@media (max-width: 1180px) and (min-width: 761px) {
    .nav .nav_ul{gap:0px 18px;}
    .nav .nav_li .nav_title{font-size:14px;}
    .nav .search{margin-left:26px;}
    .nav .nav_li span{margin-right:6px;}
}
@media (max-width: 900px) and (min-width: 761px) {
    .nav .nav_ul{gap:0px 12px;}
    .nav .nav_li .nav_title{font-size:13.5px;}
    .nav .search{margin-left:18px;}
}

/* ===== Right float bar & footer WeChat: responsive ===== */
@media (max-width: 760px) {
    .float-bar{right:10px; bottom:68px; gap:8px;}
    .float-item{width:44px; height:44px;}
    .float-item svg{width:22px; height:22px;}
    .footer_wa_btn{padding:10px 20px; font-size:14px;}
    .footer_wa_btn svg{width:20px; height:20px; flex:0 0 20px;}
    .footer_wa_title{font-size:14px;}
    .footer_wa_tip{font-size:12.5px;}
    .footer_wa_qr img{width:104px; height:104px;}
}

/* ===== Pagination: responsive ===== */
@media (max-width: 760px) {
    .pglist{margin-top: 32px; margin-bottom: 42px;}
    .pagination{gap: 6px;}
    .pagination .page-link{min-width: 38px; height: 38px; padding: 0 11px; font-size: 14px; border-radius: 7px;}
    .pagination .page-item.disabled:first-child .page-link{height: 34px; padding: 0 15px; font-size: 12.5px; border-radius: 18px;}
    .pagination .jumpto{flex: 1 0 100%; justify-content: center; margin-left: 0; margin-top: 6px; gap: 6px;}
    .pagination .jumpto .page_number{width: 112px; height: 38px;}
    .pagination .jumpto .submit{height: 38px; padding: 0 18px;}
}