/* Compiled from LESS. Edit this CSS going forward. */
/* Modern layout tokens — html { font-size: 10px } in site.less → 1rem = 10px */
/* 1200px content */
/* Homepage section shell — single visual column */
/* Homepage */
/* between major sections */
/* section title → main content */
/* carousel → Learn More button */
/* last section → footer */
/* Inner pages (About, etc.) */
/* Toolbox / forpros marketing page — type scale */
/* 3.2rem — page-level headings */
/* 2.4rem */
/* 1.8rem — intro copy (e.g. above search) */
/* 1.6rem — section descriptions */
/* 1.4rem */
/* 2.4rem — nested card titles */
/* 1.8rem */
/* bottom-content product name (.big-title) vs block headings (.card-title) */
/* product-library.html 品类入口卡：名称略大于素材列表标题 */
/* 手机端品类卡：图片区统一高度，便于同行标题/按钮对齐 */
/* 1.8rem */
/* 1.4rem */
/* 1.3rem */
/* Toolbox floating actions (cart, back-to-top, back, home) */
/* Mobile stack: base → back-top → goto → back-home → cart */
/* Toolbox 桌面侧栏：filter-nav / slider-bar（高于主内容，低于弹层） */
/* Form / lookup / registration pages — type scale */
/* Marketing / product toolkit (.page-toolbox) — light banner, dark text */
/* product-library-list 等：两列素材卡片 + 紧凑操作钮 */
/* 两列品类卡：等高图片区 + 标题弹性区 + 按钮贴底 */
/* product-library.html：品类网格 + 长 CTA 文案 */
/* product-library-one 等：bottom-content 内各类素材列表 */
/* gifts-detail.html / props-detail.html：详情 + You May Also Like */
/* Inner page hero — mobile (legacy mpx @ 414px design → rem) */
.page-product {
  overflow: hidden;
  min-height: 100vh;
}
.page-product .content {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}
.page-product .content .product-content {
  padding-top: 2rem;
  padding-bottom: 7.2rem;
}
.page-product .content .product-content .breadcrumb {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex;
  height: 8rem;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.page-product .content .product-content .breadcrumb .home-icon {
  width: 2.8rem;
  height: 2.6rem;
}
.page-product .content .product-content .breadcrumb .arrow-icon {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  width: 0.5rem;
  height: 1rem;
}
.page-product .content .product-content .breadcrumb .active,
.page-product .content .product-content .breadcrumb .inactive {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.4px;
}
.page-product .content .product-content .breadcrumb .active {
  color: #1f94d2;
}
.page-product .content .product-content .breadcrumb .inactive {
  color: #000;
}
.page-product .content .product-content .info {
  margin-top: 1.6rem;
}
.page-product .content .product-content .info .slogan {
  color: #000;
  font-size: 4.48rem;
  line-height: 1.4;
}
.page-product .content .product-content .info .swiper-button-disabled {
  opacity: 0.3;
}
.page-product .content .product-content .info .separator {
  height: 1px;
  width: 100%;
  background: #e2e2e2;
  margin-top: 2rem;
  margin-bottom: 3.04rem;
}
.page-product .content .product-content .info .info-inner {
  align-items: flex-start;
  gap: 4.32rem;
}
.page-product .content .product-content .info .product-img-container {
  flex: 0 0 59.2rem;
  width: 59.2rem;
  max-width: 58%;
}
.page-product .content .product-content .info .product-img-container .product-img-wrapper {
  height: 29.28rem;
}
.page-product .content .product-content .info .product-img-container .product-img-wrapper .swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.page-product .content .product-content .info .product-img-container .product-img-wrapper .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.page-product .content .product-content .info .product-img-container .product-img-wrapper .swiper .product-img {
  position: relative;
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  object-fit: contain;
}
.page-product .content .product-content .info .product-img-container .indicators {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-top: 2.08rem;
  margin-bottom: 2.08rem;
}
.page-product .content .product-content .info .product-img-container .indicators .indicator {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.page-product .content .product-content .info .product-img-container .indicators .indicator.active {
  background: #4c4c4c;
}
.page-product .content .product-content .info .product-img-container .control-group {
  width: 100%;
  align-items: center;
  justify-content: center;
}
.page-product .content .product-content .info .product-img-container .control-group .prev-button,
.page-product .content .product-content .info .product-img-container .control-group .next-button {
  width: 4.8rem;
  height: 4.8rem;
  cursor: pointer;
}
.page-product .content .product-content .info .product-img-container .control-group .next-button {
  margin-left: 11rem;
}
.page-product .content .product-content .info .product-intro {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: 56.48rem;
  padding-top: 2rem;
}
.page-product .content .product-content .info .product-intro .title {
  color: #000;
  font-size: 3.04rem;
  line-height: 1.4;
}
.page-product .content .product-content .info .product-intro .desc {
  color: #000;
  font-size: 2.08rem;
  line-height: 1.4;
  margin-top: 1.6rem;
}
.page-product .content .product-content .detail {
  margin-top: 5.44rem;
}
.page-product .content .product-content .detail .detail-button {
  width: 100%;
  max-width: 58.8rem;
  height: 9.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-product .content .product-content .detail .detail-button .dialogue {
  position: absolute;
  width: 100%;
  height: 10.96rem;
  left: 0;
  top: 0;
  object-fit: fill;
}
.page-product .content .product-content .detail .detail-button .icon-1 {
  position: relative;
  width: 3.6rem;
  height: 3.4rem;
  margin-bottom: 1.6rem;
  z-index: 1;
}
.page-product .content .product-content .detail .detail-button .button-text {
  position: relative;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  z-index: 1;
}
.page-product .content .product-content .detail .detail-data {
  margin-top: 6rem;
  padding: 2.5rem;
  border-radius: 1.5rem;
  border: 1px solid #edeff2;
  box-sizing: border-box;
}
.page-product .content .product-content .detail .detail-data .detail-inner {
  position: relative;
  width: 100%;
  border-radius: 1.5rem;
  background: #edeff2;
  padding-left: 8rem;
  padding-top: 8rem;
  padding-right: 3.2rem;
  padding-bottom: 4.8rem;
  box-sizing: border-box;
  min-height: 57.6rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .detail-title {
  font-size: 2.4rem;
  line-height: 1.2;
  color: #000;
}
.page-product .content .product-content .detail .detail-data .detail-inner .model-info {
  color: #1f94d2;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .certs {
  display: block;
  width: 21.12rem;
  height: 3.44rem;
  object-fit: contain;
  margin-bottom: 5.76rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .detail-desc {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000;
  margin-top: 3.2rem;
  margin-bottom: 16.8rem;
  width: 26.4rem;
  max-width: 55%;
}
.page-product .content .product-content .detail .detail-data .detail-inner .spec {
  position: absolute;
  left: 55.44rem;
  top: 24rem;
  right: 3.2rem;
  width: auto;
  max-width: 38.4rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .spec .detail-title {
  font-size: 2.4rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .spec .specs {
  margin-top: 2.24rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .spec .specs .spec-line {
  font-size: 1.6rem;
  line-height: 2.8;
  color: #000;
}
.page-product .content .product-content .detail .detail-data .detail-inner .spec .specs .spec-line .spec-margin-left {
  margin-left: 3.2rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .dimensions {
  margin-top: 3.2rem;
  margin-bottom: 2rem;
}
.page-product .content .product-content .detail .detail-data .detail-inner .dimensions .dimension-text {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.4;
}
.page-product .content .product-content .detail .detail-data .detail-inner .detail-img {
  position: relative;
  width: 47.6rem;
  height: 34.96rem;
  margin-left: -5.12rem;
  margin-top: 0;
}
.page-product .content .product-content .detail .detail-data .detail-inner .detail-img .bg-img,
.page-product .content .product-content .detail .detail-data .detail-inner .detail-img img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  object-fit: contain;
  object-position: left center;
}
.page-product #product-content-1,
.page-product #product-content-2 {
  display: none;
}
.page-product #product-content-1 .detail-inner .detail-img,
.page-product #product-content-2 .detail-inner .detail-img {
  width: 47.6rem;
  height: 34.96rem;
  margin-left: -5.12rem;
}
.page-product #product-content-3,
.page-product #product-content-4 {
  display: none;
}
.page-product #product-content-3 .detail-inner .detail-img,
.page-product #product-content-4 .detail-inner .detail-img {
  width: 51.44rem;
  height: 43.6rem;
  margin-left: -4.48rem;
}
@media (max-width: 990px) {
  .page-product .content {
    width: 100%;
    max-width: 38.2rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
  }
  .page-product .content .product-content {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
  .page-product .content .product-content .breadcrumb {
    display: none;
  }
  .page-product .content .product-content .info {
    margin-top: 0;
  }
  .page-product .content .product-content .info .info-inner {
    flex-direction: column;
    gap: 0;
  }
  .page-product .content .product-content .info .slogan {
    font-size: 3rem;
    line-height: 1.2;
  }
  .page-product .content .product-content .info .separator {
    margin-top: 2rem;
    margin-bottom: 1.6rem;
  }
  .page-product .content .product-content .info .product-img-container {
    flex: none;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(19.1rem - 50vw);
    margin-right: calc(19.1rem - 50vw);
  }
  .page-product .content .product-content .info .product-img-container .product-img-wrapper {
    height: 31.2rem;
  }
  .page-product .content .product-content .info .product-img-container .indicators {
    margin-top: 2rem;
    margin-bottom: 6rem;
  }
  .page-product .content .product-content .info .product-img-container .indicators .indicator {
    width: 1rem;
    height: 1rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
  .page-product .content .product-content .info .product-img-container .control-group {
    display: none;
  }
  .page-product .content .product-content .info .product-intro {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
  .page-product .content .product-content .info .product-intro .title {
    font-size: 2.2rem;
    line-height: 1.36;
  }
  .page-product .content .product-content .info .product-intro .desc {
    font-size: 1.4rem;
    line-height: 1.43;
    margin-top: 2.4rem;
  }
  .page-product .content .product-content .detail {
    margin-top: 6rem;
  }
  .page-product .content .product-content .detail .detail-button {
    width: 100%;
    max-width: 38.4rem;
    height: 6.27rem;
    flex-direction: row;
    box-sizing: border-box;
  }
  .page-product .content .product-content .detail .detail-button .dialogue {
    height: 7.158rem;
    object-fit: fill;
  }
  .page-product .content .product-content .detail .detail-button .icon-1 {
    width: 2.8rem;
    height: 2.7rem;
    margin-bottom: 0;
    margin-right: 0.8rem;
    margin-top: -0.2rem;
  }
  .page-product .content .product-content .detail .detail-button .button-text {
    font-size: 1.6rem;
  }
  .page-product .content .product-content .detail .detail-data {
    margin-top: 3.1rem;
    padding: 2rem 1.6rem;
    border-radius: 1rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner {
    position: relative;
    display: block;
    min-height: 0;
    padding: 7rem 1.6rem 2.4rem 2.4rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .detail-title {
    font-size: 2rem;
    line-height: 1.2;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .model-info {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.2rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .certs {
    display: block;
    width: 18.9rem;
    height: 3.078rem;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 7rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .detail-desc {
    font-size: 1.4rem;
    line-height: 1.43;
    margin-top: 2rem;
    margin-bottom: 5.8rem;
    width: 100%;
    max-width: 31rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .spec {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 8rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .spec .detail-title {
    font-size: 2rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .spec .specs {
    margin-top: 2.4rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .spec .specs .spec-line {
    font-size: 1.4rem;
    line-height: 2.6;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .spec .specs .spec-line .spec-margin-left {
    margin-left: 2.4rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .dimensions {
    margin-top: 2.4rem;
    margin-bottom: 1rem;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .dimensions .dimension-text {
    font-size: 2rem;
    line-height: 1.4;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .detail-img {
    position: relative;
    width: 100%;
    max-width: 34.6rem;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    overflow: visible;
  }
  .page-product .content .product-content .detail .detail-data .detail-inner .detail-img .bg-img,
  .page-product .content .product-content .detail .detail-data .detail-inner .detail-img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
  }
  .page-product .content #product-content-1 .detail-inner .detail-img,
  .page-product .content #product-content-2 .detail-inner .detail-img {
    max-width: 34.6rem;
  }
  .page-product .content #product-content-3 .detail-inner .detail-img,
  .page-product .content #product-content-4 .detail-inner .detail-img {
    max-width: 34.6rem;
  }
}