.elementor-26 .elementor-element.elementor-element-670e3be{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d0a5a58 */.yy-product-detail {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: "Microsoft YaHei", sans-serif;
}

.yy-detail-top {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.yy-detail-gallery {
  width: 50%;
}
.yy-main-img img {
  width: 498px;
  height: 373px;
  display: block;
}
.yy-thumbnails {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.yy-thumb {
  width: 121.5px;
  height: 121.5px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
}
.yy-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.yy-thumb.active {
  border-color: #0052cc;
}

.yy-detail-info {
  width: 50%;
}
.yy-detail-title {
  font-size: 28px;
  color: #222;
  margin: 0 0 20px;
}
.yy-detail-text p {
  color: #333;
  line-height: 1.8;
  margin: 0 0 12px;
  font-size: 20px;
}

.yy-detail-divider {
  border-bottom: 1px solid #eee;
  margin: 20px 0;
}

.yy-detail-params p {
  color: #333;
  margin: 8px 0;
}

@media (max-width: 768px) {
  .yy-detail-top {
    flex-direction: column;
  }
  .yy-detail-gallery, .yy-detail-info {
    width: 100%;
  }
}/* End custom CSS */