/*
 Theme Name:   Astra Child
 Theme URI:    https://www.zjzhurong.com/
 Description:  Astra Child Theme for ZJ Zhurong - 1:1 replica of old site design
 Author:       ZJ Zhurong
 Template:     astra
 Version:      2.0.1
 License:      GNU General Public License v2 or later
 Text Domain:  astra-child
*/

/* ============================================
   全局变量 - 匹配老网站 zjzhurong.com
   老站配色: 红色系 #d10000, 深色 #333, 白色背景
   ============================================ */
:root {
    --zj-red: #d10000;
    --zj-red-dark: #a2161c;
    --zj-red-darker: #8b0000;
    --zj-text: #333333;
    --zj-text-light: #666666;
    --zj-text-muted: #999999;
    --zj-bg: #ffffff;
    --zj-bg-light: #f5f5f5;
    --zj-bg-gray: #eeeeee;
    --zj-border: #e0e0e0;
    --zj-whatsapp: #25d366;
    /* 覆盖 Astra 默认蓝色 */
    --ast-global-color-0: #d10000;
    --ast-global-color-1: #a2161c;
}

/* 强制覆盖 Astra 内置链接颜色 */
body, .ast-theme-transparent-header {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    color: #333333;
    background: #ffffff;
    line-height: 1.7;
    min-width: 320px;
    position: relative;
    overflow-x: hidden;
}

a, .page-title, .entry-title a, .ast-blog-featured-section a {
    color: #d10000 !important;
    text-decoration: none;
    transition: color 0.2s;
}
a:hover, a:focus, .entry-title a:hover {
    color: #a2161c !important;
}

/* 覆盖 Astra 按钮颜色 */
.ast-button, .ast-custom-button, .wp-block-button__link {
    background-color: #d10000 !important;
    border-color: #d10000 !important;
}
.ast-button:hover, .ast-custom-button:hover {
    background-color: #a2161c !important;
}

/* 产品详情页 - 额外板块（对齐源站 zjzhurong.com） */
.single-product .ast-article-single {
    flex-wrap: wrap !important;
}
/* 产品详情各区域排序 */
.single-product .woocommerce-product-gallery { order: 1 !important; }
.single-product .entry-summary { order: 2 !important; }
.single-product .woocommerce-tabs { order: 3 !important; flex: 0 0 100% !important; }
.zj-extra-sections {
    background: transparent !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 50px 0 !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    order: 4 !important;
}
.single-product .related.products {
    order: 5 !important;
    flex: 0 0 100% !important;
}
.zj-extra-sections .fl-row-content-wrap {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}
.zj-extra-sections .fl-row {
    margin-bottom: 30px;
}
/* 图标与标题对齐 */
.zj-extra-sections .fl-icon-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
}
.zj-extra-sections .fl-icon-wrap h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}
.zj-extra-sections .fl-icon-wrap .fl-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}
.zj-extra-sections .fl-icon-wrap .fl-icon i {
    line-height: 1 !important;
    vertical-align: middle !important;
}
/* Examination 图片：2列 × 2行，百分比布局（对齐源站） */
.zj-examination-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 15px !important;
}
.zj-examination-grid img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 440 / 356 !important;
    object-fit: cover !important;
    display: block !important;
}
/* Production 图片：3列，百分比布局（对齐源站） */
.zj-production-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin-top: 15px !important;
}
.zj-production-grid img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 440 / 356 !important;
    object-fit: cover !important;
    display: block !important;
}

/* 隐藏 Astra 默认 header，统一使用自定义导航栏 */
#masthead {
    display: none !important;
}

/* 导航栏 logo */
.zj-logo {
    display: flex;
    align-items: center;
}

/* 移动端汉堡菜单按钮 - 桌面端隐藏，防止 Astra 按钮红色背景穿透 */
.zj-mobile-toggle {
    display: none !important;
    width: 36px;
    height: 36px;
    background: none !important;
    border: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 6px;
    z-index: 200;
}
.zj-mobile-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    border-radius: 1px;
    transition: all 0.3s ease;
}
.zj-mobile-toggle.zj-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.zj-mobile-toggle.zj-active span:nth-child(2) { opacity: 0; }
.zj-mobile-toggle.zj-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* 导航栏 - 全局 Elementor 菜单覆盖 */
.zj-main-header .elementor-nav-menu > li > a {
    color: #e0e0e0 !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 18px 16px;
    transition: color 0.2s;
}
.zj-main-header .elementor-nav-menu > li > a:hover,
.zj-main-header .elementor-nav-menu > li.current-menu-item > a {
    color: #fff !important;
}

/* ============================================
   Hero 轮播样式（对标老站 slider_banner）
   ============================================ */
.zj-hero-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.zj-hero-slider .swiper {
    width: 100%;
    height: auto; /* 由图片自然高度决定 */
}
.zj-hero-slider .swiper-slide {
    position: relative;
    width: 100%;
    height: auto;
    background: #0a0a0a;
    overflow: hidden;
}
.zj-hero-slider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Hero 内文本叠加层 */
.zj-hero-slider .zj-hero-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}
.zj-hero-slider .zj-hero-content > * {
    pointer-events: auto;
}

/* Hero 左右分栏 */
.zj-hero-slider .zj-hero-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    gap: 40px;
}
.zj-hero-slider .zj-hero-layout .zj-hero-img {
    flex: 0 0 55%;
    text-align: center;
}
.zj-hero-slider .zj-hero-layout .zj-hero-img img {
    max-height: 70vh;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
}
.zj-hero-slider .zj-hero-layout .zj-hero-text {
    flex: 1;
    color: #fff;
}
.zj-hero-slider .zj-hero-layout .zj-hero-text h2 {
    font-size: 72px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 16px;
    color: var(--zj-red);
}
.zj-hero-slider .zj-hero-layout .zj-hero-text h3 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.zj-hero-slider .zj-hero-layout .zj-hero-text p {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.zj-hero-slider .zj-hero-text .zj-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 36px;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.zj-hero-slider .zj-hero-text .zj-hero-btn:hover {
    background: #fff;
    color: #0a0a0a;
    border-color: #fff;
}

/* Hero 背景装饰水印数字 */
.zj-hero-slider .swiper-slide::before {
    content: '2026';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 280px;
    font-weight: 900;
    color: rgba(255,255,255,0.03);
    z-index: 0;
    line-height: 1;
    pointer-events: none;
}

/* 导航菜单 - 白色文字 */
.zj-nav .zj-nav-list {
    display: flex;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.zj-nav .zj-nav-list > li {
    position: relative;
}
.zj-nav .zj-nav-list > li > a {
    color: #e0e0e0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 24px 16px;
    text-decoration: none;
    display: block;
    transition: color 0.2s;
}
.zj-nav .zj-nav-list > li > a:hover,
.zj-nav .zj-nav-list > li.current-menu-item > a {
    color: #fff;
}
/* 导航下划线动效 - 白色下划线 */
.zj-nav .zj-nav-list > li > a {
    position: relative;
}
.zj-nav .zj-nav-list > li > a::after {
    content: '';
    position: absolute;
    bottom: 18px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}
.zj-nav .zj-nav-list > li > a:hover::after,
.zj-nav .zj-nav-list > li.current-menu-item > a::after {
    width: 60%;
    left: 20%;
}
/* 下拉菜单 */
.zj-nav .zj-nav-list .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 220px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0 0 4px 4px;
    z-index: 999;
    list-style: none;
    padding: 8px 0;
    margin: 0;
}
.zj-nav .zj-nav-list > li:hover > .sub-menu {
    display: block;
}
.zj-nav .zj-nav-list .sub-menu li a {
    display: block;
    padding: 10px 20px;
    color: var(--zj-text);
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
}
.zj-nav .zj-nav-list .sub-menu li a:hover {
    color: var(--zj-red);
    background: var(--zj-bg-light);
    padding-left: 24px;
}
.zj-top-bar {
    background: #222;
    color: #ccc;
    font-size: 12px;
    padding: 6px 0;
}
.zj-top-bar a {
    color: #ccc;
}
.zj-top-bar a:hover {
    color: #fff;
}

/* ============================================
   首页全屏 Hero 布局（自定义模板 page-home.php）
   顶栏+导航浮动在轮播上方，轮播 = 100vh
   ============================================ */

/* 自定义模板页面：隐藏 Astra 默认 header/footer/site-content 包裹 */
.zj-home-template .ast-header-break-point .ast-above-header,
.zj-home-template #masthead,
.zj-home-template .site-footer,
.zj-home-template .ast-container {
    display: none !important;
}
.zj-home-template #content,
.zj-home-template .site-content {
    padding: 0 !important;
    margin: 0 !important;
}

/* 自定义模板通用容器 */
.zj-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 顶栏 - 固定在顶部，半透明 */
.zj-home-template .zj-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(34,34,34,0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 6px 0;
}
.zj-home-template .zj-top-bar .zj-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}
.zj-home-template .zj-top-bar a {
    color: #ccc;
    margin-right: 16px;
    text-decoration: none;
}
.zj-home-template .zj-top-bar a:hover {
    color: #fff;
}

