/* NexAI Systems V29 - slightly larger homepage demo preview
   Homepage cards use .v13-demo-preview (not .demo-thumb).
   This file is loaded after app.css and visual-v13.css. */

/* Homepage demo cards */
.home-v13 .v13-demo-preview,
.v13-demo-preview {
  height: 285px !important;
  min-height: 285px !important;
  padding: 12px !important;
  overflow: hidden !important;
}

.home-v13 .v13-demo-preview > img,
.v13-demo-preview > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 8px !important;
}

.home-v13 .v13-demo-preview .v13-browser,
.v13-demo-preview .v13-browser {
  height: 100% !important;
}

/* Separate Demos page cards */
.demo-card .demo-thumb,
.demo-thumb {
  height: 250px !important;
  min-height: 250px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

.demo-card .demo-thumb > img,
.demo-thumb > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}

@media (max-width: 1180px) {
  .home-v13 .v13-demo-preview,
  .v13-demo-preview { height: 260px !important; min-height: 260px !important; }
}

@media (max-width: 620px) {
  .home-v13 .v13-demo-preview,
  .v13-demo-preview { height: 230px !important; min-height: 230px !important; }
  .demo-card .demo-thumb,
  .demo-thumb { height: 210px !important; min-height: 210px !important; }
}