/* RateDrop — dealer-only auction sourcing (landing page + homepage band) */

/* ---------- EXAMPLE VEHICLE CARD ---------- */
.au-car-wrap { position: relative; }
.au-car-card {
  position: relative;
  margin: 0;
  background: var(--rd-paper);
  border: 1.5px solid var(--rd-line);
  border-radius: var(--rd-r-xl);
  box-shadow: 0 4px 14px rgba(255,122,89,0.10), 0 40px 80px rgba(255,122,89,0.15);
  overflow: hidden;
}
.au-car-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 8px;
  background: linear-gradient(90deg, var(--rd-red) 0%, var(--rd-yellow) 50%, var(--rd-green) 100%);
  z-index: 3;
}
.au-car-tag {
  position: absolute;
  top: 24px; left: 22px;
  z-index: 3;
  padding: 5px 12px;
  background: var(--rd-bg);
  border: 1.5px solid var(--rd-line);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rd-ink-2);
}
.au-car-stage {
  position: relative;
  aspect-ratio: 980 / 500;
  margin: 44px 18px 6px;
}
.au-car-stage::after {
  content: '';
  position: absolute;
  left: 8%; right: 8%; bottom: -2%;
  height: 16%;
  background: radial-gradient(ellipse, rgba(255,238,221,0.9), transparent 70%);
  z-index: 0;
}
.au-car {
  position: absolute;
  height: auto;
  max-width: none;
}
.au-car-rear  { left: 34%; top: 0;   width: 63%; z-index: 1; }
.au-car-front { left: 1%;  top: 27%; width: 70%; z-index: 2; }
.au-car-cap {
  position: relative;
  z-index: 2;
  padding: 14px 24px 18px;
  border-top: 1px solid var(--rd-line);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--rd-ink-2);
}

.au-nb { white-space: nowrap; }

/* ---------- HERO (landing page) ---------- */
.au-hero .bl-h { font-size: clamp(38px, 5.6vw, 68px); line-height: 1.02; }
.au-hero .bl-bullets a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.au-ast { color: var(--rd-red-ink); font-weight: 700; text-decoration: none !important; padding: 0 2px; }

/* ---------- WHAT IS A DEALER-ONLY AUCTION ---------- */
.au-explain { padding: 96px 32px; background: var(--rd-bg); }
.au-explain-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 64px;
  align-items: center;
}
.au-prose p {
  font-size: 17px;
  line-height: 1.6;
  color: var(--rd-ink-2);
  margin: 0 0 16px;
  text-wrap: pretty;
}
.au-prose p:last-child { margin-bottom: 0; }
.au-prose strong { color: var(--rd-ink); font-weight: 700; }

.au-glance {
  background: var(--rd-paper);
  border: 1.5px solid var(--rd-line);
  border-radius: var(--rd-r-xl);
  box-shadow: var(--rd-shadow-md);
  padding: 32px 32px 12px;
  transform: rotate(-0.8deg);
}
.au-glance-head {
  font-family: var(--rd-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.015em;
  margin: 0 0 6px;
}
.au-glance dl { margin: 0; }
.au-glance-row { padding: 18px 0; border-top: 1px solid var(--rd-line); }
.au-glance-row:first-child { border-top: none; }
.au-glance dt {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rd-red-ink);
  margin-bottom: 4px;
}
.au-glance dd {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--rd-ink);
}

/* ---------- WARRANTY (builds on .bl-about) ---------- */
.au-note {
  margin-top: 24px;
  padding: 16px 20px;
  background: var(--rd-paper);
  border: 1.5px solid var(--rd-line);
  border-left: 5px solid var(--rd-yellow);
  border-radius: var(--rd-r-md);
  font-size: 15px;
  line-height: 1.55;
  color: var(--rd-ink-2);
}
.au-note strong { display: block; color: var(--rd-ink); font-weight: 700; margin-bottom: 2px; }

/* ---------- WHAT THIS IS / ISN'T ---------- */
.au-fit { padding: 96px 32px; background: var(--rd-paper); }
.au-fit-inner { max-width: 1080px; margin: 0 auto; }
.au-fit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.au-fit-card {
  padding: 32px 32px 34px;
  border-radius: var(--rd-r-lg);
  border: 2px solid var(--rd-line);
}
.au-fit-yes { background: var(--rd-green-tint); border-color: transparent; }
.au-fit-no  { background: var(--rd-bg); }
.au-fit-card h3 {
  font-family: var(--rd-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.015em;
  margin: 0 0 16px;
}
.au-fit-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.au-fit-card li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--rd-ink);
}
.au-fit-card li::before {
  position: absolute;
  left: 0; top: 0;
  width: 20px;
  text-align: center;
  font-weight: 800;
}
.au-fit-yes li::before { content: '✓'; color: var(--rd-green-ink); }
.au-fit-no  li::before { content: '✕'; color: var(--rd-red-ink); }

/* ---------- FAQ LINKS ---------- */
.au-faq .bl-faq-a a, .bl-faq-a a.au-link { color: var(--rd-red-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- FOOTNOTE ---------- */
.au-fine { scroll-margin-top: 90px; }

/* ---------- HOMEPAGE BAND ---------- */
.au-home { padding: 96px 32px; background: var(--rd-bg-2); }
.au-home-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.au-home-copy > p {
  font-size: 17px;
  line-height: 1.6;
  color: var(--rd-ink-2);
  margin: 0 0 22px;
  text-wrap: pretty;
}
.au-home .bl-bullets { margin-bottom: 30px; }
.au-btn-line {
  padding: 15px 24px;
  font-size: 16px;
  background: var(--rd-paper);
  color: var(--rd-ink);
  border: 2px solid var(--rd-red);
  box-shadow: var(--rd-shadow-sm);
}
.au-btn-line:hover {
  background: var(--rd-red-tint);
  transform: translateY(-2px);
}
.au-btn-line svg { color: var(--rd-red-ink); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
  .au-car-wrap { max-width: 560px; margin: 0 auto; width: 100%; }
  .au-explain-inner { grid-template-columns: 1fr; gap: 40px; }
  .au-glance { transform: none; }
  .au-home-inner { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 760px) {
  .au-fit-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .au-explain, .au-fit, .au-home { padding: 64px 20px; }
  .au-glance { padding: 26px 24px 8px; }
  .au-fit-card { padding: 26px 24px 28px; }
  .au-car-stage { margin: 40px 12px 4px; }
  .au-car-cap { padding: 12px 18px 16px; }
  .au-btn-line { display: flex; width: 100%; white-space: normal; text-align: center; }

  /* Six stacked cards make a long scroll on a phone: lay each one out as a compact row. */
  .au-why .bl-why-card {
    display: grid;
    grid-template-columns: 52px 1fr;
    column-gap: 16px;
    align-items: start;
    padding: 20px;
  }
  .au-why .bl-why-emoji {
    grid-row: span 2;
    width: 52px; height: 52px;
    font-size: 28px;
    margin-bottom: 0;
  }
  .au-why .bl-why-card h3 { font-size: 19px; margin-bottom: 4px; }
}
/* main.css drops hero bullet 4 on short phones, so the financing-only line stays in the first three. */