.fleet-card{
  margin: 26px 12px 0;
  padding: 18px 0 20px;
}
.section-label--fleet{ margin: 0 18px 14px; }

.fleet-row{
  display: flex; gap: 12px;
  padding: 0 18px 4px;
  overflow-x: auto;
}
.fleet-row::-webkit-scrollbar{ display: none; }

.fleet-item{
  flex: 0 0 108px;
  cursor: pointer;
}
.media-slot--fleet{
  width: 108px; height: 108px; border-radius: 14px; overflow: hidden;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);
}
.media-slot--fleet .media-img{ object-fit: cover; }
.media-slot--fleet .media-placeholder{ font-size: 10px; padding: 6px; text-align: center; }

.fleet-item-name{
  margin-top: 8px; font-family: var(--f-ui); font-size: 12px; font-weight: 700;
  line-height: 1.25;
}
.fleet-item-spec{
  font-size: 10.5px; color: var(--text-faint); margin-top: 2px;
}

/* ===== модалка деталей судна — общая на все карточки, с навигацией между ними ===== */
.fleet-modal{ padding-top: 20px; position: relative; }
.fleet-modal .modal-close{
  position: absolute; top: 16px; right: 16px;
  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
  font-size: 16px; line-height: 1;
}
.fleet-modal-image-wrap{
  position: relative;
  width: 100%; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden;
  background: rgba(255,255,255,0.03); margin-top: 8px;
}
.fleet-modal-image{ width: 100%; height: 100%; object-fit: cover; }
.fleet-modal-name{
  font-family: var(--f-ui); font-weight: 700; font-size: 18px; margin-top: 14px;
}
.fleet-modal-spec{ font-size: 13px; color: var(--text-dim); margin-top: 2px; }
.fleet-modal-link{
  display: block; text-align: center;
  margin-top: 16px; padding: 13px;
  background: var(--gold-gradient-linear);
  color: #17130b; font-family: var(--f-ui); font-weight: 700; font-size: 14px;
  text-decoration: none; border-radius: 14px;
}

/* стрелки листания — центрированы по высоте картинки, а не всей модалки */
.fleet-nav{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(10,10,15,0.55); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff; cursor: pointer; z-index: 2;
}
.fleet-nav svg{ width: 20px; height: 20px; }
.fleet-nav--prev{ left: 10px; }
.fleet-nav--next{ right: 10px; }
.fleet-nav:hover, .fleet-nav:active{ background: rgba(10,10,15,0.75); }