/**
 * Japanese Single Product (Product Detail) Styles
 * 日本語製品詳細ページスタイル
 * 
 * Design: Japanese market style with traditional indigo color scheme
 * Target: .lang-ja.single-product body class
 * 
 * This stylesheet applies Japanese market-specific styling matching the homepage design.
 * 
 * Version: 46 - Japanese Market Style: Indigo color scheme matching homepage
 */

/* ============================================================================
   Japanese Market Color Scheme - 日本市場配色方案
   Based on Japanese homepage design (#1e3c72, #2a5298, #1e88e5)
   ============================================================================ */

body.lang-ja.single-product {
    /* 主色调 - 深蓝色系（与日本首页一致）*/
    --jp-primary-dark: #1e3c72;
    --jp-primary-dark-rgb: 30, 60, 114;
    
    --jp-primary-mid: #2a5298;
    --jp-primary-mid-rgb: 42, 82, 152;
    
    --jp-primary: #1e88e5;
    --jp-primary-rgb: 30, 136, 229;
    
    --jp-primary-light: #42a5f5;
    --jp-primary-light-rgb: 66, 165, 245;
    
    --jp-primary-pale: #e3f2fd;
    --jp-primary-pale-rgb: 227, 242, 253;
    
    --jp-primary-pale-mid: #D5E3F0;
    --jp-primary-pale-mid-rgb: 187, 222, 251;
    
    /* 中性色 */
    --jp-text-primary: #333;
    --jp-text-secondary: #666;
    --jp-text-light: #999;
    
    /* 背景色 */
    --jp-bg-white: #ffffff;
    --jp-bg-light: #f8f9fa;
    --jp-bg-gray: #e9ecef;
    
    /* 边框色 */
    --jp-border-light: #e8eaed;
}

/* ============================================================================
   CRITICAL OVERRIDE - 最高优先级覆盖样式
   这些样式必须放在最前面，确保覆盖所有其他样式
   ============================================================================ */

/* 强制覆盖 hero-content 布局 - 最高优先级 */
body.lang-ja.single-product .product-hero .hero-content,
body.lang-ja.single-product .hero-content,
.lang-ja.single-product .product-hero .hero-content,
.lang-ja.single-product .hero-content,
body.lang-ja.single-product section.product-hero .hero-content,
.lang-ja.single-product section.product-hero .hero-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
    width: 100% !important;
    min-width: 100% !important;
    position: relative !important;
    z-index: 1 !important;
    grid-auto-flow: dense !important;
}

