@font-face {
  font-family: 'Gotham';
  src: url('https://s1.thcdn.com/enterprise/fonts/Gotham/gotham-book.woff');
}

body {
  font-family: 'Gotham', Helvetica, sans-serif;
}

[data-theme='perriconemd'] .inline-ratings,
#ratingSummary {
  min-height: 20px;
}

[data-theme='perriconemd'] .inline-ratings {
  z-index: 1;
}

[data-theme='perriconemd'] .product-item-price-wrapper {
  justify-content: space-between;

  .sizes {
    position: static;
    width: 33%;
  }
}

[data-theme='perriconemd'] #product-list .sizes {
  width: 50%;
}

[data-theme='perriconemd'] .email-when-in-stock-modal-button {
  border: 1px solid black;
}

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

@media (min-width: 641px) {
  [data-theme='perriconemd'] #basket-heading {
    font-size: 30px;
    line-height: 38px;
  }
}

/* Loyalty sidesheet: --loyalty-brand drives redeem cards; summary overrides below */
[data-theme='perriconemd'] {
  --loyalty-brand: #602212;
    --loyalty-summary-bg: #FBEFD6;
    --loyalty-summary-text: #602212;
}

/* 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='perriconemd'] .pdp-v2-slide {
    aspect-ratio: 1 / 1;
  }
}

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

[data-theme='perriconemd'] .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='perriconemd'] .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='perriconemd'] .pdp-v2-visual-swatch-carousel {
  container-type: size;
}

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