/* Homepage hero only. Brand accent sampled from the supplied VI mark: RGB 112,216,74.
   Dark text on the bright brand color maintains contrast. No popup styles. */
.ofc-retail-vehicle { display: none; }
.fs-home-page .fs-hero:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) {
  --ofc-brand: #70d84a;
  --ofc-ink: #132016;
  height: auto;
  background: #f2f7fa;
  border-bottom: 1px solid #e4e9e2;
}
.fs-home-page .fs-hero-inner:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) {
  height: auto;
  min-height: 568px;
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: clamp(32px, 4vw, 64px);
  align-items: center;
  padding-block: 36px;
}
.fs-hero:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) .fs-hero-vehicle { display: none; }
.fs-hero:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) .ofc-retail-vehicle {
  display: block;
  position: relative;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1080 / 435;
  overflow: hidden;
  justify-self: center;
  padding: 0;
  background: #e8f4fc;
  border: 0;
  border-radius: 8px;
  margin: 0;
}
/* Keep the supplied poster's vehicle/colour band; none of its old voucher or price copy is displayed. */
.ofc-retail-vehicle img { display: block; position: absolute; left: 0; top: -51.724%; width: 100%; max-width: none; height: auto; }
.fs-home-page [data-ofc-home-offer]:not([data-ofc-home-offer="ended"]) {
  width: auto;
  max-width: none;
  padding: 0;
  grid-column: 2;
  grid-row: 1;
  color: var(--ofc-ink);
}
[data-ofc-home-offer] .ofc-home-eyebrow {
  display: inline-block;
  color: #18311d;
  background: transparent;
  border-left: 4px solid var(--ofc-brand);
  padding: 2px 0 2px 10px;
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}
[data-ofc-home-offer] .ofc-home-intro { font-size: 13px; line-height: 1.5; margin: 0 0 22px; color: #4d574f; }
.fs-home-page [data-ofc-home-offer]:not([data-ofc-home-offer="ended"]) h1 {
  text-transform: uppercase;
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.035em;
  margin: 0 0 6px;
  max-width: none;
}
[data-ofc-home-offer] .fs-hero-lead { font-size: 16px; margin: 0 0 20px; font-weight: 500; line-height: 1.5; color: #4d574f; }
[data-ofc-home-offer] .ofc-home-timing { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #465348; margin: 0 0 14px; }
[data-ofc-home-offer] .ofc-home-label { font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: normal; color: #465348; margin: 0 0 4px; }
.fs-home-page [data-ofc-home-offer] .fs-hero-price {
  font-size: clamp(44px, 4.5vw, 58px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.035em;
  color: #12602f;
  margin: 0 0 10px;
}
[data-ofc-home-offer] .ofc-home-original { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; color: #596359; font-size: 14px; margin: 0 0 22px; }
[data-ofc-home-offer] .ofc-home-original strong { font-size: 14px; font-weight: 700; background: #e0f4d9; color: #1c4825; padding: 5px 9px; border-radius: 4px; }
[data-ofc-home-offer] .ofc-home-delivery { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; line-height: 1.4; margin: 0 0 6px; }
[data-ofc-home-offer] .ofc-home-delivery i { font-size: 21px; }
[data-ofc-home-offer] .ofc-home-terms { color: #596359; font-size: 12px; line-height: 1.5; margin: 0 0 18px; max-width: 390px; }
[data-ofc-home-offer] .fs-actions { display: flex; gap: 10px; flex-wrap: wrap; }
[data-ofc-home-offer] .fs-button { min-height: 48px; padding: 13px 20px; font-size: 14px; line-height: 1.3; border-radius: 6px; }
[data-ofc-home-offer] .fs-button-primary { background: var(--ofc-brand); border-color: var(--ofc-brand); color: #132016; box-shadow: none; }
[data-ofc-home-offer] .fs-button-primary:hover { background: #62c63e; border-color: #62c63e; }
[data-ofc-home-offer] .fs-button-secondary { background: #fff; border-color: #cdd5cb; color: #26392a; }
[data-ofc-home-offer] .fs-button-secondary:hover { background: #f2f8ef; }
[data-ofc-home-offer] a:focus-visible { outline: 3px solid #205cab; outline-offset: 3px; }
[data-ofc-home-offer] .fs-hero-link { display: inline-flex; min-height: 44px; align-items: center; font-size: 13px; margin-top: 5px; background: transparent; color: #405344; }

@media (max-width: 900px) {
  .fs-home-page .fs-hero-inner:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-block: 22px 24px;
    max-width: 600px;
    min-height: 0;
  }
  .fs-home-page [data-ofc-home-offer]:not([data-ofc-home-offer="ended"]) { display: contents; }
  [data-ofc-home-offer] .ofc-home-eyebrow { grid-row: 1; justify-self: start; font-size: 12px; padding: 2px 0 2px 10px; margin-bottom: 8px; }
  [data-ofc-home-offer] .ofc-home-intro { grid-row: 2; font-size: 12px; margin-bottom: 16px; }
  .fs-home-page [data-ofc-home-offer]:not([data-ofc-home-offer="ended"]) h1 { grid-row: 3; font-size: 34px; margin-bottom: 3px; }
  [data-ofc-home-offer] .fs-hero-lead { grid-row: 4; font-size: 15px; margin-bottom: 0; }
  [data-ofc-home-offer] .ofc-home-timing { grid-row: 6; font-size: 12px; margin-bottom: 10px; }
  [data-ofc-home-offer] .ofc-home-pricing { grid-row: 7; }
  .fs-home-page [data-ofc-home-offer] .fs-hero-price { font-size: 44px; margin-bottom: 8px; }
  [data-ofc-home-offer] .ofc-home-original { font-size: 14px; margin-bottom: 8px; }
  [data-ofc-home-offer] .ofc-home-original strong { font-size: 14px; }
  .fs-hero:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) .ofc-retail-vehicle { grid-column: 1; grid-row: 5; margin: 14px 0; width: min(100%, 240px); min-height: 0; padding: 0; aspect-ratio: 380 / 435; border-radius: 6px; }
  .ofc-retail-vehicle img { left: -184.211%; top: -51.724%; width: 284.211%; height: auto; }
  [data-ofc-home-offer] .ofc-home-delivery { grid-row: 8; font-size: 13px; margin-top: 6px; }
  [data-ofc-home-offer] .ofc-home-terms { grid-row: 9; font-size: 12px; margin-bottom: 16px; }
  [data-ofc-home-offer] .fs-actions { display: contents; }
  [data-ofc-home-offer] .fs-button { font-size: 15px; }
  [data-ofc-home-offer] .fs-button-primary { grid-row: 10; }
  [data-ofc-home-offer] .fs-button-secondary { grid-row: 11; border: 0; min-height: 44px; padding: 10px; }
  [data-ofc-home-offer] .fs-hero-link { grid-row: 12; justify-self: center; margin: 0; }
}
@media (max-width: 360px) {
  .fs-home-page [data-ofc-home-offer] .fs-hero-price { font-size: 42px; }
  .fs-hero:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) .ofc-retail-vehicle { width: 210px; }
}

/* Comparison preview: retain all three supplied colorways on mobile too. */
@media (max-width: 900px) {
  .fs-hero:has([data-ofc-home-offer]:not([data-ofc-home-offer="ended"])) .ofc-retail-vehicle {
    width: 100%;
    aspect-ratio: 1080 / 435;
  }
  .ofc-retail-vehicle img { left: 0; top: -51.724%; width: 100%; }
}