/* ============================================================
   Quality 详情页专属样式（与 product 隔离）
   所有规则均以 .quality-detail 命名空间包裹，
   不会影响 products/detail 等其它模块（它们只用 home.css 的基础 .pd- 样式）。
   ============================================================ */

/* 1.5 简介区块：左文字（固定 530px）、右图片（剩余空间，适配 1200×350 扁图） */
.quality-detail .pd-intro--default .pd-intro__inner {
    grid-template-columns: 530px 1fr;
    gap: 40px;
    align-items: center;
    padding-left: 0;
}
.quality-detail .pd-intro--default .pd-intro__img {
    order: 0;
    aspect-ratio: auto;          /* 取消 4/3 限制，按图片原比例（1200×350）展示 */
    overflow: hidden;
}
.quality-detail .pd-intro--default .pd-intro__img img {
    width: 100%;
    height: auto;                /* 按 1200×350 原比例完整显示，不裁切 */
    object-fit: contain;
}
.quality-detail .pd-intro--default .pd-intro__title {
    font-size: 30px;             /* 缩小字号，使较长标题（如 02 Gauge & Dimensional Engineering）在一行内显示 */
    line-height: 1.25;
}

/* Hero 下方全宽长图：突破容器占满整个屏幕宽度
   （素材建议 1920×600，按原比例完整显示，不裁切） */
.quality-detail .pd-quality-banner {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    line-height: 0;
    overflow: hidden;
}
.quality-detail .pd-quality-banner img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    outline: none;
    box-shadow: none;
}

/* 第三个简介模块（block2）：左文字（530px）右图片，浅灰背景 */
.quality-detail .pd-intro--block2 {
    background: #f5f7fa;
}
.quality-detail .pd-intro--block2 .pd-intro__inner {
    grid-template-columns: 530px 1fr;
    gap: 40px;
    align-items: center;
    padding-left: 0;
}
.quality-detail .pd-intro--block2 .pd-intro__img {
    order: 0;
    aspect-ratio: auto;
    overflow: hidden;
}
.quality-detail .pd-intro--block2 .pd-intro__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.quality-detail .pd-intro--block2 .pd-intro__title {
    font-size: 30px;             /* 与 default 一致，较长标题可一行显示 */
    line-height: 1.25;
}
}

/* 第四个简介模块（block3）：左文字（530px）右图片，浅蓝背景 */
.quality-detail .pd-intro--block3 {
    background: #eef3fb;
}
.quality-detail .pd-intro--block3 .pd-intro__inner {
    grid-template-columns: 530px 1fr;
    gap: 40px;
    align-items: center;
    padding-left: 0;
}
.quality-detail .pd-intro--block3 .pd-intro__img {
    order: 0;
    aspect-ratio: auto;
    overflow: hidden;
}
.quality-detail .pd-intro--block3 .pd-intro__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.quality-detail .pd-intro--block3 .pd-intro__title {
    font-size: 30px;             /* 与 default / block2 一致，较长标题可一行显示 */
    line-height: 1.25;
}

/* Hero 文字区域颜色：深色协调方案（仅 quality） */
.quality-detail .pd-hero__title { color: #10233f; }      /* 主标题：近黑墨蓝，最深 */
.quality-detail .pd-hero__subtitle { color: #334155; }   /* 副标题：深石板蓝灰 */
.quality-detail .pd-hero__desc { color: #475569; }       /* 描述：深灰蓝 */
.quality-detail .pd-hero__tag,
.quality-detail .pd-hero__tags { color: #1e3a8a; }       /* 标签：深蓝 */

/* 使用注意事项：4 卡片布局（仅 quality，不影响 product 的 3 列） */
.quality-detail .pd-notice__grid { grid-template-columns: repeat(4, 1fr); }

/* 各模块之间：极淡分割线（不太明显，仅作视觉分隔） */
.quality-detail .pd-section {
    border-top: 1px solid #eaecef;
}
.quality-detail .pd-section:first-of-type {
    border-top: none;             /* 首个模块顶部不加线 */
}