/* "Zuletzt angesehen" – Startseiten-Modul als Karussell. Styles: maschinen_markt_karussell.css */
/* Unten 80px – siehe maschinen_markt_top_angebote.css (gleicher Abstand). */
.mm_zuletzt { margin: 24px 0 80px; }

/* Kopf: zwei Trennlinien (oben/unten) + Zeile mit Titel links und Button rechts. */
.mm_zuletzt_sep { height: 1px; background: rgba(13, 21, 29, .12); }
.mm_zuletzt_sep_bottom { margin-bottom: 28px; }
.mm_zuletzt_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
}
.mm_zuletzt_title {
  color: #16202e;
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0;
}
.mm_zuletzt_btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #e85d26;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 18px;
  border: 1px solid #e85d26;
  border-radius: 10px;
  transition: background .15s ease, border-color .15s ease;
}
.mm_zuletzt_btn:hover { background: #c04b1e; border-color: #c04b1e; color: #fff; }
.mm_zuletzt_btn:focus-visible { outline: 2px solid #e85d26; outline-offset: 2px; }

/* Dark-Mode (global via html.mm-dark) */
html.mm-dark .mm_zuletzt_sep { background: rgba(255, 255, 255, .10); }
html.mm-dark .mm_zuletzt_title { color: #f2f6fa; }
html.mm-dark .mm_zuletzt_btn { background: #e85d26; border-color: #e85d26; }
html.mm-dark .mm_zuletzt_btn:hover { background: #ff7a45; border-color: #ff7a45; }

@media (max-width: 560px) {
  .mm_zuletzt_title { font-size: 1.4rem; }
  .mm_zuletzt_btn { font-size: 13px; padding: 9px 14px; }
}