/* 强制覆盖 hero-info 对齐 */
body.lang-ja.single-product .product-hero .hero-info,
body.lang-ja.single-product .hero-info,
.lang-ja.single-product .product-hero .hero-info,
.lang-ja.single-product .hero-info {
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 强制覆盖 hero-image 布局 */
body.lang-ja.single-product .product-hero .hero-image,
body.lang-ja.single-product .hero-image,
.lang-ja.single-product .product-hero .hero-image,
.lang-ja.single-product .hero-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

/* ============================================================================
   Global Overrides - Japanese Language Specific (Matching English Site)
   ============================================================================ */

body.lang-ja.single-product .product-detail-page {
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

/* ============================================================================
   Breadcrumb Navigation - Professional Style (Matching English Site)
   ============================================================================ */

body.lang-ja.single-product .product-breadcrumb {
    background: #ffffff !important;
    border-bottom: 1px solid #e8eaed !important;
}

body.lang-ja.single-product .breadcrumb-nav {
    font-size: 14px !important;
    font-weight: 500 !important;
}

body.lang-ja.single-product .breadcrumb-nav a {
    color: #666 !important;
}

body.lang-ja.single-product .breadcrumb-nav a:hover {
    color: #1e88e5 !important;
}

/* ============================================================================
   Hero Section - Modern Western Style (Matching English Site EXACTLY)
   使用统一的超高优先级选择器，与英文站点完全一致
   让模板的内联样式（产品特色图片）生效
   
   策略：使用超高优先级选择器，但不覆盖 background-image
   模板的内联样式会自动叠加显示
   ============================================================================ */

html[lang="ja-JP"] body.lang-ja.single-product .product-hero,
html[lang="ja"] body.lang-ja.single-product .product-hero,
body.lang-ja.single-product .product-hero {
    /* 现在 banner-images-fixed.css 和 industrial-tech-colors.css 已经排除了日语站点 */
    /* 所以我们可以安全地不设置任何背景属性，让内联样式完全控制 */
    
    /* 布局相关的属性使用 !important 确保生效 */
    min-height: 550px !important; /* 统一为 550px */
    padding: 70px 40px !important; /* 优化内边距 */
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: none !important;
    overflow: hidden !important;
    
    /* 关键修复：完全不设置任何背景相关属性，让内联样式100%控制 */
    /* 移除了 background-size, background-position, background-repeat */
    /* 因为即使是辅助属性，用 !important 也会干扰内联样式 */
}

/* 不需要额外的遮罩层 - 模板的内联样式已经包含了渐变遮罩 */
/* 模板设置：background-image: linear-gradient(...), url(产品图片) */
/* 移除 ::before 伪元素，避免双重遮罩 */
html[lang="ja-JP"] body.lang-ja.single-product .product-hero::before,
html[lang="ja"] body.lang-ja.single-product .product-hero::before,
body.lang-ja.single-product .product-hero::before {
    content: none !important;
    display: none !important;
}

/* 移除底部渐变效果（如果有的话） - 超高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-hero::after,
html[lang="ja"] body.lang-ja.single-product .product-hero::after,
body.lang-ja.single-product .product-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

html[lang="ja-JP"] body.lang-ja.single-product .hero-content,
html[lang="ja"] body.lang-ja.single-product .hero-content,
body.lang-ja.single-product .hero-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 70px !important; /* 从 60px 增加到 70px，增加左右间距 */
    align-items: center !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

html[lang="ja-JP"] body.lang-ja.single-product .hero-image,
html[lang="ja"] body.lang-ja.single-product .hero-image,
body.lang-ja.single-product .hero-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

html[lang="ja-JP"] body.lang-ja.single-product .hero-info,
html[lang="ja"] body.lang-ja.single-product .hero-info,
body.lang-ja.single-product .hero-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 20px !important;
}

body.lang-ja.single-product .hero-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 450px !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 20px !important;
    border: 2px solid rgba(255,255,255,0.2) !important;
}

body.lang-ja.single-product .hero-info h1 {
    font-size: 48px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    letter-spacing: -1px !important;
    margin-bottom: 24px !important;
}

body.lang-ja.single-product .hero-excerpt {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: rgba(255,255,255,0.95) !important;
    margin-bottom: 28px !important;
}

/* Key Specs - Clean Western Style */
body.lang-ja.single-product .key-specs-list {
    background: rgba(255,255,255,0.15) !important;
    backdrop-filter: blur(10px) !important;
    padding: 32px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
}

body.lang-ja.single-product .key-specs-list h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}

body.lang-ja.single-product .key-specs-list li {
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #fff !important;
}

/* CTA Buttons - Japanese Market Style (Matching Homepage) */
body.lang-ja.single-product .btn-hero,
body.lang-ja.single-product .btn-cta {
    padding: 16px 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    letter-spacing: 0.3px !important;
}

body.lang-ja.single-product .btn-primary,
body.lang-ja.single-product .btn-hero.btn-primary {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #fff !important;
    border: none !important;
}

body.lang-ja.single-product .btn-primary:hover,
body.lang-ja.single-product .btn-hero.btn-primary:hover {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(46, 64, 87, 0.4) !important;
}

body.lang-ja.single-product .btn-secondary,
body.lang-ja.single-product .btn-hero.btn-secondary {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.35) !important;
}

body.lang-ja.single-product .btn-secondary:hover,
body.lang-ja.single-product .btn-hero.btn-secondary:hover {
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.6) !important;
}

/* ============================================================================
   Section Headers - Professional Style (Japanese Market Style)
   ============================================================================ */

body.lang-ja.single-product .section-header {
    margin-bottom: 56px !important;
    padding-bottom: 28px !important;
}

