.rmetf{
  --red:#b00f21;
  --black:#111111;
  --text:#222;
  --muted:#666;
  --line:#e7e7e7;
  --soft:#f6f6f6;
  --card-shadow:0 18px 40px rgba(0,0,0,.08);
  --radius:18px;
  width:min(1200px,100%);
  margin:0 auto;
  color:var(--text);
  font-family:Helvetica,Arial,sans-serif;
}

.rmetf--new-holland,
.rmetf[data-brand="new-holland"] {
  --red:#0d2c6c;
}

.rmetf__eyebrow{margin:0 0 10px;color:var(--red);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.rmetf__title{margin:0 0 12px;font-size:clamp(32px,4vw,54px);line-height:1;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.rmetf__intro{margin:0 0 28px;max-width:760px;font-size:18px;line-height:1.6;color:var(--muted)}
.rmetf__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 26px;flex-wrap:wrap}
.rmetf__progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rmetf__progressStep{padding:10px 14px;border-radius:999px;background:var(--soft);color:var(--muted);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.rmetf__progressStep.is-active{background:var(--black);color:#fff}
.rmetf__usedLink{display:inline-flex;align-items:center;gap:10px;color:var(--black);border:1px solid var(--line);border-radius:999px;padding:12px 16px;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:14px}
.rmetf__usedLink:hover{box-shadow:rgba(0,0,0,.24) 0 3px 8px}
.rmetf__panel{display:none}
.rmetf__panel.is-active{display:block}
.rmetf__panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 24px;flex-wrap:wrap}
.rmetf__panelTitle{margin:0 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.05;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.rmetf__panelText{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.rmetf__back{border:1px solid var(--line);background:#fff;color:var(--black);border-radius:999px;padding:12px 16px;cursor:pointer;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.rmetf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rmetf__card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.rmetf__card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow);border-color:#d6d6d6}
.rmetf__cardMedia{height:230px;overflow:hidden;position:relative;background:#f2f2f2}
.rmetf__cardMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rmetf__cardBody{padding:22px}
.rmetf__cardEyebrow{margin:0 0 8px;font-size:12px;color:var(--red);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.rmetf__cardTitle{margin:0 0 12px;font-size:28px;line-height:1.05;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.rmetf__cardText{margin:0;color:var(--muted);font-size:15px;line-height:1.6;min-height:72px}
.rmetf__cardMeta{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rmetf__cardAction{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--black);text-transform:uppercase;letter-spacing:.04em;font-size:14px}
.rmetf__cardAction span{color:var(--red)}
.rmetf__unitCard .rmetf__cardMedia{height:200px}
.rmetf__unitActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rmetf__unitLink{display:inline-block;margin-top:18px;padding:13px 18px;border-radius:10px;background:var(--red);color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:14px}
.rmetf__unitLink:hover{opacity:.92}
.rmetf__unitLink.is-disabled{pointer-events:none;opacity:.5;background:#999}
.rmetf__unitActions .rmetf__unitLink{margin-top:0}
.rmetf__brochureLink{display:inline-block;padding:13px 18px;border-radius:10px;border:1px solid var(--line);color:var(--black);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:14px}
.rmetf__brochureLink:hover{border-color:#d6d6d6}
.rmetf__empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}

@media (max-width:1024px){.rmetf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.rmetf__grid{grid-template-columns:1fr}.rmetf__cardTitle{font-size:24px}.rmetf__cardText{min-height:0}}