/* 导航栏 - 全局 sticky + 滚动缩小效果 */
.zj-main-header {
    position: sticky;
    top: 0;
    z-index: 199;
    background: #5a5a5a;
    transition: all 0.4s ease;
}
.zj-main-header.zj-scrolled {
    background: rgba(0,0,0,0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.zj-main-header .zj-container {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
    transition: height 0.4s ease;
}
.zj-main-header.zj-scrolled .zj-container {
    height: 60px;
    justify-content: center;
}
/* 滚动后：仅显示导航，隐藏 logo 和 WhatsApp */
.zj-main-header.zj-scrolled .zj-logo {
    display: none;
}
.zj-main-header.zj-scrolled .zj-whatsapp-btn {
    display: none;
}
.zj-main-header.zj-scrolled .zj-nav .zj-nav-list > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
}
/* 导航栏 - 灰色背景下白色文字 */
.zj-nav .zj-nav-list > li > a {
    color: #e0e0e0 !important;
}
.zj-nav .zj-nav-list > li > a:hover,
.zj-nav .zj-nav-list > li.current-menu-item > a {
    color: #fff !important;
}
/* 导航下划线 - 白色下划线 */
.zj-home-template .zj-nav .zj-nav-list > li > a::after {
    background: #fff;
}
.zj-whatsapp-btn {
    background: #25d366;
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
}
.zj-home-template .zj-hero-slider {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.zj-home-template .zj-hero-slider .swiper {
    width: 100%;
    height: auto; /* 由图片自然高度决定，浏览器变窄自动缩矮 */
}
.zj-home-template .zj-hero-slider .swiper-slide {
    width: 100%;
    height: auto;
    position: relative;
    background: #0a0a0a;
    overflow: hidden;
}
.zj-home-template .zj-hero-slider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* 注意：不用 object-fit，图片完全可见 */
    /* 缩放动画：进入缩小（见全貌），退出放大 */
    transform: scale(1.3);
    transition: transform 6s ease;
}
.zj-home-template .zj-hero-slider .swiper-slide-active img {
    transform: scale(1);
}

/* 首页 section 通用样式 */
.zj-home-template .zj-section {
    padding: 60px 0;
}
.zj-home-template .zj-hot-products {
    background: #fff;
}
.zj-home-template .zj-hot-products .zj-section-title {
    color: var(--zj-text);
}
.zj-home-template .zj-hot-products .zj-section-title em {
    color: var(--zj-red);
}
.zj-home-template .zj-about-section {
    background: #f4f5f7;
}
.zj-home-template .zj-products-section {
    background: #fff;
}
.zj-home-template .zj-products-section .zj-section-title {
    color: var(--zj-text);
}
.zj-home-template .zj-products-section .zj-section-title em {
    color: var(--zj-red);
}
.zj-home-template .zj-cta-section {
    background: #fff;
}

/* 白底产品区域 - 产品卡片适配 */
.zj-home-template .zj-hot-products .woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.zj-home-template .zj-hot-products .woocommerce ul.products li.product:hover {
    border-color: var(--zj-red);
    box-shadow: 0 4px 20px rgba(0,0,0,0.10);
}
.zj-home-template .zj-hot-products .woocommerce ul.products li.product .woocommerce-loop-product__title,
.zj-home-template .zj-hot-products .woocommerce ul.products li.product .woocommerce-loop-product__title a,
.zj-home-template .zj-hot-products .woocommerce ul.products li.product .ast-loop-product__link {
    color: var(--zj-text) !important;
}
.zj-home-template .zj-hot-products .woocommerce ul.products li.product .ast-woo-product-category {
    color: var(--zj-text-muted);
}
/* 产品图片区域底部加分隔线，浅底衬托让产品更清晰 */
.zj-home-template .zj-hot-products .woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    border-bottom: 1px solid #eee;
    background: #fafafa;
}
.zj-home-template .zj-hot-products .woocommerce ul.products li.product .price,
.zj-home-template .zj-products-section .woocommerce ul.products li.product .price {
    color: var(--zj-red);
}

/* 产品展示区 - 白底产品卡片 */
.zj-home-template .zj-products-section .woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.zj-home-template .zj-products-section .woocommerce ul.products li.product:hover {
    border-color: var(--zj-red);
    box-shadow: 0 4px 20px rgba(0,0,0,0.10);
}
.zj-home-template .zj-products-section .woocommerce ul.products li.product .woocommerce-loop-product__title,
.zj-home-template .zj-products-section .woocommerce ul.products li.product .woocommerce-loop-product__title a,
.zj-home-template .zj-products-section .woocommerce ul.products li.product .ast-loop-product__link {
    color: var(--zj-text) !important;
}
.zj-home-template .zj-products-section .woocommerce ul.products li.product .ast-woo-product-category {
    color: var(--zj-text-muted);
}
/* 产品图片 - 加内阴影让产品更清晰 */
.zj-home-template .zj-products-section .woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    border-bottom: 1px solid #eee;
    background: #fafafa;
}

/* Footer - 全局适用 */
.zj-footer .zj-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 30px;
}
.zj-footer p {
    margin-bottom: 8px;
}
.zj-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.zj-footer ul li {
    margin-bottom: 8px;
}

/* ============================================
   非 Elementor 首页 Hero 布局（旧版兼容，可移除）
   ============================================ */

/* 分页器 - 老站 12px 大圆点 */
.zj-hero-slider .swiper-pagination {
    padding-bottom: 15px;
}
.zj-hero-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.25;
    transition: all 0.3s ease;
    margin: 2px 10px !important;
}
.zj-hero-slider .swiper-pagination-bullet-active {
    opacity: 0.8;
    background: #fff;
}

/* 导航按钮 - 老站大按钮 50x60，hover 扩展至 100px */
.zj-hero-slider .swiper-button-next,
.zj-hero-slider .swiper-button-prev {
    width: 50px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: all 0.6s ease;
}
.zj-hero-slider:hover .swiper-button-next,
.zj-hero-slider:hover .swiper-button-prev {
    opacity: 0.85;
}
.zj-hero-slider .swiper-button-next:hover,
.zj-hero-slider .swiper-button-prev:hover {
    width: 100px;
    background: rgba(0,0,0,0.9);
    opacity: 1;
}
.zj-hero-slider .swiper-button-next::after,
.zj-hero-slider .swiper-button-prev::after {
    font-size: 26px;
    font-weight: bold;
}

/* WOW.js 动画 */
.zj-wow {
    visibility: hidden;
}
.zj-wow.zj-animated {
    visibility: visible;
}
.zj-wow.zj-animated.zj-fadeInUpA {
    animation: zjFadeInUp 0.8s ease forwards;
}
.zj-wow.zj-animated.zj-fadeInLeftA {
    animation: zjFadeInLeft 0.8s ease forwards;
}
.zj-wow.zj-animated.zj-fadeInRightA {
    animation: zjFadeInRight 0.8s ease forwards;
}
/* 产品卡片逐项延迟 */
.zj-wow.zj-fadeInUpA:nth-child(1)  { animation-delay: 0s; }
.zj-wow.zj-fadeInUpA:nth-child(2)  { animation-delay: 0.08s; }
.zj-wow.zj-fadeInUpA:nth-child(3)  { animation-delay: 0.16s; }
.zj-wow.zj-fadeInUpA:nth-child(4)  { animation-delay: 0.24s; }
.zj-wow.zj-fadeInUpA:nth-child(5)  { animation-delay: 0.32s; }
.zj-wow.zj-fadeInUpA:nth-child(6)  { animation-delay: 0.40s; }
.zj-wow.zj-fadeInUpA:nth-child(7)  { animation-delay: 0.48s; }
.zj-wow.zj-fadeInUpA:nth-child(8)  { animation-delay: 0.56s; }
.zj-wow.zj-fadeInUpA:nth-child(9)  { animation-delay: 0.64s; }
.zj-wow.zj-fadeInUpA:nth-child(10) { animation-delay: 0.72s; }
.zj-wow.zj-fadeInUpA:nth-child(11) { animation-delay: 0.80s; }
.zj-wow.zj-fadeInUpA:nth-child(12) { animation-delay: 0.88s; }

