/* v1.11.24 — Product detail UX refinements */
body.single-product .projects-detail {
  overflow: visible;
}

body.single-product .projects-detail .detail-desp > .editor h2 {
  margin-bottom: 14px !important;
}

body.single-product .nwhs-product-ux-description {
  max-width: 650px;
  margin: 0 0 22px !important;
  color: rgba(51, 51, 51, .72) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

body.single-product .detail-desp > .editor .nwhs-product-ux-description + p {
  margin-top: 16px !important;
}

/* Legacy technical/video tabs are intentionally removed from product detail pages.
   CSS hides them before JS runs so there is no layout flash. */
body.single-product .features {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* The gallery uses a negative bottom margin on desktop. Keep only the clearance
   needed for that overhang instead of the theme's former 550–650px buffer. */
@media (min-width: 768px) {
  body.single-product .projects-detail {
    margin-bottom: 320px !important;
  }
}

/* Related products must be visible immediately; do not wait for section-animation. */
body.single-product .picture-swiper,
body.single-product .picture-swiper.section-animation {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  margin-top: 0 !important;
  padding-top: 36px !important;
}

body.single-product .picture-swiper .editor > h2 {
  margin-bottom: 20px !important;
}

body.single-product .picture-swiper .text-content,
body.single-product .picture-swiper .text-active {
  transition-duration: .2s !important;
}

body.single-product .picture-swiper .nwhs-related-product-description {
  margin: -2px 0 20px !important;
  color: rgba(51, 51, 51, .68) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.single-product .picture-swiper .text-content {
  padding: 32px !important;
}

body.single-product .picture-swiper .picture-swip {
  padding-bottom: 90px !important;
}

@media (max-width: 767px) {
  body.single-product .picture-swiper,
  body.single-product .picture-swiper.section-animation {
    margin-top: 0 !important;
    padding-top: 24px !important;
  }

  body.single-product .picture-swiper .text-content {
    padding: 26px !important;
  }

  body.single-product .nwhs-product-ux-description {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
  }

  body.single-product .picture-swiper .picture-swip {
    padding-bottom: 55px !important;
  }
}