.scrf-fleet { gap: 18px; }
.scrf-view-grid, .scrf-view-block {
  display: grid;
  grid-template-columns: repeat(var(--scrf-cols), minmax(0, 1fr));
}
.scrf-view-list { display: grid; grid-template-columns: 1fr; }
.scrf-view-masonry { column-count: var(--scrf-cols); column-gap: 18px; }
.scrf-view-masonry .scrf-card { break-inside: avoid; margin: 0 0 18px; display: inline-block; width: 100%; }

.scrf-card {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.scrf-thumbwrap { aspect-ratio: 16 / 10; overflow: hidden; background: #f2f2f2; }
.scrf-thumbimg { width: 100%; height: 100%; object-fit: cover; display: block; }
.scrf-thumbplaceholder { width: 100%; height: 100%; }

.scrf-cardbody { padding: 12px 14px 14px; }
.scrf-title { margin: 0 0 8px; font-size: 18px; }
.scrf-specs { font-size: 14px; opacity: .85; margin-bottom: 10px; }
.scrf-open { cursor: pointer; }

.scrf-modal[aria-hidden="true"] { display: none; }
.scrf-modal {
  position: fixed; inset: 0; z-index: 99999;
}
.scrf-modal-backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,.6);
}
.scrf-modal-panel {
  position: relative;
  width: min(980px, calc(100% - 30px));
  margin: 40px auto;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.scrf-modal-close {
  position: absolute; top: 10px; right: 10px;
  z-index: 2;
}
.scrf-modal-content {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 16px;
  padding: 18px;
}
@media (max-width: 800px) {
  .scrf-modal-content { grid-template-columns: 1fr; }
}

.scrf-modal-mainimg {
  width: 100%; height: auto; border-radius: 10px; display: block;
}
.scrf-modal-thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px; margin-top: 10px;
}
.scrf-thumbbtn { border: 1px solid rgba(0,0,0,.15); padding: 0; border-radius: 8px; overflow: hidden; background: #fff; cursor: pointer; }
.scrf-thumbbtn img { width: 100%; height: 56px; object-fit: cover; display: block; }
.scrf-thumbbtn.is-active { outline: 2px solid rgba(0,0,0,.35); }

.scrf-specgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0 12px; }
.scrf-speck { font-size: 14px; opacity: .9; }

html.scrf-modal-open { overflow: hidden; }