/* Rent a Car 2 — Jüpiter teması */
.tema-rentv2 {
  --kap: 1140px;
  --bas-y: 80px;
  --r2-gri: #f4f5f7;
  --r2-cizgi: #e6e8ec;
  --r2-metin: #7a7f88;
  color: #5b6068;
}
.tema-rentv2 h1, .tema-rentv2 h2, .tema-rentv2 h3, .tema-rentv2 h4 { font-weight: 600; letter-spacing: -.005em; color: var(--koyu); }
.tema-rentv2 :is(.bolum--koyu, .sayac-bant, .cta-bant, .yan-cta, .kart--one-cikan) :is(h2, h3) { color: #fff; }
.tema-rentv2 .manset__baslik { color: #fff; }
.tema-rentv2 .btn { font-weight: 600; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.tema-rentv2 .btn--ana, .tema-rentv2 .btn--vurgu { --b: var(--ana); --y: #fff; }
.tema-rentv2 .btn--ana:hover, .tema-rentv2 .btn--vurgu:hover { --b: var(--koyu); --y: #fff; }
.tema-rentv2 .bolum { padding: clamp(56px, 7vw, 90px) 0; }
.r2-orta { margin: 36px 0 0; text-align: center; }

/* Bölüm başlığı: ortalı, altında çift çizgi */
.r2-bb { display: grid; justify-items: center; gap: 10px; margin-bottom: clamp(30px, 4vw, 44px); text-align: center; }
.r2-bb h2 { position: relative; margin: 0; padding-bottom: 20px; font-size: clamp(1.4rem, 2.5vw, 1.85rem); }
.r2-bb h2::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 70px; height: 7px; transform: translateX(-50%); border-block: 2px solid #9aa0a8; }
.r2-bb p { margin: 0; max-width: 680px; color: var(--r2-metin); }
.r2-bb--sol { justify-items: start; text-align: left; }
.r2-bb--sol h2::after { left: 0; transform: none; }
.r2-bb--satir { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.r2-bb--acik h2 { color: #fff; }
.r2-bb--acik h2::after { border-color: rgb(255 255 255 / .6); }
.r2-oklar { display: flex; gap: 8px; }
.r2-oklar .ikon-btn { width: 42px; height: 42px; border-radius: 0; border: 1px solid var(--r2-cizgi); color: var(--koyu); }
.r2-oklar .ikon-btn:hover { border-color: var(--ana); background: var(--ana); color: #fff; }

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

/* Menü */
.tema-rentv2 header.r2-bas { background: #fff; border: 0; backdrop-filter: none; box-shadow: 0 2px 12px -6px rgb(0 0 0 / .2); }
.r2-bas__ic { display: flex; align-items: center; gap: 26px; height: var(--bas-y); }
.r2-logo img { max-height: 50px; max-width: 200px; }
header.r2-bas .nav { flex: 1 1 auto; margin: 0; justify-content: center; }
header.r2-bas .nav__link { height: var(--bas-y); padding: 0 12px; color: var(--koyu); font-weight: 700; font-size: .72rem; letter-spacing: .03em; text-transform: uppercase; }
header.r2-bas .nav__link::after { left: 12px; right: 12px; bottom: 22px; background: var(--ana); border-radius: 0; }
header.r2-bas .nav__link:hover, header.r2-bas .nav__link.aktif, header.r2-bas .nav__oge.acik > .nav__link { color: var(--ana); }
header.r2-bas .acilir { border-radius: 0; border: 0; border-top: 3px solid var(--ana); padding: 6px 0; min-width: 220px; }
header.r2-bas .acilir a { border-radius: 0; padding: 10px 20px; font-size: .84rem; }
header.r2-bas .acilir a:hover { background: var(--r2-gri); color: var(--ana); }
.r2-bas__sag { display: flex; align-items: center; gap: 8px; }
.r2-bas__sag .ikon-btn { color: var(--koyu); }
.r2-bas__cta { min-height: 40px; padding: 0 18px; font-size: .74rem; }
.r2-bas__menu { display: none; }

/* Manşet */
.tema-rentv2 .manset__slaytlar { min-height: clamp(420px, 62svh, 600px); }
.tema-rentv2 .manset__gorsel::after { background: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / .15) 40%, rgb(0 0 0 / .45) 100%); }
.tema-rentv2 .manset__ic { display: flex; justify-content: flex-end; padding: 70px 0 110px; }
.tema-rentv2 .manset__metin { max-width: 520px; text-align: center; }
.tema-rentv2 .manset__slayt--orta .manset__ic { justify-content: center; }
.tema-rentv2 .manset__baslik { font-size: clamp(1.7rem, 3.2vw, 2.5rem); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; }
.tema-rentv2 .manset__metin p { margin-inline: auto; font-size: .98rem; }
.tema-rentv2 .manset__butonlar { justify-content: center; }
.tema-rentv2 .manset__etiket { padding: 0; border: 0; background: none; backdrop-filter: none; }
.tema-rentv2 .manset__etiket::before { display: none; }
.tema-rentv2 .manset__noktalar button span { display: none; }
.tema-rentv2 .manset__noktalar button { width: 34px; }
.tema-rentv2 .manset__noktalar i { border-radius: 0; }
.tema-rentv2 .manset__oklar .ikon-btn { border-radius: 0; }

/* Rezervasyon formu */
.r2-rez { padding: clamp(40px, 5vw, 60px) 0 clamp(20px, 3vw, 30px); }
.r2-rez__form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 20px; }
.r2-rez__alan { display: grid; gap: 7px; }
.r2-rez__alan span { color: var(--koyu); font-size: .8rem; font-weight: 600; }
.r2-rez__alan :is(input, select) { width: 100%; height: 50px; padding: 0 14px; border: 0; border-radius: 0; background: var(--r2-gri); color: var(--koyu); font: inherit; font-size: .88rem; }
.r2-rez__alan :is(input, select):focus { outline: 2px solid var(--ana); outline-offset: 0; }
.r2-rez__onay { grid-column: 1 / -1; margin: 0; }
.r2-rez__sonuc { grid-column: 1 / -1; margin: 0; }
.r2-rez__btn { grid-column: 1 / -1; min-height: 44px; border-radius: 0; }

/* Araç kartı */
.r2-araclar__liste { gap: 24px; }
.r2-arac { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--r2-cizgi); background: #fff; transition: box-shadow var(--gecis); }
.r2-arac:hover { box-shadow: 0 14px 30px -18px rgb(0 0 0 / .35); }
.r2-arac__gorsel { display: grid; place-items: center; aspect-ratio: 16 / 10; padding: 16px 20px; border-bottom: 1px solid var(--r2-cizgi); background: #fff; }
.r2-arac__gorsel img { width: 100%; height: 100%; object-fit: contain; transition: transform .5s ease; }
.r2-arac:hover .r2-arac__gorsel img { transform: scale(1.04); }
.r2-arac__govde { padding: 18px 20px 14px; }
.r2-arac h3 { margin: 0 0 10px; font-size: 1rem; line-height: 1.35; }
.r2-arac h3 a:hover { color: var(--ana); }
.r2-arac h3 small { color: var(--r2-metin); font: 400 .72rem/1 var(--yazi); }
.r2-arac__fiyat { margin: 0; color: var(--r2-metin); font-size: .74rem; }
.r2-arac__fiyat b { color: var(--ana); font: 700 1.2rem/1 var(--baslik-yazi); }
.r2-arac__ozellik { display: flex; gap: 20px; margin: auto 0 0; padding: 12px 20px; border-top: 1px solid var(--r2-cizgi); list-style: none; color: var(--r2-metin); font-size: .82rem; }
.r2-arac__ozellik li { display: inline-flex; align-items: center; gap: 7px; }
.r2-arac__ozellik .ik { width: 16px; height: 16px; color: #aab0b8; }
.r2-araclar__dizi { margin-top: 30px; text-align: center; }
.r2-araclar__dizi img { width: 100%; max-height: 140px; object-fit: contain; }

/* Sayaçlar */
.tema-rentv2 .r2-sayac { padding: clamp(40px, 5vw, 64px) 0; }
.tema-rentv2 .r2-sayac .sayac-bant__arka { opacity: .45; }
.r2-sayaclar { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px; }
.r2-sayac__oge { display: grid; justify-items: center; gap: 6px; text-align: center; color: #fff; }
.r2-sayac__ikon { width: 36px; height: 36px; margin-bottom: 4px; color: #fff; }
.r2-sayac__oge strong { font: 700 clamp(1.7rem, 3vw, 2.3rem)/1 var(--baslik-yazi); }
.r2-sayac__oge > span { font-size: .95rem; color: rgb(255 255 255 / .9); }
.r2-sayac__oge b { color: var(--ana); font-weight: 500; }

/* Avantajlar: solda araç görseli */
.r2-avantaj { position: relative; overflow: hidden; }
.r2-avantaj__gorsel { position: absolute; left: 0; top: 50%; width: 40%; transform: translateY(-50%); }
.r2-avantaj__gorsel img { width: 100%; height: auto; max-height: 420px; object-fit: contain; object-position: right center; }
.r2-avantaj__ic { display: grid; grid-template-columns: 4fr 6fr; }
.r2-avantaj__liste { grid-column: 2; }
.r2-avantaj__ic--tam { grid-template-columns: 1fr; }
.r2-avantaj__ic--tam .r2-avantaj__liste { grid-column: 1; }
.r2-avantaj__izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 30px; }
.r2-avantaj__ic--tam .r2-avantaj__izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.r2-avantaj__oge { display: grid; align-content: start; gap: 8px; }
.r2-avantaj__ikon { width: 22px; height: 22px; color: #6d737c; }
.r2-avantaj__oge strong { color: var(--koyu); font: 600 .95rem/1.35 var(--baslik-yazi); }
.r2-avantaj__oge p { margin: 0; color: var(--r2-metin); font-size: .8rem; line-height: 1.7; }

/* Markalar */
.r2-marka { padding: clamp(30px, 4vw, 46px) 0; background: var(--r2-gri); }
.r2-marka__ic { display: flex; align-items: center; gap: 30px 60px; }
.r2-marka h2 { flex: none; margin: 0; font-size: 1rem; letter-spacing: .06em; text-transform: uppercase; }
.r2-marka .logo-serit, .r2-marka__liste { flex: 1; min-width: 0; }
.r2-marka__liste { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 20px; }
.r2-marka .kart--referans { aspect-ratio: auto; height: 80px; min-width: 110px; padding: 6px 10px; background: none; border: 0; box-shadow: none; }
.r2-marka .kart--referans img { max-height: 64px; filter: none; opacity: 1; }

/* Yorumlar */
.r2-yorumlar__liste { grid-auto-columns: calc((100% - 24px) / 2); gap: 24px; }
.r2-yorum { position: relative; display: grid; align-content: start; gap: 12px; margin: 0; padding: 22px 24px; border: 1px solid var(--r2-cizgi); background: #fff; }
.r2-yorum::after { content: ""; position: absolute; top: -1px; right: -1px; border-width: 0 26px 26px 0; border-style: solid; border-color: var(--r2-gri) #fff var(--r2-gri) var(--r2-gri); box-shadow: -2px 2px 4px -2px rgb(0 0 0 / .12); }
.r2-yorum__ad { color: var(--koyu); font: 700 .86rem/1.3 var(--baslik-yazi); text-transform: uppercase; }
.r2-yorum blockquote { margin: 0; color: var(--r2-metin); font-size: .84rem; line-height: 1.75; }
.r2-yorum__alt { display: flex; align-items: center; gap: 14px; }
.r2-yorum .avatar { width: 54px; height: 54px; object-fit: contain; background: #fff; }
.r2-yorum__alt > span { display: grid; gap: 4px; }
.r2-yorum__alt small { color: var(--r2-metin); font-size: .74rem; }
.r2-yorum__puan { display: flex; gap: 2px; color: #f5b301; }
.r2-yorum__puan .ik { width: 13px; height: 13px; fill: currentColor; }

/* Blog: büyük + liste */
.r2-blog__ic { display: grid; grid-template-columns: 1.15fr 1fr; gap: 30px; }
.r2-blog__ic--tek { grid-template-columns: 1fr; }
.r2-blog__buyuk { position: relative; display: block; min-height: 320px; overflow: hidden; background: var(--r2-gri); }
.r2-blog__buyuk img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.r2-blog__buyuk:hover img { transform: scale(1.04); }
.r2-blog__buyuk strong { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 22px 20px; background: linear-gradient(180deg, transparent, rgb(0 0 0 / .7)); color: #fff; font: 500 1.15rem/1.35 var(--baslik-yazi); }
.r2-blog__liste { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
.r2-blog__liste li { display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: start; }
.r2-blog__kucuk-gorsel { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--r2-gri); }
.r2-blog__kucuk-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.r2-blog__liste h3 { margin: 0 0 6px; font-size: .92rem; font-weight: 500; line-height: 1.35; }
.r2-blog__liste h3 a:hover { color: var(--ana); }
.r2-blog__liste p { margin: 0; color: var(--r2-metin); font-size: .78rem; line-height: 1.6; }

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

/* Altbilgi */
.tema-rentv2 .r2-alt { padding: 0 0 30px; background: #fff; color: var(--r2-metin); border-top: 1px solid var(--r2-cizgi); }
.r2-alt__vitrin { display: grid; grid-template-columns: 1fr 1fr; background: linear-gradient(180deg, var(--r2-gri) 0 60%, #fff 60%); }
.r2-alt__vitrin-sag { background: linear-gradient(180deg, #eef0f4 0 60%, #fff 60%); }
.r2-alt__vitrin > div { display: grid; place-items: center; padding: 26px 20px 0; }
.r2-alt__vitrin img { width: 100%; max-width: 420px; max-height: 150px; object-fit: contain; }
.r2-alt__cta { display: flex; align-items: center; justify-content: space-between; gap: 18px 40px; margin-top: 40px; padding: 26px 30px; background: var(--koyu); }
.r2-alt__cta h2 { margin: 0; color: #fff; font-size: clamp(1.15rem, 2vw, 1.45rem); }
.r2-alt__cta p { margin: 6px 0 0; color: rgb(255 255 255 / .75); }
.r2-alt__izgara { display: grid; grid-template-columns: 1.6fr .8fr 1.3fr; gap: 30px 50px; padding: 30px 0 20px; }
.r2-alt__marka .logo img { max-height: 46px; max-width: 200px; }
.r2-alt__marka p { margin: 16px 0 0; font-size: .86rem; line-height: 1.75; }
.r2-alt__telif { font-size: .82rem; }
.r2-alt__sosyal { display: flex; gap: 6px; margin-top: 14px; }
.r2-alt__sosyal a { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--r2-cizgi); color: var(--koyu); transition: background var(--gecis), color var(--gecis); }
.r2-alt__sosyal a:hover { background: var(--ana); border-color: var(--ana); color: #fff; }
.r2-alt__sosyal .ik { width: 14px; height: 14px; }
.r2-alt h3 { margin: 8px 0 18px; color: var(--koyu); font-size: 1rem; font-weight: 500; }
.r2-alt__sutun li { margin-bottom: 10px; }
.r2-alt__sutun a { font-size: .85rem; }
.r2-alt__sutun a:hover { color: var(--ana); }
.r2-alt__yasal ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--r2-cizgi); list-style: none; font-size: .8rem; }
.r2-alt__yasal a:hover { color: var(--ana); }

/* Duyarlı */
@media (max-width: 1100px) {
  header.r2-bas .nav { display: none; }
  .r2-bas__sag { margin-left: auto; }
  .r2-bas__menu { display: inline-flex; }
}
@media (max-width: 992px) {
  .r2-rez__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .r2-avantaj__gorsel { display: none; }
  .r2-avantaj__ic { grid-template-columns: 1fr; }
  .r2-avantaj__liste { grid-column: 1; }
  .r2-blog__ic { grid-template-columns: 1fr; }
  .r2-alt__izgara { grid-template-columns: 1fr 1fr; }
  .r2-alt__marka { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .tema-rentv2 { --bas-y: 66px; }
  .r2-ustbar__sag a[href^="mailto"], .r2-ustbar .dil-sec { display: none; }
  .r2-bas__cta { display: none; }
  .r2-logo img { max-height: 40px; max-width: 160px; }
  .tema-rentv2 .manset__ic { justify-content: center; padding: 50px 0 90px; }
  .r2-rez__form { gap: 12px 12px; }
  .r2-avantaj__izgara, .r2-avantaj__ic--tam .r2-avantaj__izgara { grid-template-columns: 1fr; }
  .r2-marka__ic { flex-direction: column; align-items: flex-start; gap: 16px; }
  .r2-marka .logo-serit { width: 100%; }
  .r2-yorumlar__liste { grid-auto-columns: 88%; }
  .r2-blog__liste li { grid-template-columns: 96px 1fr; }
  .r2-alt__vitrin { grid-template-columns: 1fr; }
  .r2-alt__vitrin-sag { display: none; }
  .r2-alt__izgara { grid-template-columns: 1fr; }
  .r2-sayfa-basi__ic { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 420px) {
  .r2-rez__form { grid-template-columns: 1fr; }
}
