/* Final product-detail overrides loaded after the WooCommerce maintenance layer. */

html body.single-product .woocommerce div.product .summary.entry-summary h1.product_title {
  display: block !important;
  margin: 0 0 16px !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: clamp(2.3rem, 4.4vw, 4.2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  line-height: 0.98 !important;
}

html body.single-product .summary.entry-summary::before {
  content: "Made in Germany" !important;
  display: block !important;
  margin-bottom: 14px !important;
  color: #53a6ff !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Use the assigned placeholder media directly so every product remains centered. */
html body.single-product .woocommerce div.product .woocommerce-product-gallery {
  height: 650px !important;
  min-height: 0 !important;
  background-image: none !important;
}

html body.single-product .woocommerce-product-gallery__wrapper,
html body.single-product .woocommerce-product-gallery__image,
html body.single-product .woocommerce-product-gallery__image a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.single-product .woocommerce-product-gallery__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body.postid-26 .woocommerce-product-gallery__image img,
html body.postid-27 .woocommerce-product-gallery__image img,
html body.postid-28 .woocommerce-product-gallery__image img {
  object-fit: contain !important;
}

html body.single-product .woocommerce-product-gallery__trigger {
  display: none !important;
}

/* WooCommerce keeps list markup more reliably than nested divs in excerpts. */
html body.single-product .woocommerce-product-details__short-description ul.ecp-pdp-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.single-product .woocommerce-product-details__short-description ul.ecp-pdp-benefits li {
  min-width: 0;
  margin: 0 !important;
  padding: 12px 10px !important;
  border: 1px solid rgba(83, 166, 255, 0.22) !important;
  border-radius: 4px !important;
  color: #c9d5e5 !important;
  background: rgba(47, 121, 255, 0.055) !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

html body.single-product .related.products > h2,
html body.single-product .wp-block-woocommerce-related-products > h2,
html body.single-product .wp-block-heading:has(+ .wc-block-product-template) {
  color: #fff !important;
}

/* Related Products may render as either classic WooCommerce or a Product Collection block. */
html body.single-product .wc-block-product-template {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body.single-product .wc-block-product-template > li {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 177, 220, 0.17) !important;
  border-radius: 5px !important;
  color: #f7f9fc !important;
  background: linear-gradient(180deg, #0b1524, #060d17) !important;
  box-shadow: none !important;
}

html body.single-product .wc-block-product-template .wc-block-components-product-image,
html body.single-product .wc-block-product-template .wp-block-woocommerce-product-image {
  width: 100% !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(148, 177, 220, 0.17) !important;
  background: #07101b !important;
}

html body.single-product .wc-block-product-template .wc-block-components-product-image img,
html body.single-product .wc-block-product-template .wp-block-woocommerce-product-image img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 0.86 !important;
  border-radius: 0 !important;
  background: #07101b !important;
  object-fit: cover !important;
}

html body.single-product .wc-block-product-template .wp-block-post-title,
html body.single-product .wc-block-product-template .wc-block-components-product-name,
html body.single-product .wc-block-product-template .wc-block-components-product-price,
html body.single-product .wc-block-product-template .wc-gzd-additional-info,
html body.single-product .wc-block-product-template .shipping-costs-info {
  margin-right: 18px !important;
  margin-left: 18px !important;
  color: #fff !important;
  text-align: left !important;
}

html body.single-product .wc-block-product-template .wp-block-post-title,
html body.single-product .wc-block-product-template .wc-block-components-product-name {
  margin-top: 18px !important;
  font-size: 1.05rem !important;
}

html body.single-product .wc-block-product-template .wc-block-components-product-price {
  margin-top: 10px !important;
  font-weight: 800 !important;
}

html body.single-product .wc-block-product-template .wc-gzd-additional-info,
html body.single-product .wc-block-product-template .shipping-costs-info {
  color: #8f9eb2 !important;
}

html body.single-product .wc-block-product-template .wp-block-button,
html body.single-product .wc-block-product-template .wp-block-woocommerce-product-button {
  width: auto !important;
  margin: 18px !important;
}

html body.single-product .wc-block-product-template .wp-block-button__link,
html body.single-product .wc-block-product-template .wp-block-woocommerce-product-button .wp-element-button {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 4px !important;
  color: #fff !important;
  background: #1769e8 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

@media (max-width: 782px) {
  html body.single-product .woocommerce div.product .woocommerce-product-gallery {
    height: 410px !important;
  }

  html body.single-product .woocommerce div.product .summary.entry-summary h1.product_title {
    font-size: clamp(2.35rem, 12vw, 3.4rem) !important;
  }

  html body.single-product .wc-block-product-template {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  html body.single-product .woocommerce div.product .woocommerce-product-gallery {
    height: 350px !important;
  }

  html body.single-product .woocommerce-product-details__short-description ul.ecp-pdp-benefits {
    grid-template-columns: 1fr !important;
  }
}
