.product-card-featured .product-image img {
  object-fit: contain !important;
}

.header-cart-link::after,
.header-inquiry-link::after {
  content: attr(aria-label);
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  z-index: 50;
  min-width: max-content;
  padding: 7px 14px;
  color: #fff;
  background: var(--red);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity 160ms ease, visibility 160ms ease;
}

.header-cart-link:hover::after,
.header-cart-link:focus-visible::after,
.header-inquiry-link:hover::after,
.header-inquiry-link:focus-visible::after {
  opacity: 1;
  visibility: visible;
}

.hero-slide-actions .button:hover,
.hero-slide-actions .button:focus-visible {
  transform: none;
}

/*
 * The exact CN homepage keeps its visual shell, while every Banner record is
 * now rendered from the CMS. The full-slide link preserves the legacy click
 * target; structured copy stays above it and only its managed CTA receives
 * pointer events of its own.
 */
.hero-slide-background-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
}

.hero-slide-background-link:focus-visible {
  outline: 3px solid var(--red);
  outline-offset: -4px;
}

.hero-slide-content {
  z-index: 3;
  pointer-events: none;
}

.hero-slide-actions a,
.hero-slide-copy-legacy a {
  pointer-events: auto;
}

.hero-slide-copy-legacy .inbt_box,
.hero-slide-copy-legacy .inb_title1,
.hero-slide-copy-legacy .inb_title2,
.hero-slide-copy-legacy .inb_content1 {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  margin-left: 0 !important;
  transform: none !important;
}

.hero-slide-copy-legacy .inb_aon {
  display: none !important;
}