/* boxprep prototüüp (A133): suurel ekraanil telefonikujuline raam, mobiilis täisekraan. */
.raam-tagasi { display: none; }
@media (min-width: 720px) and (min-height: 620px) {
  html { background: #F5F5F7; }
  body { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
  #root {
    flex: 0 0 auto;
    width: 390px;
    height: min(844px, calc(100vh - 72px));
    border: 12px solid #1D1D1F;
    border-radius: 52px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18);
    /* fikseeritud asendiga elemendid jäävad raami sisse */
    transform: translateZ(0);
  }
  .raam-tagasi {
    display: block;
    font: 500 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #6E6E73;
    text-decoration: none;
  }
  .raam-tagasi:hover { color: #0071E3; }
}