/* ========================================
   产品详情页公共样式
   适用: /products/bimetal-strip.html
         /products/bimetal-disc.html
   ======================================== */

/* Breadcrumb */
.prod-breadcrumb {
  text-align: center;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
}
.prod-breadcrumb a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  transition: color 0.3s;
}
.prod-breadcrumb a:hover {
  color: #fff;
}
.prod-breadcrumb .sep {
  margin: 0 10px;
  color: rgba(255,255,255,0.5);
}
.prod-breadcrumb .current {
  color: #fff;
}

/* Banner — 高度与产品中心页一致 */
@media (min-width: 1200px) {
  .prod-banner .zz-comp-gap {
    padding-top: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .prod-banner .zz-comp-gap {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .prod-banner .zz-comp-gap {
    padding-top: 60px;
  }
}
.prod-banner .zz-bg-img {
  background-size: cover;
  background-position: center;
}
.prod-banner .zz-bg-color {
  background: rgba(0,0,0,0.55);
}
.prod-banner .zz-text h1 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
}
.prod-banner .zz-text p {
  font-size: 18px;
  color: rgba(255,255,255,0.85);
  text-align: center;
  letter-spacing: 2px;
}

/* 容器左右留白 */
.zz-page-body-comp .zz-comp-block-wrap .zz-container {
  padding: 0 20px;
}

/* Section 标题 — 与"我们的服务优势"一致 */
.zz-page-body-comp .zz-comp-text h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  color: #333;
}
.zz-page-body-comp .zz-comp-text .zz-comp-content > div > p {
  text-align: center;
}

/* Carousel */
.prod-carousel {
  padding-left: 20px;
  padding-right: 20px;
}
.prod-carousel .swiper-container {
  padding-bottom: 50px;
}
.prod-carousel .swiper-button-prev,
.prod-carousel .swiper-button-next {
  color: #333;
}
.prod-carousel .swiper-pagination-bullet-active {
  background: #333;
}
.prod-carousel .swiper-pagination:not(.swiper-pagination-progressbar) {
  position: relative;
  margin-top: 30px;
}
.prod-carousel .zz-comp-list__item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 4px;
  min-height: 400px;
}

/* Product intro — 图片自然展示 */
#block-body-2 .zz-comp-image {
  overflow: visible;
}
#block-body-2 .zz-comp-image .image__wrapper {
  position: relative;
  padding-top: 0;
}
#block-body-2 .zz-comp-image .img {
  position: static;
}
#block-body-2 .zz-comp-image .do-middle,
#block-body-2 .zz-comp-image .do-middle-center {
  position: static;
  transform: none;
}
#block-body-2 .zz-comp-image .object-fit-cover {
  width: 100%;
  height: auto;
  object-fit: contain;
}
/* Product intro — 桌面端垂直居中 */
@media (min-width: 768px) {
  #block-body-2 .zz-row > .zz-column:first-child .col__wrapper {
    display: flex;
    align-items: center;
  }
}
/* Product intro text */
@media (min-width: 768px) {
  .prod-intro {
    padding-left: 24px;
  }
}
.zz-row-wrapper .prod-intro .zz-text p {
  text-align: left !important;
}

.prod-intro .zz-text p {
  font-size: 15px;
  line-height: 1.9;
  color: #444;
  margin-bottom: 16px;
  text-align: left;
}

/* Spec table */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.spec-table th,
.spec-table td {
  padding: 14px 20px;
  border: 1px solid #e0e0e0;
  text-align: left;
}
.spec-table th {
  background: #333;
  color: #fff;
  font-weight: 600;
  width: 160px;
}
.spec-table tr:nth-child(even) td {
  background: #f8f9fa;
}
.spec-table tr:hover td {
  background: #eef2f7;
}

/* Grade table — 牌号清单 */
.grade-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.grade-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  white-space: nowrap;
}
.grade-table th,
.grade-table td {
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  text-align: center;
  vertical-align: middle;
}
.grade-table th {
  background: #333;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
}
.grade-table th small {
  font-weight: 400;
  opacity: 0.7;
  font-size: 11px;
}
.grade-table td {
  color: #444;
}
.grade-table tbody tr:nth-child(even) td {
  background: #f8f9fa;
}
.grade-table tbody tr:hover td {
  background: #eef2f7;
}
.grade-table td:first-child {
  font-weight: 600;
  color: #1a3a5c;
}

/* Mobile */
@media (max-width: 767px) {
  .zz-page-body-comp .zz-comp-block-wrap .zz-container {
    padding: 0 15px;
  }
  .prod-banner .zz-text h1 {
    font-size: 28px;
    letter-spacing: 2px;
  }
  .prod-banner .zz-text p {
    font-size: 14px;
  }
  .prod-carousel {
    padding-left: 10px;
    padding-right: 10px;
  }
  .prod-carousel .swiper-pagination:not(.swiper-pagination-progressbar) {
    margin-top: 16px;
  }
  .prod-carousel .zz-comp-list__item .img {
    min-height: 250px;
  }
  .prod-intro {
    padding-left: 0;
    padding-top: 20px;
  }
  .prod-intro .zz-text p {
    font-size: 14px;
  }
  .spec-table th {
    width: 100px;
  }
  .spec-table th,
  .spec-table td {
    padding: 10px 12px;
    font-size: 13px;
  }
  .grade-table {
    font-size: 12px;
  }
  .grade-table th,
  .grade-table td {
    padding: 8px 10px;
  }
}