/*
 * Klima Pro — Site Teması (6 tasarım: beton, plan, gece, minimal, endustri, asimetrik)
 * Tasarım & Yazılım: Süleyman Yılmaz
 *
 * Renkler :root üzerinde --ana / --koyu olarak panelden gelir.
 * Her tasarım body.tema-* sınıfıyla aşağıdaki değişkenleri ve bileşenleri değiştirir.
 */
:root{--ana:#f2b705;--ana-koyu:#c99600;--ana-acik:#fdf3d0;--ana-ust:#111;--koyu:#0d0d0d;--vurgu:#f2b705;
  --font-baslik:"Archivo";--font-metin:"Archivo";--font-etiket:"Archivo";
  --zemin:#fff;--zemin2:#f5f5f2;--yuzey:#fff;--yazi:#2a2a2a;--baslik-renk:var(--koyu);--soluk:#6b6b6b;--kenar:#e6e4dd;
  --link:#8a6400;--r:4px;--r-k:2px;--r-btn:2px;--golge:0 1px 2px rgba(0,0,0,.04),0 12px 30px rgba(0,0,0,.06);--golge-b:0 24px 60px rgba(0,0,0,.16);
  --bas-zemin:#fff;--bas-yazi:var(--koyu);--bas-kenar:var(--kenar);--ust-bar:var(--koyu);--baslik-donusum:none;--baslik-agirlik:800;--baslik-aralik:-.02em}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-metin),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--yazi);background:var(--zemin);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-baslik),var(--font-metin),sans-serif;line-height:1.12;letter-spacing:var(--baslik-aralik);color:var(--baslik-renk);margin:0 0 .5em;font-weight:var(--baslik-agirlik);text-transform:var(--baslik-donusum)}
p{margin:0 0 1em}
.ik{flex-shrink:0}
.kap{width:100%;max-width:1260px;margin:0 auto;padding:0 24px}
.ortala{text-align:center}.soluk{color:var(--soluk)}
.atla{position:absolute;left:-9999px;top:0;background:var(--koyu);color:#fff;padding:10px 16px;z-index:999}.atla:focus{left:10px}
.bal{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.goster-m{display:none}
.onizleme-serit{position:sticky;top:0;z-index:100;background:var(--ana);color:var(--ana-ust);text-align:center;padding:8px 16px;font-size:14px;font-weight:600}
.onizleme-serit a{color:var(--ana-ust);text-decoration:underline;font-weight:800}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:var(--r-btn);font-weight:700;font-size:15px;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;font-family:var(--font-baslik),sans-serif;line-height:1.2;text-align:center;letter-spacing:.01em}
.btn:hover{transform:translateY(-2px)}
.btn-ana,.btn-vurgu{background:var(--ana);color:var(--ana-ust);border-color:var(--ana)}
.btn-ana:hover,.btn-vurgu:hover{background:var(--ana-koyu);border-color:var(--ana-koyu)}
.btn-cizgi{border-color:currentColor;color:var(--baslik-renk);background:transparent}
.btn-cizgi:hover{background:var(--koyu);border-color:var(--koyu);color:#fff}
.btn-saydam{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-saydam:hover{background:#fff;color:var(--koyu);border-color:#fff}
.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1eb957}
.btn-koyu{background:var(--koyu);color:#fff;border-color:var(--koyu)}
.btn-buyuk{padding:16px 30px;font-size:16px}
.btn-blok{width:100%;margin-top:10px}

/* ---------- Üst bar ---------- */
.ust-bar{background:var(--ust-bar);color:rgba(255,255,255,.72);font-size:13.5px}
.ust-bar .kap{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:16px}
.ust-bar-sol{display:flex;gap:24px;flex-wrap:wrap}
.ust-bar a,.ust-bar span{color:inherit;display:inline-flex;align-items:center;gap:7px}
.ust-bar a:hover{color:var(--ana)}
.ust-bar .ik{color:var(--ana)}
.sosyal{display:flex;gap:6px}
.sosyal a{width:32px;height:32px;border-radius:var(--r-k);display:grid;place-items:center;color:inherit;transition:.2s}
.sosyal a:hover{background:var(--ana);color:var(--ana-ust)}

/* ---------- Başlık / menü ---------- */
.baslik{position:sticky;top:0;z-index:60;background:var(--bas-zemin);color:var(--bas-yazi);border-bottom:1px solid var(--bas-kenar);transition:box-shadow .25s,background .25s}
.baslik.kaydi{box-shadow:0 10px 30px rgba(0,0,0,.12)}
.baslik-ic{display:flex;align-items:center;gap:24px;min-height:82px}
.logo{display:flex;align-items:center;flex-shrink:0;color:inherit}
.logo img{max-height:54px;width:auto}
.logo-yazi{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-baslik),sans-serif;font-size:21px;font-weight:800;color:inherit;letter-spacing:-.02em;text-transform:var(--baslik-donusum)}
.logo-kare{width:26px;height:26px;background:var(--ana);display:inline-block;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 100%,40% 100%,40% 40%,0 40%)}
.menu{flex:1;display:flex;justify-content:center}
.menu>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.menu li{position:relative}
.menu>ul>li>a{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:10px 14px;font-weight:600;color:inherit;font-size:15px;transition:.15s;position:relative;font-family:var(--font-baslik),sans-serif}
.menu>ul>li>a:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--ana);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.menu>ul>li>a:hover:after,.menu>ul>li.aktif>a:after{transform:scaleX(1)}
.menu>ul>li.vurgulu>a{background:var(--ana);color:var(--ana-ust);border-radius:var(--r-btn);margin-left:6px}
.menu>ul>li.vurgulu>a:after{display:none}
.alt-ac{display:none}
.alt-menu{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:var(--yuzey);border-radius:var(--r);box-shadow:var(--golge-b);border:1px solid var(--kenar);border-top:3px solid var(--ana);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.alt-menu:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.alt-var:hover>.alt-menu,.alt-var:focus-within>.alt-menu{opacity:1;visibility:visible;transform:none}
.alt-menu a{display:block;padding:9px 12px;border-radius:var(--r-k);color:var(--yazi);font-size:14.5px;font-weight:500}
.alt-menu a:hover{background:var(--ana-acik);color:var(--koyu)}
.baslik-sag{display:flex;align-items:center;gap:10px}
.ikon-dugme{width:44px;height:44px;border-radius:var(--r-btn);display:grid;place-items:center;color:inherit;border:1px solid var(--bas-kenar)}
.ikon-dugme:hover{background:var(--ana);color:var(--ana-ust);border-color:var(--ana)}
.hamburger{display:none;width:46px;height:46px;border-radius:var(--r-btn);border:1px solid var(--bas-kenar);background:transparent;color:inherit;cursor:pointer;padding:0 12px;flex-direction:column;justify-content:center;gap:5px}
.hamburger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:.25s}
.menu-acik .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-acik .hamburger span:nth-child(2){opacity:0}
.menu-acik .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-mobil-alt{display:none}

/* Başlık varyantları */
.bas-koyu{--bas-zemin:var(--koyu);--bas-yazi:#fff;--bas-kenar:rgba(255,255,255,.12)}
.bas-renkli{--bas-zemin:var(--ana);--bas-yazi:var(--ana-ust);--bas-kenar:rgba(0,0,0,.15)}
.bas-renkli .menu>ul>li>a:after{background:var(--koyu)}
.bas-renkli .logo-kare{background:var(--koyu)}
.bas-renkli .btn-ana{background:var(--koyu);border-color:var(--koyu);color:#fff}
.bas-renkli .menu>ul>li.vurgulu>a{background:var(--koyu);color:#fff}
.bas-seffaf{--bas-zemin:transparent;--bas-yazi:#fff;--bas-kenar:rgba(255,255,255,.25)}
.bas-seffaf .baslik{position:fixed;left:0;right:0;border-bottom-color:transparent}
.bas-seffaf .baslik.kaydi{--bas-zemin:var(--koyu);background:var(--koyu)}
.bas-seffaf .ust-bar{display:none}
.bas-seffaf main{padding-top:0}
.bas-seffaf .sayfa-baslik{padding-top:calc(clamp(48px,7vw,84px) + 82px)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--koyu)}
.hero-slaytlar{position:relative;min-height:clamp(560px,82vh,800px)}
.hero-slayt{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.hero-slayt.aktif{opacity:1;visibility:visible}
.hero-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.hero-slayt.aktif .hero-gorsel{transform:scale(1)}
.hero-slayt:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,color-mix(in srgb,var(--koyu) 94%,transparent) 0%,color-mix(in srgb,var(--koyu) 70%,transparent) 48%,color-mix(in srgb,var(--koyu) 20%,transparent) 100%)}
.hero-degrade{background:linear-gradient(115deg,var(--koyu) 55%,color-mix(in srgb,var(--ana) 22%,var(--koyu)) 100%)}
.hero-degrade:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 20%,#000 70%)}
.hero-degrade:after{content:"";position:absolute;right:8%;top:18%;width:min(34vw,440px);aspect-ratio:1;border:2px solid var(--ana);opacity:.85;box-shadow:40px 40px 0 -2px color-mix(in srgb,var(--ana) 25%,transparent)}
.hero-icerik{position:relative;z-index:2;color:#fff;padding-top:70px;padding-bottom:100px}
.hero-icerik>*{max-width:740px}
.hero-rozet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-left:3px solid var(--ana);background:rgba(255,255,255,.08);font-size:13.5px;font-weight:700;margin-bottom:24px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-etiket),sans-serif}
.hero-rozet .ik{color:var(--ana)}
.hero-baslik{color:#fff;font-size:clamp(38px,6vw,76px);line-height:1.02;margin-bottom:22px}
.hero-icerik p{font-size:clamp(16px,2vw,20px);opacity:.85;margin-bottom:34px;max-width:600px}
.hero-slayt.aktif .hero-icerik>*{animation:yuksel .8s both}
.hero-slayt.aktif .hero-icerik>*:nth-child(2){animation-delay:.1s}.hero-slayt.aktif .hero-icerik>*:nth-child(3){animation-delay:.2s}.hero-slayt.aktif .hero-icerik>*:nth-child(4){animation-delay:.3s}
@keyframes yuksel{from{opacity:0;transform:translateY(24px)}}
.hero-butonlar{display:flex;gap:12px;flex-wrap:wrap}
.hero-butonlar.merkez{justify-content:center}
.hero-noktalar{position:absolute;z-index:3;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-noktalar button{width:28px;height:4px;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:.3s;padding:0}
.hero-noktalar button.aktif{width:56px;background:var(--ana)}

/* Hero: bölünmüş (sarı panel + görsel) */
.hero-bolunmus .hero{background:var(--ana)}
.hero-bolunmus .hero-slayt{background:var(--ana)}
.hero-bolunmus .hero-slayt:after{display:none}
.hero-bolunmus .hero-gorsel{left:50%;width:50%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.hero-bolunmus .hero-degrade{background:var(--koyu)}
.hero-bolunmus .hero-degrade:after{right:14%;top:24%;width:46%}
.hero-bolunmus .hero-icerik{color:var(--ana-ust);padding-top:150px}
.hero-bolunmus .hero-icerik>*{max-width:560px}
.hero-bolunmus .hero-baslik{color:var(--ana-ust)}
.hero-bolunmus .hero-rozet{background:rgba(0,0,0,.08);border-left-color:var(--koyu)}
.hero-bolunmus .hero-rozet .ik{color:var(--koyu)}
.hero-bolunmus .hero .btn-vurgu{background:var(--koyu);border-color:var(--koyu);color:#fff}
.hero-bolunmus .hero .btn-saydam{color:var(--ana-ust);border-color:var(--ana-ust)}
.hero-bolunmus .hero .btn-saydam:hover{background:var(--ana-ust);color:var(--ana)}
.hero-bolunmus .hero-noktalar{left:24px;transform:none}
.hero-bolunmus .hero-noktalar button{background:rgba(0,0,0,.25)}
.hero-bolunmus .hero-noktalar button.aktif{background:var(--koyu)}

/* Hero: çerçeve (plan) */
.hero-cerceve .hero{background:transparent;padding:28px 0 0}
.hero-cerceve .hero-slaytlar{max-width:1212px;margin:0 auto;border:1.5px solid var(--koyu);min-height:clamp(520px,74vh,720px)}
.hero-cerceve .hero-noktalar{bottom:24px}

/* ---------- Bölümler ---------- */
.bolum{padding:clamp(70px,9vw,120px) 0;position:relative}
.bolum-acik{background:var(--zemin2)}
.bolum-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.bolum-ust .bolum-bas{margin-bottom:0;text-align:left;margin-left:0}
.bolum-bas{max-width:760px;margin:0 auto 50px;text-align:center}
.bolum-bas.sola{text-align:left;margin:0 0 22px}
.bolum-bas h1,.bolum-bas h2{font-size:clamp(30px,4vw,48px);margin-bottom:14px}
.bolum-bas p{color:var(--soluk);font-size:17px;margin:0}
.ust-yazi{display:inline-flex;align-items:center;gap:10px;color:var(--baslik-renk);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px;font-family:var(--font-etiket),sans-serif}
.ust-yazi:before{content:"";width:28px;height:3px;background:var(--ana)}
.bos-mesaj{text-align:center;color:var(--soluk);padding:40px 0}

/* ---------- Kart ızgarası ---------- */
.kart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.kart-oge{background:var(--yuzey);border-radius:var(--r);overflow:hidden;border:1px solid var(--kenar);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}
.kart-oge:hover{transform:translateY(-6px);box-shadow:var(--golge-b);border-color:transparent}
.kart-oge:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--ana);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.kart-oge:hover:after{transform:scaleX(1)}
.kart-gorsel{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--zemin2);display:block}
.kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.kart-oge:hover .kart-gorsel img{transform:scale(1.06)}
.yer-tutucu{width:100%;height:100%;min-height:100%;display:grid;place-items:center;color:var(--ana);background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(0,0,0,.035) 14px 15px),var(--zemin2)}
.kart-gorsel .yer-tutucu{position:absolute;inset:0}
.etiket{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-k);background:var(--ana);color:var(--ana-ust);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-etiket),sans-serif}
.etiket-ust{position:absolute;top:14px;left:14px}
.etiket-vurgu{position:absolute;top:14px;right:14px;background:var(--koyu);color:#fff}
.kart-metin{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.kart-metin h3{font-size:20px;margin-bottom:8px}
.kart-metin h3 a{color:inherit}
.kart-metin h3 a:hover{color:var(--link)}
.kart-metin p{color:var(--soluk);font-size:15px;margin-bottom:18px}
.mini-bilgi{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px;color:var(--soluk)}
.mini-bilgi strong{color:var(--baslik-renk)}
.oge-alt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.devam{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--baslik-renk);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-etiket),sans-serif}
.devam .ik{background:var(--ana);color:var(--ana-ust);border-radius:var(--r-k);padding:4px;width:26px;height:26px;transition:transform .2s}
.devam:hover .ik{transform:translateX(4px)}
.fiyat{font-weight:800;color:var(--baslik-renk);font-size:18px;font-family:var(--font-baslik),sans-serif}

/* Liste görünümü */
.liste-gorunum{display:grid;gap:22px}
.liste-oge{display:grid;grid-template-columns:320px 1fr;gap:30px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden;transition:.3s}
.liste-oge:hover{box-shadow:var(--golge);border-left:4px solid var(--ana)}
.liste-gorsel{position:relative;min-height:210px;background:var(--zemin2);display:block}
.liste-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.liste-gorsel .yer-tutucu{position:absolute;inset:0}
.liste-metin{padding:28px 28px 28px 0;display:flex;flex-direction:column;align-items:flex-start}
.liste-metin h3{font-size:22px;margin:10px 0 8px}.liste-metin h3 a{color:inherit}
.liste-metin p{color:var(--soluk)}
.liste-metin .oge-alt{width:100%}

/* Galeri */
.galeri-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.galeri-oge{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;display:block;background:var(--zemin2)}
.galeri-oge:nth-child(6n+1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.galeri-oge img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.galeri-oge:hover img{transform:scale(1.08)}
.galeri-yazi{position:absolute;inset:auto 0 0 0;padding:44px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;display:flex;flex-direction:column}
.galeri-yazi strong{font-family:var(--font-baslik),sans-serif}
.galeri-yazi small{opacity:.8}
.galeri-oge:after{content:"";position:absolute;inset:12px;border:2px solid var(--ana);opacity:0;transition:.3s}
.galeri-oge:hover:after{opacity:1;inset:16px}
.foto-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.foto-izgara.genis{grid-template-columns:repeat(4,1fr)}
.foto-izgara a{aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;display:block}
.foto-izgara img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.foto-izgara a:hover img{transform:scale(1.07)}

/* Video */
.video-oge{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:var(--baslik-renk)}
.video-oge strong{display:block;margin-top:14px;font-size:18px;font-family:var(--font-baslik),sans-serif}
.video-gorsel{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--koyu)}
.video-gorsel img{width:100%;height:100%;object-fit:cover;transition:.5s}
.video-oge:hover .video-gorsel img{transform:scale(1.05);opacity:.8}
.oynat{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:var(--ana);color:var(--ana-ust);display:grid;place-items:center;box-shadow:0 0 0 10px color-mix(in srgb,var(--ana) 30%,transparent);transition:.25s}
.video-oge:hover .oynat{transform:scale(1.1)}
.video-kutu{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;margin-bottom:28px}
.video-kutu iframe,.video-kutu video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Akordeon */
.akordeon{max-width:880px;margin:0 auto;display:grid;gap:12px}
.akordeon-oge{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);transition:.2s}
.akordeon-oge[open]{box-shadow:var(--golge);border-left:4px solid var(--ana)}
.akordeon-oge summary{list-style:none;cursor:pointer;padding:22px 24px;font-weight:700;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--baslik-renk);font-family:var(--font-baslik),sans-serif}
.akordeon-oge summary::-webkit-details-marker{display:none}
.akordeon-ikon{width:34px;height:34px;border-radius:var(--r-k);background:var(--zemin2);color:var(--baslik-renk);display:grid;place-items:center;flex-shrink:0;transition:.25s}
.akordeon-oge[open] .akordeon-ikon{transform:rotate(45deg);background:var(--ana);color:var(--ana-ust)}
.akordeon-icerik{padding:0 24px 22px;color:var(--soluk)}

