.elementor-54 .elementor-element.elementor-element-qpdroot{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-qpdroot:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-qpdroot > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3EE;}/* Start custom CSS *//* Qunyi Single Product — unique visual system 2026-07-27 */

/* A product with one real image should display it once, not as fake gallery thumbnails. */
.elementor-54 .qpd-thumbs {
  display: none !important;
}
.elementor-54 .qpd-gallery {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* Capability cards: editorial information cards instead of repeated product images. */
.elementor-54 .qpd-cap-card {
  position: relative !important;
  min-height: 240px !important;
  padding: 38px 32px 34px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(180, 154, 112, .28) !important;
}
.elementor-54 .qpd-cap-card img {
  display: none !important;
}
.elementor-54 .qpd-cap-card > div {
  padding: 0 !important;
}
.elementor-54 .qpd-cap-card::before {
  content: "01";
  display: block;
  margin-bottom: 68px;
  color: #B49A70;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
}
.elementor-54 .qpd-cap-card:nth-child(2)::before {
  content: "02";
}
.elementor-54 .qpd-cap-card:nth-child(3)::before {
  content: "03";
}
.elementor-54 .qpd-cap-card::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 32px;
  width: 42px;
  height: 1px;
  background: #B49A70;
}
.elementor-54 .qpd-cap-card .qpd-mini-icon {
  display: none !important;
}
.elementor-54 .qpd-cap-card h3 {
  margin: 0 0 12px !important;
}
.elementor-54 .qpd-cap-card p {
  margin: 0 !important;
}

/* Applications: clean category cards without copied product photography. */
.elementor-54 .qpd-apps article {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  min-height: 170px !important;
  padding: 30px 26px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(180, 154, 112, .24) !important;
}
.elementor-54 .qpd-apps article img {
  display: none !important;
}
.elementor-54 .qpd-apps article::before {
  content: "APPLICATION";
  position: absolute;
  top: 26px;
  left: 26px;
  color: #B49A70;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
}
.elementor-54 .qpd-apps article h3 {
  margin: 0 !important;
}

/* Logistics: numbered shipment-readiness steps, no duplicated product photo. */
.elementor-54 .qpd-logistics article {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  min-height: 170px !important;
  padding: 28px 24px !important;
  overflow: hidden !important;
  background: #171717 !important;
  border-right: 1px solid rgba(255, 255, 255, .14) !important;
}
.elementor-54 .qpd-logistics article img {
  display: none !important;
}
.elementor-54 .qpd-logistics article > div {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}
.elementor-54 .qpd-logistics article strong {
  color: #B49A70 !important;
  font-size: 12px !important;
  letter-spacing: .16em !important;
}
.elementor-54 .qpd-logistics article span {
  color: #FFFFFF !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

/* CTA: focused inquiry panel rather than another copy of the product image. */
.elementor-54 .qpd-cta {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 56px 60px !important;
  background: #171717 !important;
  border-color: #171717 !important;
}
.elementor-54 .qpd-cta img {
  display: none !important;
}
.elementor-54 .qpd-cta > div {
  max-width: 760px !important;
  padding: 0 !important;
}
.elementor-54 .qpd-cta h2,
.elementor-54 .qpd-cta p {
  color: #FFFFFF !important;
}

@media (max-width: 1024px) {
  .elementor-54 .qpd-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .elementor-54 .qpd-apps,
  .elementor-54 .qpd-logistics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .elementor-54 .qpd-capabilities,
  .elementor-54 .qpd-apps,
  .elementor-54 .qpd-logistics {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .elementor-54 .qpd-cap-card {
    min-height: 220px !important;
    padding: 32px 26px !important;
  }
  .elementor-54 .qpd-cap-card::after {
    left: 26px;
  }
  .elementor-54 .qpd-apps article,
  .elementor-54 .qpd-logistics article {
    min-height: 145px !important;
  }
  .elementor-54 .qpd-cta {
    padding: 42px 26px !important;
  }
}

/* Logistics timeline refinement 2026-07-27 */
.elementor-54 .qpd-logistics {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 34px !important;
}
.elementor-54 .qpd-logistics::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 21px;
  left: 10%;
  right: 10%;
  height: 1px;
  background: rgba(180, 154, 112, .58);
}
.elementor-54 .qpd-logistics article {
  position: relative !important;
  z-index: 1;
  display: block !important;
  min-height: 146px !important;
  padding: 0 18px 20px !important;
  background: transparent !important;
  border: 0 !important;
  text-align: center !important;
}
.elementor-54 .qpd-logistics article::before {
  content: "";
  display: block;
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  margin: 15px auto 25px;
  border: 5px solid #F5F1E9;
  border-radius: 50%;
  background: #B49A70;
}
.elementor-54 .qpd-logistics article::after {
  display: block;
  max-width: 190px;
  margin: 10px auto 0;
  color: #77736C;
  font-size: 13px;
  line-height: 1.55;
}
.elementor-54 .qpd-logistics article:nth-child(1)::after { content: "Carton dividers and protective packing."; }
.elementor-54 .qpd-logistics article:nth-child(2)::after { content: "Final appearance and quantity verification."; }
.elementor-54 .qpd-logistics article:nth-child(3)::after { content: "Secure loading for export shipment."; }
.elementor-54 .qpd-logistics article:nth-child(4)::after { content: "Shipping coordination and documentation."; }
.elementor-54 .qpd-logistics article:nth-child(5)::after { content: "Delivery follow-up for your team."; }
.elementor-54 .qpd-logistics article > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
}
.elementor-54 .qpd-logistics article strong {
  color: #B49A70 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
}
.elementor-54 .qpd-logistics article span {
  color: #171717 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-54 .qpd-logistics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .elementor-54 .qpd-logistics::before { display: none !important; }
  .elementor-54 .qpd-logistics article {
    padding: 24px !important;
    border: 1px solid rgba(180, 154, 112, .28) !important;
    background: #FFFFFF !important;
  }
  .elementor-54 .qpd-logistics article::before { margin-top: 0; }
}
@media (max-width: 767px) {
  .elementor-54 .qpd-logistics {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 28px !important;
  }
  .elementor-54 .qpd-logistics::before {
    display: block !important;
    top: 6px;
    bottom: 32px;
    left: 15px;
    right: auto;
    width: 1px;
    height: auto;
  }
  .elementor-54 .qpd-logistics article {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 0 0 28px !important;
    text-align: left !important;
  }
  .elementor-54 .qpd-logistics article::before {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 9px;
    height: 9px;
    margin: 0;
    border-width: 4px;
  }
  .elementor-54 .qpd-logistics article > div {
    grid-column: 2;
    align-items: flex-start !important;
    gap: 5px !important;
  }
  .elementor-54 .qpd-logistics article::after {
    grid-column: 2;
    max-width: none;
    margin: 7px 0 0;
  }
  .elementor-54 .qpd-logistics article span {
    font-size: 17px !important;
  }
}/* End custom CSS */