/* Rent a Car 3 — Jüpiter teması */
.tema-rentv3 {
  --kap: 1140px;
  --bas-y: 76px;
  --r3-lacivert: #1f2b3e;
  --r3-gece: #161829;
  --r3-gri: #f2f2f2;
  --r3-cizgi: #e4e6ea;
  --r3-metin: #6e7684;
  --r3-yesil: #1fb53a;
  --r3-gradyan: linear-gradient(180deg, #292d45, #0c0c0f);
  color: #4a5160;
}
.tema-rentv3 h1, .tema-rentv3 h2, .tema-rentv3 h3, .tema-rentv3 h4 { font-weight: 400; letter-spacing: .01em; color: var(--koyu); }
.tema-rentv3 :is(.bolum--koyu, .sayac-bant, .cta-bant, .yan-cta, .kart--one-cikan) :is(h2, h3) { color: #fff; }
.tema-rentv3 .manset__baslik { color: #fff; }
.tema-rentv3 .btn { font-family: var(--baslik-yazi); font-weight: 700; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; border-radius: 0; }
.tema-rentv3 .btn--ana, .tema-rentv3 .btn--vurgu { --b: var(--ana); --y: #fff; }
.tema-rentv3 .btn--ana:hover, .tema-rentv3 .btn--vurgu:hover { --b: var(--koyu); --y: #fff; }
.tema-rentv3 .bolum { padding: clamp(60px, 8vw, 110px) 0; }
.r3-orta { margin: 40px 0 0; text-align: center; }

/* Bölüm başlığı: iki yanında kırmızı çizgi */
.r3-bb { display: grid; justify-items: center; gap: 10px; margin-bottom: clamp(34px, 4.5vw, 54px); text-align: center; }
.r3-bb h2 { display: inline-flex; align-items: center; gap: 18px; max-width: 640px; margin: 0; font-size: clamp(1.5rem, 3vw, 2.15rem); line-height: 1.2; }
.r3-bb h2::before, .r3-bb h2::after { content: ""; flex: none; width: 14px; height: 4px; background: var(--ana); }
.r3-bb p { margin: 0; max-width: 680px; color: var(--r3-metin); }
.r3-bb--acik h2 { color: #fff; }
.r3-oklu { display: inline-flex; align-items: center; gap: 10px; color: var(--ana); font: 700 .74rem/1 var(--baslik-yazi); letter-spacing: .04em; text-transform: uppercase; }
.r3-oklu .ik { width: 18px; height: 18px; transition: transform var(--gecis); }
.r3-oklu:hover .ik { transform: translateX(4px); }

/* Üst şerit */
.r3-ustbar { background: #2b2f42; color: #fff; font-size: .76rem; }
.r3-ustbar__ic { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 36px; }
.r3-ustbar__sol, .r3-ustbar__sag { display: flex; align-items: center; gap: 22px; }
.r3-ustbar a { display: inline-flex; align-items: center; gap: 7px; color: rgb(255 255 255 / .85); }
.r3-ustbar .ik { width: 13px; height: 13px; }
.r3-ustbar a:hover { color: #fff; }
.r3-ustbar .sosyal--kucuk { gap: 2px; }
.r3-ustbar .sosyal--kucuk a { justify-content: center; width: 28px; height: 28px; }
.r3-ustbar .sosyal--kucuk a:hover { color: var(--ana); }
.r3-ustbar .dil-sec a { color: rgb(255 255 255 / .8); }

/* Menü */
.tema-rentv3 header.r3-bas { background: var(--koyu); border: 0; backdrop-filter: none; box-shadow: 0 2px 14px -6px rgb(0 0 0 / .5); }
.r3-bas__ic { display: flex; align-items: center; gap: 26px; height: var(--bas-y); }
.r3-logo img { max-height: 48px; max-width: 210px; }
header.r3-bas .nav { flex: 1 1 auto; margin: 0; justify-content: flex-end; }
header.r3-bas .nav__link { height: var(--bas-y); padding: 0 12px; color: #fff; font: 400 .76rem/1 var(--baslik-yazi); letter-spacing: .04em; text-transform: uppercase; }
header.r3-bas .nav__link::after { left: 12px; right: 12px; bottom: 20px; height: 3px; background: var(--ana); border-radius: 0; }
header.r3-bas .nav__link:hover, header.r3-bas .nav__link.aktif, header.r3-bas .nav__oge.acik > .nav__link { color: #fff; }
header.r3-bas .acilir { border-radius: 0; border: 0; border-top: 3px solid var(--ana); padding: 6px 0; min-width: 220px; }
header.r3-bas .acilir a { border-radius: 0; padding: 10px 20px; font-size: .84rem; }
header.r3-bas .acilir a:hover { background: var(--r3-gri); color: var(--ana); }
.r3-bas__sag { display: flex; align-items: center; gap: 8px; }
.r3-bas__sag .ikon-btn { color: #fff; }
.r3-bas__menu { display: none; }

/* Manşet */
.tema-rentv3 .manset__slaytlar { min-height: clamp(440px, 66svh, 640px); }
.tema-rentv3 .manset__gorsel::after { background: rgb(8 10 22 / .5); }
.tema-rentv3 .manset__ic { display: flex; justify-content: center; padding: 70px 0 120px; }
.tema-rentv3 .r3-manset--formlu .manset__ic { padding-bottom: 170px; }
.tema-rentv3 .manset__metin { max-width: 720px; text-align: center; }
.tema-rentv3 .manset__baslik { font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 400; line-height: 1.15; }
.tema-rentv3 .manset__metin p { margin-inline: auto; font-size: 1rem; }
.tema-rentv3 .manset__butonlar { justify-content: center; }
.tema-rentv3 .manset__etiket { padding: 0; border: 0; background: none; backdrop-filter: none; color: var(--ana); }
.tema-rentv3 .manset__etiket::before { display: none; }
.tema-rentv3 .manset__kontrol { justify-content: center; }
.tema-rentv3 .r3-manset--formlu .manset__kontrol { bottom: 110px; }
.tema-rentv3 .manset__noktalar button span { display: none; }
.tema-rentv3 .manset__noktalar button { width: 40px; }
.tema-rentv3 .manset__noktalar i { height: 5px; border-radius: 0; background: rgb(227 6 19 / .35); }
.tema-rentv3 .manset__noktalar .aktif i { background: var(--ana); }
.tema-rentv3 .manset__oklar { display: none; }

/* Rezervasyon kutusu: manşetin üstüne biner */
.r3-rez { position: relative; z-index: 3; margin-top: -90px; }
.r3-rez__kutu { padding: clamp(24px, 3vw, 34px) clamp(20px, 3vw, 36px); background: var(--r3-gece); box-shadow: 0 24px 40px -24px rgb(0 0 0 / .6); color: #fff; }
.r3-rez__kutu h2 { margin: 0 0 18px; color: #fff; font-size: 1.1rem; }
.r3-rez__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 20px; align-items: end; }
.r3-rez__alan { display: grid; gap: 7px; }
.r3-rez__alan span { color: #fff; font: 400 .8rem/1.2 var(--baslik-yazi); }
.r3-rez__alan :is(input, select) { width: 100%; height: 46px; padding: 0 12px; border: 0; border-radius: 0; background: #fff; color: var(--koyu); font: inherit; font-size: .86rem; }
.r3-rez__alan :is(input, select):focus { outline: 2px solid var(--ana); outline-offset: 0; }
.r3-rez__onay { grid-column: span 2; align-self: center; margin: 0; color: rgb(255 255 255 / .8); font-size: .8rem; }
.r3-rez__btn { min-height: 46px; justify-content: center; }
.r3-rez__btn .ik { width: 20px; height: 20px; }
.r3-rez .form__sonuc:not(:empty) { margin-top: 14px; }

/* Araç kartı */
.r3-araclar__liste { gap: 26px; }
.r3-arac { display: flex; flex-direction: column; height: 100%; background: #fff; box-shadow: 0 6px 24px -8px rgb(0 12 33 / .18); }
.r3-arac h3 { margin: 0; padding: 16px 16px 0; font-size: 1.12rem; line-height: 1.3; }
.r3-arac h3 a:hover { color: var(--ana); }
.r3-arac__gorsel { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; padding: 8px 14px; }
.r3-arac__gorsel img { width: 100%; height: 100%; object-fit: contain; transition: transform .5s ease; }
.r3-arac:hover .r3-arac__gorsel img { transform: scale(1.04); }
.r3-arac__fiyat { position: absolute; left: 8px; bottom: 10px; padding: 5px 9px; background: var(--ana); color: #fff; font-size: .72rem; font-weight: 600; }
.r3-arac__bilgi { display: flex; margin: auto 0 0; padding: 0; border-top: 1px solid var(--r3-cizgi); list-style: none; }
.r3-arac__bilgi li { flex: 1; padding: 12px 6px; color: var(--r3-metin); font-size: .74rem; text-align: center; }
.r3-arac__bilgi li + li { border-left: 1px solid var(--r3-cizgi); }
.r3-arac__bilgi li:first-child { color: var(--koyu); font-weight: 700; }
.r3-arac__butonlar a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; color: #fff; font: 700 .74rem/1 var(--baslik-yazi); letter-spacing: .05em; text-transform: uppercase; transition: filter var(--gecis); }
.r3-arac__butonlar a:hover { filter: brightness(1.12); }
.r3-arac__butonlar .ik { width: 15px; height: 15px; }
.r3-arac__wp { background: var(--r3-yesil); }
.r3-arac__tel { background: var(--koyu); }

/* Sayaçlar + tanıtım kutusu */
.r3-sayac { position: relative; padding: clamp(50px, 6vw, 80px) 0; background: var(--r3-gradyan); color: #fff; isolation: isolate; }
.r3-sayac--bantli { background: var(--r3-gradyan) top / 100% calc(100% - 160px) no-repeat; padding-bottom: 0; }
.r3-sayac__arka { position: absolute; inset: 0; z-index: -1; opacity: .25; }
.r3-sayac__arka img { width: 100%; height: 100%; object-fit: cover; }
.r3-sayaclar { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 30px; }
.r3-sayac__oge { display: grid; justify-items: center; gap: 12px; text-align: center; }
.r3-sayac__oge strong { color: #fff; font: 400 clamp(2.4rem, 5vw, 3.6rem)/1 var(--baslik-yazi); }
.r3-sayac__oge i { width: 14px; height: 4px; background: var(--ana); }
.r3-sayac__oge > span { color: rgb(255 255 255 / .9); font-size: .9rem; }
.r3-bant { margin-top: clamp(40px, 5vw, 60px); padding: clamp(26px, 4vw, 40px); background: var(--r3-lacivert); color: #fff; text-align: center; box-shadow: 0 24px 40px -26px rgb(0 0 0 / .6); }
.r3-bant p { max-width: 860px; margin: 0 auto 12px; font-size: .9rem; line-height: 1.75; }
.r3-bant__gorsel { margin-top: 22px; padding: 10px; background: #fff; }
.r3-bant__gorsel img { width: 100%; max-height: 220px; object-fit: contain; }

/* Yorumlar: ortalı tekli */
.r3-yorumlar__ic { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; max-width: 900px; margin: 0 auto; }
.r3-yorumlar__liste { grid-auto-columns: 100%; gap: 0; padding: 0; }
.r3-yorumlar__ok { display: grid; place-items: center; width: 40px; height: 40px; border: 0; background: none; color: var(--koyu); cursor: pointer; }
.r3-yorumlar__ok:hover { color: var(--ana); }
.r3-yorumlar__ok .ik { width: 22px; height: 22px; }
.r3-yorum { display: grid; justify-items: center; gap: 22px; margin: 0; text-align: center; scroll-snap-align: start; }
.r3-yorum blockquote { max-width: 680px; margin: 0; color: var(--r3-metin); font-size: .95rem; font-style: italic; line-height: 1.8; }
.r3-yorum figcaption { display: grid; justify-items: center; gap: 6px; }
.r3-yorum .avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: #fff; }
.r3-yorum strong { color: var(--koyu); font: 400 1rem/1.3 var(--baslik-yazi); }
.r3-yorum small { color: var(--r3-metin); font-size: .78rem; }
.r3-yorum__puan { display: flex; gap: 2px; color: var(--ana); }
.r3-yorum__puan .ik { width: 12px; height: 12px; }

/* Neden biz */
.tema-rentv3 .r3-neden { background: var(--r3-gradyan); color: rgb(255 255 255 / .85); }
.r3-neden__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 46px 40px; }
.r3-neden__oge { display: grid; justify-items: center; align-content: start; gap: 12px; text-align: center; }
.r3-neden__ikon { width: 40px; height: 40px; color: var(--ana); }
.r3-neden__oge h3 { margin: 0; color: #fff; font-size: 1.25rem; line-height: 1.25; }
.r3-neden__oge p { max-width: 320px; margin: 0; font-size: .88rem; line-height: 1.75; }
a.r3-neden__oge:hover h3 { color: var(--ana); }

/* Blog kartları */
.r3-bloglar__liste { gap: 28px; }
.r3-blog { display: flex; flex-direction: column; gap: 10px; }
.r3-blog__gorsel { display: block; aspect-ratio: 4 / 3; margin-bottom: 8px; overflow: hidden; background: var(--r3-gri); }
.r3-blog__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.r3-blog:hover .r3-blog__gorsel img { transform: scale(1.05); }
.r3-blog time { color: var(--r3-metin); font-size: .86rem; }
.r3-blog h3 { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.r3-blog h3 a:hover { color: var(--ana); }
.r3-blog p { margin: 0 0 6px; color: #4a5160; font-size: .9rem; line-height: 1.65; }

/* Marka şeridi */
.r3-marka { padding: 40px 0; background: var(--r3-gece); }
.r3-marka .kart--referans { aspect-ratio: auto; height: 90px; padding: 6px 16px; background: none; border: 0; box-shadow: none; }
.r3-marka .kart--referans img { max-height: 76px; filter: none; opacity: 1; }
.r3-marka__liste { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; }

/* İç sayfa başlığı */
.r3-sayfa-basi { position: relative; padding: clamp(46px, 6vw, 76px) 0; background: var(--r3-gradyan); color: #fff; overflow: hidden; isolation: isolate; }
.r3-sayfa-basi--gorsel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(8 10 22 / .65); }
.r3-sayfa-basi__arka { position: absolute; inset: 0; z-index: -2; }
.r3-sayfa-basi__arka img { width: 100%; height: 100%; object-fit: cover; }
.r3-sayfa-basi--kompakt { padding: 18px 0; }
.r3-sayfa-basi__ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 30px; }
.r3-sayfa-basi h1 { margin: 0; color: #fff; font-size: clamp(1.5rem, 3vw, 2.2rem); }
.r3-sayfa-basi p { max-width: 640px; margin: 10px 0 0; color: rgb(255 255 255 / .8); }
.r3-kirinti ol { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 0; font-size: .82rem; }
.r3-kirinti li { display: flex; align-items: center; gap: 10px; color: rgb(255 255 255 / .7); }
.r3-kirinti li + li::before { content: ""; width: 8px; height: 3px; background: var(--ana); }
.r3-kirinti a:hover { color: #fff; }
.r3-kirinti [aria-current] { color: #fff; }

/* Altbilgi */
.tema-rentv3 .r3-alt { padding: 0; background: var(--r3-gri); color: #333a46; border: 0; }
.r3-alt__cta { display: flex; align-items: center; justify-content: space-between; gap: 18px 40px; margin-top: 50px; padding: 26px 30px; background: var(--koyu); }
.r3-alt__cta h2 { margin: 0; color: #fff; font-size: clamp(1.1rem, 2vw, 1.4rem); }
.r3-alt__cta p { margin: 6px 0 0; color: rgb(255 255 255 / .75); }
.r3-alt__izgara { display: grid; grid-template-columns: 5fr 7fr; gap: 30px 60px; padding: clamp(50px, 7vw, 90px) 0; }
.r3-alt__marka .logo img { max-height: 54px; max-width: 240px; }
.r3-alt__marka p { margin: 22px 0 0; font-size: .88rem; line-height: 1.7; }
.r3-alt__telif { font-size: .85rem; }
.r3-alt h3 { margin: 8px 0 22px; color: var(--koyu); font-size: 1.05rem; }
.r3-alt h3::after { display: none; }
.r3-alt__menu ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 30px; margin: 0; padding: 0; list-style: none; }
.r3-alt__menu a { display: inline-flex; align-items: center; gap: 6px; font-size: .88rem; }
.r3-alt__menu .ik { width: 12px; height: 12px; }
.r3-alt__menu a:hover { color: var(--ana); }
.r3-alt__bant { background: var(--koyu); color: rgb(255 255 255 / .75); }
.r3-alt__bant-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 30px; min-height: 58px; padding: 10px 0; }
.r3-alt__yasal { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; font-size: .8rem; }
.r3-alt__yasal a:hover { color: #fff; }
.r3-alt__sosyal { display: flex; gap: 4px; }
.r3-alt__sosyal a { display: grid; place-items: center; width: 32px; height: 32px; color: #fff; transition: color var(--gecis); }
.r3-alt__sosyal a:hover { color: var(--ana); }
.r3-alt__sosyal .ik { width: 14px; height: 14px; }

/* Duyarlı */
@media (max-width: 1100px) {
  header.r3-bas .nav { display: none; }
  .r3-bas__sag { margin-left: auto; }
  .r3-bas__menu { display: inline-flex; }
}
@media (max-width: 992px) {
  .r3-rez__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .r3-neden__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .r3-alt__izgara { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .tema-rentv3 { --bas-y: 64px; }
  .r3-ustbar__sol a[href^="mailto"], .r3-ustbar .dil-sec { display: none; }
  .r3-ustbar .sosyal--kucuk a:nth-child(n+5) { display: none; }
  .r3-logo img { max-height: 40px; max-width: 170px; }
  .tema-rentv3 .manset__ic { padding: 50px 0 90px; }
  .tema-rentv3 .r3-manset--formlu .manset__ic { padding-bottom: 120px; }
  .tema-rentv3 .r3-manset--formlu .manset__kontrol { bottom: 70px; }
  .r3-rez { margin-top: -50px; }
  .r3-rez__izgara { gap: 12px; }
  .r3-rez__onay, .r3-rez__btn { grid-column: 1 / -1; }
  .r3-neden__izgara { grid-template-columns: 1fr; gap: 36px; }
  .r3-yorumlar__ic { gap: 6px; }
  .r3-yorumlar__ok { width: 30px; }
  .r3-sayac--bantli { background-size: 100% calc(100% - 100px); }
  .r3-alt__menu ul { grid-template-columns: 1fr 1fr; gap: 10px 16px; }
  .r3-alt__bant-ic { justify-content: center; }
}
@media (max-width: 340px) {
  .r3-rez__izgara { grid-template-columns: 1fr; }
}