.msport-rv2-model-shell {
  display: block;
}

.msport-rv2-app.is-detail-mode {
  overflow: visible !important;
}

.msport-rv2-toolbar--detail {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.msport-rv2-detail-breadcrumb {
  color: rgba(255,255,255,.84);
  font-size: 11px;
  line-height: 1.35;
}

.msport-rv2-detail-layout {
  display: grid;
  grid-template-columns: clamp(340px, 38vw, 520px) minmax(0, 760px);
  gap: 22px;
  align-items: start;
  justify-content: start;
}

.msport-rv2-detail-side {
  min-width: 0;
  align-self: start;
}

@media (min-width: 901px) {
  .msport-rv2-detail-side {
    position: sticky;
    top: 18px;
  }
}

.msport-rv2-detail-main {
  min-width: 0;
  width: 100%;
  max-width: 760px;
}

.msport-rv2-diagram-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.msport-rv2-diagram-sticky-stage {
  position: static;
  top: auto;
}

.msport-rv2-detail-side .msport-rv2-diagram-card,
.msport-rv2-detail-side .msport-rv2-diagram-viewport,
.msport-rv2-detail-side .msport-rv2-diagram-media {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
}

.msport-rv2-detail-side .msport-rv2-diagram-media img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: unset !important;
}

@media (max-width: 900px) {
  .msport-rv2-detail-layout {
    grid-template-columns: 1fr;
  }

  .msport-rv2-detail-breadcrumb {
    width: 100%;
  }
}