@keyframes zjFadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes zjFadeInLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes zjFadeInRight {
    from { opacity: 0; transform: translateX(40px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* 产品轮播 */
.zj-product-slider {
    position: relative;
}
.zj-product-slider .swiper-button-next,
.zj-product-slider .swiper-button-prev {
    color: var(--zj-red);
    opacity: 0.6;
    transition: opacity 0.3s;
}
.zj-product-slider .swiper-button-next:hover,
.zj-product-slider .swiper-button-prev:hover {
    opacity: 1;
}
.zj-product-slider .swiper-button-next::after,
.zj-product-slider .swiper-button-prev::after {
    font-size: 22px;
}

/* ============================================
   首页产品区域（对标老站 index_hot_product / index_product / index_company_intr / index_promote）
   ============================================ */

/* 通用 section 标题 */
.zj-section-title {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--zj-text);
}
.zj-section-title em {
    font-style: normal;
    color: var(--zj-red);
    font-size: 65px;
    vertical-align: bottom;
    line-height: 1;
}

/* ---- Hot Products (对标 index_hot_product) ---- */
.index_hot_product {
    padding: 60px 0;
    background: #fff;
    position: relative;
}
.index_hot_product .elementor-container {
    max-width: 1280px !important;
}
.index_hot_product .zj-section-title {
    color: var(--zj-text);
}
.index_hot_product .zj-section-title em {
    color: var(--zj-red);
}

/* ---- Company Intro (对标 index_company_intr) ---- */
.index_company_intr {
    background: #f4f5f7;
    overflow: hidden;
}
.index_company_intr .elementor-container {
    max-width: none !important;
    padding: 0 !important;
}
.index_company_intr .layout {
    width: auto;
    max-width: none;
}

/* ---- Promote 全宽 ---- */
.index_promote .elementor-container {
    max-width: none !important;
    padding: 0 !important;
}
.index_promote .layout {
    width: auto;
    max-width: none;
}
.zj-about-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.zj-about-cell {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.zj-about-cell img {
    display: block;
    width: 100%;
    height: auto;
}
.zj-about-cell.zj-about-text {
    padding: 5%;
    color: #000;
}
.zj-about-text .zj-about-info {
    max-width: 420px;
    margin: 0 auto;
}
.zj-about-text h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}
.zj-about-text h2 em {
    color: #555;
    font-size: 65px;
    vertical-align: bottom;
}
.zj-about-text .zj-about-desc {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--zj-text-light);
}

/* ---- Product Showcase (对标 index_product) ---- */
.index_product {
    padding: 100px 0;
    background: #1a1a1a url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><rect fill="%23181818" width="200" height="200"/><rect fill="%231d1d1d" width="100" height="100"/><rect fill="%231d1d1d" x="100" y="100" width="100" height="100"/></svg>');
    background-size: 200px 200px;
}
.index_product .elementor-container {
    max-width: 1280px !important;
}
.index_product .zj-section-title {
    color: #fff;
    margin-bottom: 50px;
}
.index_product .zj-section-title em {
    color: var(--zj-red);
}

/* ---- sys_btn 老站风格按钮 ---- */
.sys_btn {
    display: inline-block;
    border: 2px solid var(--zj-red);
    padding: 8px 28px;
    color: var(--zj-red) !important;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}
.sys_btn:hover {
    background: var(--zj-red);
    color: #fff !important;
}

/* ---- Scene Grid - 全屏 + 入场动效 ---- */
.zj-home-template .zj-scene-section {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* Scene 入场动效（仅滚动进入视口时激活） */
.zj-wow.zj-sceneFadeInLeft,
.zj-wow.zj-sceneFadeInUp {
    visibility: hidden;
}
.zj-wow.zj-animated.zj-sceneFadeInLeft {
    animation: zjSceneFadeInLeft 0.9s ease forwards;
    visibility: visible;
}
.zj-wow.zj-animated.zj-sceneFadeInUp {
    animation: zjSceneFadeInUp 0.8s ease forwards;
    visibility: visible;
}
/* 右侧三张交错延迟（首次触发后不可逆，不冲突） */
.zj-scene-right .zj-scene-right-top a:nth-child(1).zj-wow.zj-animated.zj-sceneFadeInUp { animation-delay: 0.1s; }
.zj-scene-right .zj-scene-right-top a:nth-child(2).zj-wow.zj-animated.zj-sceneFadeInUp { animation-delay: 0.2s; }
.zj-scene-right .zj-scene-right-bottom.zj-wow.zj-animated.zj-sceneFadeInUp { animation-delay: 0.3s; }
@keyframes zjSceneFadeInLeft {
    from { opacity: 0; transform: translateX(-80px) scale(0.95); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes zjSceneFadeInUp {
    from { opacity: 0; transform: translateY(60px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---- Scene Grid 布局 - 左一大图 + 右上两并排右下单张 ---- */
.zj-scene-layout {
    display: flex;
    gap: 4px;
    line-height: 0;
}
.zj-scene-left {
    flex: 0 0 50%;
    display: block;
    overflow: hidden;
    position: relative;
}
.zj-scene-left img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.zj-scene-left:hover img {
    transform: scale(1.05);
}
.zj-scene-right {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.zj-scene-right-top {
    display: flex;
    gap: 4px;
    flex: 1;
}
.zj-scene-right-top a {
    flex: 0 0 50%;
    display: block;
    overflow: hidden;
    position: relative;
}
.zj-scene-right-top a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.zj-scene-right-top a:hover img {
    transform: scale(1.05);
}
.zj-scene-right-bottom {
    display: block;
    overflow: hidden;
    position: relative;
    flex: 1;
}
.zj-scene-right-bottom img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.zj-scene-right-bottom:hover img {
    transform: scale(1.05);
}
.zj-scene-layout a::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: background-color 0.4s ease;
}
.zj-scene-layout a:hover::after {
    background-color: rgba(0,0,0,0.3);
}

/* ---- 产品卡片悬停叠加动效（对标老站 product_item .item_img） ---- */
.zj-product-overlay {
    position: relative;
    overflow: hidden;
}
.zj-product-overlay img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}
.zj-product-overlay:hover img {
    transform: scale(1.08);
}
/* 径向遮罩从中心扩散 */
.zj-product-overlay .zj-overlay-circle {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0%;
    height: 0%;
    background: rgba(64, 41, 41, 0.35);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
    z-index: 1;
}
.zj-product-overlay:hover .zj-overlay-circle {
    width: 150%;
    height: 150%;
    transition: all 0.7s ease 0.15s;
}

/* ---- 产品标题覆盖层（对标 index_product .item_title） ---- */
.zj-product-title-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    transition: all 0.4s ease;
    z-index: 2;
    opacity: 0;
    transform: translateY(10px);
}
.zj-product-overlay:hover .zj-product-title-overlay {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

/* ---- CTA 区域（对标 company_subscribe） ---- */
.company_subscribe {
    padding: 40px 0;
    text-align: center;
}
.company_subscribe h2 {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.3;
    color: var(--zj-red-dark);
    margin-bottom: 0;
}
.company_subscribe .zj-btn-cta {
    display: inline-block;
    line-height: 42px;
    margin-top: 30px;
    font-size: 28px;
    font-weight: bold;
    color: #fff !important;
    background-color: var(--zj-red-dark);
    padding: 7px 35px;
    box-shadow: 3px 3px 2px rgba(0,0,0,0.7);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
    position: relative;
}
.company_subscribe .zj-btn-cta:hover {
    padding-left: 25px;
    padding-right: 45px;
    background-color: var(--zj-red);
    color: #fff !important;
}
.company_subscribe .zj-btn-cta::after {
    content: '\2192';
    padding-left: 15px;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    right: 30px;
    top: 5px;
    opacity: 0;
    transition: all 0.3s ease;
}
.company_subscribe .zj-btn-cta:hover::after {
    opacity: 1;
    right: 20px;
}

/* ====== About Us V2（仿原站左图右文） ====== */
/* About Us 页面容器 - 全屏灰色背景 */
.zj-about-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 60px 0 80px;
    background: #ffffff;
    min-height: 60vh;
    box-sizing: border-box;
}
.zj-about-v2 {
    background: #fff !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 1330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
}
.zj-about-why-section .zj-about-why-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 40px 40px !important;
    box-sizing: border-box !important;
}
.zj-about-v2 .zj-about-v2-image {
    flex: 0 0 50% !important;
    min-height: 450px !important;
    overflow: hidden !important;
    position: relative !important;
}
.zj-about-v2 .zj-about-v2-image img {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.zj-about-v2 .zj-about-v2-content {
    flex: 0 0 50% !important;
    padding: 60px 50px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.zj-about-v2 .zj-about-v2-content h1 {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 0 24px 0 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
.zj-about-v2 .zj-about-v2-content h1 em {
    font-style: normal !important;
    color: var(--zj-red) !important;
}
.zj-about-v2 .zj-about-v2-content p {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #555 !important;
    margin: 0 0 32px 0 !important;
}
.zj-about-v2 .zj-about-v2-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 36px !important;
    background: var(--zj-red) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    letter-spacing: 0.5px !important;
    transition: background 0.3s ease !important;
    align-self: flex-start !important;
}
.zj-about-v2 .zj-about-v2-btn:hover {
    background: var(--zj-red-dark) !important;
    color: #fff !important;
}

/* ====== About Us Why Choose Us - 左右排版 ====== */
.zj-about-why-section {
    background: #fff !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 1330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
}
.zj-about-why-section .zj-about-why-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 40px 40px !important;
    box-sizing: border-box !important;
}
.zj-about-why-section .zj-about-why-image {
    flex: 0 0 50% !important;
    min-height: 450px !important;
    overflow: hidden !important;
    position: relative !important;
}
.zj-about-why-section .zj-about-why-image img {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.zj-about-why-section .zj-about-why-content {
    flex: 0 0 50% !important;
    padding: 60px 60px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.zj-about-why-section .zj-about-why-content h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 0 36px 0 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
.zj-about-why-section .zj-about-why-content h2 em {
    font-style: normal !important;
    color: var(--zj-red) !important;
}
.zj-about-why-section .zj-about-why-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
}
.zj-about-why-section .zj-about-why-item {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}
.zj-about-why-section .zj-about-why-item-icon {
    flex-shrink: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--zj-red) !important;
    border-radius: 50% !important;
}
.zj-about-why-section .zj-about-why-item-icon .fa {
    font-size: 20px !important;
    color: #fff !important;
    line-height: 1 !important;
}
.zj-about-why-section .zj-about-why-item-text {
    flex: 1 !important;
}
.zj-about-why-section .zj-about-why-item-text h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}
.zj-about-why-section .zj-about-why-item-text p {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* About Us 进入动画 */
.zj-slideInLeftA {
    animation: zjSlideInLeft 0.8s ease forwards;
}
.zj-slideInRightA {
    animation: zjSlideInRight 0.8s ease forwards 0.15s;
}
@keyframes zjSlideInLeft {
    from { opacity: 0; transform: translateX(-60px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes zjSlideInRight {
    from { opacity: 0; transform: translateX(60px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* CTA 老版红色背景（不使用，保留占位 */
.company_subscribe .button {
    display: inline-block;
    background: #fff;
    color: var(--zj-red);
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s;
}
.company_subscribe .button:hover {
    background: var(--zj-red-dark);
    color: #fff;
}

/* ---- CTA 旧版按钮样式保留兼容 ---- */
.company_subscribe .button {
    display: inline-block;
    background: #fff;
    color: var(--zj-red);
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s;
}
.company_subscribe .button:hover {
    background: var(--zj-red-dark);
    color: #fff;
}

/* ---- 白底产品区域（index_hot_product） ---- */
.index_hot_product .woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.index_hot_product .woocommerce ul.products li.product:hover {
    border-color: var(--zj-red);
    box-shadow: 0 4px 20px rgba(0,0,0,0.10);
}
.index_hot_product .woocommerce ul.products li.product .woocommerce-loop-product__title,
.index_hot_product .woocommerce ul.products li.product .woocommerce-loop-product__title a,
.index_hot_product .woocommerce ul.products li.product .ast-loop-product__link {
    color: var(--zj-text) !important;
}
.index_hot_product .woocommerce ul.products li.product .ast-woo-product-category {
    color: var(--zj-text-muted);
}
.index_hot_product .woocommerce ul.products li.product .price {
    color: var(--zj-red);
}

/* ---- 产品展示区（index_product） ---- */
.index_product .woocommerce ul.products li.product {
    background: transparent;
    border-color: rgba(255,255,255,0.12);
}
.index_product .woocommerce ul.products li.product:hover {
    border-color: rgba(255,255,255,0.5);
}
.index_product .woocommerce ul.products li.product .woocommerce-loop-product__title,
.index_product .woocommerce ul.products li.product .woocommerce-loop-product__title a {
    color: #fff !important;
}

/* 产品页容器拓宽 - 为产品网格留出更多空间 */
.woocommerce-shop .ast-container,
.woocommerce-tax-product_cat .ast-container {
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
}

.zj-product-layout {
    display: flex;
    gap: 30px;
    padding: 40px 0;
}
.zj-sidebar {
    width: 260px;
    flex-shrink: 0;
}
.zj-main-content {
    flex: 1;
    min-width: 0;
}

/* 左侧分类导航 */
.zj-sidebar-categories {
    background: #fff;
    border: 1px solid var(--zj-border);
    border-radius: 4px;
}
.zj-sidebar-categories h3 {
    background: var(--zj-red);
    color: #fff;
    padding: 14px 20px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
}
.zj-sidebar-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.zj-sidebar-categories ul li a {
    display: block;
    padding: 12px 20px;
    color: var(--zj-text);
    text-decoration: none;
    border-bottom: 1px solid var(--zj-bg-light);
    font-size: 14px;
    transition: all 0.2s;
}
.zj-sidebar-categories ul li a:hover,
.zj-sidebar-categories ul li.current-cat a {
    color: var(--zj-red);
    background: var(--zj-bg-light);
    padding-left: 24px;
}

/* 侧边栏随机产品列表 */
.zj-sidebar-products {
    margin-top: 20px;
    border: 1px solid var(--zj-border);
    border-radius: 4px;
    overflow: hidden;
}
.zj-sidebar-products .zj-sp-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-decoration: none;
    border-bottom: 1px solid var(--zj-bg-light);
    transition: all 0.2s;
}
.zj-sidebar-products .zj-sp-item:last-child {
    border-bottom: none;
}
.zj-sidebar-products .zj-sp-item:hover {
    background: var(--zj-bg-light);
}
.zj-sidebar-products .zj-sp-item img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}
.zj-sidebar-products .zj-sp-title {
    font-size: 13px;
    color: var(--zj-text);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.zj-sidebar-products .zj-sp-item:hover .zj-sp-title {
    color: var(--zj-red);
}

/* ============================================
   产品详情页
   ============================================ */
.zj-product-gallery .main-image {
    width: 100%;
    border: 1px solid var(--zj-border);
    border-radius: 4px;
    margin-bottom: 12px;
}
.zj-product-gallery .thumb-row {
    display: flex;
    gap: 8px;
}
.zj-product-gallery .thumb-row img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}
.zj-product-gallery .thumb-row img:hover,
.zj-product-gallery .thumb-row img.active {
    border-color: var(--zj-red);
}

/* 规格参数表格 */
.zj-spec-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.zj-spec-table th,
.zj-spec-table td {
    padding: 12px 16px;
    border: 1px solid var(--zj-border);
    text-align: left;
    font-size: 14px;
}
.zj-spec-table th {
    background: var(--zj-bg-light);
    color: var(--zj-text);
    font-weight: 600;
    width: 30%;
}

/* ============================================
   询盘按钮
   ============================================ */
.zj-btn-inquiry {
    display: inline-flex;
    align-items: center;
    background: var(--zj-red);
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s;
}
.zj-btn-inquiry:hover {
    background: var(--zj-red-dark);
    color: #fff !important;
}
.zj-btn-detail {
    display: inline-flex;
    align-items: center;
    border: 2px solid var(--zj-red);
    background: var(--zj-whatsapp);
    color: #fff !important;
    padding: 9px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    margin-left: 12px;
    transition: all 0.2s;
}
.zj-btn-detail:hover {
    background: #1fa855;
    color: #fff !important;
}

/* ============================================
   Footer
   ============================================ */
.zj-footer {
    background: #222;
    color: #fff;
    padding: 50px 0 30px;
}
.zj-footer h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--zj-red);
    display: inline-block;
}
.zj-footer a {
    color: #fff !important;
    text-decoration: none;
    transition: color 0.2s;
}
.zj-footer a:hover {
    color: #ddd !important;
}
.zj-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.zj-footer ul li {
    margin-bottom: 8px;
}
.zj-footer-bottom {
    background: #111;
    padding: 16px 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

/* ============================================
   WhatsApp 悬浮按钮
   ============================================ */
.zj-whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 56px;
    height: 56px;
    background: var(--zj-whatsapp);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(37,211,102,0.4);
    z-index: 9999;
    transition: transform 0.2s;
}
.zj-whatsapp-float:hover {
    transform: scale(1.1);
}
.zj-whatsapp-float svg {
    width: 28px;
    height: 28px;
    fill: #fff;
}

/* ============================================
   WooCommerce 覆盖 - 产品列表
   ============================================ */

/* ============================================
   产品列表 - 左图右文水平格式
   ============================================ */

/* 列表容器 - 单列（产品页专用，排除卡片网格） */
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid),
.woocommerce ul.products:not(.zj-card-grid) {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}
.woocommerce-page .woocommerce ul.products.columns-4:not(.zj-card-grid),
.woocommerce ul.products.columns-4:not(.zj-card-grid) {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 列表项产品卡片（产品页专用，排除卡片网格） */
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product,
.woocommerce ul.products:not(.zj-card-grid) li.product {
    border: 1px solid var(--zj-border);
    border-radius: 6px;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
}
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product:hover,
.woocommerce ul.products:not(.zj-card-grid) li.product:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* 隐藏 Astra 默认的购物袋图标叠加层 (B2B无需) */
.woocommerce ul.products li.product .ast-on-card-button {
    display: none !important;
}

/* 隐藏默认的价格和分类 - 仅产品列表页，排除卡片网格 */
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product .price,
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product .ast-woo-product-category,
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product .astra-shop-summary-wrap,
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product .astra-shop-thumbnail-wrap {
    display: none !important;
}
.woocommerce ul.products:not(.zj-card-grid) li.product .price,
.woocommerce ul.products:not(.zj-card-grid) li.product .ast-woo-product-category,
.woocommerce ul.products:not(.zj-card-grid) li.product .astra-shop-summary-wrap,
.woocommerce ul.products:not(.zj-card-grid) li.product .astra-shop-thumbnail-wrap {
    display: none !important;
}

/* 隐藏默认的产品标题 - 仅产品列表页，排除卡片网格 */
.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product .woocommerce-loop-product__title {
    display: none !important;
}
.woocommerce ul.products:not(.zj-card-grid) li.product .woocommerce-loop-product__title {
    display: none !important;
}

.woocommerce-page .woocommerce ul.products:not(.zj-card-grid) li.product .button,
.woocommerce ul.products:not(.zj-card-grid) li.product .button {
    display: none !important;
}

/* ============================================
   自定义列表项布局
   ============================================ */
.zj-product-list-item {
    display: flex;
    gap: 30px;
    padding: 20px;
    min-height: 200px;
}

/* 左侧图片 */
.zj-pl-image {
    width: 280px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
}
.zj-pl-image a {
    display: block;
    width: 100%;
    height: 100%;
}
.zj-pl-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}
.zj-pl-image a:hover img {
    transform: scale(1.05);
}

/* 右侧内容 */
.zj-pl-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0;
}

/* 产品分类标签 */
.zj-pl-category {
    font-size: 12px;
    color: var(--zj-red);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* 产品标题 */
.zj-pl-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--zj-text);
    margin: 0 0 12px 0;
    padding: 0;
    line-height: 1.3;
}
.zj-pl-title a {
    color: var(--zj-text) !important;
    text-decoration: none;
}
.zj-pl-title a:hover {
    color: var(--zj-red) !important;
}

/* 产品描述 */
.zj-pl-desc {
    font-size: 14px;
    color: var(--zj-text-light);
    line-height: 1.7;
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 按钮区域 */
.zj-pl-buttons {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

/* 按钮通用样式 */
.zj-pl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.25s ease;
    border: none;
    cursor: pointer;
}

/* INQUIRY 按钮 */
.zj-pl-btn-inquiry {
    background: var(--zj-red);
    color: #fff !important;
}
.zj-pl-btn-inquiry:hover {
    background: var(--zj-red-dark);
    color: #fff !important;
}

/* DETAIL 按钮 */
.zj-pl-btn-detail {
    background: #f0f0f0;
    color: var(--zj-text) !important;
}
.zj-pl-btn-detail:hover {
    background: #e0e0e0;
    color: var(--zj-text) !important;
}

/* 响应式 - 小屏幕堆叠 */
@media (max-width: 768px) {
    .zj-product-list-item {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }
    .zj-pl-image {
        width: 100%;
        max-width: 400px;
    }
    .zj-pl-title {
        font-size: 18px;
    }
    .zj-pl-buttons {
        flex-wrap: wrap;
    }
}

/* WooCommerce 分页 */
.woocommerce nav.woocommerce-pagination {
    margin-top: 36px;
}
.woocommerce nav.woocommerce-pagination ul {
    border-color: var(--zj-border);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 8px 14px;
    font-size: 14px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--zj-red);
    color: #fff;
    border-color: var(--zj-red);
}

/* 结果显示文字 */
.woocommerce .woocommerce-result-count {
    font-size: 14px;
    color: var(--zj-text-muted);
    margin-bottom: 18px;
    float: left;
}
.woocommerce .woocommerce-ordering {
    margin-bottom: 18px;
}
.woocommerce .woocommerce-ordering select {
    font-size: 13px;
    padding: 8px 12px;
    border: 1px solid var(--zj-border);
    border-radius: 4px;
}

/* 产品分类页面顶部 */
.woocommerce-products-header__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--zj-text);
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--zj-red);
    display: inline-block;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
    font-size: 13px;
    color: var(--zj-text-muted);
    margin-bottom: 24px;
}
.woocommerce-breadcrumb a {
    color: var(--zj-red);
}

/* ============================================
   产品详情页
   ============================================ */

/* 产品详情页容器 - 对齐源站 1280px */
.single-product .site-content .ast-container,
.single-product .ast-woocommerce-container,
.single-product #content > .ast-container {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* 产品图片缩小，减少留白 */
.single-product .woocommerce-product-gallery {
    max-width: 380px !important;
    flex: 0 0 380px !important;
}
.single-product .woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
.single-product .ast-article-single {
    align-items: flex-start !important;
}
/* 产品摘要区域紧凑 */
.single-product .entry-summary {
    padding-top: 0 !important;
}
/* 撑开 Astra 内部窄容器 */
.single-product #primary,
.single-product .content-area {
    max-width: 100% !important;
    width: 100% !important;
    flex: 1 1 100% !important;
}
/* Related Products 区域 - 和上方同宽 */
.single-product .related.products {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 40px 20px 0 !important;
    clear: both;
}
.single-product .related.products h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--zj-text);
    margin-bottom: 24px;
    text-transform: uppercase;
}