/* Logo */
.logo-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0;border-top:1px solid var(--kenar);border-left:1px solid var(--kenar)}
.logo-oge{height:120px;border-right:1px solid var(--kenar);border-bottom:1px solid var(--kenar);display:grid;place-items:center;padding:22px;background:var(--yuzey);transition:.3s;color:var(--baslik-renk);font-weight:700;text-align:center;font-family:var(--font-baslik),sans-serif}
.logo-oge img{max-height:62px;width:auto;filter:grayscale(1);opacity:.7;transition:.3s}
.logo-oge:hover{background:var(--ana);color:var(--ana-ust)}
.logo-oge:hover img{filter:none;opacity:1}

/* Ekip */
.ekip-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ekip-oge{text-align:left}
.ekip-foto{aspect-ratio:4/5;margin:0 0 18px;overflow:hidden;background:var(--zemin2);border-radius:var(--r);position:relative}
.ekip-foto:after{content:"";position:absolute;left:0;bottom:0;width:40%;height:5px;background:var(--ana)}
.ekip-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3);transition:.4s}
.ekip-oge:hover .ekip-foto img{filter:none;transform:scale(1.04)}
.ekip-foto span{width:100%;height:100%;display:grid;place-items:center;font-size:64px;font-weight:800;color:var(--ana);font-family:var(--font-baslik),sans-serif}
.ekip-oge h3{font-size:20px;margin-bottom:2px}
.ekip-unvan{color:var(--soluk);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.ekip-oge p{color:var(--soluk);font-size:14.5px;margin-top:8px}

/* Yorum */
.yorum-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.yorum-oge{margin:0;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;position:relative}
.yorum-oge:before{content:"”";position:absolute;top:0;right:22px;font-size:110px;line-height:1;color:var(--ana);font-family:Georgia,serif;opacity:.9}
.yildizlar{display:flex;gap:2px;color:#d0d0d0;margin-bottom:16px}
.yildizlar .dolu{color:var(--ana)}
.yildizlar .dolu svg{fill:currentColor}
.yorum-oge blockquote{margin:0 0 24px;font-size:16px;color:var(--yazi);flex:1}
.yorum-oge figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--kenar)}
.yorum-oge figcaption strong{color:var(--baslik-renk)}
.yorum-oge figcaption small{display:block;color:var(--soluk)}
.yorum-avatar{width:46px;height:46px;border-radius:var(--r-k);background:var(--koyu);color:var(--ana);display:grid;place-items:center;font-weight:800;overflow:hidden;flex-shrink:0}
.yorum-avatar img{width:100%;height:100%;object-fit:cover}

