/* F5 article shell: shared F4 control primitives, distinct native hero layout. */
.renew-article-search--car .zf-form.zf-hero {
  --zf-bg-card: #fff; --zf-fg-caption: #373e50; --zf-fg-value: #252a32;
  --zf-border: #c9c9c9; --zf-border-hover: #0a9754; --zf-card-border: #EFB73F;
  --zf-pickup-bg: #ecf3ea; --zf-btn: #028547; --zf-btn-hover: #02723d;
  --zf-btn-fg: #fff; --zf-radius-card: 8px; --zf-radius-input: 4px;
  --zf-input-h: 64px; --zf-anim: .25s;
  padding: 30px var(--renew-gutter); background: var(--renew-brand-blue, var(--renew-blue)); color: white;
  font: 400 14px/normal Arial, sans-serif;
}
.renew-article-search--car .zf-hero-inner { max-width: var(--renew-wide); margin-inline: auto; }
.renew-article-search--car .zf-subtitle { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 20px; font-size: 20px; font-weight: 400; line-height: 1.4; }
.renew-article-search--car .zf-subtitle img { max-width: 110px; max-height: 36px; width: auto; object-fit: contain; }
.renew-article-search--car .renew-car-first-logo { margin-left: 8px; }
.renew-article-search--car .zf-card { width: 100%; padding: 14px; border: 3px solid var(--zf-card-border); border-radius: 8px; background: white; color: #000; }
.renew-article-search--car .zf-form :is(input,select,button):focus-visible { outline: 3px solid var(--renew-accent); outline-offset: 3px; }
/* Deliberate experimental mobile composition. Native F5 hides the complete
   hero below768; do not inherit desktop flex or change any functional class. */
@media (max-width: 767px) {
  .renew-article-search--car .zf-form.zf-hero { padding-inline: 12px; }
  .renew-article-search--car .zf-row-main {
    display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: 8px;
    grid-template-areas: 'pickup pickup' 'dropoff dropoff' 'pdate ptime' 'ddate dtime' 'cta cta';
  }
  .renew-article-search--car .zf-form.zf-same .zf-row-main { grid-template-areas: 'pickup pickup' 'pdate ptime' 'ddate dtime' 'cta cta'; }
  .renew-article-search--car :is(.zf-pickup,.zf-dropoff,.zf-pickup-date,.zf-pickup-time,.zf-dropoff-date,.zf-dropoff-time,.zf-cta) { flex: none; min-width: 0; max-width: none; }
  .renew-article-search--car .zf-pickup { grid-area: pickup; }
  .renew-article-search--car .zf-dropoff { grid-area: dropoff; opacity: 1; padding: revert; margin: 0; pointer-events: auto; border-width: 1px; }
  .renew-article-search--car .zf-form.zf-same .zf-dropoff { display: none; }
  .renew-article-search--car .zf-pickup-date { grid-area: pdate; }
  .renew-article-search--car .zf-pickup-time { grid-area: ptime; }
  .renew-article-search--car .zf-dropoff-date { grid-area: ddate; }
  .renew-article-search--car .zf-dropoff-time { grid-area: dtime; }
  .renew-article-search--car .zf-cta { grid-area: cta; }
  .renew-article-search--car .zf-search-btn { width: 100%; }
  .renew-article-search--car .zf-row-aux { gap: 8px 20px; }
}