/* WAI LAB detail refinements: balanced INCI typography and fine card outline. */
.wl-inci-table > div > span,
.wl-inci-table > div > small {
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.wl-inci-table > div > span {
  font-weight: 700;
}

.wl-inci-table > div > small {
  flex: 0 0 42%;
  color: var(--wl-muted);
  text-align: right;
}

.wl-product-card {
  border: 1px solid #8b684f;
  background: var(--wl-surface);
  box-shadow: none;
}

.wl-product-card:hover {
  box-shadow: 0 10px 26px rgba(91, 65, 47, 0.08);
}

/* Product photos: larger and uniformly contained without cropping or distortion. */
.wl-product-media .wl-real-product-image {
  width: 76% !important;
  height: 84% !important;
  max-width: 76% !important;
  max-height: 84% !important;
  object-fit: contain !important;
}

/* Larger product photography in the comparison table. */
.wl-compare-product-head {
  min-height: 280px;
  padding-top: 24px;
  padding-bottom: 20px;
}

.wl-compare-product-head .wl-real-product-image {
  width: 150px !important;
  height: 150px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
}

.wl-compare-inci {
  min-height: 180px;
  font-size: 12px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

/* Keep the colored label column intact while removing the sticky top offset. */
.wl-compare-product-head,
.wl-compare-table > .wl-compare-label:first-child {
  top: 0;
}

@media (max-width: 640px) {
  .wl-compare-product-head {
    min-height: 255px;
  }
}

/* Keep the comparison action visible alongside selected products. */
.wl-results-floating-compare {
  position: fixed;
  right: clamp(22px, 4vw, 64px);
  bottom: 28px;
  z-index: 45;
  display: flex;
  width: max-content;
  margin: 0;
  border-color: #8b684f;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(39, 31, 25, 0.16);
}

@media (max-width: 820px) {
  .wl-results-floating-compare {
    right: 18px;
    bottom: 88px;
  }

  .wl-product-media .wl-real-product-image {
    width: 80% !important;
    height: 86% !important;
    max-width: 80% !important;
    max-height: 86% !important;
  }
}

/* Search page: warm card tone outside, clean white search control inside. */
.wl-search-hero {
  background: #d8d1c5;
}

.wl-search-hero .wl-search-bar {
  background: #ffffff;
}

/* Match the product-explorer search control to the main Search page. */
.wl-results-top {
  padding-top: 90px;
  background: #d8d1c5;
  border-color: #d2d2d7;
}

.wl-results-top .wl-results-title-row h1 {
  font-size: clamp(58px, 6vw, 84px);
}

.wl-results-search {
  min-height: 68px;
  padding: 13px 14px 13px 20px;
  border: 1px solid #a9a49a;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.wl-results-search input {
  height: 42px;
  font-size: 15px;
}

@media (max-width: 820px) {
  .wl-results-top {
    padding-top: 64px;
  }

  .wl-results-top .wl-results-title-row h1 {
    font-size: clamp(48px, 10vw, 64px);
  }
}