.dealer-hero-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem; align-items: center; }
.dealer-creds { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.dealer-cred { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border); }
.dealer-cred:last-child { border-bottom: none; }
.dealer-cred-title { font-size: 0.92rem; font-weight: 600; color: var(--text); margin-bottom: 0.2rem; }
.dealer-cred p { font-size: 0.84rem; margin: 0; }

.brands-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.brand-card { padding: 1.5rem; border-right: 1px solid var(--border); transition: background 0.15s; display: block; }
.brand-card:last-child { border-right: none; }
.brand-card:active { background: var(--bg2); }
.brand-label { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text3); margin-bottom: 0.35rem; }
.brand-name { font-size: 0.98rem; font-weight: 600; color: var(--text); margin-bottom: 0.25rem; }
.brand-card p { font-size: 0.78rem; margin: 0; }
.brand-link { font-size: 0.72rem; color: var(--accent); margin-top: 0.6rem; display: block; }

.rros-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }
.rros-features { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.rros-feat { display: flex; align-items: flex-start; gap: 1rem; padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--border); }
.rros-feat:last-child { border-bottom: none; }
.rros-feat-icon { font-size: 1.2rem; flex-shrink: 0; margin-top: 2px; }
.rros-feat-title { font-size: 0.88rem; font-weight: 600; color: var(--text); margin-bottom: 0.2rem; }
.rros-feat p { font-size: 0.82rem; margin: 0; }

.join-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 4rem; align-items: start; }
.join-form { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.join-form-inner { padding: 2rem; display: flex; flex-direction: column; gap: 1rem; }
.join-types { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1.25rem; }
.join-type { padding: 1rem 1.25rem; border: 1px solid var(--border); border-radius: var(--radius-sm); }
.join-type p { font-size: 0.8rem; margin: 0.3rem 0 0; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .rros-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .join-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .brands-grid { grid-template-columns: 1fr; }
  .brand-card { border-right: none; border-bottom: 1px solid var(--border); }
  .brand-card:last-child { border-bottom: none; }
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .dealer-hero-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .join-form-inner { padding: 1.5rem; }
}
@media (max-width: 480px) {
  .dj-two-col { grid-template-columns: 1fr !important; }
}