/* ============ NOVA FİLO — v13: hero araç tıklanır + hero halkası eş aralıklı iç halkalar; filo halkası büyük ============ */

/* Hero: karta tıklayınca aracın sayfası */
.gv-frame { cursor: pointer; }
.gv-frame-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.gv-frame-link:focus-visible { outline: 3px solid #7af2b0; outline-offset: -3px; }
.gv-tag { z-index: 2; pointer-events: none; }
.gv-tag .gv-dots, .gv-tag .gv-dots button { pointer-events: auto; }
.gv-frame:hover .gv-tag { background: rgba(6, 28, 18, 0.9); }

/* Hero fotoğrafı arkasındaki halka: diğer sayfalardaki gibi 3 eş aralıklı halka + noktalar, kendi ekseninde döner */
.gv-orbit {
  border: 1px dashed color-mix(in srgb, var(--red) 50%, transparent);
  background:
    radial-gradient(circle at 50% 0, var(--red) 0 4px, transparent 5px),
    radial-gradient(circle at 50% 17%, color-mix(in srgb, var(--red) 80%, #fff) 0 3.5px, transparent 4.5px),
    radial-gradient(circle at 50% 33.5%, var(--red) 0 3px, transparent 4px),
    radial-gradient(circle closest-side at 50% 50%, transparent 0 65.4%, color-mix(in srgb, var(--red) 30%, transparent) 65.6% 66.2%, transparent 66.4% 100%),
    radial-gradient(circle closest-side at 50% 50%, transparent 0 32.4%, color-mix(in srgb, var(--red) 30%, transparent) 32.6% 33.2%, transparent 33.4% 100%);
  animation: gvSpin 60s linear infinite;
}
.gv-orbit::after { display: none; }

/* Müsait araçlar halkası: daha büyük; üstteki güven bandı yazılarına değmez (başlığın ~86px üstüne kadar) */
section[aria-label="Filo"] .nv-head::before { width: 300px; height: 300px; left: -24px; top: -86px; right: auto; }
section[aria-label="Filo"] .nv-head::after { width: 190px; height: 190px; left: 31px; top: -31px; right: auto; }
@media (max-width: 760px) {
  section[aria-label="Filo"] .nv-head::before { width: 210px; height: 210px; left: -20px; top: -50px; }
  section[aria-label="Filo"] .nv-head::after { display: none; }
}

/* ---------- v13.1: alt WhatsApp çubuğu kalktı, detay kartı boşlukları ---------- */
.nv-footer { padding-bottom: 36px; }
.detail-content-block { padding: 30px 30px 32px; gap: 26px; }
.detail-benefits { grid-template-columns: 1fr 1fr; gap: 16px; }
.detail-benefits > div { padding: 18px 20px; gap: 6px; }
.nv-chips { margin: 0; }
@media (max-width: 640px) {
  .detail-content-block { padding: 22px 18px 24px; gap: 20px; }
  .detail-benefits { grid-template-columns: 1fr; gap: 12px; }
}