/* EV Charging page */
.ev-link { color: var(--orange); text-decoration: underline; }
.ev-link--bold { font-weight: 700; }
.page-ev-charging .ev-intro .split__text { padding-top: 0; align-self: center; }
.page-ev-charging .ev-intro .split__text h2 { margin-bottom: 20px; }
.page-ev-charging .split__form .form-card__title { font-family: var(--font-body); font-weight: 700; color: var(--navy); }

/* Why choose: dark band, logo box + accordion */
.ev-why { padding: 150px 40px; }
.section--dark .ev-why__title { color: var(--dark); text-align: center; margin: 0 0 10px; }
.ev-logos { background: #fff; border-radius: 8px; padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 575px; max-width: 100%; }
.ev-logos img { height: 80px; width: 100%; object-fit: contain; }
.accordion--tight { gap: 2px; }
.accordion--tight .accordion__item { border-radius: 0; box-shadow: none; }
.accordion--tight .accordion__item:first-child { border-radius: 12px 12px 0 0; }
.accordion--tight .accordion__item:last-child { border-radius: 0 0 12px 12px; }
.accordion--tight .accordion__head, .accordion--bordered .accordion__head { padding: 13px 20px; }
.accordion--bordered { gap: 2px; }
.accordion--bordered .accordion__item { border: 1px solid var(--border); border-radius: 0; box-shadow: none; }
.accordion__body p a { color: var(--orange); font-weight: 700; }

/* Packages */
.page-ev-charging .packages h2 { color: var(--orange); }
.page-ev-charging .pkg h3 { font-size: 30px; line-height: 45px; }

/* Get started cards: Lato titles, plain icon on desktop, icon-on-top on mobile */
.ev-mob { display: none; }
.ev-cards .info-card__title { font-size: 18px; margin-bottom: 8px; }
.ev-cards .info-card__title--lg { font-size: 24px; }
@media (min-width: 1025px) {
  .ev-cards.info-cards--alt { padding-top: 0; }
  .ev-cards.info-cards--alt .info-card { padding: 20px 20px 20px 90px; }
  .ev-cards.info-cards--alt .info-card__icon { left: 35px; top: 40px; width: 26px; height: 26px; padding: 0; background: none; border-radius: 0; }
}
@media (max-width: 1024px) {
  .ev-desk { display: none; }
  .ev-mob { display: inline-flex; }
  .ev-cards.info-cards--alt .info-card__icon { background: none; padding: 0; width: 40px; height: 40px; }
  .ev-cards .info-card__title { font-size: 18px; color: var(--navy); }
  .ev-cards .info-card__title--lg { font-size: 22px; }
}

/* Our process: numbered step tabs beside a background video */
.proc { display: grid; grid-template-columns: 1fr 1fr; background: var(--grey-3); }
.proc__left { padding: 92px 40px 80px; }
.proc__left h2 { margin: 0 0 12px; }
.proc__tabs { display: grid; grid-template-columns: 97px 1fr; column-gap: 23px; }
.proc__nav { border-right: 2px solid #ddd; }
.proc__tab { display: block; width: 100%; padding: 23px 20px; margin-right: -2px; background: none; border: 0; border-right: 2px solid transparent; font-family: var(--font-body); font-size: 21px; line-height: 31.5px; font-weight: 700; color: var(--dark); text-align: center; cursor: pointer; }
.proc__tab.is-active { color: var(--orange); border-right-color: var(--orange); }
.proc__panels { display: flex; align-items: center; max-width: 419px; }
.proc__panel { display: none; }
.proc__panel.is-active { display: block; }
.proc__title { font-size: 22px; line-height: 33px; font-weight: 700; margin: 0 0 15px; }
.proc__panel p { margin: 0; }
.proc__media { position: relative; min-height: 400px; background: #000; }
.proc__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* FAQ */
.ev-faq .faq__grid h2 { text-align: left; margin: 78px 0 30px; }

@media (min-width: 1025px) {
  .page-ev-charging .page-hero--short { height: 392px; align-items: flex-start; }
  .page-ev-charging .page-hero--short .page-hero__inner { padding: 230px 0 0; }
}
@media (max-width: 1100px) {
  .proc { grid-template-columns: 1fr; }
  .proc__media { order: -1; min-height: 320px; }
}
@media (max-width: 767px) {
  .page-ev-charging .ev-intro .split__form { display: none; }
  .page-ev-charging .ev-intro { padding-bottom: 50px; }
  .ev-why { padding: 50px 16px; }
  .ev-logos { width: 100%; padding: 16px; gap: 12px; }
  .ev-logos img { height: 60px; }
  .proc__left { padding: 40px 20px 50px; }
  .proc__left h2 { margin-bottom: 20px; }
  .proc__tabs { grid-template-columns: 1fr; row-gap: 20px; }
  .proc__nav { display: flex; border-right: 0; overflow: hidden; }
  .proc__tab { width: auto; padding: 12px 16px; margin: 0; border-right: 0; border-left: 2px solid #ddd; font-size: 18px; line-height: 27px; white-space: nowrap; }
  .proc__tab:first-child { border-left-color: transparent; }
  .proc__tab.is-active { border-left-color: var(--orange); }
  .proc__panels { max-width: none; }
  .ev-faq .faq__grid h2 { margin: 10px 0 20px; }
}