/* Collection colour controls replace the legacy popovers without moving the cards. */
#rec1904762551, #rec1904762561, #rec1904762571,
#rec1904762541 .color-select-hint { display: none !important; }
#rec1904762541 .bl-hero-palette-slot { cursor: default !important; }
.bl-hero-palette {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  width: 100%; height: 100%; box-sizing: border-box;
}
.bl-hero-swatch {
  appearance: none; border: 0; background: transparent; padding: 4px;
  width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%;
  cursor: pointer; display: grid; place-items: center; box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.bl-hero-swatch span {
  display: block; width: 22px; height: 22px; box-sizing: border-box;
  position: relative; border-radius: 50%; background: var(--swatch);
  border: 1px solid #0002; transition: box-shadow .15s ease, transform .15s ease;
}
.bl-hero-swatch:hover span { transform: scale(1.1); }
.bl-hero-swatch[aria-pressed="true"] span { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #1cb34c; }
.bl-hero-swatch[aria-pressed="true"] span::after {
  content: ''; position: absolute; width: 7px; height: 4px;
  left: 6px; top: 6px; border-left: 1.7px solid var(--tick); border-bottom: 1.7px solid var(--tick);
  transform: rotate(-45deg);
}
.bl-hero-swatch:focus-visible { outline: 2px solid #186b39; outline-offset: 2px; }
#rec1904762541 .bl-hero-thumbnail {
  aspect-ratio: 260 / 63; overflow: hidden; display: block !important;
  width: 100%; height: auto !important; background: #ece9e4;
}
#rec1904762541 .bl-hero-thumbnail img,
.bl-hero-mobile__preview img {
  display: block; width: 100% !important; height: 100% !important;
  object-fit: cover; object-position: center; transform: none;
}
.bl-hero-mobile { display: none; }
.bl-hero-status {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (max-width:1199px) {
  #rec1904762541 .tn-group[data-group-id="1764501499958000001"],
  #rec1904762541 .tn-group[data-group-id="1764501500036000018"],
  #rec1904762541 .tn-group[data-group-id="1764501500077000032"] { display: none !important; }
  .bl-hero-mobile { display: block; position: relative; padding: 8px 20px 20px; background: white; }
  .bl-hero-mobile__preview { height: 70px; overflow: hidden; border-radius: 10px; max-width: 460px; margin: 0 auto 12px; }
  .bl-hero-palette--mobile { gap: 2px; max-width: 460px; margin: auto; }
  .bl-hero-palette--mobile .bl-hero-swatch { width: 42px; height: 44px; flex-basis: 42px; }
  .bl-hero-palette--mobile .bl-hero-swatch span { width: 30px; height: 30px; }
  .bl-hero-palette--mobile .bl-hero-swatch span::after { width: 10px; height: 6px; left: 8px; top: 8px; border-width: 0 0 2px 2px; }
  .bl-hero-mobile__name { font: 14px/1.4 Arial, sans-serif; text-align: center; color: #45534a; margin-top: 6px; }
}
@media (max-width:359px) {
  .bl-hero-mobile { padding-inline: 12px; }
  .bl-hero-palette--mobile { gap: 0; }
  .bl-hero-palette--mobile .bl-hero-swatch { width: 40px; flex-basis: 40px; }
}
@media (prefers-reduced-motion:reduce) { .bl-hero-swatch span { transition: none; } }