/* ============================================
   Related Products - 正方形卡片网格
   ============================================ */

/* 网格容器 */
.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: unset !important;
}

/* 卡片基础 */
.related.products ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
}
.related.products ul.products li.product:hover {
    border-color: var(--zj-red) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
    transform: translateY(-4px);
}

/* 覆盖竖条布局 → 卡片布局 */
.related.products .zj-product-list-item {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    min-height: auto !important;
    gap: 0 !important;
}

/* 图片区域 - 正方形 */
.related.products .zj-pl-image {
    width: 100% !important;
    flex-shrink: 0 !important;
    border-radius: 0 !important;
    position: relative !important;
    padding-bottom: 100% !important;
    height: 0 !important;
    overflow: hidden !important;
}
.related.products .zj-pl-image a {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100% !important;
}
.related.products .zj-pl-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}
.related.products li.product:hover .zj-pl-image img {
    transform: scale(1.05);
}

/* 内容区域 */
.related.products .zj-pl-content {
    padding: 10px 12px 14px !important;
}

/* 隐藏不需要的元素 */
.related.products .zj-pl-category {
    display: none !important;
}
.related.products .zj-pl-desc {
    display: none !important;
}
.related.products .zj-pl-buttons {
    display: none !important;
}

/* 标题 - 紧凑截断 */
.related.products .zj-pl-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--zj-text) !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.related.products .zj-pl-title a {
    color: var(--zj-text) !important;
}
.related.products li.product:hover .zj-pl-title a {
    color: var(--zj-red) !important;
}

