/* Recce NI Storefront 1.0.0-beta.3 — full-width campaigns.
 * Loaded after every legacy stylesheet so split-panel rules cannot return.
 */

/* HERO: one full-bleed image, no empty right-hand panel. */
body .rni-storefront-homepage .rni-flagship-hero,
body .rni-storefront-homepage .rni-hero-track,
body .rni-storefront-homepage .rni-hero-slide {
  width: 100% !important;
  height: clamp(500px, 48vw, 720px) !important;
  min-height: 500px !important;
}
body .rni-storefront-homepage .rni-hero-slide {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  background: #07110c !important;
}
body .rni-storefront-homepage .rni-hero-slide picture {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body .rni-storefront-homepage .rni-hero-slide picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}
body .rni-storefront-homepage .rni-hero-slide::before {
  background: linear-gradient(90deg, rgba(4,12,8,.82) 0%, rgba(4,12,8,.60) 25%, rgba(4,12,8,.20) 52%, rgba(4,12,8,0) 78%) !important;
}
body .rni-storefront-homepage .rni-hero-content {
  width: min(calc(100% - 64px), 1440px) !important;
  padding: 64px 0 86px !important;
}
body .rni-storefront-homepage .rni-hero-content h1 { max-width: 10ch !important; }

/* UNIFIED PROMOTIONAL CAMPAIGNS: image + light HTML overlay, never split blocks. */
body .rni-storefront-homepage .rni-campaign-section {
  padding-block: clamp(42px, 5vw, 76px) !important;
}
body .rni-storefront-homepage .rni-unified-campaign {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 560px) !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: #0b1711 !important;
  box-shadow: 0 18px 48px rgba(8,20,13,.14) !important;
  text-decoration: none !important;
}
body .rni-storefront-homepage .rni-unified-campaign > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform .45s ease !important;
}
body .rni-storefront-homepage .rni-unified-campaign-shade {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(5,15,9,.84) 0%, rgba(5,15,9,.62) 31%, rgba(5,15,9,.20) 58%, rgba(5,15,9,0) 82%) !important;
  pointer-events: none !important;
}
body .rni-storefront-homepage .rni-trade-campaign .rni-unified-campaign-shade {
  background: linear-gradient(270deg, rgba(5,15,9,.84) 0%, rgba(5,15,9,.62) 31%, rgba(5,15,9,.20) 58%, rgba(5,15,9,0) 82%) !important;
}
body .rni-storefront-homepage .rni-unified-campaign-copy {
  position: absolute !important;
  z-index: 2 !important;
  left: clamp(28px, 5vw, 76px) !important;
  top: 50% !important;
  width: min(470px, 42%) !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: #fff !important;
}
body .rni-storefront-homepage .rni-trade-campaign .rni-unified-campaign-copy {
  left: auto !important;
  right: clamp(28px, 5vw, 76px) !important;
}
body .rni-storefront-homepage .rni-unified-campaign-copy small {
  margin-bottom: 14px !important;
  color: #b5ca7f !important;
  font-size: .72rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
body .rni-storefront-homepage .rni-unified-campaign-copy strong {
  color: #fff !important;
  font-size: clamp(2.2rem, 4.5vw, 5.2rem) !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
  text-transform: uppercase !important;
}
body .rni-storefront-homepage .rni-unified-campaign-copy em {
  margin-top: 20px !important;
  color: rgba(255,255,255,.90) !important;
  font-size: clamp(.95rem, 1.2vw, 1.15rem) !important;
  line-height: 1.55 !important;
  font-style: normal !important;
}
body .rni-storefront-homepage .rni-unified-campaign-copy b {
  margin-top: 24px !important;
  padding: 14px 20px !important;
  border-radius: 3px !important;
  background: #6d8d48 !important;
  color: #fff !important;
  font-size: .82rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body .rni-storefront-homepage .rni-unified-campaign:hover > img { transform: scale(1.025) !important; }
body .rni-storefront-homepage .rni-unified-campaign:focus-visible { outline: 3px solid #a9bd78 !important; outline-offset: 4px !important; }

@media (max-width: 760px) {
  body .rni-storefront-homepage .rni-flagship-hero,
  body .rni-storefront-homepage .rni-hero-track,
  body .rni-storefront-homepage .rni-hero-slide {
    height: 700px !important;
    min-height: 700px !important;
  }
  body .rni-storefront-homepage .rni-hero-slide picture {
    inset: 0 !important;
    height: 100% !important;
  }
  body .rni-storefront-homepage .rni-hero-slide picture img {
    object-position: 68% center !important;
  }
  body .rni-storefront-homepage .rni-hero-slide::before {
    inset: 0 !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(5,14,9,.08) 0%, rgba(5,14,9,.18) 25%, rgba(5,14,9,.86) 63%, #07110c 100%) !important;
  }
  body .rni-storefront-homepage .rni-hero-content {
    width: calc(100% - 36px) !important;
    padding: 300px 0 74px !important;
    justify-content: flex-end !important;
  }
  body .rni-storefront-homepage .rni-unified-campaign {
    min-height: 500px !important;
  }
  body .rni-storefront-homepage .rni-unified-campaign > img {
    object-position: center !important;
  }
  body .rni-storefront-homepage .rni-unified-campaign-shade,
  body .rni-storefront-homepage .rni-trade-campaign .rni-unified-campaign-shade {
    background: linear-gradient(180deg, rgba(5,15,9,.05) 0%, rgba(5,15,9,.18) 38%, rgba(5,15,9,.94) 76%, rgba(5,15,9,.98) 100%) !important;
  }
  body .rni-storefront-homepage .rni-unified-campaign-copy,
  body .rni-storefront-homepage .rni-trade-campaign .rni-unified-campaign-copy {
    left: 22px !important;
    right: 22px !important;
    top: auto !important;
    bottom: 24px !important;
    width: auto !important;
    transform: none !important;
  }
  body .rni-storefront-homepage .rni-unified-campaign-copy strong {
    font-size: clamp(2rem, 11vw, 3.4rem) !important;
  }
  body .rni-storefront-homepage .rni-unified-campaign-copy em { margin-top: 14px !important; }
  body .rni-storefront-homepage .rni-unified-campaign-copy b { margin-top: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body .rni-storefront-homepage .rni-unified-campaign > img { transition: none !important; }
}