/* JPRO hero — static full-bleed banner + Shop Now CTA */
.t1-hero--jpro {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: var(--theme-hero-banner-bg, #1a1a1a);
  line-height: 0;
  z-index: 1;
  isolation: isolate;
}

.t1-hero--jpro.t1-hero--static,
.t1-hero--jpro.large,
.t1-hero--jpro.medium,
.t1-hero--jpro.small {
  min-height: 0;
}

.t1-hero--jpro .t1-hero-track,
.t1-hero--jpro .t1-hero-banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.t1-hero--jpro .t1-hero-slide--jpro,
.t1-hero--jpro .t1-hero-slide {
  position: relative;
  display: block;
  min-height: 0;
  overflow: hidden;
}

.t1-hero--jpro [data-slide-template][hidden],
.t1-hero--jpro .t1-hero-overlay[hidden],
.t1-hero--jpro .hero-badge-stack[hidden] {
  display: none !important;
}

.t1-hero--jpro .t1-hero-media {
  position: relative;
  inset: auto;
  width: 100%;
  line-height: 0;
}

.t1-hero--jpro .t1-hero-media img,
.t1-hero--jpro .t1-hero-media [data-slide-img] {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center top;
  display: block;
}

/* Shop Now — centered under the baked-in headline ("UK'S #1 Numbing Cream") */
.t1-hero--jpro .t1-hero-cta-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: clamp(72px, 24.5%, 160px);
  bottom: auto;
  z-index: 4;
  display: flex;
  justify-content: center;
  line-height: normal;
  pointer-events: none;
}

.t1-hero--jpro .t1-hero-cta,
.t1-hero--jpro .hero-cta,
.t1-hero--jpro [data-slide-button] {
  pointer-events: auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 14px 36px;
  /* Match live J-PRO Shop Now blue (not gold accent) */
  background-color: #1a56c4 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-decoration: none;
  border: 2px solid #1a56c4 !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

/* Hover: black bg + white text (must beat global a:hover gold) */
.t1-hero--jpro .t1-hero-cta:hover,
.t1-hero--jpro .hero-cta:hover,
.t1-hero--jpro [data-slide-button]:hover,
.t1-hero--jpro a.t1-hero-cta:hover,
.t1-hero--jpro a.hero-cta:hover,
.t1-hero--jpro a[data-slide-button]:hover,
.t1-hero--jpro .t1-hero-cta:focus-visible,
.t1-hero--jpro .hero-cta:focus-visible,
.t1-hero--jpro [data-slide-button]:focus-visible {
  background: #000 !important;
  background-color: #000 !important;
  border-color: #000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep slider chrome / text overlay / badges off */
.t1-hero--jpro .t1-hero-media::after,
.t1-hero--jpro .hero-badge-stack,
.t1-hero--jpro .t1-hero-overlay,
.t1-hero--jpro .t1-hero-text-panel,
.t1-hero--jpro .t1-hero-arrow,
.t1-hero--jpro .t1-hero-bullets,
.t1-hero--jpro [data-slide-bullets],
.t1-hero--jpro [data-slide-prev],
.t1-hero--jpro [data-slide-next] {
  display: none !important;
}

@media (max-width: 700px) {
  .t1-hero--jpro,
  .t1-hero--jpro .t1-hero-slide {
    min-height: 0;
  }

  .t1-hero--jpro .t1-hero-cta-wrap {
    top: clamp(48px, 14%, 110px);
    bottom: auto;
  }

  .t1-hero--jpro .t1-hero-cta,
  .t1-hero--jpro .hero-cta,
  .t1-hero--jpro [data-slide-button] {
    min-width: 130px;
    padding: 10px 24px;
    font-size: 11px;
  }
}