body.lang-ja.single-product .section-header::after {
    background: linear-gradient(90deg, #1e88e5 0%, #42a5f5 100%) !important;
    box-shadow: 0 2px 8px rgba(30, 136, 229, 0.3) !important;
}

body.lang-ja.single-product .section-icon {
    width: 64px !important;
    height: 64px !important;
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    border-radius: 16px !important;
    font-size: 32px !important;
    box-shadow: 0 8px 24px rgba(30, 136, 229, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

body.lang-ja.single-product .section-title {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.5px !important;
}

/* ============================================================================
   Product Sections - 製品セクション (Matching English Site)
   注意：排除 .product-hero 和 .cta-section，因为它们需要使用自己的背景样式
   ============================================================================ */

body.lang-ja.single-product .product-section:not(.product-hero):not(.cta-section) {
    background: #ffffff !important;
    border: 1px solid #e8eaed !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    border-radius: 14px !important;
    padding: 56px 48px !important;
    margin: 40px 0 !important;
}

body.lang-ja.single-product .product-section:not(.product-hero):not(.cta-section):hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* ============================================================================
   Technical Parameters Table - 技術パラメータ表（完全匹配英文站点）
   强制覆盖内联样式
   ============================================================================ */

body.lang-ja.single-product .tech-params-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 32px !important;
    background: #ffffff !important;
    border: 1px solid #e1e8ed !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    display: table !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 表格行 */
body.lang-ja.single-product .tech-params-table tr {
    border-bottom: 1px solid #e8eaed !important;
    display: table-row !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.lang-ja.single-product .tech-params-table tr:last-child {
    border-bottom: none !important;
}

/* 参数行悬停效果 */
body.lang-ja.single-product .tech-params-table tr:not(.param-group-header):hover {
    background: #f8f9fa !important;
}

/* 参数名称列 (th) - 灰色渐变背景 - 强制覆盖 */
body.lang-ja.single-product .product-section .tech-params-table th,
body.lang-ja.single-product .tech-params-table th {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    width: 25% !important;
    font-size: 15px !important;
    padding: 24px 32px !important;
    text-align: left !important;
    border-right: 1px solid #e8eaed !important;
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 参数值列 (td) - 白色背景，灰色文字 - 强制覆盖 */
body.lang-ja.single-product .product-section .tech-params-table td,
body.lang-ja.single-product .tech-params-table td {
    background: #ffffff !important;
    color: #666 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    width: 25% !important;
    padding: 24px 32px !important;
    text-align: left !important;
    border-right: 1px solid #e8eaed !important;
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 最后一列不需要右边框 */
body.lang-ja.single-product .tech-params-table th:last-child,
body.lang-ja.single-product .tech-params-table td:last-child {
    border-right: none !important;
}

/* 分组标题行 */
body.lang-ja.single-product .tech-params-table tr.param-group-header {
    background: #f5f7fa !important;
}

body.lang-ja.single-product .product-section .tech-params-table th.group-title,
body.lang-ja.single-product .tech-params-table th.group-title {
    background: #f5f7fa !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 18px 28px !important;
    text-align: left !important;
    border-right: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 空单元格样式 */
body.lang-ja.single-product .tech-params-table th:empty,
body.lang-ja.single-product .tech-params-table td:empty {
    background: #fafbfc !important;
}

/* ============================================================================
   Two Column Layout - Modern Cards (Matching English Site EXACTLY)
   强制覆盖内联样式
   ============================================================================ */

body.lang-ja.single-product .product-section .column-box,
body.lang-ja.single-product .column-box {
    background: linear-gradient(135deg, #fafbfc 0%, #ffffff 100%) !important;
    padding: 52px 44px !important;
    border-radius: 12px !important;
    border-left: 5px solid #1e88e5 !important;
}

body.lang-ja.single-product .product-section .column-box h3,
body.lang-ja.single-product .column-box h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 32px !important;
}

body.lang-ja.single-product .product-section .column-box li,
body.lang-ja.single-product .column-box li {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #666 !important;
    line-height: 1.8 !important;
    margin-bottom: 14px !important;
}

/* ============================================================================
   Standards & Certifications - Badge Style (Matching English Site EXACTLY)
   强制覆盖内联样式
   ============================================================================ */

body.lang-ja.single-product .product-section .standard-badge,
body.lang-ja.single-product .standard-badge {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%) !important;
    padding: 44px 36px !important;
    border-radius: 12px !important;
    border: 2px solid #e8eaed !important;
    position: relative !important;
}

body.lang-ja.single-product .product-section .standard-badge::before,
body.lang-ja.single-product .standard-badge::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #1e88e5 0%, #42a5f5 100%) !important;
    border-radius: 12px 12px 0 0 !important;
}

body.lang-ja.single-product .product-section .standard-badge:hover,
body.lang-ja.single-product .standard-badge:hover {
    border-color: #1e88e5 !important;
    transform: translateY(-10px) !important;
    box-shadow: 0 12px 40px rgba(30, 136, 229, 0.15) !important;
}

body.lang-ja.single-product .product-section .standard-badge .dashicons,
body.lang-ja.single-product .standard-badge .dashicons {
    color: #1e88e5 !important;
    background: rgba(30, 136, 229, 0.1) !important;
    margin-bottom: 24px !important;
}

body.lang-ja.single-product .product-section .standard-badge h4,
body.lang-ja.single-product .standard-badge h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
}

body.lang-ja.single-product .product-section .standard-badge p,
body.lang-ja.single-product .standard-badge p {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #666 !important;
    text-transform: uppercase !important;
}

/* ============================================================================
   Packaging & Logistics - Info Cards (Matching English Site EXACTLY)
   强制覆盖内联样式
   ============================================================================ */

body.lang-ja.single-product .product-section .info-card,
body.lang-ja.single-product .info-card {
    background: linear-gradient(135deg, #fafbfc 0%, #ffffff 100%) !important;
    padding: 52px 44px !important;
    border-radius: 12px !important;
    border: 2px solid #e8eaed !important;
}

body.lang-ja.single-product .product-section .info-card h3,
body.lang-ja.single-product .info-card h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 28px !important;
}

body.lang-ja.single-product .product-section .info-card .content,
body.lang-ja.single-product .info-card .content {
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: #666 !important;
}

/* ============================================================================
   Quality Control Flow - Process Steps (Japanese Market Style - Deep Blue)
   强制覆盖内联样式 - 使用日本深蓝色系
   ============================================================================ */

body.lang-ja.single-product .product-section .quality-step,
body.lang-ja.single-product .quality-step {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    padding: 48px 36px !important;
    border-radius: 12px !important;
    border: 2px solid #42a5f5 !important;
}

body.lang-ja.single-product .product-section .quality-step:hover,
body.lang-ja.single-product .quality-step:hover {
    border-color: #1e88e5 !important;
}

body.lang-ja.single-product .product-section .quality-step .step-number,
body.lang-ja.single-product .quality-step .step-number {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    width: 56px !important;
    height: 56px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 28px !important;
    box-shadow: 0 6px 16px rgba(46, 64, 87, 0.45) !important;
}

body.lang-ja.single-product .product-section .quality-step:hover .step-number,
body.lang-ja.single-product .quality-step:hover .step-number {
    box-shadow: 0 8px 20px rgba(46, 64, 87, 0.55) !important;
}

body.lang-ja.single-product .product-section .quality-step h4,
body.lang-ja.single-product .quality-step h4 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
}

body.lang-ja.single-product .product-section .quality-step p,
body.lang-ja.single-product .quality-step p {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.7 !important;
}

/* ============================================================================
   Technical Support Cards - Service Highlights (Japanese Market Style)
   强制覆盖内联样式 - 使用日本深蓝色系
   ============================================================================ */

body.lang-ja.single-product .product-section .support-card,
body.lang-ja.single-product .support-card {
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%) !important;
    padding: 48px 40px !important;
    border-radius: 12px !important;
    border: 2px solid #e8eaed !important;
    position: relative !important;
}

/* 左侧装饰线 - 深蓝渐变 */
body.lang-ja.single-product .product-section .support-card::before,
body.lang-ja.single-product .support-card::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, #1e88e5 0%, #42a5f5 100%) !important;
    border-radius: 12px 0 0 12px !important;
}

body.lang-ja.single-product .product-section .support-card:hover,
body.lang-ja.single-product .support-card:hover {
    border-color: #1e88e5 !important;
}

/* 图标颜色和背景 - 深蓝色 */
body.lang-ja.single-product .product-section .support-card .dashicons,
body.lang-ja.single-product .support-card .dashicons {
    color: #1e88e5 !important;
    background: rgba(30, 136, 229, 0.1) !important;
    font-size: 52px !important;
    margin-bottom: 28px !important;
}

/* 悬停时图标背景渐变和阴影 - 深蓝渐变 */
body.lang-ja.single-product .product-section .support-card:hover .dashicons,
body.lang-ja.single-product .support-card:hover .dashicons {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(30, 136, 229, 0.4) !important;
}

body.lang-ja.single-product .product-section .support-card h4,
body.lang-ja.single-product .support-card h4 {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 18px !important;
}

body.lang-ja.single-product .product-section .support-card p,
body.lang-ja.single-product .support-card p {
    font-size: 15px !important;
    color: #666 !important;
    line-height: 1.8 !important;
}

/* ============================================================================
   CTA Section - Strong Call to Action (Japanese Market Style - Deep Blue)
   ============================================================================ */

body.lang-ja.single-product .cta-section {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    padding: 80px 48px !important;
    border-radius: 16px !important;
}

body.lang-ja.single-product .cta-section h2 {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 20px !important;
}

body.lang-ja.single-product .cta-section p {
    font-size: 19px !important;
    color: rgba(255,255,255,0.95) !important;
    margin-bottom: 40px !important;
}

body.lang-ja.single-product .btn-cta-primary {
    background: #fff !important;
    color: #1e3c72 !important;
    padding: 18px 40px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

body.lang-ja.single-product .btn-cta-primary:hover {
    background: #f5f5f5 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.35) !important;
}

body.lang-ja.single-product .btn-cta-secondary {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.4) !important;
}

body.lang-ja.single-product .btn-cta-secondary:hover {
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.6) !important;
}