/* 响应式 */
@media (max-width: 1024px) {
    .related.products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .related.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}
@media (max-width: 480px) {
    .related.products ul.products {
        grid-template-columns: 1fr !important;
    }
}

.single-product .product_title {
    color: var(--zj-text);
    font-size: 26px;
    font-weight: 700;
}

/* ============================================
   新闻列表页
   ============================================ */
.zj-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.zj-news-card {
    border: 1px solid var(--zj-border);
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
}
.zj-news-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.zj-news-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.zj-news-card .news-body {
    padding: 16px;
}
.zj-news-card .news-body time {
    font-size: 12px;
    color: var(--zj-text-muted);
}
.zj-news-card .news-body h3 {
    font-size: 16px;
    margin: 8px 0;
    line-height: 1.4;
}
.zj-news-card .news-body h3 a {
    color: var(--zj-text);
}
.zj-news-card .news-body h3 a:hover {
    color: var(--zj-red);
}

/* ============================================
   产品卡片网格（首页 HOT/OUR PRODUCTS + 详情页 Related）
   ============================================ */

/* 卡片网格容器 - 4列 */
.zj-card-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 卡片项 */
.zj-card-grid li.product {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
}
.zj-card-grid li.product:hover {
    border-color: var(--zj-red) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
    transform: translateY(-4px);
}

