/* Tekne detay sayfalarındaki fotoğraf carousel'i (Freya, Beneteau Oceanis 423; TR / EN) ve Filomuz kartındaki Kaptansız rozeti. Yalnız .fc* sınıfları. */
.boat-card-2026 { position: relative; }
.boat-card-2026__link { display: block; color: inherit; text-decoration: none; }
.boat-card-2026__link:focus-visible { outline: 3px solid var(--flame, #e8693a); outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) { .boat-card-2026:hover .boat-card-2026__link h3 { color: var(--navy-2); } }

.fc { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--navy-3); }
.fc__track {
  display: flex; height: 100%; margin: 0; padding: 0; list-style: none;
  overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
  scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y pinch-zoom;
}
.fc__track::-webkit-scrollbar { display: none; }
.fc__track:focus-visible { outline: 3px solid var(--flame, #e8693a); outline-offset: -3px; }
.fc__slide { flex: 0 0 100%; height: 100%; scroll-snap-align: center; scroll-snap-stop: always; }
.fc__slide picture, .fc__slide img { display: block; width: 100%; height: 100%; }
.fc__slide img { object-fit: cover; transform: none !important; transition: none !important; }

/* Kontroller yalnız JS çalışırsa ve 2+ fotoğraf varsa görünür. */
.fc__btn, .fc__dots { display: none; }
.fc--js.fc--coklu .fc__btn { display: flex; }
.fc--js.fc--coklu .fc__dots { display: flex; }
.fc__btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; align-items: center; justify-content: center;
  border: 0; border-radius: 50%; padding: 0; cursor: pointer;
  background: rgba(255,255,255,.92); color: var(--text-navy, #0e2a47);
  box-shadow: 0 2px 10px rgba(14,42,71,.25);
  transition: background-color 160ms ease, opacity 160ms ease;
}
.fc__btn--prev { left: 10px; }
.fc__btn--next { right: 10px; }
.fc__btn:hover { background: #fff; }
.fc__btn:focus-visible, .fc__dot:focus-visible { outline: 3px solid var(--flame, #e8693a); outline-offset: 2px; }
.fc__btn[disabled] { opacity: .35; cursor: default; }
.fc__btn svg { width: 20px; height: 20px; }
.fc__dots {
  position: absolute; left: 0; right: 0; bottom: 8px; justify-content: center; gap: 2px;
}
/* 24px dokunma alanı, görünen nokta 8px */
.fc__dot { width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; position: relative; }
.fc__dot::after {
  content: ''; position: absolute; inset: 8px; border-radius: 50%;
  background: rgba(255,255,255,.65); box-shadow: 0 0 0 1px rgba(14,42,71,.35);
  transition: background-color 160ms ease, transform 160ms ease;
}
.fc__dot[aria-current="true"]::after { background: #fff; transform: scale(1.35); }
.fc__sayac { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .fc__track { scroll-behavior: auto; } .fc__dot::after, .fc__btn { transition: none; } }
@media (max-width: 759px) { .fc__btn { width: 40px; height: 40px; } }
.fc__rozet { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 6px 12px; border-radius: 999px; background: var(--navy, #0e2a47); color: #fff; font: 600 .8125rem/1 Inter, system-ui, sans-serif; letter-spacing: .02em; box-shadow: 0 2px 8px rgba(14,42,71,.3); pointer-events: none; }
.boat-detail-2026__media .fc { border-radius: var(--radius-card); }
.boat-detail-2026__media .fc img { border-radius: 0; }
.fc__slide img:not([src]) { visibility: hidden; } /* henüz yüklenmemiş kare: kırık resim simgesi görünmesin */
/* Izgara sütunu carousel'in doğal genişliğiyle büyümesin (telefonda ekrandan taşıyordu: 390 px ekranda 502 px) */
.boat-detail-2026__media, .boat-detail-2026__media .fc, .boat-detail-2026__media .fc__track { min-width: 0; max-width: 100%; }