@media (min-width: 981px) {
  .car-detail-page {
    overflow: hidden;
    padding: 14px 24px 18px;
  }

  .detail-breadcrumb {
    margin-bottom: 10px;
  }

  .detail-check-card {
    height: calc(100dvh - 126px);
    min-height: 470px;
  }

  .detail-layout {
    grid-template-areas: "check sheet side";
    grid-template-columns: clamp(290px, 22vw, 370px) minmax(430px, 1fr) clamp(270px, 20vw, 350px);
    height: 100%;
    align-items: stretch;
  }

  .detail-sheet-panel {
    display: grid;
    grid-area: sheet;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
  }

  .detail-check-panel {
    display: grid;
    grid-area: check;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    border-right: 1px solid #d8d8d8 !important;
    border-left: 0 !important;
    padding: 0;
  }

  .detail-side-panel {
    display: grid;
    grid-area: side;
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    border-left: 1px solid #d8d8d8 !important;
    padding: 0;
  }

  .detail-check-panel table,
  .detail-side-panel table {
    align-self: start;
    width: 100%;
    margin: 0;
  }

  .detail-panel-head {
    min-height: 56px;
    padding: 0 12px 0 16px;
  }

  .detail-sheet-head {
    justify-content: flex-end;
  }

  .detail-sheet-line {
    flex-wrap: nowrap;
    min-width: 0;
  }

  .detail-sheet-line .detail-status-chip {
    min-width: 124px;
  }

  .detail-viewer {
    display: grid;
    place-items: center;
    min-height: 0;
    height: calc(100% - 24px);
    margin: 12px;
    background: linear-gradient(180deg, #fbfbfb 0%, #f2f2f2 100%);
  }

  .detail-viewer iframe {
    width: min(100%, calc((100dvh - 210px) * .707));
    max-width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .16);
  }

  .detail-image-preview {
    width: min(100%, calc((100dvh - 210px) * .707));
    height: 100%;
    min-height: 0;
    background: #fff;
  }

  .detail-image-preview img {
    max-width: calc(100% - 18px);
    max-height: calc(100% - 18px);
    border-width: 0;
  }
}