/* Bölge */
.bolge-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bolge-oge{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--yuzey);border:1px solid var(--kenar);color:var(--baslik-renk);transition:.25s}
a.bolge-oge:hover{background:var(--koyu);color:#fff;border-color:var(--koyu);transform:translateY(-3px)}
a.bolge-oge:hover small{color:rgba(255,255,255,.7)}
.bolge-oge strong{display:block;font-family:var(--font-baslik),sans-serif}.bolge-oge small{display:block;color:var(--soluk);font-size:13px;line-height:1.4}
.bolge-ikon{width:46px;height:46px;border-radius:var(--r-k);background:var(--ana);color:var(--ana-ust);display:grid;place-items:center;flex-shrink:0}
.bolge-oge .ok{margin-left:auto;color:var(--soluk)}
a.bolge-oge:hover .ok{color:var(--ana)}

/* Hakkımızda */
.hakkimizda-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.hakkimizda-gorsel{position:relative;padding:0 26px 26px 0}
.hakkimizda-gorsel:before{content:"";position:absolute;right:0;bottom:0;width:70%;height:70%;background:var(--ana);z-index:0}
.hakkimizda-gorsel img,.hakkimizda-desen{position:relative;z-index:1;border-radius:var(--r);width:100%;aspect-ratio:5/4;object-fit:cover}
.hakkimizda-desen{display:grid;place-items:center;color:var(--ana);background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 40px),var(--koyu)}
.tecrube-rozet{position:absolute;z-index:2;left:-20px;bottom:50px;background:var(--koyu);color:#fff;border-radius:var(--r);padding:22px 28px;box-shadow:var(--golge-b);display:flex;flex-direction:column;border-left:5px solid var(--ana)}
.tecrube-rozet strong{font-size:44px;line-height:1;color:var(--ana);font-family:var(--font-baslik),sans-serif}
.tecrube-rozet span{font-weight:600;font-size:14px}
.metin{color:var(--soluk);font-size:16.5px}
.metin h2,.metin h3,.metin h4{margin-top:1.4em}
.metin img{border-radius:var(--r);margin:1em 0}
.metin a{text-decoration:underline;color:var(--link)}
.metin ul,.metin ol{padding-left:1.3em}
.metin blockquote{border-left:4px solid var(--ana);margin:1.2em 0;padding:4px 18px;background:var(--zemin2)}
.tik-liste{list-style:none;padding:0;margin:24px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tik-liste li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--baslik-renk)}
.tik-liste .ik{color:var(--ana-ust);background:var(--ana);border-radius:var(--r-k);padding:4px;width:26px;height:26px}

