/*! Powered by Seal */
/* Seal Rent A Car – açık renkli, lüks tasarım. Marka turuncusu logodan (#E9500A). */
:root{
  --turuncu:#E9500A; --turuncu-k:#C94408; --turuncu-a:#FDF0E8;
  --murekkep:#111111; --gri:#F9F9F9; --cizgi:#ECECEC; --soluk:#6B6B6B;
  --r:18px; --golge:0 24px 60px -30px rgba(17,17,17,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Plus Jakarta Sans",system-ui,sans-serif;background:#fff;color:var(--murekkep);line-height:1.6;overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text} /* kopyalama koruması: form alanları serbest */
body.kilit{overflow:hidden}
img{max-width:100%;display:block;-webkit-user-drag:none}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
ul{list-style:none}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
em{font-style:normal;color:var(--turuncu)}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px}
[hidden]{display:none!important}
section{scroll-margin-top:130px}

/* Önyükleyici */
.preloader{position:fixed;inset:0;z-index:500;background:#fff;display:grid;place-items:center;transition:opacity .9s cubic-bezier(.4,0,.2,1) .15s,visibility 1.05s}
.preloader.bitti{opacity:0;visibility:hidden}
.gecis .preloader{transition-duration:.15s;transition-delay:0s}.gecis .pl-ic{display:none}
.pl-ic{display:grid;gap:26px;justify-items:center;padding:0 24px;text-align:center;transition:transform 1s cubic-bezier(.4,0,.2,1),filter 1s,opacity .8s}
.pl-ic img{height:clamp(56px,9vw,96px);width:auto;animation:plGel 1s cubic-bezier(.2,.8,.2,1) both}
.pl-slogan{font-size:clamp(1.5rem,4vw,2.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--murekkep);max-width:min(28ch,100%);text-wrap:balance;opacity:0} /* açılış ekranı çerez bandının da üstünde */
.pl-slogan .vurgu,.pl-slogan em{color:var(--turuncu);font-style:normal}
.preloader.hazir .pl-slogan{animation:plGel 1s .3s cubic-bezier(.2,.8,.2,1) both}
.preloader.bitti .pl-ic{transform:scale(1.12);filter:blur(8px);opacity:0}
@keyframes plGel{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.pl-cizgi{width:160px;height:2px;background:var(--cizgi);overflow:hidden;border-radius:2px}
.pl-cizgi i{display:block;height:100%;width:40%;background:var(--turuncu);animation:plKay 1.1s ease-in-out infinite}
@keyframes plKay{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
@keyframes plNefes{50%{opacity:.55;transform:scale(.97)}}

/* Butonlar: arka plan soldan kayarak dolar */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-weight:700;font-size:.95rem;overflow:hidden;isolation:isolate;border:1px solid transparent}
.btn span{display:inline-flex;align-items:center;gap:10px}
.kayan::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}
.kayan:hover::before{transform:none}
.btn-ana{background:var(--turuncu);color:#fff}
.btn-ana::before{background:var(--turuncu-k)}
.btn-cam{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(8px)}
.btn-cam::before{background:#fff}
.btn-cam:hover{color:var(--murekkep)}
.btn-cizgi{border-color:var(--cizgi);color:var(--murekkep);background:#fff}
.btn-cizgi::before{background:var(--turuncu)}
.btn-cizgi:hover{color:#fff;border-color:var(--turuncu)}
.btn,.btn span{transition:color .3s}

/* Üst menü: buzlu cam, kayınca daha opak */
.ust{position:fixed;inset:0 0 auto;z-index:100;padding:14px 0;transition:padding .3s}
.ust-ic{display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:0;border-radius:999px;padding:8px 10px 8px 24px;box-shadow:0 10px 40px -20px rgba(17,17,17,.4);transition:background .3s}
.ust.kaydi{padding:8px 0}
.ust.kaydi .ust-ic{background:rgba(255,255,255,.9)}
.logo{display:flex;align-items:center;flex:none}
/* Yaprak yazıdan uzun: yazının orta çizgisi menü yazılarıyla aynı hizaya gelsin diye logo biraz yukarı alınır */
.logo img{height:30px;width:auto;display:block;transform:translateY(-16%)}
.menu{display:flex;align-items:center;gap:4px;margin-inline:auto}
.menu>a,.dd-kap>a{display:flex;align-items:center;gap:4px;padding:10px 14px;font-weight:600;font-size:.93rem;border-radius:999px;transition:color .2s}
.menu>a:hover,.dd-kap>a:hover{color:var(--turuncu)}
.ok-a{width:14px;height:14px;transition:transform .2s}
.dd-kap{position:relative}
.dd{position:absolute;top:100%;left:0;min-width:240px;padding:10px;margin-top:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid var(--cizgi);border-radius:16px;box-shadow:var(--golge);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}
.dd::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.dd-kap:hover .dd,.dd-kap:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd-kap:hover .ok-a{transform:rotate(180deg)}
.dd a{display:block;padding:10px 14px;border-radius:10px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s,padding .2s}
.dd a:hover{background:var(--turuncu-a);color:var(--turuncu);padding-left:20px}
.yardim{display:flex;align-items:center;gap:12px;padding-right:8px}
.yardim-ikon{width:44px;height:44px;border-radius:50%;background:var(--turuncu);color:#fff;display:grid;place-items:center}
.yardim small{display:block;font-size:.75rem;color:#333;line-height:1.2}
.yardim b{font-size:.98rem;white-space:nowrap}
/* Dil ve para birimi seçimi */
.secimler{display:flex;gap:6px}
.secimler select,.secimler .secim{appearance:none;-webkit-appearance:none;height:40px;padding:0 30px 0 14px;border-radius:999px;border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .2s}
.secimler select:hover,.secimler select:focus{border-color:var(--turuncu);outline:0}
.cekmece-secim{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cekmece-secim label{display:grid;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.cekmece-secim select,.cekmece-secim .secim{width:100%;height:48px;text-transform:none;letter-spacing:0;color:var(--murekkep);font-size:.95rem}
.kur-not{display:block;margin-top:4px;font-size:.78rem;opacity:.85}
.hamburger{display:none;width:46px;height:46px;border-radius:50%;background:var(--turuncu);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.hamburger i{width:18px;height:2px;background:#fff;border-radius:2px}
.cekmece{position:fixed;inset:0;z-index:150;background:rgba(17,17,17,.4);backdrop-filter:blur(4px)}
.cekmece-ic{position:absolute;inset:0 0 0 auto;width:min(360px,88vw);background:#fff;padding:72px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;animation:cekGel .35s cubic-bezier(.2,.8,.2,1)}
@keyframes cekGel{from{transform:translateX(100%)}}
.cekmece-kapat{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--gri);font-size:0;color:var(--murekkep)}
.cekmece-kapat::before,.cekmece-kapat::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.cekmece-kapat::after{transform:rotate(-45deg)}
.cekmece nav{display:grid}
.cekmece nav a{padding:14px 4px;border-bottom:1px solid var(--cizgi);font-weight:600;font-size:1.05rem}
.cekmece nav a.alt-l{padding-left:18px;font-weight:500;font-size:.95rem;color:var(--soluk)}

/* Hero: tam ekran, yavaş yakınlaşan (Ken Burns) slayt */
.hero{position:relative;height:100svh;min-height:640px;color:#fff;overflow:hidden;background:var(--murekkep)}
.hero-slaytlar,.slayt{position:absolute;inset:0}
.slayt{opacity:0;transition:opacity 1.2s}
.slayt.aktif{opacity:1}
.slayt img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.slayt.aktif img{animation:kenBurns 8s ease-out forwards}
@keyframes kenBurns{from{transform:scale(1.02)}to{transform:scale(1.14)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.82) 0%,rgba(17,17,17,.35) 55%,rgba(17,17,17,.1)),linear-gradient(0deg,rgba(17,17,17,.6),transparent 40%)}
.hero-icerik{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-top:40px}
.hero-icerik>*{animation:heroGel .9s cubic-bezier(.2,.8,.2,1) both}
/* Açılış ekranı kalkana kadar başlık ve arama formu animasyonları bekler (<html class="acildi">) */
html:not(.acildi) .hero-icerik>*,html:not(.acildi) #rez{animation-play-state:paused}
#rez{animation:rezGel 1s .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes rezGel{from{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:none}}
.hero-icerik>*:nth-child(2){animation-delay:.08s}.hero-icerik>*:nth-child(3){animation-delay:.16s}.hero-icerik>*:nth-child(4){animation-delay:.24s}.hero-icerik>*:nth-child(5){animation-delay:.32s}
@keyframes heroGel{from{opacity:0;transform:translateY(30px)}}
.hero-etiket{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#FDBA74}
.hero h1{font-size:clamp(2.6rem,6.5vw,5.6rem);line-height:1;font-weight:800;letter-spacing:-.03em;max-width:12ch}
.hero-ozet{display:flex;flex-wrap:wrap;gap:10px 22px;color:rgba(255,255,255,.8);font-size:.95rem}
.hero-ozet span{display:inline-flex;align-items:center;gap:8px}
.hero-ozet svg{width:18px;height:18px;color:#FDBA74}
.fiyat-etiket{display:inline-flex;align-items:baseline;gap:6px;width:max-content;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.fiyat-etiket b{font-size:1.5rem}
.hero-butonlar{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-alt{position:absolute;left:0;right:0;bottom:120px;z-index:2;display:flex;align-items:center;gap:24px}
.hero-sayac b{font-size:1.4rem}
.hero-sayac span{color:rgba(255,255,255,.6);margin-left:4px}
.hero-cubuklar{display:flex;gap:8px;flex:1;max-width:420px}
.hero-cubuklar button{flex:1;height:22px;position:relative}
.hero-cubuklar button::before,.hero-cubuklar button i{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:rgba(255,255,255,.25)}
.hero-cubuklar button i{background:#fff;transform-origin:left;transform:scaleX(0)}
.hero-cubuklar button.gecti i{transform:none}
.hero-cubuklar button.aktif i{animation:cubuk 7s linear forwards}
@keyframes cubuk{to{transform:none}}
.hero-oklar{display:flex;gap:10px;margin-left:auto}
.hero-oklar button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff;display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}
.hero-oklar button:hover{background:#fff;color:var(--murekkep)}

/* Yüzen rezervasyon formu: hero'nun altına yarı biner */
.cam{background:rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.7)}
.rez{position:relative;z-index:5;margin-top:-80px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 18px;align-items:end;padding:24px;border-radius:24px;box-shadow:0 30px 70px -30px rgba(17,17,17,.45)}
.rez label{display:grid;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.rez select,.rez input,.rez .secim{height:50px;width:100%;min-width:0;padding:0 12px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-size:.92rem;font-weight:600;color:var(--murekkep);text-transform:none;letter-spacing:0;transition:border-color .2s}
.rez select:focus,.rez input:focus,.rez .secim[aria-expanded=true]{border-color:var(--turuncu);outline:0}
.ikili{display:grid;grid-template-columns:1.4fr 1fr;gap:6px}
.rez .btn{height:50px;min-height:50px}

/* Bölüm başlıkları */
.sec{padding:120px 0}
.sec-gri{background:var(--gri)}
.sec-bas{text-align:center;max-width:680px;margin:0 auto 52px;display:grid;gap:14px;justify-items:center}
.sec-bas.yan{text-align:left;max-width:none;display:flex;justify-content:space-between;align-items:end;gap:20px}
.rozet{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--turuncu);margin-right:-.28em}
/* Yıldız yazı tipindeki * değil (o üst simge gibi yukarıda durur): çizilmiş işaret, yazının ortasında */
.rozet::before,.hero-etiket::before{content:"";flex:none;width:.9em;height:.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M12 3v18M4.2 7.5l15.6 9M4.2 16.5l15.6-9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M12 3v18M4.2 7.5l15.6 9M4.2 16.5l15.6-9'/%3E%3C/svg%3E") center/contain no-repeat}
.baslik{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.08;font-weight:800;letter-spacing:-.03em}
.aciklama{color:var(--soluk);font-size:1.03rem;line-height:1.8}

/* Hakkımızda */
.hak{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.hak>div:first-child{display:grid;gap:24px;justify-items:start}
.ozellik{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:8px 0}
.ozellik li{display:flex;gap:14px;align-items:center}
.ozellik span{width:50px;height:50px;border-radius:14px;background:var(--turuncu-a);color:var(--turuncu);display:grid;place-items:center;flex:none;transition:background .3s,color .3s}
.ozellik li:hover span{background:var(--turuncu);color:#fff}
.ozellik b{display:block;font-size:1rem}
.ozellik small{color:var(--soluk);font-size:.86rem}
.ok-buton{display:inline-flex;align-items:center;gap:14px;font-weight:700}
.ok-buton .ok-daire{width:48px;height:48px;border-radius:50%;background:var(--turuncu);color:#fff;display:grid;place-items:center;transition:background .3s}
.ok-buton svg{transition:transform .3s}
.ok-buton:hover .ok-daire{background:var(--turuncu-k)}
.ok-buton:hover svg{transform:rotate(-45deg)} /* kaymadan, dairenin ortasında dönüp sağ üste bakar */
.hak-gorsel{position:relative}
.hak-gorsel img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px}
.nabiz{position:absolute;left:-36px;bottom:48px;width:132px;height:132px;border-radius:50%;background:var(--turuncu);color:#fff;display:grid;place-content:center;text-align:center;line-height:1.15}
.nabiz::before,.nabiz::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--turuncu);animation:nabiz 2.4s ease-out infinite}
.nabiz::after{animation-delay:1.2s}
@keyframes nabiz{to{transform:scale(1.6);opacity:0}}
.nabiz b{font-size:2.4rem}
.nabiz small{font-size:.78rem;font-weight:600}

/* Filo + filtre */
.filtre{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:44px}
.filtre button,.filtre a{padding:11px 22px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font-weight:600;font-size:.92rem;transition:background .3s,color .3s,border-color .3s}
.filtre button:hover,.filtre a:hover{border-color:var(--turuncu);color:var(--turuncu)}
.filtre button[aria-selected=true]{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
/* Sonsuz döngülü kaydırak (filo + hizmetler) */
.dongu{position:relative}
.dongu-pencere{overflow:hidden;padding:14px 4px 34px;margin:-14px -4px -34px}
.serit{display:flex;gap:24px;will-change:transform}
.serit>*{flex:0 0 calc((100% - 48px)/3);min-width:0}
.dongu-ok,.ok-yuvarlak{width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--cizgi);color:var(--murekkep);display:grid;place-items:center;box-shadow:0 10px 30px -12px rgba(17,17,17,.35);transition:background .3s,color .3s,border-color .3s}
.dongu-ok:hover,.ok-yuvarlak:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.dongu-ok{position:absolute;top:50%;z-index:3;transform:translateY(-50%)}
.dongu-ok.sol{left:-26px}.dongu-ok.sag{right:-26px}
.dongu.az .dongu-ok{display:none}
.arac{background:#fff;border-radius:var(--r);border:1px solid var(--cizgi);overflow:hidden;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,box-shadow .35s}
.arac:hover{box-shadow:var(--golge);transform:translateY(-6px)}
.arac.giriyor{animation:aracGel .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes aracGel{from{opacity:0;transform:scale(.92) translateY(16px)}}
.arac-foto{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#fff,var(--gri));overflow:hidden;display:grid;place-items:center;padding:18px}
.arac-foto img{width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.arac:hover .arac-foto img{transform:scale(1.08)}
.arac-sinif{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border:1px solid var(--cizgi);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.arac-ic{padding:22px;display:grid;gap:16px;flex:1;align-content:start}
.arac-ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.arac h3{font-size:1.12rem;line-height:1.3}
.arac-fiyat{text-align:right;white-space:nowrap}
.arac-fiyat b{font-size:1.3rem;color:var(--turuncu)}
.arac-fiyat small{color:var(--soluk);font-size:.8rem}
.arac-fiyat.sor b{font-size:.9rem}
.arac-ozellik{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.arac-ozellik span{display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:var(--gri);font-size:.74rem;font-weight:600;color:var(--soluk);text-align:center}
.arac-ozellik svg{width:18px;height:18px;color:var(--turuncu)}
.arac-buton{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.arac-buton .btn{min-height:46px;padding:0 12px;font-size:.88rem}

/* Hizmetler kaydırağı */
.hizmet{position:relative;border-radius:var(--r);overflow:hidden;min-height:440px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.hizmet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hizmet::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(17,17,17,.9),rgba(17,17,17,.15) 65%);transition:background .45s}
.hizmet:hover{transform:translateY(-10px);box-shadow:var(--golge)}
.hizmet:hover::before{background:linear-gradient(0deg,rgba(17,17,17,.95),rgba(17,17,17,.6))}
.hizmet:hover img{transform:scale(1.06)}
.hizmet-no{position:absolute;top:22px;right:24px;font-size:2.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6);transition:color .35s,-webkit-text-stroke-color .35s}
.hizmet:hover .hizmet-no{color:var(--turuncu);-webkit-text-stroke-color:var(--turuncu)}
.hizmet h3{font-size:1.4rem;margin-bottom:8px}
.hizmet p{color:rgba(255,255,255,.78);font-size:.93rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .45s}
.hizmet:hover p,.hizmet:focus-within p{max-height:140px;opacity:1}

/* Sayaçlar */
.sayaclar{position:relative;padding:110px 0;color:#fff;overflow:hidden;isolation:isolate}
.sayaclar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sayaclar::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(17,17,17,.82)}
.sayac-liste{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.sayac b{display:block;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:800;line-height:1;letter-spacing:-.03em}
.sayac b i{font-style:normal;color:var(--turuncu)}
.sayac>span{display:block;margin-top:10px;color:rgba(255,255,255,.7);font-size:.95rem}

/* Yorumlar */
.google-ozet{font-weight:700;color:var(--soluk);transition:color .2s}
.google-ozet:hover{color:var(--turuncu)}
.yorum-kap{max-width:860px;margin-inline:auto;overflow:hidden;padding-bottom:24px}
.yorum-serit{display:flex;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.yorum{flex:0 0 100%;text-align:center;padding:0 12px;display:grid;gap:22px;justify-items:center}
.yorum-tirnak{width:64px;height:64px;border-radius:50%;background:var(--turuncu-a);color:var(--turuncu);display:grid;place-items:center;font-size:2.6rem;font-weight:800;line-height:1;padding-top:16px}
.yildiz{color:#F5A524;letter-spacing:3px;font-size:1.1rem}
.yorum blockquote{font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.6;font-weight:500;max-width:720px}
.yorum-kisi{display:flex;align-items:center;gap:14px;text-align:left}
.avatar{width:54px;height:54px;border-radius:50%;background:var(--turuncu);color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.yorum-kisi small{display:block;color:var(--soluk);font-size:.85rem}
.yorum-alt{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:36px}
.yorum-noktalar{display:flex;gap:8px}
.yorum-noktalar button{width:10px;height:10px;border-radius:999px;background:var(--cizgi);transition:width .3s,background .3s}
.yorum-noktalar button[aria-current=true]{width:32px;background:var(--turuncu)}

/* Blog */
.bloglar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.yazi{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--cizgi);display:flex;flex-direction:column;transition:box-shadow .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.yazi:hover{box-shadow:var(--golge);transform:translateY(-6px)}
.yazi-foto{position:relative;aspect-ratio:16/11;overflow:hidden}
.yazi-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.yazi:hover .yazi-foto img{transform:scale(1.08)}
.yazi-rozet{position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:999px;background:var(--turuncu);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.yazi-ic{padding:24px;display:grid;gap:16px;flex:1;align-content:space-between}
.yazi h3{font-size:1.15rem;line-height:1.4}
.yazi-devam{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem;color:var(--turuncu)}
.yazi-devam svg{transition:transform .3s}
.yazi:hover .yazi-devam svg{transform:translateX(5px)}

/* Altbilgi */
/* Koyu altbilgi: hero ile aynı mürekkep tonu (saf siyah değil) */
.alt{background:var(--murekkep);color:#fff;padding-top:90px}
.alt-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr 1.3fr;gap:40px;padding-bottom:64px}
.alt-grid>div{display:grid;gap:18px;align-content:start}
.alt-logo{height:34px;width:auto}
.alt p{color:rgba(255,255,255,.62);font-size:.93rem}
.alt h3{font-size:1rem}
.alt-linkler{overflow-wrap:anywhere;display:grid;gap:10px;font-size:.93rem;color:rgba(255,255,255,.62)}
.alt-linkler a{transition:color .2s}
.alt-linkler a:hover{color:var(--turuncu)}
.alt-linkler b{color:#fff;font-weight:600}
.sosyal{display:flex;gap:10px}
.sosyal a{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .25s ease-out}
.sosyal a:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.bulten{display:flex;gap:6px;padding:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px}
.bulten input::placeholder{color:rgba(255,255,255,.5)}
/* Tarayıcı kayıtlı e-postayı otomatik doldurunca kutuyu beyaz/mavi boyamasın: koyu zemin ve beyaz yazı korunur */
.bulten input{border-radius:999px;color:#fff}
.bulten input:-webkit-autofill,.bulten input:-webkit-autofill:hover,.bulten input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 60px #1d1d1d inset;box-shadow:0 0 0 60px #1d1d1d inset;-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 99999s}
.bulten input:autofill{box-shadow:0 0 0 60px #1d1d1d inset;-webkit-text-fill-color:#fff}
.bulten input{flex:1;min-width:0;border:0;background:none;padding:0 14px;outline:0}
.bulten .btn{min-height:44px;padding:0 18px}
.bulten-not{font-size:.85rem}
.bulten-not.hatali-not{color:#FDA29B}
/* Sunucu / veritabanı bağlı değil uyarısı */
.sunucu-yok{margin:24px 0 0;padding:16px 20px;border-radius:16px;background:#FEF3F2;border:1px solid #FDA29B;color:#B42318;font-weight:700;line-height:1.5}
.sunucu-yok+*{margin-top:0}
button:disabled{cursor:not-allowed;opacity:.55}
/* Rezervasyon PDF / yazdır düğmeleri; yazdırma için görünmez çerçeve */
.pdf-dugmeler{margin-top:18px}
.uye-pdf{display:inline-block;margin-left:10px;font-size:.8rem;font-weight:700;color:var(--turuncu);text-decoration:underline;text-underline-offset:3px}
.uye-mesaj-metin{white-space:pre-line;max-width:46ch}
/* Rezervasyon: kupon kodu satırı */
.rz-kupon{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:end;margin:16px 0 4px}
.rz-kupon label{display:grid;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.rz-kupon input{height:46px;padding:0 12px;border:1px solid var(--cizgi);border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.rz-kupon .btn{min-height:46px}.rz-kupon .not{grid-column:1/-1;margin:0}.rz-kupon .not:empty{display:none}.rz-kupon .not.hata{color:#B42318}
.pdf-yazdir{position:fixed;right:0;bottom:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}
/* Bot tuzağı alanı: görünmez, ekran okuyucuya da kapalı */
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.telif{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;font-size:.88rem;color:rgba(255,255,255,.55)}
.telif-ic{padding-right:72px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.telif img{height:36px;width:auto}
.yukari{position:fixed;right:24px;bottom:24px;z-index:90;width:52px;height:52px;border-radius:50%;background:var(--turuncu);color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:.35s}
.yukari.gor{opacity:1;visibility:visible;transform:none}
.yukari:hover{background:var(--turuncu-k)}
/* Canlı destek (WhatsApp): sağ altta hep görünür, kaydırma çubuğunun solunda */
.destek{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;align-items:center;gap:10px;height:60px;min-width:60px;padding:0 18px;border-radius:999px;background:#25D366;color:#fff;font-weight:700;font-size:.95rem;
  box-shadow:0 14px 34px -12px rgba(18,140,70,.65);transition:transform .25s,box-shadow .25s}
.destek svg{width:28px;height:28px;stroke-width:1.9}
.destek::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25D366;animation:destekNabiz 2.4s ease-out infinite;pointer-events:none}
@keyframes destekNabiz{to{transform:scale(1.08,1.3);opacity:0}}
/* Üst bilgi çubuğu kaydırınca da göründüğü için (geniş ekran) yapışkan öğeler başlığın altında kalmasın */
@media (min-width:1101px){section{scroll-margin-top:150px}.rz-uyari{top:132px}.uye-menu{top:140px}.sss-sol{top:150px}}
.destek:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(18,140,70,.75)}
.yukari{bottom:96px!important;right:24px}
body.kilit .destek{visibility:hidden}
@media (max-width:1100px){.destek{height:56px;min-width:56px;padding:0;justify-content:center}.destek-yazi{display:none}.yukari{right:22px!important;bottom:88px!important;width:48px;height:48px}}
@media (max-width:600px){.destek{right:16px;bottom:16px;height:54px;min-width:54px}.destek svg{width:26px;height:26px}.yukari{right:19px!important;bottom:80px!important}}
@media (prefers-reduced-motion:reduce){.destek::before{animation:none;opacity:0}}

/* Kaydırınca beliren öğeler (JS varsa) */
.js [data-a]{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.js [data-a=up]{transform:translateY(40px)}
.js [data-a=scale]{transform:scale(.92)}
.js [data-a].gor{opacity:1;transform:none}

/* Detay penceresi (araç / blog yazısı) */
.pencere{width:min(1040px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:28px;background:#fff;color:var(--murekkep);box-shadow:0 40px 100px -30px rgba(17,17,17,.6);overflow:auto;overscroll-behavior:contain}
.pencere:not([open]){display:none}
.pencere::backdrop{background:rgba(17,17,17,.45);backdrop-filter:blur(6px)}
.pencere[open]{animation:pencereGel .45s cubic-bezier(.2,.8,.2,1)}
@keyframes pencereGel{from{opacity:0;transform:translateY(30px) scale(.97)}}
/* Pencere esnek kutu: düğme küçülüp elipse dönmesin (flex:none); × yazı tipinden değil çizgilerden, tam ortada */
.pencere-kapat{position:sticky;top:16px;flex:none;align-self:flex-end;display:block;margin:16px 16px -62px auto;z-index:2;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid var(--cizgi);font-size:0;color:var(--murekkep);transition:background .3s,color .3s,border-color .3s,transform .3s}
.pencere-kapat::before,.pencere-kapat::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.pencere-kapat::after{transform:rotate(-45deg)}
.pencere-kapat:hover{transform:rotate(90deg)}
.pencere-kapat:focus-visible{outline:2px solid var(--turuncu);outline-offset:2px}
.pencere-kapat:hover{background:var(--turuncu);color:#fff;border-color:var(--turuncu)}
.pencere.pd-arac #pencereIc{display:grid;grid-template-columns:1.1fr 1fr}
.pd-galeri{background:linear-gradient(180deg,#fff,var(--gri));padding:32px;display:grid;gap:14px;align-content:start}
.pd-ana{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:16px;mix-blend-mode:multiply} /* beyaz zeminli fotoğraf degrade üstünde kutu gibi durmasın */
.pd-kucuk{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}
.pd-kucuk button{flex:0 0 72px;height:54px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#fff;opacity:.65;transition:opacity .2s,border-color .2s}
.pd-kucuk button[aria-current]{border-color:var(--turuncu);opacity:1}
.pd-kucuk img{width:100%;height:100%;object-fit:cover}
.pd-govde{padding:36px;display:grid;gap:16px;align-content:start}
.pd-baslik{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em}
.pd-govde .arac-fiyat{text-align:left}
.pd-kosul{display:flex;flex-wrap:wrap;gap:8px}
.pd-kosul li{padding:8px 14px;border-radius:999px;background:var(--gri);font-size:.86rem;color:var(--soluk)}
.pd-kosul b{color:var(--murekkep)}
.pd-govde .btn{justify-self:start}
.py-foto{width:100%;aspect-ratio:21/9;object-fit:cover}
.py-foto2{width:100%;border-radius:16px;margin-top:8px}
.py-galeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.py-galeri.tek{grid-template-columns:minmax(0,420px)}
.py-galeri a{display:block;border-radius:12px;overflow:hidden;cursor:zoom-in;background:var(--gri)}
.py-galeri img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}.py-galeri a:hover img{transform:scale(1.04)} /* küçük resim eşit kutu; tamamı tıklayınca */
@media (max-width:600px){.py-galeri{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Galeri fotoğrafının büyük hâli (yazı penceresinin üstünde) */
.foto-kutu{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}
.foto-kutu[open]{display:grid;place-items:center}.foto-kutu::backdrop{background:rgba(10,10,10,.9)}
.foto-kutu img{max-width:calc(100vw - 160px);max-height:calc(100dvh - 120px);object-fit:contain;border-radius:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.fk-kapat,.fk-ok{position:fixed;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--murekkep);border:0;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.fk-kapat:hover,.fk-ok:hover{background:var(--turuncu);color:#fff}.fk-kapat:focus-visible,.fk-ok:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px}
.fk-kapat{top:20px;right:20px}.fk-kapat:hover{transform:rotate(90deg)}
.fk-kapat::before,.fk-kapat::after{content:"";position:absolute;width:18px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.fk-kapat::after{transform:rotate(-45deg)}
.fk-ok{top:50%;margin-top:-25px;font-size:2rem;line-height:1;padding-bottom:4px}.fk-ok.sol{left:20px}.fk-ok.sag{right:20px}
.fk-sayac{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);color:#fff;font-size:.9rem;font-weight:600}
.foto-kutu.tek .fk-ok,.foto-kutu.tek .fk-sayac{display:none}
@media (max-width:600px){.foto-kutu img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 150px)}.fk-ok{top:auto;bottom:16px;margin:0;width:46px;height:46px}.fk-ok.sol{left:16px}.fk-ok.sag{right:16px}.fk-kapat{top:14px;right:14px}}
@media (prefers-reduced-motion:reduce){.fk-kapat:hover{transform:none}}
.pencere.pd-yazi .pd-govde{max-width:760px;margin-inline:auto}

/* Mobil */
@media (max-width:1320px){
  .yardim>span:last-child{display:none}
  .menu>a,.dd-kap>a{padding:10px 10px}
}
@media (max-width:1100px){
  .menu,.yardim,.ust-ic>.secimler{display:none}
  .hamburger{display:flex;margin-left:auto}
  .rez{grid-template-columns:1fr 1fr}
  .bloglar{grid-template-columns:1fr 1fr}
  .serit>*{flex-basis:calc((100% - 24px)/2)}
  .dongu-ok.sol{left:-8px}.dongu-ok.sag{right:-8px}
  .alt-grid{grid-template-columns:1fr 1fr}
  .hak{gap:48px}
}
@media (max-width:720px){
  .ust{padding:10px 0}
  .ust-ic{padding:6px 6px 6px 18px}
  .logo img{height:24px}
  .hero{min-height:600px}
  .hero-alt{bottom:110px;gap:14px}
  .hero-oklar button{width:44px;height:44px}
  .hero-cubuklar{display:none}
  .rez{grid-template-columns:1fr;margin-top:-70px;padding:18px}
  .sec{padding:80px 0}
  .hak{grid-template-columns:1fr}
  .nabiz{left:16px;bottom:16px;width:104px;height:104px}
  .nabiz b{font-size:1.9rem}
  .ozellik{grid-template-columns:1fr}
  .bloglar{grid-template-columns:1fr}
  .serit>*{flex-basis:100%}
  .dongu-ok{width:44px;height:44px}
  .hizmet p{max-height:none;opacity:1}
  .sec-bas.yan{flex-direction:column;align-items:flex-start}
  .sayac-liste{grid-template-columns:1fr 1fr;gap:40px 16px}
  .alt-grid{grid-template-columns:1fr;gap:36px}
  .yukari{right:16px;bottom:16px}
  .pencere{width:100%;max-width:100%;max-height:100dvh;border-radius:0}
  .pencere.pd-arac #pencereIc{grid-template-columns:1fr}
  .pd-galeri,.pd-govde{padding:22px}
}

/* Hareket azaltma tercihi: yakınlaşma, nabız, belirme ve kayan geçişler kapalı */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-a]{opacity:1;transform:none}
}

/* ---------- Çok sayfalı yapı: alt sayfa başlığı, araç filosu sayfası, iletişim sayfası ---------- */
.menu a[aria-current]{color:var(--turuncu)}
.cekmece nav a[aria-current]{color:var(--turuncu)}
.sayfa-bas{position:relative;isolation:isolate;padding:180px 0 90px;color:#fff;background:#111 var(--foto) center 60%/cover no-repeat}
.sayfa-bas::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,17,17,.85),rgba(17,17,17,.45))}
.sayfa-bas .wrap{display:grid;gap:14px;justify-items:start}
.sayfa-bas h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.03em}
.sayfa-bas p{color:rgba(255,255,255,.8);font-size:1.05rem;max-width:60ch}
.yol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.7)}
.yol li+li::before{content:"/";margin-right:8px;opacity:.5}
.yol a:hover{color:#fff}
.tum-buton{display:flex;justify-content:center;margin-top:40px}
.filo-sayfa{padding-top:60px}
.suzgec{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:-20px 0 32px;justify-content:center}
.suzgec select,.suzgec .secim{height:46px;padding:0 38px 0 16px;border-radius:999px;border:1px solid var(--cizgi);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/14px;appearance:none;-webkit-appearance:none;font-weight:600;font-size:.9rem;cursor:pointer}
.suzgec select:focus,.suzgec .secim:hover,.suzgec .secim[aria-expanded=true]{border-color:var(--turuncu);outline:0}
.sonuc{flex-basis:100%;text-align:center;color:var(--soluk);font-size:.9rem;font-weight:600}
.arac-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bos{text-align:center;padding:48px 16px;color:var(--soluk)}
.il-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.il-kart{display:flex;gap:14px;align-items:center;padding:22px;border-radius:var(--r);border:1px solid var(--cizgi);background:#fff;transition:border-color .3s,box-shadow .35s,transform .35s}
.il-kart:hover{border-color:var(--turuncu);box-shadow:var(--golge);transform:translateY(-4px) scale(1.02)}
.il-ikon{width:48px;height:48px;border-radius:14px;background:var(--turuncu-a);color:var(--turuncu);display:grid;place-items:center;flex:none}
.il-kart b{display:block;font-size:.95rem}
.il-kart small{color:var(--soluk);font-size:.9rem;word-break:break-word}
.il-alt{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:stretch}
.harita-kutu{position:relative;z-index:0;border-radius:24px;overflow:hidden;height:460px;background:var(--gri);border:1px solid var(--cizgi)}
.harita-kutu iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
/* Anahtarsız gömülü harita tıklanamaz: kapak tüm haritayı örter, tıklayınca ofis Google Haritalar'da açılır */
.harita-kapak{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}
.harita-kapak span{padding:9px 16px;border-radius:999px;background:var(--turuncu);color:#fff;font-weight:700;font-size:.88rem;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .3s}
.harita-kapak:hover span,.harita-kapak:focus-visible span{transform:translateY(-2px)}
.il-form{display:grid;gap:14px;padding:32px;border-radius:24px;background:var(--gri);border:1px solid var(--cizgi)}
.il-form h2{font-size:1.6rem;letter-spacing:-.02em;margin-bottom:4px}
.il-form label{display:grid;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.il-form input,.il-form textarea{width:100%;padding:13px 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-size:.95rem;font-weight:500;color:var(--murekkep);text-transform:none;letter-spacing:0;resize:vertical}
.il-form input:focus,.il-form textarea:focus{border-color:var(--turuncu);outline:0}
.ikili-alan{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hata{color:#C0392B;font-size:.88rem;font-weight:600;min-height:1.2em}
.il-form .btn{justify-self:start}
@media (max-width:1100px){
  .arac-izgara{grid-template-columns:1fr 1fr}
  .il-kartlar{grid-template-columns:1fr 1fr}
  .il-alt{grid-template-columns:1fr}
}
@media (max-width:720px){
  .sayfa-bas{padding:130px 0 60px}
  .arac-izgara,.il-kartlar,.ikili-alan{grid-template-columns:1fr}
  .harita-kutu{height:340px}
  .il-form{padding:22px}
}

/* ---------- Üst bar: iletişim, rezervasyon kontrol, giriş, dil ve para (kayınca gizlenir) ---------- */
.util{max-height:44px;overflow:hidden;transition:max-height .3s,opacity .3s,margin .3s;margin-bottom:10px}
.ust.kaydi .util{margin-bottom:8px}
.ust.kaydi .util-ic{background:rgba(17,17,17,.88);border-radius:999px;padding:5px 8px 5px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.util-ic{transition:background .3s,padding .3s}
.util-ic{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.88);padding:0 12px}
.util-ic>span{display:flex;align-items:center;gap:18px}
.util-ic a{display:inline-flex;align-items:center;gap:6px;transition:color .2s;text-shadow:0 1px 8px rgba(0,0,0,.35)}
/* Panelden girilen üst çubuk yazıları uzun olsa da taşmasın */
.util-ic a{max-width:280px;overflow:hidden;white-space:nowrap}
.util-ic a:hover,.util-ic a[aria-current]{color:#FDBA74}
.util-ic svg{width:15px;height:15px;color:#FDBA74}
.util .secimler select,.util .secimler .secim{height:30px;padding:0 26px 0 12px;font-size:.8rem;color:#fff;border-color:rgba(255,255,255,.3);background-color:rgba(255,255,255,.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");backdrop-filter:blur(8px)}
.util .secimler option{color:#111}
.cekmece nav a.cekmece-ek{display:flex;align-items:center;gap:10px;color:var(--turuncu)}
/* Dış bağlantı işareti (Kurumsal → Filo Kiralama, Oto Servis, Motorlu Taşıtlar) */
.dis-ikon{width:13px;height:13px;margin-left:6px;opacity:.55;vertical-align:-1px}
a[data-bos]{cursor:default}
.cekmece-ek svg{width:18px;height:18px}
.sayfa-bas{padding-top:210px}

/* ---------- Alt sayfa parçaları: sekmeler, kartlar, iki kolon, liste, SSS, bant, dar form ---------- */
.sekme-bar{background:#fff;border-bottom:1px solid var(--cizgi);padding:18px 0}
.sekme-bar .filtre{margin:0}
.kartlar{display:grid;gap:20px}
.k2{grid-template-columns:1fr 1fr}
.k3{grid-template-columns:repeat(3,1fr)}
.kart{display:grid;gap:10px;align-content:start;padding:26px;border-radius:var(--r);border:1px solid var(--cizgi);background:#fff;transition:border-color .3s,box-shadow .35s,transform .35s}
.kart h3{font-size:1.08rem}
.kart p{color:var(--soluk);font-size:.93rem;line-height:1.7}
/* Kartlar ve 'fiyata dahil' öğeleri: iletişim kartlarıyla aynı üzerine gelme efekti (turuncu çerçeve, gölge, hafif büyüme) */
.kart:hover,.kart-link:hover{border-color:var(--turuncu);box-shadow:var(--golge);transform:translateY(-4px) scale(1.02)}
.kart .il-ikon{transition:background .3s,color .3s}
/* Kayınca belirme kuralı (.js [data-a].gor) daha özgül; belirdikten sonra kartın kendi geçişi ve büyümesi geçerli olsun */
.js .kart[data-a].gor{transition:opacity .9s,border-color .3s,box-shadow .35s,transform .35s}
.js .kart[data-a].gor:hover{transform:translateY(-4px) scale(1.02)}
.kart:hover .il-ikon,.dahil-liste li:hover>span:first-child{background:var(--turuncu);color:#fff}
.kart-link .yazi-devam{margin-top:6px}
.kart-link:hover .yazi-devam svg{transform:translateX(5px)}
.iki-kolon{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.metin{display:grid;gap:16px;align-content:start}
.metin p:not(.rozet){color:var(--soluk);line-height:1.8}
.metin a,.not a,.cevap a{color:var(--turuncu);font-weight:700}
.sec-bas.sol{text-align:left;justify-items:start;margin-left:0}
.dar-metin{max-width:900px}
.not{color:var(--soluk);font-size:.9rem}
.not:empty{display:none}
.not.orta{text-align:center}
.dahil-liste{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:0 auto;list-style:none}
.dahil-liste li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--gri);border:1px solid transparent;font-weight:600;font-size:.95rem;transition:border-color .3s,background .3s,box-shadow .35s,transform .35s}
.dahil-liste li:hover{border-color:var(--turuncu);background:#fff;box-shadow:var(--golge);transform:translateY(-4px) scale(1.02)}
.dahil-liste li>span:first-child{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--turuncu);display:grid;place-items:center;flex:none;transition:background .3s,color .3s}
.sss{display:grid;gap:10px}
.sss details{border:1px solid var(--cizgi);border-radius:14px;background:#fff;overflow:hidden}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;cursor:pointer;list-style:none}
.sss summary::-webkit-details-marker{display:none}
/* Artı işareti yazı tipinden değil çizgilerden: tam ortada durur, açılınca yerinde dönüp çarpıya dönüşür */
.sss summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(var(--turuncu),var(--turuncu)) center/12px 2px no-repeat,linear-gradient(var(--turuncu),var(--turuncu)) center/2px 12px no-repeat,var(--turuncu-a);transition:transform .3s,background-color .2s}
.sss details[open] summary::after{transform:rotate(45deg)}
.cevap{padding:0 20px 20px;color:var(--soluk);line-height:1.8;font-size:.95rem}
.cevap p+p{margin-top:10px}
.cevap ol,.cevap ul{padding-left:20px;display:grid;gap:6px}
.sss-sol{display:grid;gap:16px;justify-items:start;position:sticky;top:130px}
.bant-buton{display:flex;flex-wrap:wrap;gap:12px}
.bant{background:var(--murekkep);color:#fff;padding:72px 0}
.bant-ic{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.bant h2{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;max-width:22ch}
.bant p{color:rgba(255,255,255,.7);margin-top:8px;max-width:60ch}
.il-form.dar{max-width:560px;margin:0 auto}
.il-form select,.il-form .secim{width:100%;height:48px;padding:0 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-size:.95rem;font-weight:500;color:var(--murekkep);text-transform:none;letter-spacing:0}
.form-ic{display:grid;gap:14px}
.bilgi-kutu{padding:14px 16px;border-radius:12px;background:#EAF7EE;color:#1E6B3A;font-size:.92rem;font-weight:600}
.il-form .btn span{display:inline-flex;align-items:center;gap:8px}
.il-form .btn [data-ikon] svg{width:18px;height:18px}
.sekme-iki{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--cizgi)}
.sekme-iki button{height:44px;border-radius:999px;font-weight:700;transition:background .3s,color .3s}
.sekme-iki button[aria-selected=true]{background:var(--turuncu);color:#fff}
.metin-dugme{justify-self:center;color:var(--turuncu);font-weight:700;font-size:.9rem}
.tur{border:0;display:flex;flex-wrap:wrap;gap:10px}
.tur legend{width:100%;margin-bottom:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.tik{display:flex!important;align-items:center;gap:10px;text-transform:none!important;letter-spacing:0!important;font-size:.92rem!important;font-weight:600!important;color:var(--murekkep)!important}
.tur .tik{padding:10px 16px;border:1px solid var(--cizgi);border-radius:999px;background:#fff}
.tik input{width:18px;height:18px;accent-color:var(--turuncu)}
.onay span{font-weight:500}
@media (max-width:1100px){
  .util{display:none}
  .sayfa-bas{padding-top:150px}
  .alt-grid{grid-template-columns:1fr 1fr}
  .k3{grid-template-columns:1fr 1fr}
  .iki-kolon{grid-template-columns:1fr;gap:40px}
  .sss-sol{position:static}
}
@media (max-width:720px){
  .k2,.k3,.dahil-liste{grid-template-columns:1fr}
  .alt-grid{grid-template-columns:1fr}
  .sayfa-bas{padding-top:120px}
  .sekme-bar .filtre{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sekme-bar .filtre a{flex:none}
}

/* ---------- İletişim haritası (Google Haritalar) ---------- */
.harita-kolon{display:grid;gap:14px;align-content:start}
.harita-kutu .gm-style{font:inherit}
.harita-balon{font-size:.88rem;line-height:1.5;padding:2px 4px}
.harita-balon b{color:var(--turuncu)}

/* ---------- Telefon ve tablette hız: bulanık cam (backdrop-filter) grafik işlemciyi yorar ve kaydırmada takılma yapar;
   küçük ekranda ve dokunmatik cihazlarda yerine yarı opak düz renk kullanılır ---------- */
@media (max-width:1100px), (hover:none) {
  .ust-ic,.dd,.cekmece,.cam,.btn-cam,.fiyat-etiket,.arac-sinif,.pencere-kapat,.util .secimler select,.secimler .secim{backdrop-filter:none;-webkit-backdrop-filter:none}
  .pencere::backdrop{backdrop-filter:none}
  .ust-ic{background:rgba(255,255,255,.9)}
  .ust.kaydi .ust-ic{background:#fff}
  .cam{background:#fff}
  .btn-cam{background:rgba(17,17,17,.35)}
  .fiyat-etiket{background:rgba(17,17,17,.45)}
  .arac-sinif{background:rgba(255,255,255,.95)}
  .cekmece{background:rgba(17,17,17,.55)}
}
/* Telefonda büyük fotoğrafın yavaş yakınlaşması kapalı (pil ve akıcılık) */
@media (max-width:720px) {
  .slayt.aktif img{animation:none;transform:none}
}

/* ---------- Telefon düzeni: sekmeler tek satırda kaydırılır, hero düğmeleri yan yana, daha sıkı boşluklar ---------- */
@media (max-width:720px) {
  .filtre button,.filtre a{padding:10px 18px}
  .hero h1{font-size:clamp(2.1rem,10vw,2.8rem)}
  .hero-icerik{gap:14px}
  .fiyat-etiket{padding:8px 16px}
  .fiyat-etiket b{font-size:1.15rem}
  .hero-butonlar{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .hero-butonlar .btn{min-height:48px;padding:0 10px;font-size:.88rem}
  .sec{padding:64px 0}
  .sec-bas{margin-bottom:32px}
  .rez{gap:12px}
  .sayaclar{padding:72px 0}
}
/* Tablet: iki sütunlu düzenler biraz daha sıkı */
@media (min-width:721px) and (max-width:1100px) {
  .sec{padding:90px 0}
  .hak{grid-template-columns:1fr;gap:40px}
  .hak-gorsel img{aspect-ratio:16/10}
  .nabiz{left:20px;bottom:20px}
  .sayac-liste{grid-template-columns:repeat(4,1fr);gap:16px}
  .il-kartlar{grid-template-columns:1fr 1fr}
}

/* Telefon ve tablet: kaydırak okları kartların altında ortada (kartın üstüne binmesin), sekmeler tek satırda kaydırılır */
@media (max-width:1100px) {
  .dongu{padding-bottom:62px}
  .dongu.az{padding-bottom:0}
  .dongu-ok{top:auto;bottom:0;transform:none}
  .dongu-ok.sol{left:calc(50% - 56px)}.dongu-ok.sag{right:calc(50% - 56px)}
  .filtre{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 4px;-webkit-overflow-scrolling:touch}
  .filtre::-webkit-scrollbar{display:none}
  .filtre button,.filtre a{flex:none}
}

/* ---------- Üst bardaki dil ve para menüsü: yarı saydam, buzlu cam, tema renklerinde ---------- */
.util{overflow:visible;position:relative;z-index:3} /* dil / kur listesi alttaki menü pilinin üstünde açılsın */

.acilir{position:relative}
.acilir>button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font-size:.8rem;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,background .2s}
.acilir>button:hover,.acilir>button[aria-expanded=true]{border-color:var(--turuncu);background:rgba(233,80,10,.18)}
.acilir>button svg{width:14px;height:14px;color:#fff;transition:transform .2s}
.acilir>button[aria-expanded=true] svg{transform:rotate(180deg)}
.acilir ul{position:absolute;right:0;top:calc(100% + 8px);z-index:130;display:grid;gap:4px;min-width:150px;padding:6px;list-style:none;border-radius:16px;background:rgba(17,17,17,.94);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 48px -20px rgba(0,0,0,.6);animation:acilirGel .18s ease-out}
@keyframes acilirGel{from{opacity:0;transform:translateY(-6px)}}
.acilir li{padding:9px 12px;border-radius:10px;color:#fff;font-size:.86rem;font-weight:600;cursor:pointer;text-shadow:none;transition:background .15s}
.acilir li:focus{outline:0}
.acilir li[aria-selected=true]{color:#FDBA74;background:rgba(233,80,10,.16)}
.acilir li:hover,.acilir li:focus-visible{background:var(--turuncu);color:#fff}
.rez-hata{grid-column:1/-1;margin:-4px 0 0}
.rez-hata:empty{display:none}
/* Teklif Ara hatası: düğmenin üstünde balon (ana sayfa / üye paneli formunda yazılı uyarı yerine) */
.rez:not([data-canli]) .rez-hata{display:none}
.rez-balon{position:absolute;z-index:30;width:max-content;padding:12px 16px;border-radius:14px;background:var(--murekkep);color:#fff;font-size:.9rem;font-weight:600;line-height:1.4;text-align:center;
  box-shadow:0 14px 34px -12px rgba(17,17,17,.55);pointer-events:none;opacity:0;transform:translate(calc(-50% + var(--kay,0px)),calc(-100% - 6px));transition:opacity .25s,transform .25s}
.rez-balon::after{content:"";position:absolute;top:100%;left:calc(50% - var(--kay,0px));margin-left:-8px;border:8px solid transparent;border-top-color:var(--murekkep)}
.rez-balon.acik{opacity:1;transform:translate(calc(-50% + var(--kay,0px)),calc(-100% - 14px))}
.rez-balon::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--turuncu);vertical-align:1px}
.salla{animation:salla .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes salla{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.salla{animation:none}}

/* Teklif aramasının sonuçları */
.arama-ozet{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 32px;padding:20px 24px;border-radius:var(--r);background:#fff;border:1px solid var(--cizgi);border-left:4px solid var(--turuncu)}
.arama-ozet>div{display:grid;gap:4px}
.ao-yol{font-size:1.05rem}
.ao-yol span{color:var(--turuncu);margin:0 6px}
.ao-tarih{color:var(--soluk);font-size:.92rem}
.gunluk{display:block;font-size:.75rem;color:var(--soluk);font-weight:500}
@media (max-width:600px){.arama-ozet{padding:16px 18px;gap:12px;margin-bottom:24px}.arama-ozet .btn{padding:10px 20px}}
.fiyat-sor{display:inline-block;max-width:150px;padding:7px 12px;border-radius:12px;background:var(--turuncu-a);color:var(--turuncu);font-weight:700;font-size:.78rem;line-height:1.3;text-align:center;white-space:normal;transition:background .2s,color .2s}
.fiyat-sor:hover{background:var(--turuncu);color:#fff}
/* İletişim: form ortada, harita tam genişlikte kendi bölümünde */
.dar-form{max-width:860px;margin:8px auto 0}
.harita-bolum .sec-bas{margin-bottom:28px}
.harita-kutu.genis{height:520px;border-radius:24px}
@media (max-width:720px){ .harita-kutu.genis{height:380px} }

/* ---------- Arama formundaki tarih ve saat seçici: dil menüsüyle aynı koyu cam, öğeler arası boşluk ---------- */
.rez input[data-secici]{padding-right:40px;cursor:pointer;background:#fff no-repeat right 14px center/18px;caret-color:transparent}
.rez input[data-secici]:not([readonly]){cursor:text;caret-color:auto}
.rez input[data-secici=tarih]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9500A' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.rez input[data-secici=saat]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9500A' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.rez input[aria-expanded=true]{border-color:var(--turuncu)}
.secici.listeli{padding:6px}
.sc-liste{max-height:320px}
.secici .sc-liste button{place-items:center start;padding:0 14px;text-align:left;height:40px}
.secici .sc-liste button.ic{padding-left:26px}
.sc-grup{padding:8px 14px 2px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.secici{position:absolute;z-index:60;width:296px;padding:10px;border-radius:18px;background:rgba(17,17,17,.95);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 48px -20px rgba(0,0,0,.6);color:#fff;animation:acilirGel .18s ease-out;text-transform:none;letter-spacing:0}
.secici.saatli{padding:6px}
.secici button{display:grid;place-items:center;border:0;background:none;color:#fff;font:inherit;cursor:pointer;border-radius:10px;transition:background .15s,color .15s}
.secici button:hover:not(:disabled),.secici button:focus-visible{background:var(--turuncu);color:#fff;outline:0}
.secici button:disabled{opacity:.28;cursor:default}
.secici [aria-selected=true]{background:rgba(233,80,10,.22);color:#FDBA74}
.sc-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sc-bas b{font-size:.92rem;text-transform:capitalize}
.sc-bas button{width:34px;height:34px}
.sc-bas svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.sc-gunler span{padding:4px 0 6px;text-align:center;font-size:.7rem;font-weight:700;color:rgba(255,255,255,.55);text-transform:capitalize}
.sc-gunler button{height:34px;font-size:.86rem;font-weight:600}
.sc-gunler .bugun{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.sc-saat{display:grid;gap:4px;max-height:248px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;overscroll-behavior:contain}
.sc-saat button{height:36px;font-size:.88rem;font-weight:600}
@media (max-width:1100px){.secici{backdrop-filter:none;-webkit-backdrop-filter:none;background:#161616}}

/* ---------- Ortak seçim kutusu (select yerine): bulunduğu yerin alan stilini alır; ok turuncu, açılınca döner ---------- */
.secim.secim{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;text-align:left;cursor:pointer;background-image:none;padding-right:14px}
.secim span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.secim::after{content:"";flex:none;width:16px;height:16px;background:var(--turuncu);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.secim[aria-expanded=true]::after{transform:rotate(180deg)}
.secim:focus-visible{outline:0;border-color:var(--turuncu)}
.secici.sabit{position:fixed;z-index:400;max-width:calc(100vw - 16px)}
.cekmece-secim .secim{height:48px;padding:0 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-weight:600}

/* ---------- Çerez çubuğu: altta tam genişlik, açıklama solda, Reddet / Kabul et en sonda ---------- */
.cerez{position:fixed;inset:auto 0 0;z-index:300;background:rgba(17,17,17,.96);color:rgba(255,255,255,.8);padding:18px 0 calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px -20px rgba(0,0,0,.6);animation:cerezGel .5s cubic-bezier(.2,.8,.2,1)}
.cerez-ic{display:flex;align-items:center;gap:24px}
.cerez p{flex:1;margin:0;font-size:.9rem;line-height:1.6}
.cerez b{color:#fff;margin-right:4px}
.cerez-dugme{display:flex;gap:10px;flex:none}
.cerez .btn{padding:11px 22px}
.cerez .btn-cizgi{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.cerez .btn-cizgi:hover{border-color:#fff}
@keyframes cerezGel{from{transform:translateY(100%)}}
@media (max-width:700px){.cerez-ic{flex-direction:column;align-items:stretch;gap:14px}.cerez-dugme .btn{flex:1}}

/* ---------- Üye paneli (uye-paneli.html): üstte arama formu, solda menü, sağda bölüm; telefonda menü yatay kayar ---------- */
.uye-bas{padding-bottom:130px}
.uye-sec{padding:64px 0 120px}
.uye{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.uye-menu{position:sticky;top:120px;padding:20px;border-radius:24px;background:var(--gri);border:1px solid var(--cizgi)}
.uye-menu h2{margin:0 0 12px 12px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--turuncu)}
.uye-menu nav{position:relative;display:grid;gap:4px}
.uye-menu nav a,.uye-menu nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:12px;font-weight:600;font-size:.92rem;color:var(--murekkep);text-align:left;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.uye-menu nav svg{width:18px;height:18px;color:var(--turuncu)}
.uye-menu nav a:hover,.uye-menu nav button:hover{background:#fff;border-color:var(--cizgi)}
.uye-menu nav a[aria-current]{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.uye-menu nav a[aria-current] svg{color:#fff}
.uye-menu nav button{margin-top:6px;border-top-color:var(--cizgi);border-radius:0 0 12px 12px;color:var(--soluk)}
.uye-icerik{min-width:0;padding:32px;border-radius:24px;background:#fff;border:1px solid var(--cizgi);outline:0}
.uye-icerik>h2{margin-bottom:22px;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.02em}
.uye-icerik h3{margin:30px 0 14px;font-size:1.05rem}
.uye-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.uye-sayi{display:grid;gap:6px;justify-items:start;padding:20px;border-radius:18px;background:var(--gri);border:1px solid transparent;transition:border-color .3s,box-shadow .35s,transform .35s}
.uye-sayi span{width:44px;height:44px;border-radius:12px;background:var(--turuncu-a);color:var(--turuncu);display:grid;place-items:center}
.uye-sayi b{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.03em}
.uye-sayi small{color:var(--soluk);font-weight:600;font-size:.85rem}
.uye-sayi:hover{background:#fff;border-color:var(--turuncu);box-shadow:var(--golge);transform:translateY(-4px)}
.uye-hizli{display:flex;flex-wrap:wrap;gap:10px}
.uye-hizli .btn{min-height:46px;padding:0 22px;font-size:.9rem}
.uye-hatirla{margin-top:28px}
.uye-form{max-width:720px}
.uye-form label{display:grid;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.uye-form input:not([type=radio]):not([type=checkbox]),.uye-form textarea{width:100%;padding:13px 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-size:.95rem;font-weight:500;color:var(--murekkep);text-transform:none;letter-spacing:0;resize:vertical}
.uye-form input:focus,.uye-form textarea:focus{border-color:var(--turuncu);outline:0}
.uye-form input[readonly]:not([type=radio]):not([type=checkbox]){background:var(--gri);color:var(--soluk);border-color:var(--cizgi);cursor:default}
.uye-form .not{margin-top:-6px}
.uye-form .btn{justify-self:start}
.uye-form .bilgi-kutu[hidden],.uye-form .hata:empty,.uye-form label[hidden],.uye-form [data-g][hidden]{display:none}
.uye-form .secim{width:100%;height:50px;padding:0 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-size:.95rem;font-weight:500;color:var(--murekkep);text-transform:none;letter-spacing:0}
.uye-form .secim[aria-expanded=true],.uye-form .secim:hover{border-color:var(--turuncu)}
.uye-ust-eylem{display:flex;justify-content:flex-end;margin:-6px 0 18px}
.uye-ust-eylem .btn{min-height:46px;padding:0 22px;font-size:.9rem}
.uye-talep{max-width:none;margin-bottom:22px;padding:22px;border-radius:18px;background:var(--gri)}
.uye-tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:16px}
.uye-tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.uye-tablo th{padding:14px 16px;background:var(--gri);text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);white-space:nowrap}
.uye-tablo td{padding:14px 16px;border-top:1px solid var(--cizgi)}
.uye-tablo .bos{padding:34px 16px;text-align:center;color:var(--soluk)}
.uye-tablo td small{display:block;margin-top:3px;color:var(--soluk);font-size:.82rem}
.durum{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}
.durum::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.d-bekliyor{background:#FFF4E5;color:#B54708}
.d-onaylandi{background:#EAF7EE;color:#1E6B3A}
.d-reddedildi{background:#FEF3F2;color:#B42318}
.d-iptal{background:var(--gri);color:var(--soluk)}
.rz-tutar{display:block;margin-top:6px}
.uye-iptal{margin-top:6px;padding:0;color:#B42318;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.uye-iptal:hover{color:#7A271A}
@media (max-width:1100px){
  .uye{grid-template-columns:minmax(0,1fr);gap:18px} /* 1fr yatay kayan menünün genişliğine uzuyordu */
  .uye-menu{position:static;padding:10px;border-radius:18px}
  .uye-menu h2{display:none}
  .uye-menu nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .uye-menu nav::-webkit-scrollbar{display:none}
  .uye-menu nav a,.uye-menu nav button{width:auto;flex:none}
  .uye-menu nav button{margin:0;border-top-color:transparent;border-radius:12px}
  .uye-kartlar{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .uye-bas{padding-bottom:110px}
  .uye-sec{padding:40px 0 80px}
  .uye-icerik{padding:22px 18px;border-radius:18px}
  .uye-ust-eylem{justify-content:stretch}.uye-ust-eylem .btn{width:100%}
  .uye-hizli .btn{flex:1 1 calc(50% - 5px);padding:0 10px;font-size:.84rem;white-space:nowrap}
}

/* ---------- Rezervasyon sayfası (rezervasyon.html): özet bandı, kişisel bilgiler, uçuş, ekstralar, fiyat özeti, ödeme ---------- */
.rz-bas{padding-bottom:130px}
.rz-ozet{position:relative;z-index:5;margin-top:-80px;display:grid;grid-template-columns:1.15fr 1.15fr .8fr;border-radius:24px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 30px 70px -30px rgba(17,17,17,.45);overflow:hidden}
.rz-ozet:empty{display:none}
.rz-oz{display:grid;gap:14px;align-content:start;padding:24px 26px}
.rz-oz+.rz-oz{border-left:1px solid var(--cizgi)}
.rz-oz-bas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rz-oz-bas h2{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.rz-oz-bas a{padding:5px 12px;border-radius:999px;background:var(--murekkep);color:#fff;font-size:.78rem;font-weight:700;transition:background .2s}
.rz-oz-bas a:hover{background:var(--turuncu)}
.rz-yerler{display:grid;gap:12px}
.rz-yerler>div,.rz-hesap{display:flex;align-items:flex-start;gap:12px}
.rz-nokta{width:36px;height:36px;border-radius:10px;background:var(--turuncu-a);color:var(--turuncu);display:grid;place-items:center;flex:none}
.rz-nokta svg{width:18px;height:18px}
.rz-yerler p,.rz-arac p,.rz-hesap>div{display:grid;gap:2px;min-width:0}
.rz-yerler b,.rz-arac b{font-size:.95rem}
.rz-yerler small,.rz-arac small{color:var(--soluk);font-size:.85rem}
.rz-arac{display:flex;align-items:center;gap:14px}
.rz-arac img{width:110px;height:70px;object-fit:contain;flex:none}
.rz-arac strong,.rz-oz-ekstra strong{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--turuncu)}
.rz-sec{padding:56px 0 120px}
.rz-form{display:grid;gap:22px}
.rz-kutu{padding:32px;border-radius:24px;background:#fff;border:1px solid var(--cizgi)}
.rz-kutu h2{font-size:clamp(1.3rem,2.2vw,1.6rem);letter-spacing:-.02em}
.rz-kutu-bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:20px}
.rz-uye{font-size:.9rem;color:var(--soluk)}
.rz-uye a{color:var(--turuncu);font-weight:700}
.rz-hesap{margin-bottom:18px;padding:18px;border-radius:16px;background:var(--gri)}
.rz-hesap p{font-size:.85rem;color:var(--soluk)}
.rz-hesap small{color:var(--soluk)}
.rz-kutu .not{margin-bottom:14px}
.rz-alanlar{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:14px}
.rz-form label:not(.tik):not(.rz-ek){display:grid;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.rz-form input:not([type=checkbox]),.rz-form textarea{width:100%;padding:13px 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font-size:.95rem;font-weight:500;color:var(--murekkep);text-transform:none;letter-spacing:0;resize:vertical;transition:border-color .2s,background .2s}
.rz-form input:focus,.rz-form textarea:focus{border-color:var(--turuncu);outline:0}
.zorunlu{color:#D92D20;font-weight:800}
.rz-form .hatali:not([type=checkbox]){border-color:#D92D20;background:#FEF3F2}
.rz-form input[type=checkbox].hatali{outline:2px solid #D92D20;outline-offset:2px}
.rz-uyari{position:sticky;top:96px;z-index:20;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:16px;background:#FEF3F2;border:1px solid #FDA29B;color:#B42318;font-weight:700;font-size:.95rem;box-shadow:0 14px 30px -18px rgba(180,35,24,.5);outline:0}
.rz-uyari::before{content:"!";flex:none;width:26px;height:26px;border-radius:50%;background:#D92D20;color:#fff;display:grid;place-items:center;font-weight:800}
.rz-ucak{font-size:1rem!important}
.rz-ucus{margin-top:18px}
.rz-ekstra-kutu h2{margin-bottom:16px}
.rz-ekstra-kutu h2:not(:first-child){margin-top:26px}
.rz-ekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px}
.rz-ek{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--cizgi);background:var(--gri);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .3s,transform .3s}
.rz-ek:hover{border-color:var(--turuncu);transform:translateY(-2px)}
.rz-ek:has(input:checked){border-color:var(--turuncu);background:#fff;box-shadow:var(--golge)}
.rz-ek input{width:20px;height:20px;flex:none;accent-color:var(--turuncu)}
.rz-ek-ikon{width:44px;height:44px;border-radius:12px;background:var(--turuncu-a);color:var(--turuncu);display:grid;place-items:center;flex:none}
.rz-ek b{display:block;font-size:.95rem}
.rz-ek small{color:var(--turuncu);font-weight:700;font-size:.82rem}
.rz-alt{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;align-items:start}
.rz-fiyat h2,.rz-odeme h2{margin-bottom:18px}
.rz-fiyat dl{display:grid;gap:10px}
.rz-fiyat dl>div{display:flex;justify-content:space-between;gap:16px;font-size:.95rem}
.rz-fiyat dt{color:var(--soluk)}
.rz-fiyat dd{font-weight:700;text-align:right}
.rz-fiyat .rz-toplam{margin-top:6px;padding-top:16px;border-top:2px solid var(--turuncu);align-items:baseline}
.rz-fiyat .rz-toplam dt{color:var(--murekkep);font-weight:700;font-size:1.05rem}
.rz-fiyat .rz-toplam dd{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:var(--turuncu)}
.rz-fiyat .not{margin:4px 0 0}
.rz-kosul{margin-top:22px}
.rz-kosul a{color:var(--turuncu);text-decoration:underline;text-underline-offset:3px}
.rz-odeme-ic{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.rz-sekmeler{display:grid;align-content:start;background:var(--gri);border-right:1px solid var(--cizgi)}
.rz-sekmeler button{padding:16px 18px;text-align:left;font-weight:700;font-size:.9rem;color:var(--murekkep);border-bottom:1px solid var(--cizgi);transition:background .2s,color .2s}
.rz-sekmeler button:hover{background:#fff}
.rz-sekmeler button[aria-selected=true]{background:var(--turuncu);color:#fff}
.rz-sekme-ic{display:grid;gap:14px;align-content:start;padding:20px 22px;font-size:.95rem;line-height:1.6;color:var(--soluk)}
.rz-gonderler{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
/* 3 seçenek: üstte tam genişlikte "Rezervasyon Yap" (yalnızca site), altında e-posta ve WhatsApp */
.rz-gonder-site{grid-column:1/-1}
.rz-gonder{width:100%}
.rz-gonder span{display:inline-flex;align-items:center;gap:10px}
.rz-gonder svg{width:20px;height:20px}
.rz-gonder-wa{background:#1FA855;color:#fff}
.rz-gonder-wa::before{background:#178A45}
/* E-posta son onay penceresi */
.rz-onay{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:30px;border:0;border-radius:24px;background:#fff;color:var(--murekkep);box-shadow:0 40px 100px -30px rgba(17,17,17,.6);overflow:auto;overscroll-behavior:contain}
.rz-onay:not([open]){display:none}
.rz-onay[open]{animation:pencereGel .4s cubic-bezier(.2,.8,.2,1)}
.rz-onay::backdrop{background:rgba(17,17,17,.45);backdrop-filter:blur(6px)}
.rz-onay h2{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:6px}
.rz-onay-liste{display:grid;margin:18px 0 22px;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.rz-onay-liste>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 16px;font-size:.92rem}
.rz-onay-liste>div:nth-child(even){background:var(--gri)}
.rz-onay-liste dt{color:var(--soluk)}
.rz-onay-liste dd{font-weight:600;overflow-wrap:anywhere}
.rz-onay-dugme{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.rz-onay-dugme span{display:inline-flex;align-items:center;gap:8px}
.rz-onay-dugme svg{width:18px;height:18px}
@media (max-width:600px){
  .rz-gonderler{grid-template-columns:1fr}
  .rz-onay{padding:22px 18px;border-radius:20px}
  .rz-onay-liste>div{grid-template-columns:1fr;gap:2px}
  .rz-onay-dugme .btn{flex:1}
}
.rz-tamam,.rz-yok{display:grid;gap:14px;justify-items:center;max-width:720px;margin:0 auto;text-align:center;outline:0}
.rz-tamam-ikon{width:64px;height:64px;border-radius:50%;background:#EAF7EE;color:#1E6B3A;display:grid;place-items:center}
.rz-tamam-ikon svg{width:30px;height:30px;stroke-width:2.4}
.rz-tamam p,.rz-yok p{color:var(--soluk);font-size:1.02rem}
.rz-dugmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
@media (max-width:1100px){
  .rz-ozet{grid-template-columns:1fr 1fr}
  .rz-oz-ekstra{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--cizgi);display:flex;align-items:center;justify-content:space-between}
  .rz-alt{grid-template-columns:1fr}
  .rz-uyari{top:84px}
}
@media (max-width:600px){
  .rz-bas{padding-bottom:110px}
  .rz-ozet{grid-template-columns:1fr;margin-top:-70px;border-radius:18px}
  .rz-oz{padding:18px}
  .rz-oz+.rz-oz{border-left:0;border-top:1px solid var(--cizgi)}
  .rz-sec{padding:32px 0 80px}
  .rz-kutu{padding:22px 18px;border-radius:18px}
  .rz-alanlar{grid-template-columns:1fr}
  .rz-odeme-ic{grid-template-columns:1fr}
  .rz-sekmeler{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--cizgi)}
  .rz-sekmeler button{padding:12px 6px;text-align:center;font-size:.8rem;border-bottom:0}
  .rz-sekmeler button+button{border-left:1px solid var(--cizgi)}
  .rz-fiyat .rz-toplam dd{font-size:1.6rem}
  .rz-uyari{top:76px;gap:10px;padding:10px 14px;border-radius:12px;font-size:.82rem;line-height:1.35}
  .rz-uyari::before{width:22px;height:22px;font-size:.8rem}
}

/* ---------- Kiralama koşulları penceresi (#kosullar) ---------- */
.pencere.pd-kosullar{width:min(820px,calc(100% - 32px))}
.pencere.pd-kosullar .pd-govde{padding-top:48px}
.pk-ozet{list-style:none;padding:0;margin:20px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pk-ozet li{display:grid;align-content:start;gap:4px;padding:14px 16px;border-radius:14px;background:var(--gri,#f6f6f6);font-size:.9rem}
.pk-ozet b{color:var(--turuncu)}
.pk-baslik{font-size:1.15rem;margin:0 0 8px}
.pencere.pd-kosullar .sss{margin-top:16px}
@media (max-width:600px){.pk-ozet{grid-template-columns:1fr}}

/* ---------- Anasayfa ilk ekran: arama formu kaydırmadan tamamen görünür. Slayt yüksekliği = ekran − (formun slayt altında kalan kısmı);
   başlık içeriği menü ile slayt çubukları arasında ortalanır. Form yüksekliği değişirse buradaki çıkarılan değerler güncellenmeli. ---------- */
.hero{height:calc(100svh - 156px);min-height:520px}
.hero-icerik{padding:118px 0 150px}
.hero-alt{bottom:96px}
/* 09.11: yüksek geniş ekranda slayt 40px kısa: başlık, slayt çubukları ve arama formu birlikte 40px yukarıda (kısa ekranda yer yok, çakışır) */
@media (min-width:1101px) and (min-height:821px){.hero{height:calc(100svh - 196px)}.hero-icerik{padding-bottom:190px}}
@media (min-width:1101px) and (max-height:820px){
  .hero h1{font-size:clamp(2.4rem,4.6vw,3.9rem)}
  .hero-icerik{gap:12px;padding-bottom:140px}
}
@media (max-width:1100px){
  .hero{height:calc(100svh - 248px);min-height:470px}
  .hero-icerik{padding:84px 0 140px}
  .hero-alt{bottom:92px}
}
@media (max-width:1100px) and (max-height:820px){
  .hero h1{font-size:clamp(2.1rem,5.4vw,3.4rem)}
  .hero-icerik{gap:12px}
}
@media (max-width:600px){
  .hero{height:calc(100svh - 352px);min-height:400px}
  .hero-icerik{padding:76px 0 128px}
  .hero-alt{bottom:84px}
  .rez{grid-template-columns:1fr 1fr;gap:10px;padding:16px}
  .rez>label:nth-of-type(n+3),.rez .btn,.rez-hata{grid-column:1/-1}
  .rez select,.rez input,.rez .secim{height:46px}
  .rez .btn{height:48px;min-height:48px}
}
@media (max-width:600px) and (max-height:760px){
  .hero-ozet{display:none}
  .hero h1{font-size:clamp(1.9rem,9vw,2.4rem)}
}

/* ---------- Rezervasyon sayfası arama formu: 4 alan tek satır, Teklif Ara yok (seçim anında uygulanır) ---------- */
.rez.rz-arama{grid-template-columns:1fr 1fr 1.1fr 1.1fr;z-index:6} /* takvim penceresi alttaki özet bandının üstünde açılsın */
.rez.rz-arama + .rz-ozet{margin-top:24px}
@media (max-width:1100px){.rez.rz-arama{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.rez.rz-arama{grid-template-columns:1fr}}

/* ---------- Cihaz uyumluluğu (04.11) ---------- */
/* 1240px kapsayıcının yanında 26px'lik taşan oklara yer yoksa (≈1300px altı laptoplar) oklar içeri alınır: yana kaydırma çubuğu çıkmasın */
@media (max-width:1320px){.dongu-ok.sol{left:-8px}.dongu-ok.sag{right:-8px}}
/* Dokunmatik ekranda 16px altı yazılı alana dokununca iPhone sayfayı yakınlaştırır */
@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea,.il-form textarea,.uye-form textarea,.rz-form textarea{font-size:16px}}
/* Telefonda dolu tablo satırları kart olur: solda numara, güzergâh, tarihler; sağda durum + tutar (+ iptal); başlık satırı gizli */
@media (max-width:600px){
  .uye-tablo:has(tbody td:not(.bos)) thead{display:none}
  .uye-tablo tbody tr:not(:has(.bos)){display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:14px 16px;border-top:1px solid var(--cizgi)}
  .uye-tablo tbody tr:first-child{border-top:0}
  .uye-tablo tbody tr:not(:has(.bos)) td{padding:0;border:0}
  .uye-tablo tbody tr:not(:has(.bos)) td:nth-child(4){grid-column:2;grid-row:1/span 3;text-align:right}
}
/* Uzun tek kelimeli başlıklar ("Rezervasyonunuzu") dar ekranda sayfayı genişletmesin: gerekirse heceden bölünür */
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
/* Çok dar telefonlar (Galaxy Z Fold kapalı ekran ≈280px, eski küçük Android'ler): form tek sütun, üst bar ve düğmeler sığsın */
@media (max-width:340px){ /* 360px telefonlarda iki sütunlu form ilk ekrana sığıyor; tek sütun yalnızca 320px gibi dar ekranlarda */
  .rez,.rez.rz-arama{grid-template-columns:1fr}
  .ust-ic{gap:10px;padding-left:14px}
  .logo{flex:0 1 auto;min-width:0}
  .logo img{height:auto;width:100%;max-width:140px}
  .hero-butonlar{grid-template-columns:1fr}
  .ikili{grid-template-columns:1fr}
  .sayfa-bas h1{font-size:2.1rem}
  h1,h2,h3{overflow-wrap:anywhere}
  .bulten{flex-wrap:wrap;border-radius:18px}.bulten input{min-height:44px}.bulten .btn{flex:1 1 100%;justify-content:center}
}

/* Rezervasyon Kontrol sonucu ve rezervasyon sonrası numara */
.il-form.k-sonuc{margin-top:22px;background:#fff}
.k-sonuc .k-bas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.k-sonuc .rz-onay-liste{margin:6px 0 0}
.rz-no{font-size:1.05rem;font-weight:600;color:var(--murekkep)!important}
.rz-no em{font-style:normal;color:var(--turuncu);font-weight:800;letter-spacing:.04em}
.kvkk-ic{display:grid;gap:10px;color:var(--soluk);line-height:1.7}
.kvkk-ic ul{display:grid;gap:6px;padding-left:20px;list-style:disc}
.kvkk-ic b{color:var(--murekkep)}
.kvkk-bag{color:var(--turuncu);text-decoration:underline;text-underline-offset:3px}

/* Bakım ekranı (panel → Ayarlar → Site durumu: bakımda) */
.bakim-govde{margin:0;min-height:100svh;display:grid;place-items:center;background:#F5F5F4;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#111}
.bakim{display:grid;justify-items:center;gap:22px;max-width:520px;padding:32px 20px;text-align:center}
.bakim img{height:56px;width:auto}
.bakim p{font-size:1.15rem;line-height:1.6;color:#333}
.bakim-iletisim{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.bakim-iletisim a{padding:12px 22px;border-radius:999px;background:#E9500A;color:#fff;font-weight:700;text-decoration:none}
.bakim-iletisim a+a{background:#111}

/* ---------- Canlı sohbet kutusu (assets/sohbet.js): "Canlı destek" düğmesi sohbet açıksa turuncu, sohbet simgeli ---------- */
.destek.sohbetli{background:var(--turuncu);box-shadow:0 14px 34px -12px rgba(233,80,10,.6)}
.destek.sohbetli::before{border-color:var(--turuncu)}
.destek.sohbetli:hover{box-shadow:0 18px 40px -12px rgba(233,80,10,.7)}
.destek-ik{position:relative;display:grid}
.destek-cevrim{position:absolute;top:-1px;right:-2px;width:12px;height:12px;border-radius:50%;background:#2BD46E;border:2px solid var(--turuncu)}
.destek .destek-x{display:none;width:26px;height:26px}
.destek.sohbetli[aria-expanded=true]{padding:0;min-width:60px;justify-content:center}
.destek.sohbetli[aria-expanded=true] .destek-ik,.destek.sohbetli[aria-expanded=true] .destek-yazi{display:none}
.destek.sohbetli[aria-expanded=true] .destek-x{display:block}
.destek.sohbetli[aria-expanded=true]::before{animation:none;opacity:0}
.sohbet-rozet{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#111;color:#fff;font-size:.75rem;display:grid;place-items:center}
/* Sohbet açıkken yukarı düğmesi gizlenmez, canlı destek düğmesinin soluna geçer (telefonda sohbet tam ekran: gizli) */
body.sohbet-acik .yukari{right:92px!important;bottom:24px!important}
@media (max-width:1100px){body.sohbet-acik .yukari{right:90px!important;bottom:24px!important}}
@media (max-width:600px){body.sohbet-acik .yukari{visibility:hidden}}
.sohbet{position:fixed;right:20px;bottom:92px;z-index:9998;width:380px;height:min(580px,calc(100svh - 132px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 80px -24px rgba(17,17,17,.45),0 0 0 1px rgba(17,17,17,.05);animation:sohbetGel .35s cubic-bezier(.2,.8,.2,1);-webkit-user-select:text;user-select:text}
.sohbet[hidden]{display:none}
@keyframes sohbetGel{from{opacity:0;transform:translateY(16px) scale(.98)}}
.sohbet-ust{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 20px;background:#111;color:#fff}
.sohbet-ust div{flex:1;display:grid;line-height:1.3}.sohbet-ust b{font-size:1rem}.sohbet-ust small{font-size:.76rem;color:rgba(255,255,255,.65)}
.sohbet-avatar{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center}
.sohbet-avatar img{width:26px;height:26px;object-fit:contain}
.sohbet-avatar i{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#2BD46E;border:2px solid #111}
.sohbet-kapat{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff}.sohbet-kapat:hover{background:rgba(255,255,255,.12)}
.sohbet-akis{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:8px;background:var(--gri);overscroll-behavior:contain}
.sb{max-width:84%;padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}
.sb time{display:block;margin-top:3px;font-size:.68rem;opacity:.55;text-align:right}
.sb.o{align-self:flex-start;background:#fff;border:1px solid var(--cizgi);border-bottom-left-radius:6px}
.sb.ben{align-self:flex-end;background:var(--turuncu);color:#fff;border-bottom-right-radius:6px}
.sb.ben a{color:#fff;text-decoration:underline}.sb.o a{color:var(--turuncu);text-decoration:underline}
.sb.bekliyor{opacity:.7}.sb.olmadi{opacity:1;background:#B42318}
.sb.sistem{align-self:center;max-width:92%;background:none;color:var(--soluk);font-size:.8rem;text-align:center;padding:4px 8px}
/* Asistan yanıtının altında beğen / beğenme; beğenmeyince canlı desteğe bağlanma sorusu */
.sb-oy{align-self:flex-start;display:flex;align-items:center;gap:6px;margin:-4px 0 2px 4px}
.sb-oy button{width:32px;height:28px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font-size:.9rem;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.sb-oy button:not(:disabled):hover{border-color:var(--turuncu)}.sb-oy button:disabled{cursor:default;opacity:.45}.sb-oy button[aria-pressed=true]{opacity:1;border-color:var(--turuncu);background:#FFF1EA}
.sb-oy-not{font-size:.76rem;color:var(--soluk)}
.sb.sistem.baglan-sor{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:12px 14px;color:var(--murekkep);font-size:.88rem;display:grid;gap:10px}
.baglan-sor div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.baglan-sor button{min-height:36px;padding:0 14px;border-radius:999px;font-weight:700;font-size:.84rem;cursor:pointer}
.baglan-evet{background:var(--turuncu);color:#fff}.baglan-evet:hover{background:var(--turuncu-k)}.baglan-hayir{border:1px solid var(--cizgi);background:#fff}
.sb.sistem.baglaniyor{color:var(--murekkep);background:#FFF1EA;border-radius:12px;padding:8px 12px}
.sb.yaziyor{display:flex;gap:4px;padding:14px 16px}
.sb.yaziyor i{width:7px;height:7px;border-radius:50%;background:#B9B6B2;animation:yaziyor 1.2s infinite}
.sb.yaziyor i:nth-child(2){animation-delay:.15s}.sb.yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes yaziyor{30%{transform:translateY(-4px);background:var(--turuncu)}}
.sohbet-form{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--cizgi);background:#fff}
.sohbet-form textarea{flex:1;resize:none;min-height:44px;max-height:120px;padding:11px 14px;border:1px solid var(--cizgi);border-radius:14px;font:inherit;font-size:.92rem;line-height:1.45;outline:0}
.sohbet-form textarea:focus{border-color:var(--turuncu);box-shadow:0 0 0 3px var(--turuncu-a)}
.sohbet-form button{width:44px;height:44px;border-radius:14px;background:var(--turuncu);color:#fff;display:grid;place-items:center;flex:none}
.sohbet-form button:hover{background:var(--turuncu-k)}
.sohbet-alt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 12px;background:#fff;font-size:.72rem;color:var(--soluk)}
.sohbet-alt a{color:#128C4A;font-weight:700;white-space:nowrap}
@media (max-width:600px){.sohbet{inset:0;width:auto;height:auto;border-radius:0;bottom:0}body.sohbet-acik{overflow:hidden}body.sohbet-acik .destek{visibility:hidden}}
@media (prefers-reduced-motion:reduce){.sohbet{animation:none}.sb.yaziyor i{animation:none}}