/* ============================================================
   NIGHTOVA v2 — rental-cars.html sayfa katmanı
   ------------------------------------------------------------
   Paylaşılan tasarım sistemi style.css'ten gelir (token'lar,
   header/footer, .btn, .reveal, .trust...). Burada yalnızca bu
   sayfaya özgü bölümler var: detail-hero, "araç şart" manifesti,
   filo kartları, kapanış CTA'sı, lightbox.
   ============================================================ */

/* ---------- Nav: aktif sayfa işareti ---------- */
.site-nav a.active{color:var(--text);}
.site-nav a.active::after{right:0;}
.footer-col ul a[aria-current="page"]{color:var(--gold-2);}

/* ---------- Detail hero ---------- */
.hero--detail{min-height:min(88svh, 820px);}
.hero--detail .hero-inner{
  padding-bottom:clamp(3.2rem, 8vh, 5.2rem);
}
.hero--detail h1{
  font-size:clamp(2.6rem, 7vw, 4.7rem);
}
.hero--detail .hero-lead{max-width:56ch;}
.hero--rental .hero-media img{object-position:center 46%;}
/* Gündüz-aydınlık fotoğrafta metin bölgesi için güçlendirilmiş scrim */
.hero--rental .hero-scrim::before{
  background:linear-gradient(to top,
    var(--bg-1) 0%, rgba(11,13,18,.92) 20%,
    rgba(7,8,12,.62) 52%, rgba(7,8,12,.5) 100%);
}

/* Breadcrumb — sessiz, tipografik */
.crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;
  margin-bottom:1.4rem;
  font-size:.62rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);
}
.crumbs a{
  display:inline-block;padding:.3rem 0;
  color:var(--text-2);
  transition:color .3s;
}
.crumbs a:hover{color:var(--gold-2);}
.crumbs .sep{color:var(--gold-dim);}
.crumbs .here{color:var(--gold);}

/* ---------- "Araç şart" manifesti ---------- */
.must{
  max-width:900px;margin:0 auto;
  padding:var(--section-pad) var(--gutter) calc(var(--section-pad) * .55);
  text-align:center;
}
.must-h{
  font-family:var(--serif);
  font-size:clamp(1.7rem, 4.4vw, 2.7rem);
  font-weight:500;
  line-height:1.35;
  color:var(--gold-2);
  text-wrap:balance;
  max-width:26ch;
  margin:0 auto;
}
.must-p{
  margin:0 auto;
  max-width:54ch;
  font-size:.96rem;font-weight:300;
  line-height:1.85;
  color:var(--text-2);
}

/* ---------- Filo kartları ---------- */
.fleet-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(.8rem, 2.2vw, 1.6rem);
}
@media (min-width:1000px){ .fleet-grid{grid-template-columns:repeat(4,1fr);} }

.fleet-card{
  display:flex;flex-direction:column;
  background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-1);
  transition:transform .5s var(--ease), border-color .4s, box-shadow .5s var(--ease);
}
.fleet-card:hover{
  transform:translateY(-6px);
  border-color:var(--gold-dim);
  box-shadow:var(--shadow-2);
}

/* Araç fotoğrafı — dikey kareler, 4/5 doğal orana yakın */
.fleet-photo{
  position:relative;
  display:block;width:100%;
  aspect-ratio:4/5;
  padding:0;border:0;
  overflow:hidden;
  background:var(--bg-3);
  cursor:zoom-in;
}
.fleet-photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  transition:transform 1.1s var(--ease);
}
.fleet-card:hover .fleet-photo img{transform:scale(1.04);}
.fleet-photo::after{
  content:"";position:absolute;inset:auto 0 0 0;height:32%;
  background:linear-gradient(to top, rgba(16,19,26,.9), transparent);
  pointer-events:none;
}

.fleet-body{
  flex:1;
  display:flex;flex-direction:column;
  padding:1.15rem 1.2rem 1.3rem;
}
.fleet-class{
  font-size:.58rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);
}
.fleet-body h4{
  margin-top:.5rem;
  font-size:clamp(1.1rem, 2.4vw, 1.4rem);
  font-weight:500;
  letter-spacing:.01em;
  transition:color .3s;
}
.fleet-card:hover .fleet-body h4{color:var(--gold-2);}
.fleet-price{
  margin-top:.6rem;
  font-family:var(--serif);
  font-size:clamp(1.2rem, 2.6vw, 1.55rem);
  font-weight:500;
  color:var(--gold-2);
  letter-spacing:.02em;
}
.fleet-price span{
  font-family:var(--sans);
  font-size:.66rem;font-weight:500;
  letter-spacing:.06em;
  color:var(--muted);
}

/* Ek kareler — küçük, sessiz küçük-resim sırası */
.fleet-thumbs{
  display:flex;gap:.5rem;
  margin-top:auto;
  padding-top:.95rem;
}
.fleet-thumbs .thumb{
  width:52px;height:52px;
  padding:0;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  overflow:hidden;
  background:var(--bg-3);
  cursor:zoom-in;
  transition:border-color .3s, transform .35s var(--ease);
}
.fleet-thumbs .thumb:hover{
  border-color:var(--gold-dim);
  transform:translateY(-2px);
}
.fleet-thumbs .thumb img{
  width:100%;height:100%;
  object-fit:cover;
}

/* Filo altı not */
.fleet-note{
  max-width:56ch;
  margin:2.6rem auto 0;
  text-align:center;
  font-family:var(--serif);
  font-style:italic;
  font-size:1.08rem;
  line-height:1.8;
  color:var(--text-2);
}

/* ---------- Kapanış CTA ---------- */
.rental-cta{
  position:relative;
  max-width:620px;margin:0 auto;
  text-align:center;
  background:linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border:1px solid var(--gold-dim);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
  padding:clamp(2.4rem, 6vw, 3.4rem) clamp(1.4rem, 5vw, 3rem);
}
.rental-cta::after{
  content:"";position:absolute;inset:8px;
  border:1px solid var(--gold-faint);
  border-radius:calc(var(--radius) - 6px);
  pointer-events:none;
}
.rental-cta h3{
  font-size:clamp(1.6rem, 3.4vw, 2.1rem);
  text-wrap:balance;
}
.rental-cta p{
  margin:.9rem auto 0;
  max-width:44ch;
  font-size:.92rem;font-weight:300;
  line-height:1.8;
  color:var(--text-2);
}
.rental-cta .btn{margin-top:1.5rem;}

/* ---------- Diğer hizmetler ---------- */
.related-links{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:.8rem;
}
.related-links a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;
  padding:.7rem 1.5rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  font-size:.72rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-2);
  transition:border-color .3s, color .3s, transform .35s var(--ease);
}
.related-links a:hover{
  border-color:var(--gold-dim);
  color:var(--gold-2);
  transform:translateY(-2px);
}

/* ---------- Lightbox ---------- */
.lightbox{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:1.2rem;
  background:rgba(4,5,8,.93);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  cursor:zoom-out;
}
.lightbox[hidden]{display:none;}
.lightbox img{
  max-width:94vw;max-height:88vh;
  width:auto;height:auto;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-2);
}