/* Sayaç */
.sayac-bolum{background:var(--koyu);color:#fff;padding:64px 0;position:relative;overflow:hidden}
.sayac-bolum:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}
.sayac-izgara{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.sayac-oge{padding:10px 26px;border-left:1px solid rgba(255,255,255,.15)}
.sayac-oge:first-child{border-left:0}
.sayac-oge strong{display:block;font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--ana);font-family:var(--font-baslik),sans-serif}
.sayac-oge strong:after{content:"+";color:#fff}
.sayac-oge span{opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;font-family:var(--font-etiket),sans-serif}

/* CTA */
.cta{background:var(--ana);color:var(--ana-ust);padding:70px 0;position:relative;overflow:hidden}
.cta:after{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border:40px solid rgba(0,0,0,.07);transform:rotate(20deg)}
.cta-ic{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{color:var(--ana-ust);font-size:clamp(26px,3.2vw,40px);margin-bottom:8px}
.cta p{opacity:.8;margin:0}
.cta .btn-vurgu{background:var(--koyu);border-color:var(--koyu);color:#fff}
.cta .btn-vurgu:hover{background:#000}
.cta .btn-saydam{color:var(--ana-ust);border-color:var(--ana-ust)}
.cta .btn-saydam:hover{background:var(--ana-ust);color:var(--ana)}
.cta-ince{padding:52px 0}

/* Sayfa başlığı */
.sayfa-baslik{background:var(--koyu);color:#fff;padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.sayfa-baslik:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.sayfa-baslik:after{content:"";position:absolute;left:0;bottom:0;width:120px;height:6px;background:var(--ana)}
.sayfa-baslik .kap{position:relative}
.sayfa-baslik h1{color:#fff;font-size:clamp(32px,5vw,58px);margin-bottom:12px;max-width:900px}
.sayfa-baslik p{opacity:.75;max-width:720px;font-size:17px;margin:0}
.kirinti{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;margin-bottom:16px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.kirinti a{color:var(--ana)}.kirinti a:hover{color:#fff}

/* Filtre / sayfalama */
.filtre-cipler{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}
.filtre-cipler a{padding:10px 18px;border:1px solid var(--kenar);color:var(--baslik-renk);font-weight:600;font-size:14.5px;transition:.2s;border-radius:var(--r-btn);background:var(--yuzey)}
.filtre-cipler a small{color:var(--soluk);margin-left:4px}
.filtre-cipler a:hover{border-color:var(--koyu)}
.filtre-cipler a.aktif{background:var(--ana);color:var(--ana-ust);border-color:var(--ana)}
.filtre-cipler a.aktif small{color:var(--ana-ust)}
.sayfalama{display:flex;justify-content:center;gap:6px;margin-top:52px}
.sayfalama a,.sayfalama span{min-width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r-btn);border:1px solid var(--kenar);font-weight:700;color:var(--baslik-renk);padding:0 10px}
.sayfalama .aktif{background:var(--ana);border-color:var(--ana);color:var(--ana-ust)}
.sayfalama a:hover{border-color:var(--koyu)}

/* Detay */
.detay-izgara{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:48px;align-items:start}
.detay-kapak{display:block;border-radius:var(--r);overflow:hidden;margin-bottom:32px}
.detay-kapak img{width:100%;max-height:580px;object-fit:cover}
.ara-baslik{display:flex;align-items:center;gap:10px;font-size:24px;margin:40px 0 18px}
.ara-baslik .ik{color:var(--ana-ust);background:var(--ana);padding:5px;width:34px;height:34px;border-radius:var(--r-k)}
.ozellik-tablo{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;margin:0 0 30px;border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden}
.ozellik-tablo div{padding:16px 18px;border-right:1px solid var(--kenar);background:var(--yuzey)}
.ozellik-tablo dt{font-size:12px;color:var(--soluk);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.ozellik-tablo dd{margin:4px 0 0;font-weight:700;color:var(--baslik-renk);word-break:break-word}
.dosya-indir{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r);border:2px dashed var(--ana);background:var(--ana-acik);color:var(--koyu);margin:24px 0}
.dosya-indir small{display:block;color:#555}
.dosya-indir>.ik:last-child{margin-left:auto}
.dosya-ikon{width:52px;height:52px;border-radius:var(--r-k);background:var(--koyu);color:var(--ana);display:grid;place-items:center}
.paylas{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--kenar);color:var(--soluk);font-weight:600}
.paylas a{width:40px;height:40px;border-radius:var(--r-k);display:grid;place-items:center;border:1px solid var(--kenar);color:var(--baslik-renk)}
.paylas a:hover{background:var(--ana);border-color:var(--ana);color:var(--ana-ust)}
.detay-yan{position:sticky;top:110px;display:grid;gap:20px}
.yan-kutu{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:28px}
.yan-kutu h3{font-size:20px}
.yan-kutu p{color:var(--soluk);font-size:15px}
.teklif-kutu{background:var(--koyu);border:0;color:#fff;border-top:5px solid var(--ana)}
.teklif-kutu h3{color:#fff}.teklif-kutu p{color:rgba(255,255,255,.7)}
.teklif-kutu .btn-cizgi{color:#fff;border-color:rgba(255,255,255,.35)}
.teklif-kutu .btn-cizgi:hover{background:#fff;color:var(--koyu)}
.buyuk-fiyat{font-size:32px;font-weight:800;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15);color:var(--ana);font-family:var(--font-baslik),sans-serif}
.buyuk-fiyat small{display:block;font-size:12px;font-weight:700;opacity:.7;color:#fff;text-transform:uppercase;letter-spacing:.1em}
.yan-liste{list-style:none;padding:0;margin:0}
.yan-liste a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--kenar);color:var(--yazi);font-weight:600;font-size:15px}
.yan-liste li:last-child a{border:0}
.yan-liste a:hover{color:var(--baslik-renk);padding-left:6px}
.yan-liste .ik{color:var(--ana-koyu)}
.yan-kutu.koyu{background:var(--koyu);border:0;color:#fff}.yan-kutu.koyu h3{color:#fff}
.yan-kutu.koyu .tik-liste{grid-template-columns:1fr;margin:12px 0 0}.yan-kutu.koyu .tik-liste li{color:#fff}

/* İletişim & form */
.iletisim-izgara{display:grid;grid-template-columns:400px 1fr;gap:40px;align-items:start}
.iletisim-kartlar{display:grid;gap:14px}
.iletisim-kart{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid var(--kenar);border-radius:var(--r);color:var(--baslik-renk);transition:.25s;background:var(--yuzey)}
a.iletisim-kart:hover{border-color:var(--koyu);box-shadow:var(--golge)}
.iletisim-kart small{display:block;color:var(--soluk);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-etiket),sans-serif}
.iletisim-kart strong{display:block;font-size:16px;line-height:1.45}
.ik-kutu{width:54px;height:54px;border-radius:var(--r-k);background:var(--ana);color:var(--ana-ust);display:grid;place-items:center;flex-shrink:0}
.ik-kutu.wa{background:#25d366;color:#fff}
.form-kart{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);padding:clamp(26px,4vw,44px);box-shadow:var(--golge);border-top:5px solid var(--ana)}
.form-kart h2{font-size:28px}
.form-kart label{display:block;margin-bottom:16px}
.form-kart label span{display:block;font-weight:700;font-size:13px;margin-bottom:7px;color:var(--baslik-renk);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-etiket),sans-serif}
.form-kart input,.form-kart select,.form-kart textarea{width:100%;padding:14px 16px;border:1.5px solid var(--kenar);border-radius:var(--r-k);font:inherit;color:var(--yazi);background:var(--zemin);transition:.2s}
.form-kart input:focus,.form-kart select:focus,.form-kart textarea:focus{outline:0;border-color:var(--koyu);box-shadow:4px 4px 0 var(--ana)}
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-bildirim{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--r-k);margin-bottom:18px;font-weight:600}
.form-basari{background:#e8f8ee;color:#137a3a}
.form-hata{background:#fdecec;color:#b42318}
.teklif-izgara{display:grid;grid-template-columns:1fr 370px;gap:40px;align-items:start}
.teklif-yan{display:grid;gap:20px}
.harita iframe{width:100%!important;height:460px!important;border:0;display:block;filter:grayscale(1) contrast(1.05)}

/* Arama / 404 */
.arama-form{display:flex;gap:10px;max-width:660px;margin-top:22px}
.arama-form input{flex:1;padding:16px 18px;border-radius:var(--r-k);border:0;font:inherit;font-size:16px}
.arama-sonuc{display:grid;gap:12px;margin-top:16px}
.arama-oge{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border:1px solid var(--kenar);border-radius:var(--r);color:var(--baslik-renk);background:var(--yuzey)}
.arama-oge:hover{border-color:var(--koyu);box-shadow:var(--golge)}
.arama-oge strong{font-size:18px}.arama-oge small{color:var(--soluk)}
.hata-kod{display:block;font-size:clamp(100px,18vw,190px);font-weight:800;line-height:1;color:var(--ana);-webkit-text-stroke:3px var(--koyu);font-family:var(--font-baslik),sans-serif}

/* Footer */
.alt-bilgi{background:var(--koyu);color:rgba(255,255,255,.66);padding-top:80px;font-size:15px;position:relative}
.alt-bilgi:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--ana)}
.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:44px;padding-bottom:52px}
.alt-bilgi h3{color:#fff;font-size:15px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-etiket),sans-serif}
.alt-bilgi h3:after{content:"";display:block;width:28px;height:3px;background:var(--ana);margin-top:10px}
.logo-beyaz{color:#fff}
.logo-beyaz img{max-height:54px}
.alt-marka p{margin:20px 0 22px;max-width:340px}
.alt-marka .sosyal a{background:rgba(255,255,255,.08)}
.alt-linkler{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.alt-linkler a,.alt-iletisim a{color:rgba(255,255,255,.72);transition:.2s}
.alt-linkler a:hover,.alt-iletisim a:hover{color:var(--ana);padding-left:4px}
.alt-iletisim{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.alt-iletisim li{display:flex;gap:12px;align-items:flex-start}
.alt-iletisim .ik{color:var(--ana);margin-top:3px}
.alt-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:24px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px}
.imza strong{color:var(--ana)}

/* Sabit butonlar */
.sabit-butonlar{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:12px}
.sabit-wa,.sabit-ara{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .2s}
.sabit-wa{background:#25d366;animation:nabiz 2.4s infinite}
.sabit-ara{background:var(--ana);color:var(--ana-ust);display:none}
.sabit-wa:hover,.sabit-ara:hover{transform:scale(1.08)}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Işık kutusu */
.isik-kutu{position:fixed;inset:0;z-index:200;background:rgba(5,5,5,.95);display:flex;align-items:center;justify-content:center;padding:60px 70px}
.isik-kutu[hidden]{display:none}
.isik-kutu figure{margin:0;max-width:1200px;width:100%;text-align:center}
.isik-kutu img{max-height:80vh;margin:0 auto;width:auto}
.isik-kutu .video-kutu{margin:0 auto;max-width:1100px}
.isik-kutu figcaption{color:#fff;opacity:.8;margin-top:14px}
.isik-kutu button{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;width:52px;height:52px;cursor:pointer;display:grid;place-items:center}
.isik-kutu button:hover{background:var(--ana);color:var(--ana-ust)}
.ik-kapat{top:18px;right:18px}.ik-onceki{left:14px;top:50%;transform:translateY(-50%)}.ik-sonraki{right:14px;top:50%;transform:translateY(-50%)}
.isik-kutu.tek .ik-onceki,.isik-kutu.tek .ik-sonraki{display:none}

/* Görünürlük animasyonu */
.belir{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}
.belir.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.belir{opacity:1;transform:none}html{scroll-behavior:auto}}



/* =====================================================================
   KLİMA PRO TEMEL KATMANI — mavi / beyaz / kırmızı, yuvarlak ve ferah
   ===================================================================== */
:root{--ana:#1565d8;--ana-koyu:#0f4fb0;--ana-acik:#e8f0fd;--ana-ust:#fff;--vurgu:#e53935;--vurgu-ust:#fff;--koyu:#0b2545;--buz:#8fc1ff;
  --font-baslik:"Plus Jakarta Sans";--font-metin:"Plus Jakarta Sans";--font-etiket:"Plus Jakarta Sans";
  --zemin:#fff;--zemin2:#f3f7fc;--yuzey:#fff;--yazi:#334155;--baslik-renk:var(--koyu);--soluk:#64748b;--kenar:#e2e8f0;--link:var(--ana);
  --r:18px;--r-k:10px;--r-btn:12px;--golge:0 1px 2px rgba(15,23,42,.04),0 12px 30px rgba(15,23,42,.07);--golge-b:0 24px 60px rgba(11,37,69,.16);--ust-bar:var(--koyu)}
.btn-vurgu{background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-ust)}
.btn-vurgu:hover{background:color-mix(in srgb,var(--vurgu) 85%,#000);border-color:color-mix(in srgb,var(--vurgu) 85%,#000)}
.btn-ana{box-shadow:0 10px 24px color-mix(in srgb,var(--ana) 30%,transparent)}
.btn-vurgu{box-shadow:0 10px 24px color-mix(in srgb,var(--vurgu) 30%,transparent)}
.ust-bar .ik,.hero-rozet .ik,.alt-iletisim .ik{color:var(--buz)}
.ust-bar a:hover{color:#fff}
.acil-servis{display:inline-flex;align-items:center;gap:6px;background:var(--vurgu);color:#fff!important;padding:3px 12px;border-radius:99px;font-weight:700;font-size:12.5px;letter-spacing:.02em}
.acil-servis:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:yanip 1.4s infinite}
@keyframes yanip{50%{opacity:.25}}
.logo-ikon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ana),color-mix(in srgb,var(--ana) 55%,#22d3ee));color:#fff;flex-shrink:0;box-shadow:0 6px 16px color-mix(in srgb,var(--ana) 35%,transparent)}
.logo-yazi{text-transform:none;font-size:21px}
.menu>ul>li>a:after{background:var(--vurgu);height:3px;border-radius:3px}
.menu>ul>li.vurgulu>a{background:var(--vurgu);color:#fff}
.alt-menu{border-top-color:var(--ana)}
.alt-menu a:hover{background:var(--ana-acik);color:var(--ana)}
.ikon-dugme:hover{background:var(--ana);border-color:var(--ana);color:#fff}
.hero-rozet{border-left:0;border-radius:99px;padding:8px 16px;text-transform:none;letter-spacing:.01em;background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.hero-baslik{text-transform:none}
.hero-noktalar button{border-radius:99px}
.hero-noktalar button.aktif{background:#fff}
.hero-degrade{background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--ana) 75%,transparent),transparent 50%),radial-gradient(circle at 95% 95%,color-mix(in srgb,var(--vurgu) 35%,transparent),transparent 40%),var(--koyu)}
.hero-degrade:before{background-image:repeating-radial-gradient(ellipse at 85% 40%,transparent 0 38px,rgba(255,255,255,.06) 38px 40px);background-size:auto;mask-image:linear-gradient(90deg,transparent 30%,#000 80%)}
.hero-degrade:after{border:0;border-radius:50%;width:min(30vw,380px);right:10%;top:22%;box-shadow:none;opacity:1;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0 6%,transparent 6.5%),conic-gradient(from 0deg,rgba(255,255,255,.22) 0 12%,transparent 12% 33%,rgba(255,255,255,.22) 33% 45%,transparent 45% 66%,rgba(255,255,255,.22) 66% 78%,transparent 78%);
  -webkit-mask:radial-gradient(circle,#000 62%,transparent 63%);mask:radial-gradient(circle,#000 62%,transparent 63%);animation:pervane 9s linear infinite}
@keyframes pervane{to{transform:rotate(360deg)}}
.ust-yazi{color:var(--ana);letter-spacing:.14em}
.ust-yazi:before{background:var(--vurgu);border-radius:3px;width:24px}
.etiket{background:var(--ana);color:#fff;border-radius:99px;text-transform:none;letter-spacing:0;font-size:12px}
.etiket-vurgu{background:var(--vurgu)}
.kart-oge:after{background:linear-gradient(90deg,var(--ana),var(--vurgu))}
.devam{color:var(--ana);text-transform:none;letter-spacing:0;font-size:15px}
.devam .ik{background:var(--ana-acik);color:var(--ana);border-radius:50%}
.kart-oge:hover .devam .ik{background:var(--vurgu);color:#fff}
.yer-tutucu{color:color-mix(in srgb,var(--ana) 60%,#fff);background:linear-gradient(135deg,var(--ana-acik),#fff)}
.akordeon-oge[open]{border-left-color:var(--ana)}
.akordeon-oge[open] .akordeon-ikon{background:var(--ana);color:#fff}
.logo-oge:hover{background:var(--ana-acik);color:var(--ana)}
.ekip-foto:after{background:var(--vurgu)}
.yildizlar .dolu{color:#f5a524}
.yorum-oge:before{color:var(--ana-acik);opacity:1}
.yorum-avatar{background:var(--ana);color:#fff;border-radius:50%}
.bolge-ikon{background:var(--ana-acik);color:var(--ana);border-radius:12px}
a.bolge-oge:hover{background:var(--ana);border-color:var(--ana)}
a.bolge-oge:hover .bolge-ikon{background:#fff;color:var(--ana)}
a.bolge-oge:hover .ok{color:#fff}
.hakkimizda-gorsel:before{border-radius:var(--r);background:linear-gradient(135deg,var(--ana),color-mix(in srgb,var(--ana) 50%,#22d3ee))}
.hakkimizda-desen{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--ana) 70%,#fff),var(--koyu));color:#fff}
.tecrube-rozet{background:var(--vurgu);border-left:0}
.tecrube-rozet strong{color:#fff}
.tik-liste .ik{background:var(--ana);color:#fff;border-radius:50%}
.sayac-bolum{background:linear-gradient(120deg,var(--ana),var(--koyu))}
.sayac-oge strong{color:#fff}
.sayac-oge strong:after{color:#ff8a80}
.cta{background:linear-gradient(120deg,var(--ana),var(--ana-koyu));color:#fff}
.cta h2{color:#fff}
.cta:after{border-color:rgba(255,255,255,.08);border-radius:50%}
.cta .btn-vurgu{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.6)}
.cta .btn-saydam:hover{background:#fff;color:var(--ana)}
.sayfa-baslik{background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--ana) 55%,transparent),transparent 55%),var(--koyu)}
.sayfa-baslik:before{background-image:repeating-radial-gradient(ellipse at 90% 30%,transparent 0 36px,rgba(255,255,255,.05) 36px 38px);background-size:auto}
.sayfa-baslik:after{background:linear-gradient(90deg,var(--ana),var(--vurgu));height:5px;width:160px}
.kirinti{text-transform:none;letter-spacing:0}
.kirinti a{color:var(--buz)}
.filtre-cipler a{border-radius:99px}
.filtre-cipler a.aktif{background:var(--ana);border-color:var(--ana);color:#fff}
.filtre-cipler a.aktif small{color:rgba(255,255,255,.8)}
.sayfalama .aktif{background:var(--ana);border-color:var(--ana);color:#fff}
.ara-baslik .ik{background:var(--ana-acik);color:var(--ana)}
.dosya-indir{border-color:var(--ana);background:var(--ana-acik)}
.dosya-ikon{background:var(--ana);color:#fff}
.paylas a:hover{background:var(--ana);border-color:var(--ana);color:#fff}
.teklif-kutu{background:linear-gradient(160deg,var(--koyu),color-mix(in srgb,var(--koyu) 70%,var(--ana)));border-top:0}
.buyuk-fiyat{color:#fff}
.yan-liste .ik{color:var(--ana)}
.ik-kutu{background:var(--ana-acik);color:var(--ana)}
.form-kart{border-top:0}
.form-kart label span{text-transform:none;letter-spacing:0;font-size:13.5px}
.form-kart input:focus,.form-kart select:focus,.form-kart textarea:focus{border-color:var(--ana);box-shadow:0 0 0 4px color-mix(in srgb,var(--ana) 15%,transparent)}
.hata-kod{color:var(--ana);-webkit-text-stroke:0}
.alt-bilgi:before{background:linear-gradient(90deg,var(--ana) 0 50%,#fff 50% 52%,var(--vurgu) 52%)}
.alt-bilgi h3{text-transform:none;letter-spacing:0;font-size:17px}
.alt-bilgi h3:after{background:var(--vurgu)}
.alt-linkler a:hover,.alt-iletisim a:hover{color:#fff}
.imza strong{color:#fff}
.sabit-ara{background:var(--vurgu);color:#fff}
.isik-kutu button:hover{background:var(--ana);color:#fff}
.onizleme-serit{background:var(--vurgu);color:#fff}.onizleme-serit a{color:#fff}
.harita iframe{filter:none}

/* Footer harita bandı */
.alt-harita{position:relative;background:var(--koyu)}
.alt-harita iframe{display:block;width:100%!important;height:380px!important;border:0}
.alt-harita-kart{position:absolute;left:max(24px,calc((100vw - 1260px)/2 + 24px));top:50%;transform:translateY(-50%);background:#fff;border-radius:var(--r);box-shadow:var(--golge-b);padding:24px 26px;max-width:340px;z-index:2}
.alt-harita-kart h3{font-size:19px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.alt-harita-kart h3 .ik{color:var(--vurgu)}
.alt-harita-kart p{color:var(--soluk);font-size:14.5px;margin:0 0 14px}
.alt-harita-kart .btn{padding:10px 16px;font-size:14px}

/* Başlık varyantları (klima) */
.bas-renkli{--bas-zemin:var(--ana);--bas-yazi:#fff;--bas-kenar:rgba(255,255,255,.22)}
.bas-renkli .logo-ikon{background:#fff;color:var(--ana);box-shadow:none}
.bas-renkli .btn-ana{background:var(--vurgu);border-color:var(--vurgu);color:#fff;box-shadow:none}
.bas-renkli .menu>ul>li>a:after{background:#fff}
.bas-renkli .menu>ul>li.vurgulu>a{background:#fff;color:var(--ana)}
.bas-koyu .menu>ul>li>a:after{background:var(--vurgu)}
.bas-seffaf .baslik.kaydi{--bas-zemin:var(--koyu)}

/* Bölünmüş hero (Dalga) — mavi panel + dalgalı kenar */
.hero-bolunmus .hero,.hero-bolunmus .hero-slayt{background:var(--ana)}
.hero-bolunmus .hero-gorsel{clip-path:none;-webkit-mask:radial-gradient(120px 60% at 0 50%,transparent 98%,#000) ;mask:radial-gradient(140px 55% at 0 50%,transparent 98%,#000)}
.hero-bolunmus .hero-degrade{background:radial-gradient(circle at 60% 40%,color-mix(in srgb,#fff 25%,transparent),transparent 50%),var(--koyu)}
.hero-bolunmus .hero-icerik{color:#fff}
.hero-bolunmus .hero-baslik{color:#fff}
.hero-bolunmus .hero-rozet{background:rgba(255,255,255,.16)}
.hero-bolunmus .hero-rozet .ik{color:#fff}
.hero-bolunmus .hero .btn-vurgu{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.hero-bolunmus .hero .btn-saydam{color:#fff;border-color:rgba(255,255,255,.6)}
.hero-bolunmus .hero .btn-saydam:hover{background:#fff;color:var(--ana)}
.hero-bolunmus .hero-noktalar button{background:rgba(255,255,255,.35)}
.hero-bolunmus .hero-noktalar button.aktif{background:#fff}

/* =====================================================================
   TASARIM 1 — FERAH: açık başlık, açık hero, büyük yuvarlak köşeler
   ===================================================================== */
.tema-ferah{--r:22px;--r-k:12px;--r-btn:14px}
.tema-ferah .ust-bar{background:var(--zemin2);color:var(--soluk)}
.tema-ferah .ust-bar .ik{color:var(--ana)}
.tema-ferah .ust-bar a:hover{color:var(--ana)}
.tema-ferah .ust-bar .sosyal a:hover{background:var(--ana);color:#fff}
.tema-ferah .baslik{border-bottom:0}
.tema-ferah .hero{background:linear-gradient(180deg,#eef5ff,#fff)}
.tema-ferah .hero-slayt:has(.hero-degrade):after{display:none}
.tema-ferah .hero-degrade{background:radial-gradient(circle at 80% 35%,color-mix(in srgb,var(--ana) 22%,transparent),transparent 45%),linear-gradient(180deg,#eef5ff,#fff)}
.tema-ferah .hero-degrade:before{background-image:repeating-radial-gradient(ellipse at 85% 40%,transparent 0 38px,color-mix(in srgb,var(--ana) 10%,transparent) 38px 40px)}
.tema-ferah .hero-degrade:after{background:radial-gradient(circle,var(--ana) 0 6%,transparent 6.5%),conic-gradient(from 0deg,color-mix(in srgb,var(--ana) 35%,transparent) 0 12%,transparent 12% 33%,color-mix(in srgb,var(--ana) 35%,transparent) 33% 45%,transparent 45% 66%,color-mix(in srgb,var(--ana) 35%,transparent) 66% 78%,transparent 78%)}
.tema-ferah .hero-slayt:has(.hero-degrade) .hero-icerik,.tema-ferah .hero-slayt:has(.hero-degrade) .hero-baslik{color:var(--koyu)}
.tema-ferah .hero-slayt:has(.hero-degrade) .hero-rozet{background:#fff;color:var(--ana);box-shadow:var(--golge)}
.tema-ferah .hero-slayt:has(.hero-degrade) .hero-rozet .ik{color:var(--vurgu)}
.tema-ferah .hero-slayt:has(.hero-degrade) .btn-saydam{color:var(--koyu);border-color:var(--kenar);background:#fff}
.tema-ferah .hero-slayt:has(.hero-degrade) .btn-saydam:hover{border-color:var(--ana);color:var(--ana)}
.tema-ferah .hero-noktalar button{background:color-mix(in srgb,var(--ana) 25%,transparent)}
.tema-ferah .hero-noktalar button.aktif{background:var(--ana)}
.tema-ferah .kart-oge{border:0;box-shadow:var(--golge)}
.tema-ferah .bolum-acik{background:linear-gradient(180deg,var(--zemin2),#fff)}

/* =====================================================================
   TASARIM 2 — OKYANUS: lacivert başlık, derin mavi hero, net kartlar
   ===================================================================== */
.tema-okyanus{--r:12px;--r-k:8px;--r-btn:8px;--zemin2:#eef3f9}
.tema-okyanus .ust-bar{background:#06172d}
.tema-okyanus .baslik{box-shadow:0 1px 0 rgba(255,255,255,.06)}
.tema-okyanus .bolum-bas h2{position:relative}
.tema-okyanus .kart-oge{border:1px solid var(--kenar)}
.tema-okyanus .kart-gorsel{margin:10px 10px 0;border-radius:calc(var(--r) - 4px)}
.tema-okyanus .sayac-bolum{background:var(--koyu)}
.tema-okyanus .sayac-oge strong{color:var(--buz)}
.tema-okyanus .cta{background:var(--vurgu)}
.tema-okyanus .cta .btn-vurgu{background:#fff;border-color:#fff;color:var(--vurgu)}
.tema-okyanus .cta .btn-saydam:hover{color:var(--vurgu)}
.tema-okyanus .ust-yazi{background:var(--ana-acik);padding:6px 14px;border-radius:99px}
.tema-okyanus .ust-yazi:before{width:8px;height:8px;border-radius:50%}

/* =====================================================================
   TASARIM 3 — KUTUP: tamamen koyu, buz mavisi parıltılar
   ===================================================================== */
.tema-kutup{--zemin:#071427;--zemin2:#0a1a33;--yuzey:#0e2140;--kenar:#1b3156;--yazi:#c7d3e6;--baslik-renk:#fff;--soluk:#8a9bb8;--link:var(--buz);--ana-acik:#122a50;
  --golge:0 0 0 1px #1b3156;--golge-b:0 20px 60px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb,var(--ana) 50%,transparent);--ust-bar:#040d1a;--r:16px}
.tema-kutup .baslik{background:rgba(7,20,39,.88);backdrop-filter:blur(12px)}
.tema-kutup .btn-ana{box-shadow:0 0 30px color-mix(in srgb,var(--ana) 55%,transparent)}
.tema-kutup .btn-cizgi{color:#fff}
.tema-kutup .btn-cizgi:hover{background:var(--ana);border-color:var(--ana)}
.tema-kutup .bolum-bas h2{background:linear-gradient(180deg,#fff 30%,var(--buz));-webkit-background-clip:text;background-clip:text;color:transparent}
.tema-kutup .ust-yazi{color:var(--buz)}
.tema-kutup .hero-degrade{background:radial-gradient(circle at 75% 35%,color-mix(in srgb,var(--ana) 45%,transparent),transparent 45%),#040d1a}
.tema-kutup .sayfa-baslik,.tema-kutup .sayac-bolum{background:#040d1a}
.tema-kutup .sayac-oge strong{color:var(--buz);text-shadow:0 0 30px color-mix(in srgb,var(--ana) 70%,transparent)}
.tema-kutup .cta{background:linear-gradient(120deg,#0a1a33,#040d1a);border-top:1px solid var(--kenar)}
.tema-kutup .alt-bilgi{background:#040d1a}
.tema-kutup .alt-harita-kart{background:var(--yuzey)}
.tema-kutup .devam,.tema-kutup .kart-metin h3 a:hover{color:var(--buz)}
.tema-kutup .devam .ik{background:var(--ana-acik);color:var(--buz)}
.tema-kutup .bolge-ikon,.tema-kutup .ik-kutu,.tema-kutup .ara-baslik .ik{background:var(--ana-acik);color:var(--buz)}
.tema-kutup .alt-menu{background:var(--yuzey)}
.tema-kutup .alt-menu a{color:var(--yazi)}
.tema-kutup .alt-menu a:hover{background:var(--ana-acik);color:#fff}
.tema-kutup .form-kart input,.tema-kutup .form-kart select,.tema-kutup .form-kart textarea{background:#071427;color:#fff}
.tema-kutup .logo-oge img{filter:grayscale(1) invert(1);opacity:.6}
.tema-kutup .yorum-oge:before{color:var(--ana-acik)}
.tema-kutup .dosya-indir{color:#fff}
.tema-kutup .metin blockquote{background:var(--yuzey)}
.tema-kutup .filtre-cipler a:hover{border-color:var(--buz)}
.tema-kutup .harita iframe,.tema-kutup .alt-harita iframe{filter:invert(.9) hue-rotate(180deg) saturate(.6)}

/* =====================================================================
   TASARIM 4 — KLASİK SERVİS: mavi başlık, kırmızı üst bar, üç renk şerit
   ===================================================================== */
.tema-klasik{--r:6px;--r-k:4px;--r-btn:4px;--baslik-agirlik:800;--zemin2:#f1f5fa;--ust-bar:var(--vurgu)}
.tema-klasik .ust-bar{color:#fff}
.tema-klasik .ust-bar .ik{color:#fff}
.tema-klasik .acil-servis{background:#fff;color:var(--vurgu)!important}
.tema-klasik .acil-servis:before{background:var(--vurgu)}
.tema-klasik .baslik:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(90deg,var(--ana) 0 33.3%,#fff 33.3% 66.6%,var(--vurgu) 66.6%)}
.tema-klasik .menu>ul>li>a{text-transform:uppercase;font-size:14px;letter-spacing:.04em;font-weight:700}
.tema-klasik .btn{text-transform:uppercase;letter-spacing:.05em;font-size:14px}
.tema-klasik .hero-baslik,.tema-klasik .bolum-bas h2{text-transform:uppercase;letter-spacing:-.01em}
.tema-klasik .kart-oge{border:1px solid var(--kenar);border-top:4px solid var(--ana)}
.tema-klasik .kart-oge:nth-child(3n+2){border-top-color:var(--vurgu)}
.tema-klasik .kart-oge:after{display:none}
.tema-klasik .etiket{border-radius:3px;text-transform:uppercase}
.tema-klasik .ust-yazi{background:var(--vurgu);color:#fff;padding:5px 12px;border-radius:3px}
.tema-klasik .ust-yazi:before{display:none}
.tema-klasik .sayac-bolum{background:var(--ana)}
.tema-klasik .cta{background:var(--vurgu)}
.tema-klasik .cta .btn-vurgu{background:#fff;color:var(--vurgu);border-color:#fff}
.tema-klasik .cta .btn-saydam:hover{color:var(--vurgu)}
.tema-klasik .sayfa-baslik{background:var(--ana)}
.tema-klasik .sayfa-baslik:after{width:100%;height:6px;background:linear-gradient(90deg,var(--ana) 0 33.3%,#fff 33.3% 66.6%,var(--vurgu) 66.6%)}
.tema-klasik .kirinti a{color:#fff;text-decoration:underline}
.tema-klasik .hakkimizda-gorsel:before{background:var(--vurgu)}
.tema-klasik .devam .ik{border-radius:3px}

/* =====================================================================
   TASARIM 5 — DALGA: bölünmüş mavi hero, şeffaf başlık, yumuşak dalgalar
   ===================================================================== */
.tema-dalga{--r:26px;--r-k:14px;--r-btn:99px}
.tema-dalga .bolum-acik{background:var(--zemin2);border-radius:60px 60px 0 0}
.tema-dalga .kart-oge{border:0;box-shadow:var(--golge)}
.tema-dalga .kart-gorsel{border-radius:var(--r) var(--r) 0 0}
.tema-dalga .sayac-bolum{border-radius:0 0 60px 60px}
.tema-dalga .cta{border-radius:60px;margin:0 20px 60px}
.tema-dalga .sayfa-baslik{background:var(--ana);border-radius:0 0 60px 60px}
.tema-dalga .sayfa-baslik:before{background-image:repeating-radial-gradient(ellipse at 90% 30%,transparent 0 36px,rgba(255,255,255,.08) 36px 38px)}
.tema-dalga .sayfa-baslik:after{display:none}
.tema-dalga .kirinti a{color:#fff;text-decoration:underline}
.tema-dalga .alt-bilgi{border-radius:60px 60px 0 0}
.tema-dalga .alt-bilgi:before{display:none}
.tema-dalga .alt-harita{border-radius:60px 60px 0 0;overflow:hidden;margin-bottom:-60px;padding-bottom:60px}
.tema-dalga .ust-yazi:before{width:10px;height:10px;border-radius:50%}
.tema-dalga .bolum-bas{text-align:left;margin-left:0}

/* ---------- Mobil menü (app.js / layout "mobil-menu" sınıfı ekler) ---------- */
body.mobil-menu .hamburger{display:flex}
body.mobil-menu .baslik{backdrop-filter:none;-webkit-backdrop-filter:none}
body.mobil-menu .menu{position:fixed;top:0;right:0;bottom:0;width:min(370px,88vw);background:var(--yuzey);color:var(--baslik-renk);z-index:80;flex-direction:column;justify-content:flex-start;padding:96px 18px 24px;overflow-y:auto;visibility:hidden;clip-path:inset(0 0 0 100%);-webkit-clip-path:inset(0 0 0 100%);transition:clip-path .3s ease,-webkit-clip-path .3s ease,visibility .3s;box-shadow:-20px 0 60px rgba(0,0,0,.2);border-left:5px solid var(--ana)}
body.mobil-menu.menu-acik .menu{visibility:visible;clip-path:inset(0 0 0 -80px);-webkit-clip-path:inset(0 0 0 -80px)}
body.mobil-menu .baslik-sag{margin-left:auto}
body.mobil-menu.menu-acik:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70}
body.mobil-menu.menu-acik .baslik{z-index:90}
body.mobil-menu .menu>ul{flex-direction:column;gap:2px}
body.mobil-menu .menu>ul>li>a{padding:14px 14px;font-size:17px}
body.mobil-menu .menu>ul>li>a:after{display:none}
body.mobil-menu .menu>ul>li.aktif>a{background:var(--ana);color:var(--ana-ust)}
body.mobil-menu .menu>ul>li.vurgulu>a{margin:6px 0 0}
body.mobil-menu .menu .ok-asagi{display:none}
body.mobil-menu .alt-ac{display:grid;place-items:center;position:absolute;right:4px;top:5px;width:44px;height:44px;border:0;background:var(--zemin2);cursor:pointer;color:var(--baslik-renk);border-radius:var(--r-k)}
body.mobil-menu .alt-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px 14px;display:none;min-width:0;background:transparent}
body.mobil-menu .alt-var.acik>.alt-menu{display:block}
body.mobil-menu .alt-var.acik .alt-ac svg{transform:rotate(180deg)}
body.mobil-menu .menu-mobil-alt{display:grid;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid var(--kenar)}
body.mobil-menu .menu-mobil-alt .sosyal a{color:var(--baslik-renk);background:var(--zemin2)}
body.mobil-menu .menu-mobil-alt .btn-cizgi{color:var(--baslik-renk)}
body.mobil-menu .hamburger{position:relative;z-index:95}
body.mobil-menu.menu-acik .hamburger{color:var(--baslik-renk);background:var(--yuzey)}

/* ---------- Duyarlı ---------- */
@media (max-width:1240px){.menu>ul>li>a{padding:9px 10px;font-size:14.5px}}
@media (max-width:1100px){.alt-izgara{grid-template-columns:1fr 1fr}.ekip-izgara{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
  .kart-izgara,.yorum-izgara{grid-template-columns:repeat(2,1fr)}
  .galeri-izgara{grid-template-columns:repeat(3,1fr)}
  .hakkimizda-izgara,.detay-izgara,.iletisim-izgara,.teklif-izgara{grid-template-columns:1fr}
  .detay-yan{position:static}
  .sayac-izgara{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .sayac-oge:nth-child(3){border-left:0}
  .cta-ic{flex-direction:column;align-items:flex-start}
  .liste-oge{grid-template-columns:220px 1fr;gap:20px}
  .hero-bolunmus .hero-slaytlar{min-height:auto}
  .hero-bolunmus .hero-slayt{position:relative;display:none;flex-direction:column;align-items:stretch}
  .hero-bolunmus .hero-slayt.aktif{display:flex}
  .hero-bolunmus .hero-gorsel{position:relative;left:0;width:100%;height:42vh;clip-path:none;order:2}
  .hero-bolunmus .hero-degrade{position:relative;height:30vh}
  .hero-bolunmus .hero-degrade:after{width:40%;right:10%;top:20%}
  .hero-bolunmus .hero-icerik{padding-top:120px;padding-bottom:60px}
  .hero-bolunmus .hero-noktalar{bottom:auto;top:calc(100% - 42vh - 40px)}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .kap{padding:0 16px}
  .ust-bar{display:none}
  .baslik-ic{min-height:70px;gap:12px}
  .logo img{max-height:44px}
  .logo-yazi{font-size:18px}
  .gizle-k,.gizle-m{display:none!important}
  .goster-m{display:block;margin-top:28px}
  .kart-izgara,.yorum-izgara,.ekip-izgara{grid-template-columns:1fr}
  .galeri-izgara{grid-template-columns:repeat(2,1fr);gap:10px}
  .galeri-oge:nth-child(6n+1){grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .foto-izgara,.foto-izgara.genis{grid-template-columns:repeat(2,1fr);gap:8px}
  .liste-oge{grid-template-columns:1fr;gap:0}
  .liste-gorsel{min-height:200px}
  .liste-metin{padding:20px}
  .hero-slaytlar{min-height:620px}
  .hero-icerik{padding-bottom:90px}
  .hero-butonlar .btn{flex:1 1 auto}
  .bolum-ust{margin-bottom:30px}
  .tik-liste{grid-template-columns:1fr}
  .hakkimizda-gorsel{padding:0 14px 14px 0}
  .tecrube-rozet{left:12px;bottom:-20px;padding:14px 18px}.tecrube-rozet strong{font-size:32px}
  .form-izgara{grid-template-columns:1fr}
  .alt-izgara{grid-template-columns:1fr;gap:34px}
  .sabit-ara{display:grid}
  .sabit-wa,.sabit-ara{width:54px;height:54px}
  .isik-kutu{padding:60px 10px}
  .ik-onceki,.ik-sonraki{top:auto!important;bottom:14px;transform:none!important}
  .arama-form{flex-direction:column}
  .sayac-oge{padding:6px 14px}
}
.baslik-sag .btn{white-space:nowrap}
/* Okyanus: mavi degrade hero + dalgalı alt kenar */
.tema-okyanus .hero-degrade{background:radial-gradient(circle at 80% 30%,rgba(255,255,255,.18),transparent 40%),linear-gradient(135deg,var(--ana) 0%,var(--koyu) 75%)}
.tema-okyanus .hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;z-index:3;background:var(--zemin);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 40c240 40 480 40 720 0s480-40 720 0v40H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 40c240 40 480 40 720 0s480-40 720 0v40H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.tema-okyanus .hero-noktalar{bottom:90px}
.tema-okyanus .sayac-bolum{background:linear-gradient(135deg,var(--ana),var(--koyu))}
@media (max-width:640px){
  .hero-degrade:after{opacity:.22;width:72vw;right:-22vw;top:auto;bottom:8%}
  .hero-bolunmus .hero-noktalar{display:none}
  .alt-harita iframe{height:320px!important}
  .alt-harita-kart{position:relative;left:auto;top:auto;transform:none;max-width:none;margin:-40px 16px 0;}
  .alt-harita{padding-bottom:24px}
  .tema-dalga .cta{margin:0 10px 40px;border-radius:34px}
}

/* Güvenlik doğrulaması */
.captcha-kutu{margin:4px 0 18px;min-height:65px}
.captcha-matematik input{max-width:200px}
.captcha-not{display:block;color:var(--soluk);font-size:12px;margin:-6px 0 14px}


/* ---------- v1.2.1: GECE tasarımı (tamamen koyu, mavi ışık vurguları) ---------- */
.tema-gece{--zemin:#0b0b0b;--zemin2:#111;--yuzey:#161616;--kenar:#262626;--yazi:#cfcfcf;--baslik-renk:#fff;--soluk:#8d8d8d;--link:var(--ana);--r:16px;--r-k:10px;--r-btn:10px;--golge:0 0 0 1px #222;--golge-b:0 20px 60px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--ana) 35%,transparent);--ust-bar:#050505}
.tema-gece .baslik{background:rgba(11,11,11,.86);backdrop-filter:blur(12px)}
.tema-gece .btn-ana,.tema-gece .btn-vurgu{box-shadow:0 0 30px color-mix(in srgb,var(--ana) 45%,transparent)}
.tema-gece .btn-cizgi{color:#fff}
.tema-gece .btn-cizgi:hover{background:var(--ana);color:var(--ana-ust);border-color:var(--ana)}
.tema-gece .kart-oge:hover,.tema-gece .yorum-oge:hover{border-color:color-mix(in srgb,var(--ana) 50%,transparent)}
.tema-gece .bolum-bas h2 {background:linear-gradient(180deg,#fff 40%,#999);-webkit-background-clip:text;background-clip:text;color:transparent}
.tema-gece .hero-degrade{background:radial-gradient(circle at 75% 35%,color-mix(in srgb,var(--ana) 30%,transparent),transparent 45%),#070707}
.tema-gece .hero-degrade:after{border-radius:50%;border-width:1px;box-shadow:0 0 120px color-mix(in srgb,var(--ana) 40%,transparent)}
.tema-gece .sayfa-baslik{background:#070707}
.tema-gece .sayfa-baslik:after{box-shadow:0 0 30px var(--ana)}
.tema-gece .sayac-bolum{background:#070707}
.tema-gece .sayac-oge strong{text-shadow:0 0 30px color-mix(in srgb,var(--ana) 60%,transparent)}
.tema-gece .cta{background:linear-gradient(120deg,#111,#000);color:#fff;border-top:1px solid #222;border-bottom:1px solid #222}
.tema-gece .cta h2{color:#fff}
.tema-gece .cta .btn-vurgu{background:var(--ana);color:var(--ana-ust);border-color:var(--ana)}
.tema-gece .cta .btn-saydam{color:#fff;border-color:rgba(255,255,255,.4)}
.tema-gece .cta:after{border-color:color-mix(in srgb,var(--ana) 15%,transparent)}
.tema-gece .alt-bilgi{background:#050505}
.tema-gece .logo-oge{background:var(--yuzey)}
.tema-gece .logo-oge img{filter:grayscale(1) invert(1);opacity:.6}
.tema-gece .form-kart input,.tema-gece .form-kart select,.tema-gece .form-kart textarea{background:#0e0e0e;color:#fff}
.tema-gece .form-kart input:focus,.tema-gece .form-kart textarea:focus{border-color:var(--ana);box-shadow:0 0 0 4px color-mix(in srgb,var(--ana) 20%,transparent)}
.tema-gece .alt-menu{background:#161616}
.tema-gece .alt-menu a:hover{background:#222;color:var(--ana)}
.tema-gece .dosya-indir{background:#161616;color:#fff}
.tema-gece .yorum-avatar{background:var(--ana);color:var(--ana-ust)}
.tema-gece .metin blockquote{background:#161616}
.tema-gece .hakkimizda-gorsel:before{background:radial-gradient(circle,color-mix(in srgb,var(--ana) 60%,transparent),transparent 70%)}
.tema-gece .devam{color:var(--ana)}
.tema-gece .filtre-cipler a:hover{border-color:var(--ana)}
.tema-gece.mobil-menu .menu,body.tema-gece.mobil-menu .menu{background:#111;color:#fff}
.tema-gece .alt-harita-kart{background:#121212;color:#cfcfcf;border:1px solid #262626}
.tema-gece .alt-harita-kart h3,.tema-gece .alt-harita-kart strong{color:#fff}
.tema-gece .alt-harita iframe{filter:invert(.9) hue-rotate(180deg) saturate(.7)}

/* ---- v1.2.0: yatay kayma (sağa kayma) önlemleri ---- */
@supports (overflow:clip){html,body{overflow-x:clip}}
iframe,video,embed,object{max-width:100%}
.metin{overflow-wrap:anywhere;word-break:normal}
.metin *{max-width:100%;box-sizing:border-box}
.metin img{height:auto!important}
.metin iframe{width:100%}
.metin table{display:block;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:1.2em 0}
.metin th,.metin td{border:1px solid rgba(0,0,0,.12);padding:8px 12px;text-align:left;vertical-align:top;min-width:110px}
.metin thead th{background:rgba(0,0,0,.04)}
.metin pre{overflow-x:auto;white-space:pre-wrap}
[class*="izgara"]>*,.detay-ana,.yan,aside{min-width:0}
@media (max-width:860px){.logo{flex-shrink:1;min-width:0;max-width:calc(100% - 120px)}.logo img{max-width:100%;max-height:44px;object-fit:contain;object-position:left center}.logo-yazi{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baslik-sag{flex-shrink:0}}