@media (max-width: 1360px) {
  .work-area {
    gap: 12px;
    padding: 12px;
  }

  .overview-grid,
  .overview-grid-two {
    grid-template-columns: 1fr;
  }

  .overview-card {
    grid-template-columns: minmax(0, 1fr);

    img {
      width: 100%;
      max-height: 220px;
      object-fit: cover;
    }
  }

  .settings-form {
    grid-template-columns: 1fr;
  }

  .settings-inline-actions {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .my-skins-layout {
    grid-template-columns: 1fr;
  }

  .my-skins-detail > .flex {
    flex-direction: column;
  }

  .my-skin-edit-layout {
    grid-template-columns: 1fr;
  }

  .my-skin-edit-name-row {
    grid-template-columns: 1fr;

    .primary {
      width: 100%;
      justify-content: center;
    }
  }

  .my-skin-edit-card-preview,
  .my-skin-edit-card-edit,
  .my-skin-edit-card-tyres,
  .my-skin-edit-card-numberplate {
    grid-column: 1;
    grid-row: auto;
  }

  .uv-group-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-height: 860px) {
  .work-area {
    gap: 10px;
    padding: 10px;
  }

  .panel {
    padding: 12px;
  }

}