/* ============================================================================
   Related Products - Clean Grid (Japanese Market Style - Deep Blue)
   ============================================================================ */

body.lang-ja.single-product .related-products {
    background: #ffffff !important;
    padding: 72px 56px !important;
    border-radius: 16px !important;
}

body.lang-ja.single-product .related-products h2 {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 56px !important;
}

body.lang-ja.single-product .related-product-card {
    border: 2px solid #e8eaed !important;
    border-radius: 12px !important;
    position: relative !important;
}

/* 顶部装饰线 - 深蓝渐变 */
body.lang-ja.single-product .related-product-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #1e88e5 0%, #42a5f5 50%, #1e88e5 100%) !important;
    border-radius: 12px 12px 0 0 !important;
}

body.lang-ja.single-product .related-product-card:hover {
    border-color: #1e88e5 !important;
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(30, 136, 229, 0.15) !important;
}

body.lang-ja.single-product .related-product-info h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    position: relative !important;
}

/* 标题图标颜色 - 深蓝色 */
body.lang-ja.single-product .related-product-info h3::before {
    color: #1e88e5 !important;
}

body.lang-ja.single-product .related-product-card:hover .related-product-info h3 {
    color: #1e88e5 !important;
}

body.lang-ja.single-product .related-product-info p {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #666 !important;
}

