[data-theme='mankind'] .strip-banner.stripBanner {
  background-color: #c69c6d;
  color: #ffffff;
}

[data-theme='mankind'] .strip-banner.stripBanner:hover {
  background-color: #b38a5c;
}

[data-theme='mankind'] .strip-banner.stripBanner:focus {
  background-color: #b38a5c;
  outline: 2px solid #ffffff;
  outline-offset: -4px;
}

[data-theme='mankind'] #facet-wrapper .bg-secondary,
[data-theme='mankind'] select.bg-secondary,
[data-theme='mankind'] #facet-wrapper .elements-facets-dropdown-summary,
[data-theme='mankind'] #facet-wrapper .elements-facets-dropdown-summary:hover,
[data-theme='mankind'] #facet-wrapper .elements-facets-more-filters-toggle {
  background-color: #ffffff;
  color: #333333;
}

[data-theme='mankind'] .footer-iconPlus {
  fill: #333333;
}

symbol#basket-plus>rect {
  fill: #333;
}

/* 1:1 assets — square desktop gallery tiles so the imagery fills the frame
   instead of letterboxing in the default 3:4 slide. Mobile keeps the fixed
   carousel height. */
@media (min-width: 1024px) {
  [data-theme='mankind'] .pdp-v2-slide {
    aspect-ratio: 1 / 1;
  }
}

[data-theme='mankind'] .pdp-v2-slide,
[data-theme='mankind'] .pdp-v2-fbt-image,
[data-theme='mankind'] .pdp-v2-fbt-carousel,
[data-theme='mankind'] .pdp-v2-fbt-slide,
[data-theme='mankind'] .pdp-v2-visual-swatch-carousel,
[data-theme='mankind'] .pdp-v2-visual-swatch-slide {
  background-color: #ffffff;
}

[data-theme='mankind'] .pdp-v2-fbt-image {
  aspect-ratio: 1 / 1;
}

/* Specificity here overrides ModernImage's appended `object-cover` — this
   tenant's 1:1 assets letterbox in the sheet's portrait slide instead of
   being side-cropped, pinned to the top so the placeholder band sits below
   the image, not around it. Tenant-scoped on purpose: LF UK keeps the
   cover crop. */
[data-theme='mankind'] .pdp-v2-visual-swatch-carousel .pdp-v2-visual-swatch-slide img {
  object-fit: contain;
  object-position: top;
}

/* Centre the pips in that band, both axes. The 1:1 image ends 100cqw from the
   top, so the band spans 100cqw to 100cqh and its midpoint sits
   50cqh - 50cqw from the bottom; 5px is half the pip row's height. The 0.5rem
   floor keeps the pips on-screen if the carousel ever renders wider than tall
   (height-constrained image, no band). */
[data-theme='mankind'] .pdp-v2-visual-swatch-carousel {
  container-type: size;
}

[data-theme='mankind'] #pdp-v2-visual-swatch-carousel-pips {
  left: 50%;
  transform: translateX(-50%);
  bottom: max(calc(50cqh - 50cqw - 5px), 0.5rem);
}