/* ====== ROAD LEGAL (H7-RL20) ====== */

/* HERO */
.rl-hero{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap:18px;
  align-items:start;
  margin-top:12px;
}
.rl-hero .media{ padding:0; }
.rl-hero .media img{
  width:100%; height:auto; display:block;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.08);
}
.rl-hero h1{ margin:0 0 10px; font-size:30px; line-height:1.2; }
.rl-hero .badges{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
.rl-hero .cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.badge.warn {
    border-color: #ffb020 !important;
}

.ul {
    list-style: none;
}

.dashed {
    text-decoration: underline;
    text-decoration-style: dashed;
    -webkit-text-decoration-color: #ffb020 !important; /* safari still uses vendor prefix */
    text-decoration-color: #ffb020 !important;

}

/* Liste cu ✓ */
.rl-checks li{ position:relative; padding-left:24px; margin:10px 0; }
.rl-checks li:before{
  content:"✓"; position:absolute; left:0; top:0; color:#27d980; font-weight:700;
}

/* Homologation grid */
.rl-homolog{ gap:18px; }
.rl-homolog .card .cta{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }

/* Tabel specificații */
.rl-table{ width:100%; border-collapse:collapse; }
.rl-table th, .rl-table td{
  padding:12px 10px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left;
}
.rl-table th{ width:260px; color:#bcd2ff; font-weight:600; }

/* Compatibilitate */
.rl-compat{ gap:14px; }

/* Teaser grid fallback (dacă nu folosești .catalog-grid global) */
.teaser-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }

/* Responsive */
@media (max-width:1180px){
  .teaser-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:980px){
  .rl-hero{ grid-template-columns:1fr; }
  .rl-hero h1{ font-size:26px; }
  .rl-compat{ grid-template-columns:1fr 1fr; }
  .teaser-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .rl-hero h1{ font-size:22px; }
  .rl-compat{ grid-template-columns:1fr; }
  .teaser-grid{ grid-template-columns:1fr; }
}