/* 卡片图片 */
.zj-card-grid li.product .astra-shop-thumbnail-wrap {
    display: block !important;
    border-bottom: 1px solid #eee !important;
    background: #fafafa !important;
    overflow: hidden !important;
}
.zj-card-grid li.product .astra-shop-thumbnail-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}
.zj-card-grid li.product:hover .astra-shop-thumbnail-wrap img {
    transform: scale(1.05);
}

/* 卡片内容区 */
.zj-card-grid li.product .astra-shop-summary-wrap {
    display: flex !important;
    flex-direction: column !important;
    padding: 14px 16px !important;
}

/* 卡片分类 */
.zj-card-grid li.product .ast-woo-product-category {
    display: block !important;
    font-size: 12px !important;
    color: var(--zj-text-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
}

/* 卡片标题 */
.zj-card-grid li.product .woocommerce-loop-product__title,
.zj-card-grid li.product .woocommerce-loop-product__title a {
    display: -webkit-box !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--zj-text) !important;
    line-height: 1.4 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.zj-card-grid li.product .woocommerce-loop-product__title a:hover {
    color: var(--zj-red) !important;
}

/* 卡片价格 */
.zj-card-grid li.product .price {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--zj-red) !important;
    margin: auto 0 0 0 !important;
}

/* 隐藏卡片上的购买按钮 */
.zj-card-grid li.product .button {
    display: none !important;
}

/* 卡片网格响应式 */
@media (max-width: 1024px) {
    .zj-card-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}
@media (max-width: 768px) {
    .zj-card-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}
@media (max-width: 480px) {
    .zj-card-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* ============================================
   响应式
   ============================================ */

/* ---- ≤1280px 平板横屏 ---- */
@media (max-width: 1280px) {
    /* 容器 */
    .zj-container { padding: 0 16px; }

    /* 导航：缩小间距 */
    .zj-home-template .zj-nav .zj-nav-list > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }
    .zj-home-template .zj-main-header .zj-container {
        height: 70px;
    }
    .zj-whatsapp-btn {
        font-size: 12px;
        padding: 6px 12px;
    }

    /* 产品网格 4→3 列 */
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 16px;
        row-gap: 24px;
    }

    /* About Us V2：减小字号和间距 */
    .zj-about-v2 .zj-about-v2-content {
        padding: 40px 30px !important;
    }
    .zj-about-v2 .zj-about-v2-content h1 {
        font-size: 32px !important;
    }
    .zj-about-v2 .zj-about-v2-content p {
        font-size: 14px !important;
    }
    .zj-about-v2 .zj-about-v2-image {
        min-height: 350px !important;
    }

    /* Why Choose Us 左右排版响应式 */
    .zj-about-why-section .zj-about-why-content {
        padding: 40px 30px !important;
    }
    .zj-about-why-section .zj-about-why-content h2 {
        font-size: 28px !important;
    }
    .zj-about-why-section .zj-about-why-image {
        min-height: 350px !important;
    }

    /* Scene：变竖排 */
    .zj-scene-layout {
        flex-direction: column;
    }
    .zj-scene-left { flex: none; }
    .zj-scene-right { flex: none; }

    /* Footer：2列 */
    .zj-footer .zj-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    /* CTA */
    .company_subscribe h2 { font-size: 28px; }

    /* 标题缩放 */
    .zj-section-title { font-size: 28px; }
    .zj-section-title em { font-size: 48px; }

    /* Swiper 导航按钮小一些 */
    .zj-hero-slider .swiper-button-next,
    .zj-hero-slider .swiper-button-prev {
        width: 40px;
        height: 48px;
        margin-top: -24px;
    }
    .zj-hero-slider .swiper-button-next:hover,
    .zj-hero-slider .swiper-button-prev:hover {
        width: 60px;
    }
    .zj-hero-slider .swiper-button-next::after,
    .zj-hero-slider .swiper-button-prev::after {
        font-size: 20px;
    }
    .zj-hero-slider .swiper-slide::before {
        font-size: 160px;
    }
}

/* ---- ≤1024px 平板竖屏 ---- */
@media (max-width: 1024px) {
    /* 导航：进一步缩小 */
    .zj-home-template .zj-nav .zj-nav-list > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
    }
    .zj-home-template .zj-main-header .zj-container {
        height: 60px;
    }
    .zj-home-template .zj-logo img {
        max-height: 40px !important;
    }

    /* About Us V2：竖排 */
    .zj-about-v2 .zj-about-v2-inner {
        flex-direction: column !important;
    }
    .zj-about-v2 .zj-about-v2-image {
        flex: auto !important;
        min-height: 280px !important;
        order: -1;
    }
    .zj-about-v2 .zj-about-v2-content {
        flex: auto !important;
        padding: 36px 24px !important;
    }
    .zj-about-v2 .zj-about-v2-content h1 {
        font-size: 28px !important;
    }

    /* Why Choose Us 左右->竖排 */
    .zj-about-why-section .zj-about-why-inner {
        flex-direction: column !important;
    }
    .zj-about-why-section .zj-about-why-image {
        flex: auto !important;
        min-height: 280px !important;
        order: -1;
    }
    .zj-about-why-section .zj-about-why-content {
        flex: auto !important;
        padding: 36px 24px !important;
    }
    .zj-about-why-section .zj-about-why-content h2 {
        font-size: 26px !important;
    }

    /* 产品网格 3→2 列 */
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 14px;
        row-gap: 20px;
    }

    /* Footer：单列 */
    .zj-footer .zj-footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    /* 标题 */
    .zj-section-title { font-size: 24px; margin-bottom: 20px; }
    .zj-section-title em { font-size: 40px; }

    .company_subscribe {
        padding: 30px 16px;
    }
    .company_subscribe h2 {
        font-size: 22px;
    }
    .company_subscribe .zj-btn-cta {
        font-size: 20px;
        margin-top: 20px;
        padding: 6px 24px;
    }

    /* Section 间距 */
    .zj-home-template .zj-section { padding: 40px 0; }

    /* Swiper pagination */
    .zj-hero-slider .swiper-slide::before { font-size: 100px; }

    /* 产品页侧边栏 */
    .zj-product-layout { flex-direction: column; }
    .zj-sidebar { width: 100%; }
    .zj-news-grid { grid-template-columns: repeat(2, 1fr); }

    /* Woocommerce shop wrapper */
    .woocommerce-shop .ast-container,
    .woocommerce-tax-product_cat .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ---- ≤768px 手机 ---- */
