/* WA Battery Rebate pages (parent + 4 sub-pages) --------------------------
   Shared by /solar-battery-rebate and /solar-battery-rebate/* via extra_head.
   All selectors are scoped under .rb-* page wrapper classes. */

/* Hero: dark photo band with text left and GHL form right */
.rb-hero { position: relative; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; padding: 220px 40px 80px; color: #fff; }
.rb-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.7); }
.rb-hero__grid { position: relative; display: grid; grid-template-columns: 600px 600px; max-width: 1200px; margin: 0 auto; align-items: start; }
.rb-hero__text { padding-top: 10px; }
.rb-hero h1 { color: #fff; font-size: 60px; line-height: 72px; margin: 0 0 12px; }
.rb-hero p.rb-hero__big { font-family: var(--font-head); font-weight: 900; font-size: 60px; line-height: 90px; color: #fff; margin: 0 0 12px; }
.rb-hero p.rb-hero__sub { font-size: 24px; line-height: 36px; font-weight: 700; color: var(--orange); margin: 0; }
.rb-hero p { color: #fff; font-size: 16px; line-height: 24px; margin: 0 0 12px; }
.rb-hero p.rb-hero__sub { margin: 0; }
.rb-hero__gap { height: 66px; }
.rb-hero h2 { color: var(--orange); font-size: 45px; line-height: 54px; margin: 0 0 12px; }
.rb-hero p.rb-hero__lead { line-height: 22.08px; max-width: 570px; }
.rb-hero a { color: inherit; }
.rb-hero__form iframe { display: block; width: 490px; max-width: 100%; height: 705px; margin: 0 auto; border: 0; background: #fff; }

/* Content rows ----------------------------------------------------------- */
.rb-row { padding: 80px 40px; }
.rb-row--grey, .rb-intro, .rb-intro-top { background: rgba(242,242,242,.5); }
.rb-row--white { background: #fff; }
.rb-grid > * { min-width: 0; }
.rb-grid { display: grid; grid-template-columns: 570px 570px; gap: 60px; justify-content: center; align-items: center; }
.rb-text { padding: 10px 0 12px; }
.rb-text h2, .rb-text h3, .rb-text h4, .rb-text p, .rb-text li, .rb-text ul, .rb-text ol { margin: 0; }
.rb-text h3 { color: var(--orange); font-size: 36px; line-height: 54px; margin-bottom: 20px; }
.rb-text h3.rb-h3--sm { font-size: 30px; line-height: 45px; }
.rb-text h4 { color: var(--orange); font-size: 16px; line-height: 24px; }
.rb-text h4:empty, .rb-text h4.rb-empty { height: 36px; }
.rb-text p, .rb-text li { font-size: 16px; line-height: 22.08px; }
.rb-text p.rb-lh24 { line-height: 24px; }
.rb-text ul { list-style: disc; padding-left: 32px; }
.rb-text ol { list-style: decimal; padding-left: 32px; }
.rb-text a { color: var(--orange); }
.rb-text strong { font-weight: 700; }
.rb-text .text-center { text-align: center; }
.rb-text p.rb-mb { margin-bottom: 12px; }

/* Image with navy offset block behind it */
.rb-pic { position: relative; padding-top: 10px; }
.rb-pic::before { content: ""; position: absolute; top: 10px; width: 200px; height: 200px; background: var(--navy); }
.rb-pic--left::before { left: 0; }
.rb-pic--right::before { right: 0; }
.rb-pic img { position: relative; width: 550px; max-width: calc(100% - 20px); height: auto; margin-top: 20px; }
.rb-pic--left img { margin-left: 20px; }

/* Centred intro heading rows */
.rb-intro { padding: 10px 40px; }
.rb-intro > .container { max-width: 1200px; }
.rb-intro h2 { text-align: center; font-size: 45px; line-height: 62.1px; margin: 0 0 12px; color: var(--dark); }
.rb-intro p { text-align: center; font-size: 16px; line-height: 22.08px; margin: 0; }
.rb-intro p.rb-lh24 { line-height: 24px; }
.rb-intro p.rb-sub { font-size: 20px; line-height: 30px; margin-bottom: 12px; }
.rb-intro a { color: var(--orange); }
.rb-intro ol, .rb-intro ul { margin: 12px 0 0; padding-left: 32px; }
.rb-intro ol { list-style: decimal; }
.rb-intro ul { list-style: disc; }
.rb-intro li { font-size: 16px; line-height: 22.08px; }
.rb-intro p.text-left { text-align: left; }
.rb-intro-top { padding: 30px 40px 10px; }
.rb-intro-top h2 { text-align: center; font-size: 45px; line-height: 62.1px; margin: 0 0 12px; color: var(--dark); }
.rb-intro-top p { text-align: center; font-size: 20px; line-height: 30px; margin: 0 0 12px; }
.rb-intro-top p.rb-lh24 { font-size: 16px; line-height: 24px; margin: 0; }

/* Comparison table */
.rb-table-wrap { overflow-x: auto; margin: 19px 0 11px; }
.rb-table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 24px; }
.rb-table th, .rb-table td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; vertical-align: middle; white-space: normal; }
.rb-table th { background: var(--orange); color: #fff; font-weight: 700; }
.rb-table tr:nth-child(odd) td { background: #f5f5f5; }
.rb-table tr:nth-child(even) td { background: #fff; }

/* Gallery + info cards row (parent page) */
.rb-started { padding: 80px 40px; }
.rb-started .info-cards { padding-top: 28px; }
.rb-started .gallery__thumbs { padding-bottom: 0; }
.rb-started .info-cards { gap: 3px; }
.rb-started .info-card { padding: 10px 20px 8px 90px; }
.rb-started .info-card__title { color: var(--dark); margin-bottom: 4px; }
.rb-started .info-card .btn { margin: 10px 0 0; }
.rb-started .info-card .social { margin-top: 8px; }
.rb-hidden-cta { display: none !important; }

@media (max-width: 1100px) {
  .rb-hero__grid { grid-template-columns: 1fr; gap: 40px; }
  .rb-grid { grid-template-columns: 1fr; gap: 40px; }
  .rb-pic { order: -1; }
}
@media (max-width: 767px) {
  .rb-hero { padding: 40px 20px; }
  .rb-hero__grid { gap: 8px; }
  .rb-hero h1 { font-size: 30px; line-height: 36px; }
  .rb-hero p.rb-hero__big { font-size: 48px; line-height: 72px; }
  .rb-hero p.rb-hero__sub { font-size: 19px; line-height: 28.5px; }
  .rb-hero p { font-size: 15px; line-height: 22.5px; }
  .rb-hero h2 { font-size: 24px; line-height: 28.8px; }
  .rb-hero__gap { height: 41px; }
  .rb-hero p.rb-hero__lead { line-height: 20.7px; }
  .rb-hero__form iframe { width: 100%; }
  .rb-row { padding: 40px 20px; }
  .rb-intro, .rb-intro-top { padding: 50px 20px; }
  .rb-intro h2, .rb-intro-top h2 { font-size: 24px; line-height: 33.12px; }
  .rb-intro p, .rb-intro li { font-size: 15px; line-height: 20.7px; }
  .rb-intro p.rb-lh24 { line-height: 22.5px; }
  .rb-intro p.rb-p16 { font-size: 16px; line-height: 24px; }
  .rb-intro-top p { font-size: 16px; line-height: 24px; }
  .rb-intro-top p.rb-lh24 { font-size: 15px; line-height: 22.5px; }
  .rb-text h3 { font-size: 29px; line-height: 34.8px; margin-bottom: 20px; }
  .rb-text h3.rb-h3--sm { font-size: 21px; line-height: 25.2px; }
  .rb-text h4 { font-size: 13px; line-height: 19.5px; }
  .rb-text h4.rb-empty { height: 27px; }
  .rb-text p, .rb-text li { font-size: 15px; line-height: 20.7px; }
  .rb-text p.rb-lh24 { line-height: 22.5px; }
  .rb-grid { gap: 12px; }
  .rb-pic { padding-top: 0; }
  .rb-pic::before { top: 0; width: 150px; height: 150px; }
  .rb-pic img { width: 330px; max-width: calc(100% - 20px); }
  .rb-started { display: none; }
}

/* Sub-pages: title-only hero, text + form card split, h2-only intro rows, closing paragraph */
.rb-hero--title { padding: 220px 40px 80px; }
.rb-hero__inner { position: relative; max-width: 1200px; margin: 0 auto; }
.rb-hero--title h1 { color: #fff; font-size: 60px; line-height: 108px; margin: 0; padding: 10px 0; }
.rb-split { position: relative; z-index: 1; padding: 40px 40px 80px; }
.rb-split__grid { display: grid; grid-template-columns: 570px 570px; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.rb-split__text p { font-size: 16px; line-height: 22.08px; margin: 0; }
.rb-split__text h2 { font-size: 45px; line-height: 54px; margin: 0 0 4px; padding-left: 15px; }
.rb-split__text a { color: var(--orange); }
.rb-split__card { margin-top: -120px; }
.rb-split .form-card { padding: 50px 40px 54px; border-radius: 20px; box-shadow: 0 6px 0 var(--orange), 0 10px 30px rgba(0,0,0,.12); }
.rb-split .form-card__eyebrow { margin: 0 0 12px; font-size: 16px; line-height: 24px; }
.rb-split .form-card__title { color: var(--dark); font-size: 30px; line-height: 45px; margin: 0 0 12px; }
.rb-split .form-card iframe { height: 705px; }
.rb-intro-h2 { background: rgba(242,242,242,.5); padding: 30px 40px 10px; }
.rb-intro-h2 h2 { text-align: center; font-size: 45px; line-height: 62.1px; margin: 0; color: var(--dark); }
.rb-closing { padding: 90px 40px; }
.rb-closing p { text-align: center; font-size: 18px; line-height: 27px; margin: 0; }
.rb-text li.rb-indent { list-style: circle; margin-left: 48px; }
.rb-text h4 strong { font-weight: 900; }

@media (max-width: 1100px) {
  .rb-split__grid { grid-template-columns: 1fr; gap: 40px; }
  .rb-split__card { margin-top: 0; }
}
@media (max-width: 767px) {
  .rb-hero--title { padding: 40px 20px; }
  .rb-hero--title h1 { font-size: 30px; line-height: 54px; }
  .rb-split { padding: 50px 20px 40px; }
  .rb-split__text p { font-size: 15px; line-height: 20.7px; }
  .rb-split__text h2 { font-size: 24px; line-height: 28.8px; padding-left: 0; }
  .rb-split__card { display: none; }
  .rb-intro-h2 { padding: 50px 20px; }
  .rb-intro-h2 h2 { font-size: 24px; line-height: 33.12px; }
  .rb-closing { padding: 50px 20px; }
  .rb-closing p { font-size: 16px; line-height: 24px; }
  .rb-text li.rb-indent { margin-left: 30px; }
}
.rb-hero strong, .rb-intro-h2 strong, .rb-split__text h2 strong { font-weight: inherit; }
.rb-text h4.rb-h4--a { font-size: 18px; line-height: 27px; }
.rb-text h4.rb-h4--b { font-size: 18px; line-height: 24.84px; }
.rb-text h4.rb-h4--c { font-size: 16px; line-height: 22.08px; }
@media (max-width: 767px) {
  .rb-text h4.rb-h4--a { font-size: 14px; line-height: 21px; }
  .rb-text h4.rb-h4--b { font-size: 14px; line-height: 19.32px; }
  .rb-text h4.rb-h4--c { font-size: 13px; line-height: 17.94px; }
  .rb-intro-h2 h2.rb-h2--mob36 { font-size: 36px; line-height: 49.68px; }
  .rb-table th, .rb-table td { white-space: nowrap; }
}
@media (max-width: 767px) {
  .rb-closing p { font-size: 14px; line-height: 21px; }
  .rb-table { font-size: 15px; line-height: 22.5px; }
  .rb-table th, .rb-table td { padding: 9px 10px; }
}