/* Match product render frames to the 3D preview cards across the catalog. */
.render-wrap {
  min-height: 0;
  padding: 14px;
  justify-items: center;
}

.photo-render,
.photo-render.shelf-render,
.photo-render.vertice-render,
.photo-render.arco600-render,
.photo-render.honeycomb-render,
.photo-render.clock-render,
.photo-render.mesa-elo-render,
.photo-render.criado-ninho-render,
.photo-render.quadro-render {
  width: min(92%, 820px);
  aspect-ratio: 16 / 10;
  max-height: none;
  margin-inline: auto;
}

.quadro-custom-model,
.mesa-elo-model-preview,
.dining-model-preview,
.arco-model-preview,
.arco600-model-preview,
.vertice-model-preview,
.parametric-preview {
  width: min(92%, 820px);
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.arco-model-preview {
  position: relative;
  z-index: 1;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background: #202726;
}

.arco-model-preview[hidden] { display: none; }
.arco-model-stage { overflow: hidden; border-radius: 10px; background: #202725; }
.arco-model-stage canvas { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; touch-action: none; cursor: grab; }
.arco-model-stage canvas:active { cursor: grabbing; }
body.light .arco-model-preview { border-color: var(--line); background: #ebe5dc; }
body.light .arco-model-preview .dining-preview-head strong { color: var(--ink); }

.quadro-custom-model { margin-top: 16px; }
.mesa-elo-model-preview,
.dining-model-preview,
.arco-model-preview,
.arco600-model-preview { margin-top: 16px; margin-bottom: 16px; }
.parametric-preview { margin-top: 14px; }
.vertice-model-preview { margin-top: 18px; margin-bottom: 18px; }

.mesa-technical-panel,
.image-relief-render-output {
  width: min(92%, 820px);
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 700px) {
  .render-wrap { padding: 10px; }

  .photo-render,
  .photo-render.shelf-render,
  .photo-render.vertice-render,
  .photo-render.arco600-render,
  .photo-render.honeycomb-render,
  .photo-render.clock-render,
  .photo-render.mesa-elo-render,
  .photo-render.criado-ninho-render,
  .photo-render.quadro-render {
    width: min(96%, 820px);
    aspect-ratio: 16 / 10;
    max-height: none;
  }

  .quadro-custom-model,
  .mesa-elo-model-preview,
  .dining-model-preview,
  .arco-model-preview,
  .arco600-model-preview,
  .vertice-model-preview,
  .parametric-preview,
  .mesa-technical-panel,
  .image-relief-render-output {
    width: min(96%, 820px);
  }
}