/* perav2 — Pera Oto Kiralama */
:root {
	--mavi: #4254c5;
	--mavi-koyu: #3443a6;
	--mavi-acik: #e3e6fa;
	--mavi-orta: #c9d0f2;
	--zemin: #ececf2;
	--kart: #f8f8ff;
	--siyah: #16191a;
	--yazi: #212627;
	--gri: #7a7f85;
	--golge: 0 8px 28px rgba(33, 38, 39, .07);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html.pr-kilit { overflow: hidden; }
body { margin: 0; background: var(--zemin); color: var(--yazi); font: 400 16px/1.55 "Inter", system-ui, sans-serif; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
svg { display: block; }
.pr-kap { width: min(1250px, 100% - 48px); margin-inline: auto; }

/* Düğmeler */
.pr-dugme, .pr-dugme-acik, .pr-dugme-cerceve { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border: 0; border-radius: 8px; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; transition: background-color .2s, color .2s, border-color .2s; }
.pr-dugme { background: var(--mavi); color: #fff; }
.pr-dugme:hover { background: var(--mavi-koyu); }
.pr-dugme-acik { min-height: 40px; padding: 0 18px; background: var(--mavi-orta); color: var(--yazi); font-size: 14px; }
.pr-dugme-acik:hover { background: var(--mavi); color: #fff; }
.pr-dugme-cerceve { min-height: 44px; border: 1px solid var(--mavi); background: var(--mavi-acik); }
.pr-dugme-cerceve:hover { background: var(--mavi); color: #fff; }
.pr-dugme-tam { display: flex; width: 100%; }
.pr-dugme-yesil { background: #2eb84f; }
.pr-dugme-yesil:hover { background: #249a41; }
.pr-dugme-yesil svg { width: 18px; }

/* Üst menü */
.pr-ust { position: sticky; top: 0; z-index: 50; background: var(--kart); border-radius: 0 0 16px 16px; box-shadow: 0 3px 16px rgba(33, 38, 39, .1); }
.pr-ust-ic { display: flex; align-items: center; gap: 40px; min-height: 72px; }
.pr-logo img { width: 133px; }
.pr-menu { display: flex; gap: 30px; margin-right: auto; }
.pr-menu a { font-size: 16px; font-weight: 600; color: var(--yazi); padding: 8px 0; transition: color .2s; white-space: nowrap; }
.pr-menu a:hover { color: var(--mavi); }
.pr-ust-sag { display: flex; gap: 6px; margin-left: auto; }
.pr-ust-dugme { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: none; border-radius: 8px; transition: color .2s; }
.pr-ust-dugme svg { width: 22px; }
.pr-ust-dugme:hover { color: var(--mavi); }
.pr-menu-dugme { display: none; }

/* Açılış */
.pr-acilis { position: relative; overflow: hidden; background: var(--kart); padding: 56px 0 170px; }
.pr-acilis-yol { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.pr-acilis-pin { position: absolute; top: 12px; left: 86.300%; width: 28px; height: auto; }
.pr-acilis-ic { position: relative; display: grid; grid-template-columns: 4fr 7fr; align-items: center; gap: 24px; }
.pr-acilis-yazi h1 { font-size: 61px; line-height: 1.12; font-weight: 700; color: var(--siyah); letter-spacing: -.01em; }
.pr-acilis-yazi h1 span { display: block; color: var(--mavi); }
.pr-acilis-yazi p { margin: 16px 0 24px; font-weight: 300; color: var(--gri); }
.pr-acilis-arac img { width: min(620px, 100%); margin-inline: auto; }

/* Rezervasyon kutusu */
.pr-kutu-alan { position: relative; z-index: 2; margin-top: -110px; }
.pr-rez { padding: 40px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); }
.pr-rez-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 14px 24px; background: var(--mavi-acik); border-radius: 10px; }
.pr-rez-alan label { min-width: 0; display: block; }
.pr-rez-alan small { display: block; font-size: 13px; color: var(--gri); margin-bottom: 2px; }
.pr-rez-giris { display: flex; align-items: center; gap: 8px; color: var(--yazi); }
.pr-rez-giris svg { flex: none; width: 18px; color: var(--mavi); }
.pr-rez-giris input, .pr-rez-giris select { width: 100%; min-width: 0; height: 30px; padding: 0; border: 0; outline: 0; background: none; font-size: 16px; font-weight: 500; }
.pr-rez-giris input::placeholder { color: #595e63; opacity: 1; }
.pr-rez-giris select { appearance: none; -webkit-appearance: none; cursor: pointer; }
.pr-rez-alt { display: grid; grid-template-columns: 1fr 1fr 190px; align-items: center; gap: 24px; margin-top: 24px; }
.pr-rez-zaman { grid-template-columns: 1.5fr 1fr; position: relative; }
.pr-rez-zaman::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 60%; width: 1px; background: #bcc3e6; }
.pr-rez-gonder { min-height: 64px; padding: 0 16px; }

/* Bölümler */
.pr-bolum { padding: 40px 0; }
.pr-bolum-ilk { padding-top: 0; }
.pr-bolum-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.pr-bolum-bas h2 { font-size: 36px; line-height: 1.2; font-weight: 700; color: var(--siyah); }

/* Avantajlar */
.pr-avantaj { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pr-avantaj-kart { display: flex; align-items: center; gap: 24px; padding: 28px 32px; background: var(--kart); border-radius: 12px; box-shadow: var(--golge); }
.pr-avantaj-kart svg { flex: none; width: 52px; }
.pr-avantaj-kart h4 { font-size: 24px; line-height: 1.25; font-weight: 500; color: var(--siyah); margin-bottom: 6px; }
.pr-avantaj-kart p { font-size: 14px; color: var(--gri); }
a.pr-avantaj-kart:hover h4 { color: var(--mavi); }

/* Araç kartları */
.pr-oklar { display: flex; gap: 2px; }
.pr-oklar button { width: 44px; height: 36px; display: grid; place-items: center; border: 0; background: var(--mavi); color: #fff; transition: background-color .2s; }
.pr-oklar button:first-child { border-radius: 8px 0 0 8px; }
.pr-oklar button:last-child { border-radius: 0 8px 8px 0; }
.pr-oklar button:hover { background: var(--mavi-koyu); }
.pr-oklar svg { width: 18px; }
.pr-kaydirici { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 64px) / 3); column-gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 4px 24px; margin: -4px -4px -24px; }
.pr-kaydirici::-webkit-scrollbar { display: none; }
.pr-kaydirici > * { scroll-snap-align: start; }
.pr-arac { display: flex; flex-direction: column; padding: 24px; background: var(--kart); border-radius: 12px; box-shadow: var(--golge); }
.pr-arac-resim { display: flex; align-items: center; justify-content: center; height: 220px; margin-bottom: 24px; overflow: hidden; }
.pr-arac-resim img { max-height: 100%; width: auto; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s; }
.pr-arac:hover .pr-arac-resim img { transform: scale(1.03); }
.pr-arac h3 { font-size: 20px; line-height: 1.3; font-weight: 500; color: var(--siyah); margin-bottom: 6px; }
.pr-arac h3 a:hover { color: var(--mavi); }
.pr-arac-yil { font-size: 15px; color: #595e63; margin-bottom: 24px; }
.pr-arac-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.pr-arac-alt small { display: block; font-size: 15px; font-weight: 500; color: #595e63; margin-bottom: 4px; }
.pr-arac-alt strong { font-size: 18px; font-weight: 500; color: var(--siyah); }
.pr-arac-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px 24px; }
.pr-arac-kucuk .pr-arac-resim { height: 170px; margin-bottom: 20px; }
.pr-arac-kucuk h3 { font-size: 18px; min-height: 24px; }
.pr-arac-ozellik { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 2px 0 20px; font-size: 14px; color: var(--gri); }
.pr-arac-ozellik span { display: inline-flex; align-items: center; gap: 6px; }
.pr-arac-ozellik svg { width: 16px; }
.pr-arac-kucuk .pr-dugme { margin-top: auto; }

/* Samsun bandı */
.pr-bant { position: relative; overflow: hidden; margin: 40px 0; padding: 56px 0; background: #bfe3e4; }
.pr-bant-bulut, .pr-bant-yol { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.pr-bant-ic { position: relative; display: grid; grid-template-columns: 3.4fr 8fr; align-items: center; gap: 32px; }
.pr-bant-yazi img { width: 177px; margin-bottom: 32px; }
.pr-bant-il span, .pr-bant-ad span { display: inline-block; padding: 2px 16px; background: var(--zemin); font-size: 61px; font-weight: 700; line-height: 1.16; }
.pr-bant-il { margin-bottom: 28px; color: var(--mavi); }
.pr-bant-ad { margin-bottom: 16px; color: var(--siyah); }
.pr-bant-ad span { display: table; }
.pr-bant-resim { position: relative; display: grid; grid-template-columns: 263fr 410fr 263fr; align-items: center; gap: 0; max-width: 780px; margin-left: auto; padding: 0; }
.pr-bant-resim i { position: absolute; inset: 18% -3% 6%; border-radius: 30px; background: #a9d2e5; border: 2px solid #fff; }
.pr-bant-resim img { position: relative; width: 100%; aspect-ratio: 263 / 440; object-fit: cover; border: 4px solid #fff; border-radius: 28px; }
.pr-bant-resim img:nth-of-type(1) { z-index: 1; margin-right: -2%; width: 88%; justify-self: end; }
.pr-bant-resim img:nth-of-type(2) { z-index: 2; aspect-ratio: 410 / 628; }
.pr-bant-resim img:nth-of-type(3) { z-index: 1; width: 88%; }

/* Tanıtım */
.pr-tanitim { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; padding: 64px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); }
.pr-tanitim h5, .pr-yorum-bas h5 { font-size: 18px; font-weight: 500; color: var(--mavi); margin-bottom: 14px; }
.pr-tanitim h2 { font-size: 36px; line-height: 1.2; font-weight: 700; color: var(--siyah); margin-bottom: 8px; }
.pr-tanitim > div > p { color: var(--gri); margin-bottom: 24px; }
.pr-tanitim > img { border-radius: 20px; box-shadow: var(--golge); }
.pr-sayac { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.pr-sayac > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; background: var(--zemin); border-radius: 12px; }
.pr-sayac b { display: block; font-size: 36px; line-height: 1.15; font-weight: 700; color: var(--mavi); }
.pr-sayac span { font-size: 18px; font-weight: 500; line-height: 1.3; color: var(--siyah); }
.pr-sayac svg { flex: none; width: 46px; }
.pr-tanitim-alt { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.pr-tanitim-alt h5 { margin: 0; font-size: 18px; font-weight: 500; color: var(--siyah); }
.pr-tanitim-alt .pr-dugme { flex: none; }

/* Yorumlar */
.pr-yorum-alan { display: grid; grid-template-columns: 4fr 7fr; align-items: center; gap: 72px; padding: 64px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); }
.pr-yorum-bas h2 { font-size: 61px; line-height: 1.15; font-weight: 700; color: var(--siyah); }
.pr-yorum-sag { min-width: 0; }
.pr-yorumlar { grid-auto-columns: 100%; column-gap: 24px; padding: 0; margin: 0 0 16px; }
.pr-yorum { padding: 32px; background: var(--zemin); border-radius: 12px; }
.pr-yorum-harf { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 24px; border-radius: 50%; background: var(--mavi); color: #fff; font-size: 22px; font-style: normal; font-weight: 600; }
.pr-yorum p { color: var(--yazi); margin-bottom: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.pr-yorum h5 { font-size: 18px; font-weight: 500; margin-bottom: 8px; }
.pr-yildiz { display: flex; gap: 3px; }
.pr-yildiz svg { width: 17px; }
.pr-yorum-sag .pr-oklar { justify-content: flex-end; }

/* Blog */
.pr-blog-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pr-blog { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; padding: 24px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); }
.pr-blog-resim { display: block; height: 300px; overflow: hidden; border-radius: 12px; }
.pr-blog-resim img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.pr-blog:hover .pr-blog-resim img { transform: scale(1.03); }
.pr-blog > div { min-width: 0; }
.pr-blog-tarih { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #595e63; margin-bottom: 20px; }
.pr-blog-tarih svg { width: 18px; }
.pr-blog h3, .pr-blog h2 { font-size: 18px; line-height: 1.35; font-weight: 600; color: var(--siyah); margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.pr-blog h3 a:hover, .pr-blog h2 a:hover { color: var(--mavi); }
.pr-blog > div > p:not(.pr-blog-tarih) { font-size: 15px; color: var(--gri); margin-bottom: 20px; }

/* Sayfa başı */
.pr-sayfa-bas { padding: 40px 0 36px; }
.pr-sayfa-bas .pr-kap { display: flex; align-items: center; justify-content: center; gap: 24px; min-height: 140px; position: relative; }
.pr-sayfa-bas h1, .pr-sayfa-baslik { font-size: 61px; line-height: 1.15; font-weight: 700; color: var(--siyah); text-align: center; }
.pr-sayfa-arac { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 360px; max-height: 140px; object-fit: contain; mix-blend-mode: multiply; }
.pr-sayfa-bas-liste .pr-sayfa-arac, .pr-sayfa-bas-sag .pr-sayfa-arac, .pr-sayfa-bas-arac .pr-sayfa-arac { right: auto; left: 0; }
.pr-sayfa-bas-sag .pr-kap { justify-content: flex-end; }
.pr-sayfa-bas-arac .pr-kap { justify-content: flex-end; }
.pr-sayfa-bas-liste .pr-kap { justify-content: flex-end; }
.pr-sayfa-bas-liste h1 { flex: 1; padding-left: 300px; }

/* Araç seçici */
.pr-secici { position: relative; width: 300px; flex: none; }
.pr-secici-dugme { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: 55px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--kart); font-size: 15px; font-weight: 500; color: #595e63; box-shadow: var(--golge); }
.pr-secici-dugme i { width: 0; height: 0; border-style: solid; border-width: 8px 6px 0; border-color: #6d7277 transparent transparent; transition: transform .2s; }
.pr-secici-dugme[aria-expanded="true"] i { transform: rotate(180deg); }
.pr-secici-liste { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; right: 0; max-height: 400px; overflow-y: auto; padding: 8px; background: var(--kart); border-radius: 10px; box-shadow: 0 14px 34px rgba(33, 38, 39, .18); }
.pr-secici-liste a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; font-size: 14px; font-weight: 500; }
.pr-secici-liste a:hover { background: var(--mavi); color: #fff; }
.pr-secici-liste img { width: 54px; height: 34px; object-fit: contain; background: #fff; border-radius: 4px; }

/* Liste satırları */
.pr-satir { display: grid; grid-template-columns: 5fr 4fr 3fr; align-items: center; gap: 28px; padding: 16px 16px 16px 16px; margin-bottom: 32px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); }
.pr-satir-sol { padding: 16px; background: var(--zemin); border-radius: 16px; }
.pr-satir-sol h2 { font-size: 20px; font-weight: 500; line-height: 1.3; color: var(--siyah); }
.pr-satir-sol h2 a:hover { color: var(--mavi); }
.pr-satir-sol p { font-size: 14px; color: var(--gri); margin: 2px 0 12px; }
.pr-satir-resim { display: flex; align-items: center; justify-content: center; height: 230px; }
.pr-satir-resim img { max-height: 100%; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.pr-satir-tarih { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 18px; font-weight: 500; color: var(--siyah); }
.pr-satir-tarih svg { width: 18px; }
.pr-satir-tarih small { font-size: 14px; color: var(--gri); font-weight: 400; }
.pr-satir-not { margin: 4px 0 24px; font-size: 14px; color: var(--gri); }
.pr-ozellik li { display: flex; gap: 8px; margin-bottom: 14px; }
.pr-ozellik svg { flex: none; width: 18px; margin-top: 2px; color: var(--yazi); }
.pr-ozellik b { display: block; font-size: 14px; font-weight: 500; }
.pr-ozellik span { font-size: 14px; color: var(--gri); }
.pr-satir-sag { display: flex; flex-direction: column; padding-right: 8px; }
.pr-satir-etiket { padding: 8px 14px; margin-bottom: 32px; background: var(--mavi-acik); font-size: 14px; font-weight: 500; }
.pr-satir-sag strong { font-size: 36px; line-height: 1.2; font-weight: 700; color: var(--siyah); }
.pr-satir-sag p { font-size: 14px; margin-bottom: 24px; }
.pr-satir-sag .pr-dugme { margin-bottom: 16px; }
.pr-bos { padding: 48px; text-align: center; background: var(--kart); border-radius: 20px; }
.pr-sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding-top: 16px; }
.pr-sayfalama a { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 8px; border-radius: 8px; background: var(--kart); font-weight: 600; transition: background-color .2s, color .2s; }
.pr-sayfalama a:hover, .pr-sayfalama a.is-secili { background: var(--mavi); color: #fff; }

/* Araç detayı */
.pr-sayfa-bas-arac .pr-sayfa-arac { width: 340px; }
.pr-rez-duzen { display: grid; grid-template-columns: 2fr 1fr; align-items: start; gap: 32px; }
.pr-adimlar { display: flex; align-items: center; gap: 24px; padding: 14px 24px; margin-bottom: 24px; background: var(--kart); border-radius: 12px; box-shadow: var(--golge); }
.pr-adimlar li { display: flex; flex: 1; align-items: center; gap: 10px; font-size: 20px; font-weight: 500; white-space: nowrap; color: var(--siyah); }
.pr-adimlar li::after { content: ""; flex: 1; height: 1px; background: #c6cbd2; }
.pr-adimlar li:last-child { flex: 0 1 auto; }
.pr-adimlar li:last-child::after { display: none; }
.pr-adimlar i { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%; border: 1px solid var(--yazi); font-style: normal; font-size: 16px; }
.pr-adimlar .is-tamam i, .pr-adimlar .is-aktif i { background: var(--mavi); border-color: var(--mavi); color: #fff; }
.pr-adimlar svg { width: 16px; }
.pr-rez-form-kutu { padding: 32px 24px; margin-bottom: 32px; background: var(--kart); border-radius: 16px; box-shadow: var(--golge); }
.pr-rez-form-kutu h2 { font-size: 28px; font-weight: 500; color: var(--siyah); margin-bottom: 28px; }
.pr-rez-form-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.pr-rez-form-alan label { display: block; padding: 8px 16px; background: var(--mavi-acik); border-radius: 8px; }
.pr-rez-form-alan small { display: block; font-size: 13px; color: #595e63; }
.pr-rez-form-alan input { width: 100%; height: 30px; padding: 0; border: 0; outline: 0; background: none; font-weight: 500; }
.pr-rez-form-kutu p { font-size: 14px; color: var(--gri); }
.pr-rez-form-kutu p a { color: var(--mavi); font-weight: 500; }
.pr-arac-ozet { overflow: hidden; border-radius: 16px; background: var(--kart); box-shadow: var(--golge); }
.pr-arac-ozet > h2, .pr-arac-bilgi > h2 { padding: 14px 24px; background: var(--mavi-orta); font-size: 24px; font-weight: 500; color: var(--siyah); }
.pr-arac-ozet-ic { padding: 24px; }
.pr-arac-ozet h3 { font-size: 20px; font-weight: 500; color: var(--siyah); }
.pr-arac-ozet-ic > p { margin: 4px 0 8px; font-size: 14px; color: var(--gri); }
.pr-arac-ozet img { display: block; width: auto; max-height: 180px; margin: 0 auto 8px; mix-blend-mode: multiply; }
.pr-arac-ozet summary { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-bottom: 8px; color: var(--mavi); font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
.pr-arac-ozet summary::-webkit-details-marker { display: none; }
.pr-arac-ozet summary svg { width: 14px; transition: transform .2s; }
.pr-arac-ozet details[open] summary svg { transform: rotate(-90deg); }
.pr-arac-bilgi { overflow: hidden; background: var(--kart); border-radius: 16px; box-shadow: var(--golge); }
.pr-arac-bilgi > h2 { font-size: 20px; }
.pr-arac-bilgi > h2 small { font-size: 15px; }
.pr-arac-bilgi .pr-serbest { padding: 24px; }
.pr-arac-bilgi .TechSpecsComparator__subCategories { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.pr-arac-bilgi .TechSpecsComparator__element { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-bottom: 1px solid var(--zemin); }
.pr-arac-bilgi .TechSpecsComparator__element:empty { display: none; }
.pr-arac-bilgi .TechSpecsComparator__element p { margin: 0; color: var(--gri); }
.pr-arac-bilgi .TechSpecsComparator__element span { font-weight: 500; text-align: right; }

/* İletişim */
.pr-iletisim { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 32px; margin-bottom: 24px; }
.pr-iletisim-kart { position: relative; padding: 20px 56px 20px 62px; background: var(--kart); border-radius: 12px; box-shadow: var(--golge); }
.pr-iletisim-kart > svg { position: absolute; left: 22px; top: 50%; width: 26px; height: 26px; margin-top: -13px; color: var(--mavi); }
.pr-iletisim-kart small { display: block; font-size: 14px; color: #9ea2a8; }
.pr-iletisim-kart a, .pr-iletisim-kart span { display: block; font-size: 24px; line-height: 1.3; font-weight: 500; color: var(--siyah); overflow-wrap: anywhere; }
.pr-iletisim-kart a:hover { color: var(--mavi); }
.pr-iletisim-adres { grid-column: 1 / -1; }
.pr-harita { max-width: 66.666%; margin-inline: auto; }
.pr-harita iframe { display: block; width: 100%; height: 450px; border: 0; border-radius: 12px; }

/* Hakkımızda */
.pr-hakkinda { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 32px; }
.pr-hakkinda-resim { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 28px; }
.pr-hakkinda-resim img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; box-shadow: var(--golge); }
.pr-hakkinda-kutu { padding: 24px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); text-align: center; }
.pr-hakkinda-kutu > h2 { font-size: 24px; line-height: 1.3; font-weight: 500; color: var(--siyah); margin-bottom: 16px; }
.pr-hakkinda-kutu > p { margin-bottom: 32px; }
.pr-hizmetler { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; text-align: left; }
.pr-hizmetler > div { padding: 32px; background: var(--zemin); border-radius: 24px; }
.pr-hizmetler svg { width: 52px; height: 40px; margin-bottom: 16px; }
.pr-hizmetler h3 { font-size: 20px; line-height: 1.3; font-weight: 500; color: var(--siyah); }

/* Yazı alanları */
.pr-yazi-kutu { padding: 24px 24px 32px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); min-width: 0; }
.pr-yazi-kutu > h2 { font-size: 36px; font-weight: 500; margin-bottom: 8px; color: var(--siyah); }
.pr-yazi-kutu > .pr-yazi-kucuk { font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--zemin); }
.pr-yazi-dar { max-width: 1040px; }
.pr-yazi-baslik { font-size: 26px; line-height: 1.3; font-weight: 500; color: var(--siyah); margin-bottom: 20px; }
.pr-serbest { font-size: 15px; line-height: 1.65; overflow-wrap: break-word; }
.pr-serbest p { margin: 10px 0; }
.pr-serbest h1, .pr-serbest h2 { font-size: 30px; line-height: 1.25; margin: 22px 0 12px; color: var(--siyah); }
.pr-serbest h3 { font-size: 24px; line-height: 1.3; margin: 18px 0 12px; color: var(--siyah); }
.pr-serbest h4, .pr-serbest h5, .pr-serbest h6 { font-size: 20px; margin: 18px 0 10px; color: var(--siyah); }
.pr-serbest ul, .pr-serbest ol { padding-left: 22px; margin: 10px 0; }
.pr-serbest ul { list-style: disc; }
.pr-serbest ol { list-style: decimal; }
.pr-serbest a { color: var(--mavi); }
.pr-serbest table { width: 100%; border-collapse: collapse; }
.pr-serbest td, .pr-serbest th { padding: 8px; border: 1px solid var(--zemin); }
.pr-yazi-resimli img { margin: 20px 0; border-radius: 10px; width: 100%; height: auto; }
.pr-soz-duzen { display: grid; grid-template-columns: 1fr 2fr; align-items: start; gap: 32px; }
.pr-soz-menu { padding: 24px; background: var(--kart); border-radius: 20px; box-shadow: var(--golge); }
.pr-soz-menu h2 { font-size: 20px; font-weight: 500; color: var(--siyah); margin-bottom: 16px; }
.pr-soz-menu a { display: block; padding: 6px 0; font-size: 16px; color: #595e63; }
.pr-soz-menu a:hover, .pr-soz-menu a.is-secili { color: var(--mavi); }
.pr-soz-menu hr { border: 0; border-top: 1px solid var(--zemin); margin: 20px 0; }

/* Alt bilgi */
.pr-alt { margin-top: 40px; padding: 40px 0; background: var(--kart); font-size: 14px; }
.pr-alt-ic { display: grid; grid-template-columns: 3fr 2fr 2.200fr 4fr; gap: 32px; }
.pr-alt-tanitim img { width: 177px; margin-bottom: 16px; }
.pr-alt-tanitim p { color: var(--gri); line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }
.pr-alt h4 { font-size: 24px; font-weight: 500; color: var(--siyah); margin-bottom: 20px; }
.pr-alt li { margin-bottom: 14px; }
.pr-alt li a:hover { color: var(--mavi); }
.pr-alt-satir { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 8px; }
.pr-alt-satir svg { flex: none; width: 20px; margin-top: 1px; }
.pr-alt-tel { align-items: center; font-size: 27px; line-height: 1.2; color: var(--mavi); }
.pr-alt-tel svg { color: var(--yazi); }
.pr-alt h6 { margin: 22px 0 8px; font-size: 14px; font-weight: 500; }
.pr-sosyal { display: flex; gap: 12px; margin-bottom: 24px; }
.pr-sosyal a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: var(--mavi); color: #fff; transition: background-color .2s; }
.pr-sosyal a:hover { background: var(--mavi-koyu); }
.pr-sosyal svg { width: 22px; }

/* Açılır katmanlar */
.pr-arama, .pr-cekmece, .pr-acilir { position: fixed; inset: 0; z-index: 100; }
.pr-arama-zemin, .pr-cekmece-zemin, .pr-acilir-zemin { position: absolute; inset: 0; background: rgba(22, 25, 26, .72); }
.pr-arama-form { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: min(640px, 100% - 40px); padding: 8px; background: #fff; border-radius: 12px; }
.pr-arama-form input { flex: 1; min-width: 0; padding: 0 16px; border: 0; outline: 0; font-size: 18px; }
.pr-arama-form button { display: grid; place-items: center; width: 56px; height: 56px; border: 0; border-radius: 8px; background: var(--mavi); color: #fff; }
.pr-arama-form svg { width: 22px; }
.pr-cekmece-ic { position: absolute; top: 0; left: 0; bottom: 0; width: min(330px, 86%); overflow-y: auto; padding: 24px; background: var(--kart); }
.pr-cekmece-kapat { position: absolute; top: 16px; right: 12px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: none; }
.pr-cekmece-kapat svg { width: 24px; }
.pr-cekmece nav { margin: 24px 0; }
.pr-cekmece nav a { display: block; padding: 14px 0; border-bottom: 1px solid var(--zemin); font-weight: 600; }
.pr-acilir-ic { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(500px, 100% - 40px); }
.pr-acilir-ic img { width: 100%; border-radius: 15px; }
.pr-acilir-ic button { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; }
.pr-acilir-ic svg { width: 22px; }
.pr-sabit-tel { position: fixed; z-index: 40; right: 16px; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.pr-sabit-tel span { position: relative; padding: 4px 7px; border-radius: 50px; background: #000; color: #fff; font-size: 8px; font-weight: 700; letter-spacing: .4px; line-height: 10px; }
.pr-sabit-tel i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--mavi); color: #fff; box-shadow: 1px 1px 6px rgba(60, 60, 60, .4); transition: background-color .2s; }
.pr-sabit-tel:hover i { background: var(--mavi-koyu); }
.pr-sabit-tel svg { width: 24px; }

/* Duyarlı */
@media (max-width: 1199px) {
	.pr-menu { gap: 20px; }
	.pr-menu a { font-size: 15px; }
	.pr-ust-ic { gap: 24px; }
	.pr-avantaj { gap: 20px; }
	.pr-avantaj-kart { padding: 22px; gap: 16px; }
	.pr-avantaj-kart h4 { font-size: 20px; }
	.pr-arac-izgara { grid-template-columns: repeat(3, 1fr); }
	.pr-rez-alt { grid-template-columns: 1fr 1fr; }
	.pr-rez-gonder { grid-column: 1 / -1; }
	.pr-tanitim, .pr-yorum-alan { grid-template-columns: 1fr; padding: 40px; gap: 32px; }
	.pr-yorum-bas h2 { font-size: 44px; }
	.pr-blog-izgara { grid-template-columns: 1fr; }
	.pr-blog-resim { height: 260px; }
	.pr-satir { grid-template-columns: 1fr 1fr; }
	.pr-satir-sag { grid-column: 1 / -1; padding: 0 8px 8px; }
	.pr-satir-etiket { margin-bottom: 12px; }
	.pr-rez-duzen, .pr-soz-duzen, .pr-hakkinda { grid-template-columns: 1fr; }
	.pr-harita { max-width: none; }
	.pr-alt-ic { grid-template-columns: 1fr 1fr 1fr; }
	.pr-alt-iletisim { grid-column: 1 / -1; }
	.pr-sayfa-arac { width: 240px; }
	.pr-sayfa-bas h1, .pr-sayfa-baslik { font-size: 44px; }
	.pr-sayfa-bas-liste h1 { padding-left: 200px; }
	.pr-bant-il span, .pr-bant-ad span { font-size: 44px; }
}
@media (max-width: 899px) {
	.pr-menu { display: none; }
	.pr-menu-dugme { display: grid; }
	.pr-ust-ic { min-height: 64px; }
	.pr-acilis { padding: 32px 0 130px; }
	.pr-acilis-ic { grid-template-columns: 1fr; }
	.pr-acilis-yazi h1 { font-size: 44px; }
	.pr-acilis-pin { display: none; }
	.pr-acilis-yol { display: none; }
	.pr-rez { padding: 20px; }
	.pr-avantaj { grid-template-columns: 1fr; }
	.pr-bolum-bas h2 { font-size: 28px; }
	.pr-kaydirici { grid-auto-columns: calc((100% - 20px) / 2); column-gap: 20px; }
	.pr-yorumlar { grid-auto-columns: 100%; }
	.pr-arac-izgara { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.pr-bant-ic { grid-template-columns: 1fr; }
	.pr-bant-resim { margin: 0 auto; width: 100%; }
	.pr-bant-yol { display: none; }
	.pr-iletisim { grid-template-columns: 1fr; }
	.pr-iletisim-kart { padding: 18px 22px 18px 60px; }
	.pr-iletisim-kart a, .pr-iletisim-kart span { font-size: 20px; }
	.pr-sayfa-bas .pr-kap { flex-direction: column; min-height: 0; }
	.pr-sayfa-arac, .pr-sayfa-bas-arac .pr-sayfa-arac { position: static; transform: none; order: -1; width: 220px; max-height: 110px; }
	.pr-sayfa-bas-liste h1 { padding-left: 0; flex: none; }
	.pr-secici { display: none; }
}
@media (max-width: 639px) {
	.pr-kap { width: calc(100% - 32px); }
	.pr-acilis-yazi h1, .pr-sayfa-bas h1, .pr-sayfa-baslik { font-size: 36px; }
	.pr-rez-alan { grid-template-columns: 1fr; gap: 12px; padding: 12px 16px; }
	.pr-rez-zaman { grid-template-columns: 1.5fr 1fr; gap: 16px; }
	.pr-rez-alt { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
	.pr-bolum { padding: 28px 0; }
	.pr-bolum-ilk { padding-top: 0; }
	.pr-bolum-bas .pr-dugme { min-height: 42px; padding: 0 14px; font-size: 14px; }
	.pr-kaydirici { grid-auto-columns: 84%; column-gap: 16px; }
	.pr-yorumlar { grid-auto-columns: 100%; }
	.pr-arac-resim { height: 180px; }
	.pr-arac-kucuk { padding: 14px; }
	.pr-arac-kucuk .pr-arac-resim { height: 110px; margin-bottom: 12px; }
	.pr-arac-kucuk h3 { font-size: 15px; min-height: 40px; }
	.pr-arac-ozellik { font-size: 12px; margin-bottom: 14px; }
	.pr-arac-kucuk .pr-dugme { min-height: 42px; }
	.pr-bant { padding: 36px 0; margin: 24px 0; }
	.pr-bant-yazi img { width: 133px; margin-bottom: 20px; }
	.pr-bant-il span, .pr-bant-ad span { font-size: 36px; }
	.pr-bant-il { margin-bottom: 14px; }
	.pr-tanitim, .pr-yorum-alan { padding: 20px; }
	.pr-tanitim h2 { font-size: 28px; }
	.pr-sayac { grid-template-columns: 1fr; gap: 12px; }
	.pr-tanitim-alt { flex-direction: column; align-items: flex-start; gap: 14px; }
	.pr-yorum-bas h2 { font-size: 34px; }
	.pr-yorum { padding: 20px; }
	.pr-blog { grid-template-columns: 1fr; padding: 16px; gap: 14px; }
	.pr-blog-resim { height: 220px; }
	.pr-satir { grid-template-columns: 1fr; gap: 16px; padding: 12px; margin-bottom: 20px; }
	.pr-satir-resim { height: 180px; }
	.pr-satir-orta { padding: 0 8px; }
	.pr-adimlar { gap: 10px; padding: 12px; }
	.pr-adimlar li { flex: 0 0 auto; font-size: 13px; white-space: normal; gap: 6px; }
	.pr-adimlar li::after { display: none; }
	.pr-adimlar i { width: 26px; height: 26px; font-size: 13px; }
	.pr-rez-form-kutu h2 { font-size: 22px; margin-bottom: 18px; }
	.pr-rez-form-alan { grid-template-columns: 1fr; gap: 14px; }
	.pr-arac-bilgi .TechSpecsComparator__subCategories { grid-template-columns: 1fr; }
	.pr-hakkinda-resim { gap: 14px; }
	.pr-hizmetler { gap: 12px; }
	.pr-hizmetler > div { padding: 18px; border-radius: 16px; }
	.pr-hizmetler h3 { font-size: 16px; }
	.pr-yazi-kutu > h2 { font-size: 28px; }
	.pr-alt-ic { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
	.pr-alt-tanitim, .pr-alt-iletisim { grid-column: 1 / -1; }
	.pr-alt-tel { font-size: 24px; }
	.pr-harita iframe { height: 340px; }
}