@media (max-width: 768px) {
    body, .ast-theme-transparent-header { min-width: 320px; }

    /* 容器 */
    .zj-container { padding: 0 12px; }

    /* 导航栏：显示汉堡，隐藏菜单 */
    .zj-mobile-toggle {
        display: flex !important;
    }
    .zj-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #333;
        padding: 8px 0;
        z-index: 198;
    }
    .zj-nav.zj-nav-open {
        display: block;
    }
    .zj-nav .zj-nav-list {
        flex-direction: column;
        gap: 0;
    }
    .zj-nav .zj-nav-list > li > a {
        padding: 12px 20px !important;
        font-size: 14px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        color: #fff !important;
    }
    .zj-nav .zj-nav-list > li > a:hover {
        background: rgba(255,255,255,0.1);
    }
    .zj-nav .zj-nav-list > li > a::after {
        display: none;
    }
    .zj-main-header .zj-container {
        height: 54px !important;
        flex-wrap: nowrap;
    }
    .zj-home-template .zj-main-header .zj-container {
        height: 54px;
        flex-wrap: nowrap;
    }
    .zj-logo img {
        max-height: 35px !important;
    }
    .zj-whatsapp-btn {
        font-size: 11px;
        padding: 5px 10px;
    }

    /* Hero：缩放动效减弱，避免溢出 */
    .zj-home-template .zj-hero-slider .swiper-slide::before {
        font-size: 60px;
        right: 0;
    }
    .zj-home-template .zj-hero-slider .swiper-button-next,
    .zj-home-template .zj-hero-slider .swiper-button-prev {
        display: none;
    }

    /* About Us V2 */
    .zj-about-v2 .zj-about-v2-image {
        min-height: 200px !important;
    }
    .zj-about-v2 .zj-about-v2-content {
        padding: 24px 16px !important;
    }
    .zj-about-v2 .zj-about-v2-content h1 {
        font-size: 22px !important;
    }
    .zj-about-v2 .zj-about-v2-content p {
        font-size: 13px !important;
    }

    /* Why Choose Us 竖排 */
    .zj-about-why-section .zj-about-why-image {
        min-height: 200px !important;
    }
    .zj-about-why-section .zj-about-why-content {
        padding: 24px 16px !important;
    }

    /* 产品 2→1 列 */
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 16px;
    }
    .woocommerce ul.products li.product .astra-shop-summary-wrap {
        padding: 10px 12px 12px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px;
    }
    .woocommerce ul.products li.product .price {
        font-size: 13px;
    }

    /* Scene 图：右上两张也竖排 */
    .zj-scene-right-top {
        flex-direction: column;
    }
    .zj-scene-right-top a {
        flex: none;
    }

    /* Footer */
    .zj-footer {
        padding: 30px 0 20px;
    }
    .zj-footer h4 {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .zj-footer, .zj-footer p, .zj-footer a {
        font-size: 13px;
    }
    .zj-footer-bottom {
        padding: 12px 0;
        font-size: 11px;
    }

    /* 标题 */
    .zj-section-title {
        font-size: 20px;
        margin-bottom: 16px;
    }
    .zj-section-title em {
        font-size: 32px;
    }

    /* CTA */
    .company_subscribe h2 {
        font-size: 18px;
    }
    .company_subscribe .zj-btn-cta {
        font-size: 16px;
        line-height: 36px;
        padding: 5px 20px;
    }

    /* Section 更紧凑 */
    .zj-home-template .zj-section {
        padding: 30px 0;
    }

    /* WhatsApp 悬浮按钮 */
    .zj-whatsapp-float {
        width: 48px;
        height: 48px;
        bottom: 20px;
        right: 16px;
    }
    .zj-whatsapp-float svg {
        width: 22px;
        height: 22px;
    }

    /* 产品页 */
    .zj-product-grid,
    .zj-news-grid {
        grid-template-columns: 1fr;
    }
}

/* ---- ≤480px 小手机 ---- */
@media (max-width: 480px) {
    .zj-home-template .zj-main-header .zj-container {
        height: 48px;
    }
    .zj-home-template .zj-logo img {
        max-height: 30px !important;
    }

    /* 产品 2→1 列 */
    .woocommerce ul.products.columns-4 {
        grid-template-columns: 1fr;
    }

    /* Hero */
    .zj-home-template .zj-hero-slider .swiper-slide::before {
        display: none;
    }

    /* 标题 */
    .zj-section-title {
        font-size: 18px;
    }
    .zj-section-title em {
        font-size: 26px;
    }

    /* CTA 按钮小型 */
    .company_subscribe h2 {
        font-size: 15px;
    }
    .company_subscribe .zj-btn-cta {
        font-size: 14px;
        line-height: 30px;
        padding: 4px 16px;
    }
    .company_subscribe .zj-btn-cta::after {
        display: none;
    }
}

/* 产品页标题与侧边栏顶部对齐 - 消除所有顶部空白 */
.woocommerce-page #primary,
.woocommerce-page .content-area,
.woocommerce-page .site-content .ast-container,
.woocommerce-page .site-content,
.woocommerce-page .zj-main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.woocommerce-page .ast-archive-description,
.woocommerce-page section.ast-archive-description {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.woocommerce-page .ast-archive-description h1.page-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================
   News/Blog 页面 - 左侧栏目导航布局
   ============================================ */

/* 容器拓宽 */
.blog .ast-container,
.home.blog .ast-container {
    max-width: 1400px !important;
    padding-left: 20px;
    padding-right: 20px;
}
/* 覆盖 Astra narrow-container 限制 */
.blog.ast-narrow-container .ast-container,
.category.ast-narrow-container .ast-container,
.archive.ast-narrow-container .ast-container {
    max-width: 1400px !important;
}

/* 强制覆盖分类页面容器宽度 */
.category .ast-container,
.archive .ast-container {
    max-width: 1400px !important;
    width: 100% !important;
}

/* 覆盖 Astra CSS 变量 */
.category.ast-narrow-container,
.archive.ast-narrow-container,
.blog.ast-narrow-container {
    --ast-narrow-container-width: 1400px;
    --ast-container-width: 1400px;
}

/* WooCommerce 产品分类页面全宽布局 */
.woocommerce.archive.ast-left-sidebar .ast-container,
.woocommerce.archive.ast-right-sidebar .ast-container {
    max-width: 1400px !important;
    width: 100% !important;
}

.woocommerce.archive .content-area,
.woocommerce.archive .site-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

.woocommerce.archive .widget-area,
.woocommerce.archive #secondary {
    display: none !important;
}

/* 覆盖 WooCommerce 产品网格宽度 */
.woocommerce.archive .products,
.woocommerce.archive .woocommerce-products-header {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* 覆盖 Astra 主题的宽度限制 */
.ast-plain-container .site-content > .ast-container {
    max-width: 1400px !important;
}

.tax-product_cat .ast-container {
    max-width: 1400px !important;
    width: 100% !important;
}

/* 双列布局：侧边栏 + 主内容 */
.zj-news-layout {
    display: flex;
    gap: 26px;
    padding: 40px 0;
}
.zj-news-layout .zj-sidebar {
    width: 260px;
    flex-shrink: 0;
}
.zj-news-content {
    flex: 1;
    min-width: 0;
}

/* 分类数量小标签 */
.zj-cat-count {
    color: var(--zj-text-muted);
    font-size: 12px;
    font-weight: 400;
}

/* 分类页标题 */
.zj-news-archive-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--zj-text);
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--zj-red);
}

/* 每篇文章卡片 - 左图右文 */
.zj-news-item {
    display: flex;
    gap: 24px;
    padding: 28px 0;
    border-bottom: 1px solid var(--zj-border);
}
.zj-news-item:first-child {
    padding-top: 0;
}
.zj-news-item:last-child {
    border-bottom: none;
}

/* 文章缩略图 */
.zj-news-thumb {
    width: 220px;
    height: 160px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
}
.zj-news-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}
.zj-news-thumb a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.zj-news-thumb a:hover img {
    transform: scale(1.05);
}

/* 文章文字区 */
.zj-news-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 文章标题 */
.zj-news-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.3;
}
.zj-news-title a {
    color: var(--zj-text) !important;
    text-decoration: none;
}
.zj-news-title a:hover {
    color: var(--zj-red) !important;
}

/* 元信息 */
.zj-news-meta {
    font-size: 13px;
    color: var(--zj-text-muted);
    margin-bottom: 10px;
}
.zj-news-meta span {
    margin-right: 16px;
}

