/* ECP homepage audit fixes – 2026-07-05. */

@media (min-width: 783px) {
  body .ecp-header .wp-block-navigation__responsive-container-open,
  body .ecp-header .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
}

.ecp-ref-hero-title span {
  white-space: nowrap;
}

/* Approved placeholder assignment from visual inspection. */
.ecp-ref-hero-media {
  background-color: #030711;
  background-image: url("https://woo-stage.maxxxel.de/wp-content/uploads/2026/07/file_000000009494720a80535c4a8096f575.png");
  background-position: center;
  background-size: cover;
}

.ecp-ref-hero-media img {
  opacity: 0;
  visibility: hidden;
}

.ecp-ref-product-card:nth-child(1) .ecp-ref-product-media {
  background-image: url("https://woo-stage.maxxxel.de/wp-content/uploads/2026/07/file_000000009494720a80535c4a8096f575.png");
  background-position: center;
  background-size: cover;
}

.ecp-ref-product-card:nth-child(2) .ecp-ref-product-media {
  background-image: url("https://woo-stage.maxxxel.de/wp-content/uploads/2026/07/file_000000008950720a90580fd085edb4d1.png");
  background-position: center;
  background-size: cover;
}

.ecp-ref-product-card:nth-child(3) .ecp-ref-product-media {
  background-image: url("https://woo-stage.maxxxel.de/wp-content/uploads/2026/07/file_0000000006e8720aa80550cbb87d86a8.png");
  background-position: center;
  background-size: cover;
}

.ecp-ref-product-card:nth-child(4) .ecp-ref-product-media {
  background-image: url("https://woo-stage.maxxxel.de/wp-content/uploads/2026/07/file_00000000fe70720aa4eaefd688d32b33.png");
  background-position: center;
  background-size: cover;
}

.ecp-ref-detail-media {
  background-color: #050a13;
  background-image: url("https://woo-stage.maxxxel.de/wp-content/uploads/2026/07/file_000000001d6871f4a2653235f6f46837.png");
  background-position: center;
  background-size: cover;
}

.ecp-ref-product-media img,
.ecp-ref-detail-media img {
  opacity: 0;
  visibility: hidden;
}

/* Product-card links need a full touch target, not only a text line. */
.ecp-ref-card-bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 44px;
  padding: 8px 0 8px 10px;
}

@media (max-width: 782px) {
  .ecp-ref-detail-grid {
    min-height: 0;
  }

  .ecp-ref-detail-media {
    height: 360px;
    min-height: 0;
  }

  .ecp-ref-detail-media img {
    height: 100%;
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .ecp-ref-detail-media {
    height: 290px;
  }
}