/* =========================================================
       COMILED UEESHOP PRODUCT DETAIL — SCOPED STYLES
       ========================================================= */

    .comiled-detail,
    .comiled-detail * {
      box-sizing: border-box !important;
    }

    .comiled-detail {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 8px 0 12px !important;
      background: #ffffff !important;
    }

    /*
      所有模块标题及其内部文字保持粗体。
      UEESHOP 经常在标题内部自动插入 span / div，
      因此必须同时覆盖标题内部标签，避免预览时恢复为普通字重。
      普通正文、FAQ 正文和表格正文不受影响。
    */
    .comiled-detail .comiled-section-title,
    .comiled-detail .comiled-section-title span,
    .comiled-detail .comiled-section-title div,
    .comiled-detail .comiled-section-title strong,
    .comiled-detail .comiled-section-title b,
    .comiled-detail .comiled-section-title a,
    .comiled-detail .comiled-section-title-text {
      font-family: Arial, Helvetica, sans-serif !important;
      font-style: normal !important;
      font-variant: normal !important;
      font-weight: 700 !important;
      font-synthesis: weight !important;
    }

    .comiled-section {
      width: 100% !important;
      margin: 0 0 48px !important;
      padding: 0 !important;
    }


    /* 表格前介绍正文：只保留布局，不控制文字属性 */
    .comiled-intro {
      display: block !important;
      width: 100% !important;
      margin: 0 0 24px !important;
      padding: 0 !important;
    }

    .comiled-section-title {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      margin: 0 0 24px !important;
      padding: 0 0 14px !important;
      color: #1f2329 !important;
      font-size: 28px !important;
      line-height: 1.3 !important;
      letter-spacing: -0.2px !important;
      border-bottom: 1px solid #dfe3e8 !important;
    }

    .comiled-section-title::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 86px;
      height: 3px;
      background: #ff770f;
    }

    .comiled-section-subtitle {
      margin: -10px 0 20px !important;
    }

    /* ===================== Editable specification table ===================== */

    .comiled-spec-scroll {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      max-height: 620px !important;
      overflow-x: auto !important;
      overflow-y: auto !important;
      overscroll-behavior: auto !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-gutter: stable !important;
      background: #ffffff !important;
      border: 1px solid #dfe3e8 !important;
      border-radius: 8px !important;
      box-shadow: 0 6px 20px rgba(22, 28, 45, 0.05) !important;
      isolation: isolate !important;
    }

    .comiled-spec-table {
      width: max-content !important;
      min-width: 100% !important;
      max-width: none !important;
      inline-size: max-content !important;
      min-inline-size: 100% !important;
      max-inline-size: none !important;
      margin: 0 !important;
      border: 0 !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      table-layout: auto !important;
      background: #ffffff !important;
    }

    .comiled-spec-table thead {
      display: table-header-group !important;
    }

    .comiled-spec-table tbody {
      display: table-row-group !important;
    }

    .comiled-spec-table tr {
      display: table-row !important;
    }

    .comiled-spec-table th,
    .comiled-spec-table td {
      float: none !important;
      display: table-cell !important;
      min-width: 230px !important;
      height: auto !important;
      min-height: 72px !important;
      margin: 0 !important;
      padding: 17px 22px !important;
      color: #596172 !important;
      background: #ffffff !important;
      border: 0 !important;
      border-bottom: 1px solid #e1e5ea !important;
      font-family: Arial, Helvetica, sans-serif !important;
      font-size: 16px !important;
      font-weight: 400;
      line-height: 1.45 !important;
      text-align: center;
      vertical-align: middle !important;
      white-space: normal !important;
      word-break: normal !important;
      overflow-wrap: anywhere !important;
    }

    .comiled-spec-table th:first-child,
    .comiled-spec-table td:first-child {
      width: 220px !important;
      min-width: 220px !important;
      max-width: 220px !important;
      text-align: left;
    }

    .comiled-spec-table thead th {
      position: sticky !important;
      position: -webkit-sticky !important;
      top: 0 !important;
      z-index: 40 !important;
      color: #202124 !important;
      background: #f2f4f7 !important;
      border-bottom: 2px solid #cfd5dc !important;
      box-shadow: 0 2px 5px rgba(22, 28, 45, 0.06) !important;
      font-size: 17px !important;
    }

    .comiled-spec-table thead th:first-child {
      left: 0 !important;
      z-index: 60 !important;
      background: #edf0f3 !important;
      box-shadow: 1px 0 0 #d8dde3, 0 2px 5px rgba(22, 28, 45, 0.06) !important;
    }

    .comiled-spec-table tbody th[scope="row"] {
      position: sticky !important;
      position: -webkit-sticky !important;
      left: 0 !important;
      z-index: 20 !important;
      color: #202124 !important;
      background: #ffffff !important;
      box-shadow: 1px 0 0 #e1e5ea !important;
    }

    .comiled-spec-table tbody tr:nth-child(even) td,
    .comiled-spec-table tbody tr:nth-child(even) th[scope="row"] {
      background: #fafbfc !important;
    }

    .comiled-spec-table tbody tr:hover td,
    .comiled-spec-table tbody tr:hover th[scope="row"] {
      background: #fff7f0 !important;
    }

    .comiled-spec-table tbody td[colspan] {
      color: #4e5666 !important;
      text-align: center;
    }

    .comiled-spec-table .comiled-key-row td {
      color: #424a5a !important;
    }

    .comiled-spec-table tbody tr:last-child th,
    .comiled-spec-table tbody tr:last-child td {
      border-bottom: 0 !important;
    }

    /* ===================== Secondary information tables ===================== */

    .comiled-table-wrap {
      width: 100% !important;
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch !important;
      border: 1px solid #dfe3e8 !important;
      border-radius: 10px !important;
      background: #ffffff !important;
    }

    .comiled-info-table {
      width: 100% !important;
      min-width: 640px !important;
      margin: 0 !important;
      border: 0 !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      table-layout: fixed !important;
      background: #ffffff !important;
    }

    .comiled-info-table th,
    .comiled-info-table td {
      float: none !important;
      height: auto !important;
      padding: 16px 20px !important;
      color: #596172 !important;
      font-size: 16px !important;
      font-weight: 400;
      line-height: 1.5 !important;
      text-align: left;
      vertical-align: middle !important;
      border: 0 !important;
      border-bottom: 1px solid #e1e5ea !important;
      overflow-wrap: anywhere !important;
    }

    .comiled-info-table thead th {
      color: #202124 !important;
      background: #f3f5f7 !important;
      font-size: 16px !important;
      border-bottom: 2px solid #cfd5dc !important;
    }

    .comiled-info-table thead th:first-child,
    .comiled-info-table tbody th {
      width: 38% !important;
    }

    .comiled-info-table tbody th {
      color: #202124 !important;
      background: #ffffff !important;
    }

    .comiled-info-table tbody td {
      background: #ffffff !important;
    }

    .comiled-info-table tbody tr:nth-child(even) th,
    .comiled-info-table tbody tr:nth-child(even) td {
      background: #fafbfc !important;
    }

    .comiled-info-table tbody tr:last-child th,
    .comiled-info-table tbody tr:last-child td {
      border-bottom: 0 !important;
    }

    /* ===================== Media ===================== */

    .comiled-video-wrap {
      width: 100% !important;
      overflow: hidden !important;
      background: #111111 !important;
      border-radius: 10px !important;
      box-shadow: 0 8px 24px rgba(22, 28, 45, 0.08) !important;
    }

    .comiled-video-wrap video {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      aspect-ratio: 16 / 9 !important;
      object-fit: contain !important;
      background: #111111 !important;
    }

    .comiled-image-list {
      display: block !important;
      width: 100% !important;
    }

    .comiled-image-list img {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      margin: 0 0 20px !important;
      border: 0 !important;
      border-radius: 10px !important;
      background: #f5f6f7 !important;
    }

    .comiled-image-list img:last-child {
      margin-bottom: 0 !important;
    }

    /* ===================== FAQ ===================== */

    .comiled-faq-list {
      display: block !important;
      width: 100% !important;
      border: 1px solid #dfe3e8 !important;
      border-radius: 10px !important;
      overflow: hidden !important;
      background: #ffffff !important;
    }

    .comiled-faq-item {
      display: block !important;
      width: 100% !important;
      padding: 20px 22px !important;
      background: #ffffff !important;
      border-bottom: 1px solid #e1e5ea !important;
    }

    .comiled-faq-item:nth-child(even) {
      background: #fafbfc !important;
    }

    .comiled-faq-item:last-child {
      border-bottom: 0 !important;
    }

    /*
      FAQ 问题和正文分开控制：
      - 默认字号、颜色和行距不使用 !important，富文本内联样式可以覆盖；
      - strong / b 使用加粗保障，解决 UEESHOP 模板重置粗体的问题。
    */
    .comiled-faq-question {
      display: block !important;
      margin: 0 0 8px !important;
      color: #202124;
      font-size: 18px;
      line-height: 1.45;
    }

    .comiled-faq-answer {
      display: block !important;
      margin: 0 !important;
      color: #606876;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;
    }

    /*
      FAQ 富文本加粗保障：
      UEESHOP 可能在 strong / b 内继续插入 font-weight:400 的 span，
      因此同时覆盖粗体标签及其全部内部子标签。
      当富文本取消加粗并移除 strong / b 后，文字会恢复普通字重。
    */
    .comiled-faq-question strong,
    .comiled-faq-question strong *,
    .comiled-faq-question b,
    .comiled-faq-question b *,
    .comiled-faq-answer strong,
    .comiled-faq-answer strong *,
    .comiled-faq-answer b,
    .comiled-faq-answer b * {
      font-style: normal !important;
      font-weight: 700 !important;
      font-synthesis: weight !important;
    }

    /*
      兼容富文本编辑器直接生成的内联粗体 span。
      覆盖 font-weight:bold / 700 两种常见写法。
    */
    .comiled-faq-question [style*="font-weight: bold"],
    .comiled-faq-question [style*="font-weight:bold"],
    .comiled-faq-question [style*="font-weight: 700"],
    .comiled-faq-question [style*="font-weight:700"],
    .comiled-faq-answer [style*="font-weight: bold"],
    .comiled-faq-answer [style*="font-weight:bold"],
    .comiled-faq-answer [style*="font-weight: 700"],
    .comiled-faq-answer [style*="font-weight:700"],
    .comiled-faq-question .comiled-bold,
    .comiled-faq-answer .comiled-bold {
      font-style: normal !important;
      font-weight: 700 !important;
      font-synthesis: weight !important;
    }

    /* ===================== Mobile ===================== */

    @media screen and (max-width: 768px) {
      .comiled-detail {
        padding: 4px 0 8px !important;
      }

      .comiled-section {
        margin-bottom: 36px !important;
      }

      .comiled-section-title {
        margin-bottom: 18px !important;
        padding-bottom: 11px !important;
        font-size: 23px !important;
      }

      .comiled-section-title::after {
        width: 68px !important;
      }

      .comiled-section-subtitle {
        margin-top: -6px !important;
        font-size: 13px !important;
      }

      .comiled-spec-scroll {
        max-height: 540px !important;
        border-radius: 6px !important;
      }

      .comiled-spec-table {
        min-width: 760px !important;
      }

      .comiled-spec-table th,
      .comiled-spec-table td {
        min-width: 190px !important;
        min-height: 62px !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
      }

      .comiled-spec-table th:first-child,
      .comiled-spec-table td:first-child {
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
      }

      .comiled-spec-table thead th {
        font-size: 15px !important;
      }

      .comiled-info-table {
        min-width: 580px !important;
      }

      .comiled-info-table th,
      .comiled-info-table td {
        padding: 14px 16px !important;
        font-size: 14px !important;
      }

      .comiled-faq-item {
        padding: 17px 16px !important;
      }

      .comiled-faq-question {
        font-size: 16px;
      }

      .comiled-faq-answer {
        font-size: 14px;
      }
}

    /* ===================== Common UEESHOP product-title compatibility =====================
       用于解决部分模板的前台产品主标题被 font-weight:400 覆盖的问题。
       未匹配到对应类名时不会产生影响。
    */
    h1.product-title,
    h1.product-name,
    .product-title h1,
    .product-name h1,
    .product-info h1,
    .product-detail-info h1,
    .detail-info h1,
    .goods-info h1,
    .prod-info h1,
    .detail-name,
    .products-detail-title {
      font-weight: 700 !important;
    }