/* ============================================================================
   Download Modal - Professional Form (Matching English Site EXACTLY)
   ============================================================================ */

body.lang-ja.single-product .modal-content {
    padding: 48px !important;
    border-radius: 16px !important;
}

body.lang-ja.single-product .modal-content h3 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.5px !important;
}

body.lang-ja.single-product .modal-content p {
    font-size: 16px !important;
    color: #666 !important;
    line-height: 1.6 !important;
}

body.lang-ja.single-product .form-group label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

body.lang-ja.single-product .form-group input {
    padding: 14px 16px !important;
    font-size: 15px !important;
    border: 2px solid #e8eaed !important;
    border-radius: 8px !important;
}

body.lang-ja.single-product .form-group input:focus {
    border-color: #1e88e5 !important;
    box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.1) !important;
}

body.lang-ja.single-product .btn-submit {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    padding: 16px 24px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

body.lang-ja.single-product .btn-submit:hover {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(46, 64, 87, 0.4) !important;
}

/* ============================================================================
   Responsive Design - レスポンシブデザイン（英文站点完全一致）
   ============================================================================ */

/* Tablet - 1024px */
@media (max-width: 1024px) {
    body.lang-ja.single-product .product-hero {
        /* 不要覆盖内联样式的 background 属性 */
        padding: 50px 30px !important;
        min-height: 450px !important;
    }
    
    body.lang-ja.single-product .hero-content {
        gap: 40px !important;
    }
    
    body.lang-ja.single-product .hero-info h1 {
        font-size: 40px !important;
    }
    
    body.lang-ja.single-product .section-title {
        font-size: 32px !important;
    }
    
    body.lang-ja.single-product .cta-section h2,
    body.lang-ja.single-product .related-products h2 {
        font-size: 36px !important;
    }
}

/* Tablet - 968px */
@media (max-width: 968px) {
    body.lang-ja.single-product .hero-content {
        grid-template-columns: 48% 52% !important;
        gap: 35px !important;
    }
    
    body.lang-ja.single-product .hero-image img {
        max-height: 350px !important;
    }
    
    body.lang-ja.single-product .hero-info h1 {
        font-size: 32px !important;
    }
    
    body.lang-ja.single-product .hero-excerpt {
        font-size: 16px !important;
    }
}

/* Mobile - 768px */
@media (max-width: 768px) {
    body.lang-ja.single-product .product-hero {
        /* 不要覆盖内联样式的 background 属性 */
        padding: 40px 24px !important;
    }
    
    body.lang-ja.single-product .hero-content {
        grid-template-columns: 45% 55% !important;
        gap: 30px !important;
    }
    
    body.lang-ja.single-product .hero-image img {
        max-height: 320px !important;
        padding: 12px !important;
    }
    
    body.lang-ja.single-product .hero-info h1 {
        font-size: 28px !important;
    }
    
    body.lang-ja.single-product .hero-excerpt {
        font-size: 15px !important;
    }
    
    body.lang-ja.single-product .key-specs-list {
        padding: 18px !important;
    }
    
    body.lang-ja.single-product .key-specs-list h3 {
        font-size: 14px !important;
    }
    
    body.lang-ja.single-product .key-specs-list li {
        font-size: 13px !important;
    }
    
    body.lang-ja.single-product .btn-hero {
        padding: 12px 24px !important;
        font-size: 14px !important;
    }
    
    body.lang-ja.single-product .section-title {
        font-size: 24px !important;
    }
    
    body.lang-ja.single-product .cta-section {
        padding: 44px 24px !important;
    }
    
    body.lang-ja.single-product .cta-section h2 {
        font-size: 26px !important;
    }
}

/* Mobile - 640px */
@media (max-width: 640px) {
    body.lang-ja.single-product .product-hero {
        /* 不要覆盖内联样式的 background 属性 */
        padding: 35px 12px 20px 12px !important;
    }
    
    body.lang-ja.single-product .hero-content {
        grid-template-columns: 40% 60% !important;
        gap: 12px !important;
    }
    
    body.lang-ja.single-product .hero-image img {
        max-height: 160px !important;
        padding: 6px !important;
    }
    
    body.lang-ja.single-product .hero-info h1 {
        font-size: 18px !important;
        margin-bottom: 8px !important;
        letter-spacing: 0.02em !important;
    }
    
    body.lang-ja.single-product .hero-excerpt {
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    
    body.lang-ja.single-product .key-specs-list {
        padding: 10px !important;
    }
    
    body.lang-ja.single-product .key-specs-list h3 {
        font-size: 11px !important;
    }
    
    body.lang-ja.single-product .key-specs-list li {
        font-size: 10px !important;
    }
    
    body.lang-ja.single-product .btn-hero,
    body.lang-ja.single-product .btn-cta {
        padding: 8px 12px !important;
        font-size: 11px !important;
    }
    
    body.lang-ja.single-product .section-title {
        font-size: 20px !important;
    }
    
    body.lang-ja.single-product .cta-section h2,
    body.lang-ja.single-product .related-products h2 {
        font-size: 20px !important;
    }
}

/* Mobile - 480px */
@media (max-width: 480px) {
    body.lang-ja.single-product .product-hero {
        /* 不要覆盖内联样式的 background 属性 */
        padding: 31px 10px 16px 10px !important;
    }
    
    body.lang-ja.single-product .hero-content {
        grid-template-columns: 38% 62% !important;
        gap: 10px !important;
    }
    
    body.lang-ja.single-product .hero-image img {
        max-height: 140px !important;
        padding: 4px !important;
    }
    
    body.lang-ja.single-product .hero-info h1 {
        font-size: 16px !important;
    }
    
    body.lang-ja.single-product .hero-excerpt {
        font-size: 11px !important;
    }
    
    body.lang-ja.single-product .key-specs-list {
        padding: 8px !important;
    }
    
    body.lang-ja.single-product .key-specs-list h3 {
        font-size: 10px !important;
    }
    
    body.lang-ja.single-product .key-specs-list li {
        font-size: 9px !important;
    }
    
    body.lang-ja.single-product .btn-hero,
    body.lang-ja.single-product .btn-cta {
        padding: 7px 10px !important;
        font-size: 10px !important;
    }
    
    body.lang-ja.single-product .section-title {
        font-size: 18px !important;
    }
    
    body.lang-ja.single-product .cta-section h2,
    body.lang-ja.single-product .related-products h2 {
        font-size: 18px !important;
    }
}

/* ============================================================================
   Additional Fixes for Display Issues - 2026-02-06
   额外修复规则 - 修复背景图片、产品型号和技术参数显示问题
   ============================================================================ */

/* 确保所有产品section可见 */
body.lang-ja.single-product .product-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保section内容可见 */
body.lang-ja.single-product .product-section * {
    visibility: visible !important;
}

/* 确保Hero区域的内容层级正确 */
body.lang-ja.single-product .hero-content {
    position: relative !important;
    z-index: 1 !important;
}

/* 确保Hero信息区域可见 */
body.lang-ja.single-product .hero-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 确保Hero标题可见 */
body.lang-ja.single-product .hero-info h1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保Hero描述可见 */
body.lang-ja.single-product .hero-excerpt {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================================
   ULTRA HIGH PRIORITY PADDING OVERRIDES - 超高优先级内边距覆盖
   这些规则必须放在最后，确保覆盖所有其他样式（包括 japanese-design-system.css）
   ============================================================================ */

/* 技术参数表格内边距 - 最高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-section .tech-params-table th,
html[lang="ja"] body.lang-ja.single-product .product-section .tech-params-table th,
body.lang-ja.single-product .product-section .tech-params-table th,
body.lang-ja.single-product .tech-params-table th {
    padding: 24px 32px !important;
}

html[lang="ja-JP"] body.lang-ja.single-product .product-section .tech-params-table td,
html[lang="ja"] body.lang-ja.single-product .product-section .tech-params-table td,
body.lang-ja.single-product .product-section .tech-params-table td,
body.lang-ja.single-product .tech-params-table td {
    padding: 24px 32px !important;
}

/* 两栏布局卡片内边距 - 最高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-section .column-box,
html[lang="ja"] body.lang-ja.single-product .product-section .column-box,
body.lang-ja.single-product .product-section .column-box,
body.lang-ja.single-product .column-box {
    padding: 52px 44px !important;
}

/* 标准认证徽章内边距 - 最高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-section .standard-badge,
html[lang="ja"] body.lang-ja.single-product .product-section .standard-badge,
body.lang-ja.single-product .product-section .standard-badge,
body.lang-ja.single-product .standard-badge {
    padding: 44px 36px !important;
}

/* 信息卡片内边距 - 最高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-section .info-card,
html[lang="ja"] body.lang-ja.single-product .product-section .info-card,
body.lang-ja.single-product .product-section .info-card,
body.lang-ja.single-product .info-card {
    padding: 52px 44px !important;
}

/* 质量控制步骤内边距 - 最高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-section .quality-step,
html[lang="ja"] body.lang-ja.single-product .product-section .quality-step,
body.lang-ja.single-product .product-section .quality-step,
body.lang-ja.single-product .quality-step {
    padding: 48px 36px !important;
}

/* 技术支持卡片内边距 - 最高优先级 */
html[lang="ja-JP"] body.lang-ja.single-product .product-section .support-card,
html[lang="ja"] body.lang-ja.single-product .product-section .support-card,
body.lang-ja.single-product .product-section .support-card,
body.lang-ja.single-product .support-card {
    padding: 48px 40px !important;
}

/* ============================================================================
   Print Styles - 打印样式（匹配英文站点）
   ============================================================================ */

@media print {
    body.lang-ja.single-product .product-breadcrumb,
    body.lang-ja.single-product .hero-cta,
    body.lang-ja.single-product .cta-section,
    body.lang-ja.single-product .related-products,
    body.lang-ja.single-product .modal {
        display: none !important;
    }
}