/* 摘要 */
.zj-news-excerpt {
    font-size: 14px;
    color: var(--zj-text-light);
    line-height: 1.6;
    margin-bottom: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.zj-news-excerpt p {
    margin: 0;
}

/* Read More 链接 */
.zj-news-readmore {
    font-size: 13px;
    font-weight: 600;
    color: var(--zj-red) !important;
    text-decoration: none;
    text-transform: uppercase;
}
.zj-news-readmore:hover {
    color: var(--zj-red-dark) !important;
    text-decoration: underline;
}

/* 隐藏 Astra 默认的分页样式，使用已有样式 */
.zj-news-content nav.woocommerce-pagination {
    margin-top: 36px;
}
.zj-news-content nav.woocommerce-pagination ul {
    border-color: var(--zj-border);
}
.zj-news-content nav.woocommerce-pagination ul li a,
.zj-news-content nav.woocommerce-pagination ul li span {
    padding: 8px 14px;
    font-size: 14px;
}
.zj-news-content nav.woocommerce-pagination ul li a:focus,
.zj-news-content nav.woocommerce-pagination ul li a:hover,
.zj-news-content nav.woocommerce-pagination ul li span.current {
    background: var(--zj-red);
    color: #fff;
    border-color: var(--zj-red);
}

/* 响应式 */
@media (max-width: 768px) {
    .zj-news-layout {
        flex-direction: column;
        padding: 20px 0;
    }
    .zj-news-layout .zj-sidebar {
        width: 100%;
    }
    .zj-news-item {
        flex-direction: column;
        gap: 16px;
    }
    .zj-news-thumb {
        width: 100%;
        height: 200px;
    }
    .zj-news-title {
        font-size: 18px;
    }
}

/* ============================================
   About Us 页面 - Section 3 样式
   ============================================ */
.zj-about-container {
    max-width: 1330px;
    margin: 0 auto 40px auto;
    padding: 60px 60px;
    text-align: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    box-sizing: border-box;
}
.zj-about-section {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
.zj-about-section:last-child {
    margin-bottom: 0;
}

/* ===== 标题样式 ===== */
.zj-about-h3 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0 0 8px;
    padding: 0;
    line-height: 1.2;
}
.zj-about-h3-sub {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0 0 16px;
}

/* ===== 正文 ===== */
.zj-about-text {
    max-width: 750px;
    margin: 0 auto 24px;
}
.zj-about-text p,
.zj-about-feature-text p {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin: 0 0 8px;
    padding: 0;
}

/* ===== 图片 ===== */
.zj-about-who .zj-about-img-wrap {
    background: #fff;
    padding: 5px;
    box-shadow: 0 15px 16px 10px rgba(202, 202, 202, 0.3);
    display: inline-block;
}
.zj-about-why .zj-about-img-wrap {
    background: #fff;
    padding: 5px;
    box-shadow: 0 15px 16px 10px rgba(202, 202, 202, 0.3);
    display: inline-block;
    margin-bottom: 30px;
}
.zj-about-img-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* ===== Why Choose Us - Feature List ===== */
.zj-about-feature {
    display: flex;
    gap: 15px;
    margin-top: 24px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.zj-about-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.zj-about-icon .fa {
    font-size: 28px;
    color: #666;
    line-height: 1;
}
.zj-about-feature-text {
    flex: 1;
}
.zj-about-h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 6px;
    padding: 0;
}

/* ===== Corporate Culture ===== */
.zj-about-h3-culture {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
}
.zj-about-culture-intro {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin: 0 auto 40px;
    max-width: 800px;
}
.zj-about-culture-intro strong {
    color: #333;
}

/* 四列网格 */
.zj-about-culture-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.zj-about-culture-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 30px 20px;
    text-align: center;
}
.zj-about-culture-item .zj-about-culture-icon {
    margin-bottom: 16px;
}
.zj-about-culture-item .zj-about-culture-icon .fa {
    font-size: 36px;
    color: #666;
}
.zj-about-culture-item h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px;
    padding: 0;
}
.zj-about-culture-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin: 0;
    padding: 0;
}

/* 响应式 */
@media (max-width: 768px) {
    .zj-about-feature {
        flex-direction: column;
        text-align: center;
    }
    .zj-about-icon {
        margin: 0 auto;
    }
    .zj-about-culture-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .zj-about-h3 {
        font-size: 24px;
    }
}
/* ============================================
   Contact Us 页面 - 1:1 复刻 zjzhurong.com
   ============================================ */

/* 页面容器 */
.zj-contact-page {
    background: #fff;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 80px;  /* 去掉顶部padding，让Banner顶着导航栏 */
    box-sizing: border-box;
}
.zj-contact-page #content,
.zj-contact-page .site-content,
.zj-contact-page .ast-container {
    background: #fff !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Banner / 面包屑 */
.zj-contact-banner {
    background: url(//cdn.globalso.com/zjzhurong/main_banner.jpg) no-repeat center center;
    background-size: cover;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 100px 0 60px;  /* 增加顶部padding，让内容在导航栏下方 */
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
}
.zj-contact-banner-inner {
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 40px;
}
.zj-contact-banner-inner h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.zj-contact-breadcrumb {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}
.zj-contact-breadcrumb a {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}
.zj-contact-breadcrumb a:hover {
    color: #fff;
}
.zj-contact-breadcrumb span {
    color: rgba(255,255,255,0.6);
}

/* 4 列联系信息 */
.zj-contact-info {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 60px 0 40px;
    text-align: center;
    background: #fff;
}
.zj-contact-info-inner {
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 40px;
}
.zj-contact-company {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin: 0 0 40px;
    text-transform: uppercase;
    text-align: center;
}
.zj-contact-info-inner {
    max-width: 1900px;
    margin: 0 auto;
}
.zj-contact-cols {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.zj-contact-col {
    flex: 1 1 220px;
    max-width: 260px;
    text-align: center;
}
.zj-contact-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 16px;
    background: var(--zj-red, #c41230);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zj-contact-icon .fa {
    font-size: 28px;
    color: #fff;
    line-height: 1;
}
.zj-contact-col h3 {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.zj-contact-col p {
    font-size: 14px;
    color: #888;
    line-height: 1.7;
    margin: 0;
}
.zj-contact-col p a {
    color: #888;
    text-decoration: none;
}
.zj-contact-col p a:hover {
    color: var(--zj-red, #c41230);
}

/* 分隔线 */
.zj-contact-hr-wrap {
    width: 100%;
    max-width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}
.zj-contact-hr {
    border: none;
    border-top: 1px solid #eee;
    width: 100%;
    margin: 0;
}

/* 联系表单 */
.zj-contact-form-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 40px 0 60px;
    text-align: center;
    background: #fff;
}
.zj-contact-form-inner {
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 40px;
    background: #fff;
}
.zj-contact-form-prompt {
    font-size: 16px;
    color: #888;
    margin-bottom: 20px;
}

/* GlobalSo 表单样式覆盖 */
.zj-contact-form-wrap .form-title,
.zj-contact-form-wrap .form-control {
    font-family: inherit;
}
.zj-contact-form-wrap .form-group {
    margin-bottom: 16px;
}
.zj-contact-form-wrap .form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}
.zj-contact-form-wrap .btn-submit {
    background: var(--zj-red, #c41230);
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
}
.zj-contact-form-wrap .btn-submit:hover {
    background: #a00e28;
}

/* 响应式 */
@media (max-width: 768px) {
    .zj-contact-banner {
        padding: 40px 20px;
    }
    .zj-contact-banner-inner h1 {
        font-size: 26px;
    }
    .zj-contact-info {
        padding: 40px 20px 20px;
    }
    .zj-contact-company {
        font-size: 22px;
    }
    .zj-contact-cols {
        gap: 20px;
    }
    .zj-contact-col {
        flex: 1 1 45%;
        max-width: 100%;
    }
    .zj-contact-form-wrap {
        padding: 30px 20px 40px;
    }
}

@media (max-width: 480px) {
    .zj-contact-col {
        flex: 1 1 100%;
    }
    .zj-contact-banner-inner h1 {
        font-size: 22px;
    }
    .zj-contact-company {
        font-size: 18px;
    }
}

/* ============================================================
   视频页面 (Video Archive)
   ============================================================ */

/* Banner / 面包屑 */
.zj-video-banner {
    background: url(//cdn.globalso.com/zjzhurong/main_banner.jpg) no-repeat center center;
    background-size: cover;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 100px 0 60px;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
}
.zj-video-banner .zj-container {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 40px;
}
.zj-video-banner h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 15px;
    letter-spacing: 1px;
}
.zj-video-breadcrumb {
    color: #fff;
    font-size: 15px;
}
.zj-video-breadcrumb a {
    color: #e0e0e0;
    text-decoration: none;
}
.zj-video-breadcrumb a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 视频页面主体 */
.zj-video-page {
    background: #fff;
    padding: 60px 0 80px;
}
.zj-video-page .zj-container {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 40px;
}

/* 视频网格 - 2列布局 */
.zj-video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 40px;
}

/* 单个视频项 */
.zj-video-item {
    background: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.zj-video-item:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.zj-video-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 宽高比 */
    height: 0;
    overflow: hidden;
}
.zj-video-embed lite-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.zj-video-title {
    padding: 20px 24px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
}
.zj-video-desc {
    padding: 0 24px 20px;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}
.zj-video-empty {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 16px;
}

/* lite-youtube 组件样式覆盖 */
lite-youtube {
    background-color: #000;
    display: block;
    position: relative;
    cursor: pointer;
    max-width: 100%;
}
lite-youtube::before {
    content: attr(title);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
lite-youtube::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    transform: translate(-50%, -50%);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path fill="%23f00" d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55C3.97 2.33 2.27 4.81 1.48 7.74.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z"/><path fill="%23fff" d="M 45,24 27,14 27,34"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0.81;
    transition: opacity 0.15s ease;
}
lite-youtube:hover::after {
    opacity: 1;
}
lite-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* 响应式 */
@media (max-width: 768px) {
    .zj-video-banner {
        padding: 60px 0 40px;
    }
    .zj-video-banner h1 {
        font-size: 28px;
    }
    .zj-video-banner .zj-container,
    .zj-video-page .zj-container {
        padding: 0 20px;
    }
    .zj-video-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .zj-video-page {
        padding: 40px 0 60px;
    }
}

@media (max-width: 480px) {
    .zj-video-banner h1 {
        font-size: 22px;
    }
    .zj-video-title {
        font-size: 16px;
        padding: 15px 15px 8px;
    }
    .zj-video-desc {
        padding: 0 15px 15px;
        font-size: 13px;
    }
}