.mrc-wrap{
  display:grid; grid-template-columns:1fr; gap:18px; align-items:start;
}
.mrc-card{
  background:#1E1E1E; border:1px solid #0B0B0F; border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.04); padding:12px;
}

/* Bühne */
.mrc-stage{position:relative;width:100%;user-select:none;overflow:hidden}
.mrc-bg{display:block;width:100%;height:auto;border-radius:8px}
.mrc-car-layer{position:absolute; inset:0 0 0 0; transform-origin:0 0}
.mrc-car{display:block;width:100%;height:auto;border-radius:8px;position:relative;z-index:1}
.mrc-wheel{position:absolute; z-index:2; transform:translate(-50%,-50%); filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.mrc-wheel img{display:block;width:100%;height:auto}

/* Panel-Layout: zwei Gruppen */
.mrc-panel{display:grid; gap:14px}
.mrc-gridA, .mrc-gridB{display:grid; gap:12px}
.mrc-gridA{grid-template-columns:repeat(3, minmax(0,1fr))}
.mrc-gridB{grid-template-columns:repeat(4, minmax(0,1fr))}

.field{display:flex; flex-direction:column; gap:6px}
.field label{font-weight:600; font-size:13px; color:#e5e7eb}
.field select{
  width:100%; padding:10px 12px; border:1px solid #e5e7eb; color:#e5e7eb; border-radius:10px; background:#0B0B0F;
  font-size:14px; line-height:1.2;
}

/* Hintergrund-Select standardmäßig ausblenden, JS zeigt es aktiv an */
#row-bg{display:none}

/* Zusammenfassung + Produktlink */
.mrc-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:4px}
.mrc-summary-left{display:flex;align-items:center;gap:12px;}
.mrc-summary-img{width:96px;height:auto;border-radius:10px;border:1px solid #e5e7eb;background:#fff}
.mrc-summary-title{color:#E6A223;font-weight:600;font-size:15px;}
.mrc-muted{color:#E6A223; font-size:12px}

/* fester Button-Look (keine dynamische Farbe mehr) */
/* Gemeinsamer Grundstil für alle "Hauptbuttons" */
.mrc-upload-btn,
.mrc-summary-btn,
.mrc-actions .mrc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #E6A223;
  background: #0B0B0F;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;

  cursor: pointer;
  text-decoration: none !important;
  white-space: nowrap;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    transform .15s ease;
}

/* Hover: gold-gelb + Glow */
.mrc-upload-btn:hover,
.mrc-summary-btn:hover,
.mrc-actions .mrc-btn:hover {
  background: linear-gradient(135deg, #E6A223, #FFD76A);
  border-color: #FFD76A;
  color: #111;
  box-shadow: 0 0 12px rgba(230, 162, 35, 0.9);
  transform: translateY(-1px) scale(1.02);
}

/* Active: leicht reindrücken */
.mrc-upload-btn:active,
.mrc-summary-btn:active,
.mrc-actions .mrc-btn:active {
  background: #D89212;
  border-color: #D89212;
  box-shadow: 0 0 6px rgba(230, 162, 35, 0.7);
  transform: translateY(0) scale(0.99);
}

/* Layout-Container für die Action-Buttons bleibt wie gehabt */
.mrc-actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

/* Safety gegen Doppel-Init */
.mrc-actions + .mrc-actions{display:none !important}

/* Beschreibungen */
.mrc-desc{font-size:13px;color:#374151}
.mrc-desc p{margin:0 0 8px}

/* Responsiv */
@media (max-width: 1100px){
  .mrc-gridB{grid-template-columns:repeat(3, minmax(0,1fr))}
}
@media (max-width: 900px){
  .mrc-gridA{grid-template-columns:repeat(2, minmax(0,1fr))}
  .mrc-gridB{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width: 600px){
  .mrc-gridA{grid-template-columns:1fr}
  .mrc-gridB{grid-template-columns:1fr}
  .mrc-summary{flex-direction:column;align-items:stretch}
  .mrc-summary-left{justify-content:flex-start}
  .mrc-summary-btn{width:100%; text-align:center}
}