/* ==========================================================================
   Haliloğlu Group — Tasarım Sistemi  (hlg.css)
   Mobil öncelikli. Bootstrap/animate/jQuery bağımlılığı YOK.
   ========================================================================== */

/* ---------- 1. Token'lar ---------- */
:root{
  --lacivert:#101a2e;
  --lacivert-2:#18263f;
  --lacivert-3:#243350;
  --altin:#b8985a;
  --altin-acik:#d4bd8a;
  --altin-koyu:#96793f;
  --metin:#1b2434;
  --metin-soluk:#5b6577;
  --cizgi:#e4e7ec;
  --yuzey:#ffffff;
  --yuzey-2:#f6f7f9;
  --yuzey-3:#eef0f4;

  --r-s:8px; --r-m:14px; --r-l:22px; --r-tam:999px;
  --g-1:rgba(16,26,46,.06);
  --golge-s:0 1px 2px var(--g-1), 0 2px 8px rgba(16,26,46,.05);
  --golge-m:0 2px 6px var(--g-1), 0 12px 28px rgba(16,26,46,.08);
  --golge-l:0 8px 20px rgba(16,26,46,.10), 0 24px 60px rgba(16,26,46,.12);

  --kenar:clamp(16px, 5vw, 40px);
  --en:1240px;
  --gecis:.25s cubic-bezier(.4,0,.2,1);
  /* mobil/tablet: normal cubuk, tasma yok */
  --ust-yukseklik:clamp(80px,8vw,94px);
  --ust-yukseklik-k:clamp(68px,6.4vw,80px);
  --logo-h:clamp(56px,6.2vw,70px);
  --logo-h-k:clamp(46px,5vw,58px);
  --logo-ic-y:0px;
  --logo-ic-x:0px;

  /* hareket egrileri */
  --eg:cubic-bezier(.22,1,.36,1);
  --eg-yay:cubic-bezier(.34,1.42,.64,1);
  --altin-parilti:linear-gradient(120deg,var(--altin-koyu) 0%,var(--altin) 30%,var(--altin-acik) 50%,var(--altin) 70%,var(--altin-koyu) 100%);
}

/* ---------- 2. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16px;line-height:1.65;color:var(--metin);background:var(--yuzey);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto;display:block}
/* <picture> yalnızca kaynak seçimi içindir; düzende yer kaplamamalı.
   Aksi halde satır içi bir kutu oluşturur ve içindeki img'nin
   height:100% / object-fit kuralları çalışmaz (hero görseli kaybolur). */
picture{display:contents}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--lacivert)}
h1{font-size:clamp(2rem,1.3rem + 3.4vw,3.6rem)}
h2{font-size:clamp(1.65rem,1.15rem + 2.3vw,2.75rem)}
h3{font-size:clamp(1.2rem,1rem + .9vw,1.6rem);font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}
::selection{background:var(--altin);color:#fff}
:focus-visible{outline:3px solid var(--altin);outline-offset:3px;border-radius:4px}

.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar)}
.kap-genis{max-width:1480px}
.gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.atla{position:absolute;left:-9999px;top:0;z-index:999;background:var(--altin);color:#fff;padding:12px 20px;border-radius:0 0 var(--r-s) 0}
.atla:focus{left:0}

/* ---------- 3. Bölüm ve başlık ---------- */
.bolum{padding-block:clamp(56px,7vw,110px)}
.bolum--koyu{background:var(--lacivert);color:#fff}
.bolum--koyu h1,.bolum--koyu h2,.bolum--koyu h3{color:#fff}
.bolum--gri{background:var(--yuzey-2)}

.ust-etiket{
  display:inline-block;margin-bottom:.7rem;
  font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--altin);
}
.bolum--koyu .ust-etiket{color:var(--altin-acik)}
.bolum-bas{max-width:62ch;margin-bottom:clamp(32px,4vw,56px)}
.bolum-bas--orta{margin-inline:auto;text-align:center}
.bolum-bas p{color:var(--metin-soluk);font-size:1.05rem}
.bolum--koyu .bolum-bas p{color:#b9c2d3}
.vurgu{color:var(--altin)}

/* ---------- 4. Butonlar ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  padding:.85em 1.6em;border:1.5px solid transparent;border-radius:var(--r-tam);
  font-size:.92rem;font-weight:600;letter-spacing:.01em;cursor:pointer;
  transition:var(--gecis);text-align:center;
}
.btn svg{width:1em;height:1em;flex:none;transition:transform var(--gecis)}
.btn:hover svg{transform:translateX(3px)}
.btn--birincil{background:var(--altin);color:#fff;border-color:var(--altin)}
.btn--birincil:hover{background:var(--altin-koyu);border-color:var(--altin-koyu)}
.btn--ikincil{background:transparent;color:var(--lacivert);border-color:rgba(16,26,46,.25)}
.btn--ikincil:hover{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.btn--acik{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.btn--acik:hover{background:#fff;color:var(--lacivert);border-color:#fff}

/* ---------- 5. Üst şerit + header ---------- */
.serit{background:var(--lacivert);color:#c8d0de;font-size:.8rem}
.serit .kap{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:center;justify-content:center;min-height:42px;padding-block:8px}
.serit a{display:inline-flex;align-items:center;gap:.45em;transition:color var(--gecis)}
.serit a:hover{color:#fff}
.serit .kap > a{position:relative}
.serit .kap > a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:var(--altin-acik);transition:right .36s var(--eg)}
.serit .kap > a:hover::after{right:0}
.serit .kap > a svg{transition:transform .32s var(--eg-yay)}
.serit .kap > a:hover svg{transform:translateY(-1px) scale(1.14)}
.serit-sosyal a{transition:color var(--gecis),transform .32s var(--eg-yay)}
.serit-sosyal a:hover{transform:translateY(-2px) scale(1.16)}
.serit-sosyal{display:flex;gap:.8rem;margin-inline-start:auto}
@media (max-width:860px){ .serit-sosyal{margin-inline-start:0} .serit .kap{justify-content:center} }

.ust{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--cizgi);
  transition:box-shadow var(--gecis);
}
.ust.kaydi{box-shadow:var(--golge-m);background:rgba(255,255,255,.97)}
.ust::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,152,90,.55),transparent);opacity:0;transition:opacity .4s var(--eg)}
.ust.kaydi::after{opacity:1}
.ust .kap{display:flex;align-items:center;gap:1rem;min-height:var(--ust-yukseklik);transition:min-height .38s var(--eg)}
.ust.kaydi .kap{min-height:var(--ust-yukseklik-k)}
/* LOGO — mobil/tabletde sade, geniş ekranda başlık çubuğundan TAŞAN plaka */
.marka-logo{flex:none;position:relative;z-index:5;display:block}
.marka-logo img{height:var(--logo-h);width:auto;transition:height .4s var(--eg),filter .35s var(--eg),transform .4s var(--eg-yay)}
.marka-logo:hover img{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 8px 20px rgba(184,152,90,.34))}
.ust.kaydi .marka-logo img{height:var(--logo-h-k)}

/* GENİŞ EKRAN (masaüstü / dizüstü): logo çubuğu aşağı doğru aşar.
   align-self:flex-start + negatif alt kenar boşluğu ile öğenin "margin box"
   yüksekliği çubuk kadar kalır; beyaz plaka ve logo dışarı taşar. */
@media (min-width:1080px){
  :root{
    --ust-yukseklik:clamp(86px,5.6vw,102px);
    --ust-yukseklik-k:clamp(66px,4.2vw,78px);
    --logo-h:clamp(100px,8.2vw,156px);
    --logo-h-k:clamp(64px,4.6vw,88px);
    --logo-ic-y:clamp(12px,1vw,18px);
    --logo-ic-x:clamp(18px,1.9vw,32px);
  }
  .marka-logo{
    align-self:flex-start;
    padding:var(--logo-ic-y) var(--logo-ic-x);
    background:#fff;border-radius:0 0 var(--r-m) var(--r-m);
    box-shadow:0 20px 44px rgba(16,26,46,.2);
    margin-bottom:calc(var(--ust-yukseklik) - var(--logo-h) - (var(--logo-ic-y) * 2));
    transition:padding .4s var(--eg),margin-bottom .4s var(--eg),box-shadow .4s var(--eg);
  }
  .marka-logo::after{
    content:"";position:absolute;left:var(--logo-ic-x);right:var(--logo-ic-x);bottom:0;height:2px;
    border-radius:2px;background:var(--altin-parilti);opacity:.9;
  }
  .marka-logo:hover{box-shadow:0 26px 56px rgba(16,26,46,.26)}
  .ust.kaydi .marka-logo{
    margin-bottom:calc(var(--ust-yukseklik-k) - var(--logo-h-k) - (var(--logo-ic-y) * 2));
    box-shadow:0 14px 32px rgba(16,26,46,.16);
  }
}

.gezinti{margin-inline-start:auto;display:none}
.gezinti ul{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}
.gezinti > ul > li{position:relative}
.gezinti a{
  position:relative;display:block;padding:.78em 1.05em;border-radius:var(--r-s);
  font-size:.93rem;font-weight:600;color:var(--lacivert);
  transition:color .28s var(--eg),background .28s var(--eg),transform .3s var(--eg);
}
/* ortadan açılan altın çizgi */
.gezinti > ul > li > a::before{
  content:"";position:absolute;left:50%;right:50%;bottom:.3em;height:2px;border-radius:2px;
  background:var(--altin-parilti);opacity:0;
  transition:left .4s var(--eg),right .4s var(--eg),opacity .28s,height .28s;
}
.gezinti > ul > li > a:hover{color:var(--altin-koyu);transform:translateY(-2px)}
.gezinti > ul > li > a:hover::before{left:1.05em;right:1.05em;opacity:1}
/* AKTİF SAYFA: kalıcı altın çizgi + altın zemin */
.gezinti > ul > li.aktif > a{
  color:var(--altin-koyu);
  background:linear-gradient(180deg,rgba(184,152,90,.14),rgba(184,152,90,.03));
}
.gezinti > ul > li.aktif > a::before{left:1.05em;right:1.05em;height:3px;opacity:1}
.gezinti .acilir > a::after{content:"";display:inline-block;margin-inline-start:.4em;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px);transition:transform .34s var(--eg)}
.gezinti .acilir:hover > a::after,.gezinti .acilir:focus-within > a::after{transform:translateY(-1px) rotate(180deg)}
.alt-menu{
  position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:248px;
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);box-shadow:var(--golge-l);
  padding:8px;display:flex;flex-direction:column;gap:2px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:var(--gecis);
}
.acilir:hover .alt-menu,.acilir:focus-within .alt-menu{opacity:1;visibility:visible;transform:none}
.alt-menu a{font-weight:500;font-size:.88rem;padding:.6em .8em}
.gezinti .alt-menu a{
  position:relative;padding:.64em .85em .64em 1.1em;border-radius:var(--r-s);
  opacity:0;transform:translateX(-10px);
  transition:opacity .36s var(--eg),transform .36s var(--eg),color .22s,background .22s,padding-inline-start .28s var(--eg);
}
.gezinti .acilir:hover .alt-menu a,.gezinti .acilir:focus-within .alt-menu a{opacity:1;transform:none}
.gezinti .acilir:hover .alt-menu a:nth-child(1),.gezinti .acilir:focus-within .alt-menu a:nth-child(1){transition-delay:0.030s}
.gezinti .acilir:hover .alt-menu a:nth-child(2),.gezinti .acilir:focus-within .alt-menu a:nth-child(2){transition-delay:0.060s}
.gezinti .acilir:hover .alt-menu a:nth-child(3),.gezinti .acilir:focus-within .alt-menu a:nth-child(3){transition-delay:0.090s}
.gezinti .acilir:hover .alt-menu a:nth-child(4),.gezinti .acilir:focus-within .alt-menu a:nth-child(4){transition-delay:0.120s}
.gezinti .acilir:hover .alt-menu a:nth-child(5),.gezinti .acilir:focus-within .alt-menu a:nth-child(5){transition-delay:0.150s}
.gezinti .acilir:hover .alt-menu a:nth-child(6),.gezinti .acilir:focus-within .alt-menu a:nth-child(6){transition-delay:0.180s}
.gezinti .acilir:hover .alt-menu a:nth-child(7),.gezinti .acilir:focus-within .alt-menu a:nth-child(7){transition-delay:0.210s}
.gezinti .acilir:hover .alt-menu a:nth-child(8),.gezinti .acilir:focus-within .alt-menu a:nth-child(8){transition-delay:0.240s}
.gezinti .acilir:hover .alt-menu a:nth-child(9),.gezinti .acilir:focus-within .alt-menu a:nth-child(9){transition-delay:0.270s}
.gezinti .acilir:hover .alt-menu a:nth-child(10),.gezinti .acilir:focus-within .alt-menu a:nth-child(10){transition-delay:0.300s}
.gezinti .alt-menu a::before{
  content:"";position:absolute;left:.5em;top:50%;width:0;height:2px;border-radius:2px;
  background:var(--altin-parilti);transform:translateY(-50%);transition:width .3s var(--eg);
}
.gezinti .alt-menu a:hover,.gezinti .alt-menu a:focus-visible{
  color:var(--altin-koyu);background:var(--yuzey-2);padding-inline-start:1.7em;
}
.gezinti .alt-menu a:hover::before,.gezinti .alt-menu a:focus-visible::before{width:.95em}

/* dil switcher */
.dil{display:flex;gap:2px;padding:3px;background:var(--yuzey-3);border-radius:var(--r-tam);flex:none}
.dil a{
  padding:.42em .8em;border-radius:var(--r-tam);font-size:.78rem;font-weight:700;
  letter-spacing:.04em;color:var(--metin-soluk);transition:var(--gecis);
}
.dil{border:1px solid var(--cizgi)}
.dil a{position:relative}
.dil a:hover{color:var(--lacivert);transform:translateY(-1px)}
.dil a[aria-current="true"]{background:#fff;color:var(--altin-koyu);box-shadow:var(--golge-s)}
.dil a[aria-current="true"]::after{
  content:"";position:absolute;left:50%;bottom:.2em;width:14px;height:2px;margin-left:-7px;
  border-radius:2px;background:var(--altin-parilti);
}

.menu-ac{
  margin-inline-start:auto;display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border:1px solid var(--cizgi);border-radius:var(--r-s);
  background:#fff;cursor:pointer;flex:none;
}
.menu-ac span{display:block;width:20px;height:2px;background:var(--lacivert);position:relative}
.menu-ac span::before,.menu-ac span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--lacivert);transition:var(--gecis)}
.menu-ac span::before{top:-6px}.menu-ac span::after{top:6px}

@media (min-width:1080px){
  .gezinti{display:block}
  .menu-ac{display:none}
}

/* mobil çekmece */
.cekmece{
  position:fixed;inset:0 0 0 auto;width:min(86vw,360px);z-index:80;background:#fff;
  transform:translateX(100%);transition:transform var(--gecis);
  display:flex;flex-direction:column;overflow-y:auto;padding:20px;box-shadow:var(--golge-l);
}
.cekmece[data-acik="1"]{transform:none}
.cekmece-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.cekmece-kapat{width:42px;height:42px;border:1px solid var(--cizgi);border-radius:var(--r-s);background:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
.cekmece nav ul{list-style:none;margin:0;padding:0}
.cekmece nav > ul > li{
  border-bottom:1px solid var(--cizgi);opacity:0;transform:translateX(24px);
  transition:opacity .42s var(--eg),transform .42s var(--eg);
}
.cekmece[data-acik="1"] nav > ul > li{opacity:1;transform:none}
.cekmece[data-acik="1"] nav > ul > li:nth-child(1){transition-delay:0.050s}
.cekmece[data-acik="1"] nav > ul > li:nth-child(2){transition-delay:0.100s}
.cekmece[data-acik="1"] nav > ul > li:nth-child(3){transition-delay:0.150s}
.cekmece[data-acik="1"] nav > ul > li:nth-child(4){transition-delay:0.200s}
.cekmece[data-acik="1"] nav > ul > li:nth-child(5){transition-delay:0.250s}
.cekmece[data-acik="1"] nav > ul > li:nth-child(6){transition-delay:0.300s}
.cekmece[data-acik="1"] nav > ul > li:nth-child(7){transition-delay:0.350s}
.cekmece nav a{
  position:relative;display:block;padding:.95em .2em .95em .95em;font-weight:600;color:var(--lacivert);
  transition:color .24s,padding-inline-start .28s var(--eg);
}
.cekmece nav > ul > li > a::before{
  content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:3px;
  background:var(--altin-parilti);transform:translateY(-50%);transition:height .32s var(--eg);
}
.cekmece nav > ul > li > a:hover{color:var(--altin-koyu);padding-inline-start:1.3em}
.cekmece nav > ul > li > a:hover::before{height:56%}
.cekmece nav > ul > li.aktif > a{color:var(--altin-koyu)}
.cekmece nav > ul > li.aktif > a::before{height:62%}
.cekmece nav .alt-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 .6em .9em}
.cekmece nav .alt-menu a{font-weight:500;color:var(--metin-soluk);padding:.5em .2em}
.perde{position:fixed;inset:0;z-index:70;background:rgba(16,26,46,.5);opacity:0;visibility:hidden;transition:var(--gecis)}
.perde[data-acik="1"]{opacity:1;visibility:visible}
body[data-kilit="1"]{overflow:hidden}

/* ---------- 6. Hero / slider ---------- */
.hero{position:relative;background:var(--lacivert);overflow:hidden}
.hero-ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hero-ray::-webkit-scrollbar{display:none}
.slayt{position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:min(84vh,680px);display:flex;align-items:center}
@media (max-width:700px){ .slayt{min-height:auto;padding-block:0} }
.slayt-gorsel{position:absolute;inset:0}
.slayt-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slayt-gorsel::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(9,15,28,.88) 0%,rgba(9,15,28,.72) 38%,rgba(9,15,28,.30) 66%,rgba(9,15,28,.12) 100%);
}
@media (max-width:700px){
  .slayt-gorsel::after{background:linear-gradient(180deg,rgba(9,15,28,.55) 0%,rgba(9,15,28,.86) 62%,rgba(9,15,28,.94) 100%)}
  .slayt-gorsel img{height:100%;min-height:420px}
}
.slayt-icerik{position:relative;z-index:2;width:100%;padding-block:clamp(70px,10vw,120px);color:#fff}
.slayt-icerik .ic{max-width:620px}
.slayt-ust{display:block;margin-bottom:.8rem;font-size:clamp(.72rem,.6rem + .35vw,.86rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--altin-acik)}
.slayt-bas{color:#fff;margin-bottom:.6rem;text-wrap:balance}
.slayt-bas span{color:var(--altin-acik)}
.slayt-metin{font-size:clamp(.98rem,.92rem + .3vw,1.12rem);color:#d6dce8;max-width:52ch;margin-bottom:1.8rem}
.slayt-butonlar{display:flex;flex-wrap:wrap;gap:.7rem}

.hero-nokta{
  position:absolute;left:0;right:0;bottom:22px;z-index:3;
  display:flex;justify-content:center;gap:9px;padding-inline:var(--kenar);
}
.hero-nokta button{
  width:30px;height:4px;border:0;padding:0;border-radius:var(--r-tam);
  background:rgba(255,255,255,.35);cursor:pointer;transition:var(--gecis);
}
.hero-nokta button[aria-current="true"]{background:var(--altin);width:46px}
.hero-ok{
  position:absolute;top:50%;z-index:3;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:rgba(9,15,28,.35);color:#fff;cursor:pointer;display:none;
  align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:var(--gecis);
}
.hero-ok:hover{background:#fff;color:var(--lacivert)}
.hero-ok--geri{inset-inline-start:calc(var(--kenar) / 2)}
.hero-ok--ileri{inset-inline-end:calc(var(--kenar) / 2)}
@media (min-width:900px){ .hero-ok{display:inline-flex} }

/* ---------- 7. Izgaralar ---------- */
.izgara{display:grid;gap:clamp(20px,3vw,34px)}
.izgara--2{grid-template-columns:1fr}
.izgara--3{grid-template-columns:1fr}
.izgara--4{grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){
  .izgara--2{grid-template-columns:repeat(2,1fr)}
  .izgara--3{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1000px){ .izgara--4{grid-template-columns:repeat(4,1fr)} }
.ikili{display:grid;gap:clamp(28px,4vw,64px);align-items:center;grid-template-columns:1fr}
@media (min-width:920px){
  .ikili{grid-template-columns:1fr 1fr}
  .ikili--ters > :first-child{order:2}
  .ikili--form{grid-template-columns:1.45fr 1fr}
}
.gorsel-cerceve{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--golge-l)}
.gorsel-cerceve img{width:100%;aspect-ratio:16/10;object-fit:cover}

/* ---------- 8. Sektör / marka kartları ---------- */
.kart{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);
  box-shadow:var(--golge-s);transition:var(--gecis);
}
.kart:hover{transform:translateY(-4px);box-shadow:var(--golge-l);border-color:#d8dbe2}
.kart-gorsel{position:relative;overflow:hidden;background:var(--yuzey-3)}
.kart-gorsel img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.kart:hover .kart-gorsel img{transform:scale(1.05)}
.kart-govde{padding:clamp(18px,2.2vw,26px);display:flex;flex-direction:column;gap:.45rem;flex:1}
.kart-govde h3{margin:0}
.kart-govde p{color:var(--metin-soluk);font-size:.94rem;margin:0}
.kart-ok{margin-top:auto;padding-top:1rem;display:inline-flex;align-items:center;gap:.45em;font-size:.86rem;font-weight:700;color:var(--altin)}
.kart-bag::after{content:"";position:absolute;inset:0}

.marka-kart .kart-gorsel img{aspect-ratio:16/10}
.marka-kart .rozet{
  position:absolute;inset-block-start:14px;inset-inline-start:14px;z-index:2;
  padding:.35em .8em;border-radius:var(--r-tam);background:rgba(255,255,255,.92);
  font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lacivert);
}

/* ---------- 9. Sayaçlar ---------- */
.sayac-izgara{display:grid;gap:clamp(18px,2.5vw,30px);grid-template-columns:repeat(2,1fr)}
@media (min-width:900px){ .sayac-izgara{grid-template-columns:repeat(4,1fr)} }
.sayac{padding:clamp(20px,2.4vw,30px);border-radius:var(--r-l);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.bolum--gri .sayac,.bolum:not(.bolum--koyu) .sayac{background:#fff;border-color:var(--cizgi);box-shadow:var(--golge-s)}
.sayac-deger{display:flex;align-items:baseline;gap:.08em;font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);font-weight:800;letter-spacing:-.03em;color:var(--altin);line-height:1}
.sayac-baslik{margin:.7rem 0 .3rem;font-size:1.02rem;font-weight:700}
.bolum--koyu .sayac-baslik{color:#fff}
.sayac-metin{font-size:.88rem;color:var(--metin-soluk);margin:0}
.bolum--koyu .sayac-metin{color:#a9b4c7}

/* ---------- 10. Video bandı ---------- */
.video-bant{position:relative;display:grid;place-items:center;text-align:center;min-height:min(58vh,440px);overflow:hidden;background:var(--lacivert)}
.video-bant img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.video-bant::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,26,46,.72) 0%,rgba(16,26,46,.55) 50%,rgba(16,26,46,.82) 100%)}
.video-bant .ic{position:relative;z-index:3;padding:clamp(48px,7vw,86px) var(--kenar);color:#fff;max-width:760px}
.video-bant h2{color:#fff}
.video-bant p{color:#c4cddc}
.oynat{
  position:relative;display:inline-grid;place-items:center;
  width:clamp(84px,7vw,108px);height:clamp(84px,7vw,108px);margin-top:1.6rem;
  border-radius:50%;background:var(--altin);color:#fff;border:0;cursor:pointer;
  box-shadow:0 0 0 0 rgba(184,152,90,.55),0 16px 40px rgba(0,0,0,.35);
  animation:nabiz 2.6s infinite;
  transition:background .32s var(--eg),color .32s var(--eg),transform .4s var(--eg-yay);
}
.oynat::before{
  content:"";position:absolute;inset:-16px;border-radius:50%;
  border:1px solid rgba(255,255,255,.34);transition:inset .45s var(--eg),border-color .45s var(--eg);
}
.oynat:hover{background:#fff;color:var(--lacivert);animation:none;transform:scale(1.08)}
.oynat:hover::before{inset:-26px;border-color:rgba(184,152,90,.85)}
.oynat svg{transition:transform .4s var(--eg-yay)}
.oynat:hover svg{transform:scale(1.12)}
@keyframes nabiz{70%{box-shadow:0 0 0 26px rgba(184,152,90,0),0 16px 40px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 0 rgba(184,152,90,0),0 16px 40px rgba(0,0,0,.35)}}

/* ---------- 11. Sayfa başlığı (iç sayfalar) ---------- */
.sayfa-bas{position:relative;background:var(--lacivert);color:#fff;overflow:hidden}
.sayfa-bas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.sayfa-bas::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,26,46,.62),rgba(16,26,46,.86))}
.sayfa-bas .ic{position:relative;z-index:3;padding-block:clamp(52px,7vw,96px)}
.sayfa-bas h1{color:#fff;margin-bottom:.4rem}
.kirinti{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0;font-size:.85rem;color:#b9c2d3}
.kirinti a:hover{color:var(--altin-acik)}
.kirinti li+li::before{content:"/";margin-inline-end:.45rem;opacity:.5}

/* ---------- 12. Metin gövdesi ---------- */
.metin{font-size:1.02rem;color:#374051;max-width:74ch}
.metin h2,.metin h3{margin-top:1.8em}
.metin h2:first-child,.metin h3:first-child{margin-top:0}
.metin ul,.metin ol{padding-inline-start:1.3em;margin:0 0 1.1em}
.metin li{margin-bottom:.45em}
.metin strong{color:var(--lacivert)}
.metin img{border-radius:var(--r-m);margin-block:1.2em}
.metin a{color:var(--altin-koyu);text-decoration:underline;text-underline-offset:3px}

/* ---------- 13. Galeri ---------- */
.galeri{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){ .galeri{grid-template-columns:repeat(3,1fr);gap:16px} }
.galeri a{display:block;border-radius:var(--r-m);overflow:hidden;box-shadow:var(--golge-s);background:var(--yuzey-3)}
.galeri img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.galeri a:hover img{transform:scale(1.06)}

/* basit lightbox */
.kutu{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:rgba(9,15,28,.94);padding:clamp(12px,3vw,32px)}
.kutu[data-acik="1"]{display:grid}
.kutu img{max-width:min(94vw,1400px);max-height:84vh;border-radius:var(--r-m);object-fit:contain;
  animation:kutuGir .28s cubic-bezier(.22,1,.36,1)}
@keyframes kutuGir{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.kutu-dugme{
  position:absolute;display:grid;place-items:center;width:clamp(42px,4vw,54px);height:clamp(42px,4vw,54px);
  border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);
  color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:var(--gecis);z-index:2;
}
.kutu-dugme:hover{background:#fff;color:var(--lacivert);border-color:#fff}
.kutu-kapat{top:clamp(12px,2vw,24px);inset-inline-end:clamp(12px,2vw,24px)}
.kutu-geri{inset-inline-start:clamp(10px,2vw,28px);top:50%;transform:translateY(-50%) rotate(180deg)}
.kutu-ileri{inset-inline-end:clamp(10px,2vw,28px);top:50%;transform:translateY(-50%)}
.kutu-geri:hover{transform:translateY(-50%) rotate(180deg) scale(1.06)}
.kutu-ileri:hover{transform:translateY(-50%) scale(1.06)}
.kutu-sayac{
  position:absolute;inset-block-end:clamp(14px,2.4vw,28px);left:0;right:0;text-align:center;
  color:#cfd6e3;font-size:.85rem;font-weight:600;letter-spacing:.06em;
}
.kutu-baslik{
  position:absolute;inset-block-start:clamp(14px,2.4vw,26px);inset-inline-start:clamp(16px,3vw,32px);
  inset-inline-end:clamp(70px,8vw,96px);color:#fff;font-size:.95rem;font-weight:600;
}
@media (max-width:600px){
  .kutu-geri,.kutu-ileri{top:auto;bottom:clamp(46px,9vw,64px);transform:none}
  .kutu-geri{transform:rotate(180deg)}
  .kutu-geri:hover{transform:rotate(180deg) scale(1.06)}
  .kutu-ileri:hover{transform:scale(1.06)}
  .kutu-baslik{display:none}
}
/* galeri öğesi: büyüteç ipucu */
.galeri a{position:relative}
.galeri a::after{
  content:"";position:absolute;inset:0;background:rgba(16,26,46,.28);
  opacity:0;transition:opacity var(--gecis);border-radius:inherit;
}
.galeri a:hover::after,.galeri a:focus-visible::after{opacity:1}

/* ---------- 14. Formlar ---------- */
.form-izgara{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:640px){ .form-izgara{grid-template-columns:repeat(2,1fr)} .form-tam{grid-column:1/-1} }
.alan label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:600;color:var(--lacivert)}
.alan label .yildiz{color:#c0392b}
.alan input,.alan select,.alan textarea{
  width:100%;padding:.85em 1em;font:inherit;font-size:.95rem;color:var(--metin);
  background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--r-s);transition:var(--gecis);
}
.alan textarea{min-height:150px;resize:vertical}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:#c6cbd4}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--altin);box-shadow:0 0 0 4px rgba(184,152,90,.16)}
.alan input[type=file]{padding:.6em;background:var(--yuzey-2)}
.bildirim{padding:1em 1.2em;border-radius:var(--r-s);font-size:.92rem;font-weight:500;margin-bottom:1.2rem}
.bildirim--ok{background:#e9f7ef;color:#1d6b3f;border:1px solid #bde5cd}
.bildirim--hata{background:#fdecea;color:#98281c;border:1px solid #f5c6c0}

.iletisim-kart{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid var(--cizgi)}
.iletisim-kart:last-child{border-bottom:0}
.iletisim-kart .ikon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(184,152,90,.14);color:var(--altin-koyu)}
.iletisim-kart h4{margin:0 0 .15rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--metin-soluk)}
.iletisim-kart p{margin:0;font-size:1rem;font-weight:600;color:var(--lacivert)}

.harita{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--golge-m);line-height:0}
.harita iframe{width:100%;height:clamp(300px,42vw,460px);border:0}

/* ---------- 15. Footer ---------- */
.alt{position:relative;background:var(--lacivert);color:#aab4c6;overflow:hidden}
.alt::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 0%,rgba(184,152,90,.16),transparent 60%)}
.alt .kap{position:relative;z-index:2}
.alt-izgara{display:grid;gap:clamp(30px,4vw,54px);padding-block:clamp(48px,6vw,78px);grid-template-columns:1fr}
@media (min-width:760px){ .alt-izgara{grid-template-columns:1.3fr 1fr 1fr} }
.alt h4{color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.1rem}
.alt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}
.alt a{font-size:.94rem;transition:color var(--gecis),transform .3s var(--eg)}
.alt a:hover{color:var(--altin-acik)}
.alt ul a{position:relative;display:inline-block}
.alt ul a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--altin-acik);transition:right .36s var(--eg)}
.alt ul a:hover::after{right:0}
.alt ul a:hover{transform:translateX(4px)}
.alt-iletisim a:hover{transform:translateX(3px)}
.alt-logo{display:inline-block}
.alt-logo img{height:clamp(78px,6vw,120px);width:auto;margin-bottom:1.2rem;transition:transform .42s var(--eg-yay),filter .42s var(--eg)}
.alt-logo:hover img{transform:scale(1.03);filter:drop-shadow(0 10px 26px rgba(184,152,90,.32))}
.alt-iletisim{display:flex;flex-direction:column;gap:.6rem;font-size:.94rem;margin-bottom:1.4rem}
.alt-iletisim a,.alt-iletisim span{display:flex;gap:.6em;align-items:flex-start}
.sosyal{display:flex;gap:.6rem}
.sosyal a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);transition:var(--gecis)}
.sosyal a:hover{background:var(--altin);border-color:var(--altin);color:#fff;transform:translateY(-2px)}
.alt-serit{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);padding-block:20px;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between;font-size:.84rem}
.yapimci a{color:#8f9bb0;transition:color var(--gecis)}
.yapimci a:hover{color:var(--altin-acik)}
.alt-marka-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}
@media (min-width:520px){ .alt-marka-izgara{grid-template-columns:repeat(2,1fr)} }

/* ---------- 16. Yardımcılar ---------- */
.yukari{
  position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:50;
  width:46px;height:46px;border-radius:50%;border:0;background:var(--lacivert);color:#fff;
  cursor:pointer;display:grid;place-items:center;opacity:0;visibility:hidden;
  transition:var(--gecis);box-shadow:var(--golge-m);
}
.yukari[data-gorunur="1"]{opacity:1;visibility:visible}
.yukari:hover{background:var(--altin)}
.bel{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.bel.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .bel{opacity:1;transform:none}
}

/* ---------- 17. Blog ---------- */
.sayfalama{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:clamp(32px,4vw,52px)}
.sayfalama a{
  min-width:44px;padding:.6em .9em;text-align:center;border:1px solid var(--cizgi);
  border-radius:var(--r-s);font-size:.9rem;font-weight:600;color:var(--lacivert);
  background:#fff;transition:var(--gecis);
}
.sayfalama a:hover{border-color:var(--altin);color:var(--altin-koyu)}
.sayfalama a[aria-current="page"]{background:var(--altin);border-color:var(--altin);color:#fff}
.bos-durum{
  padding:clamp(40px,6vw,72px) 24px;text-align:center;color:var(--metin-soluk);
  background:var(--yuzey-2);border:1px dashed var(--cizgi);border-radius:var(--r-l);font-size:1.02rem;
}
.etiketler,.paylas{margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--cizgi)}
.etiketler h4,.paylas h4{
  font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--metin-soluk);margin-bottom:.9rem;
}
.etiketler a{
  display:inline-block;margin:0 .45rem .45rem 0;padding:.42em .95em;border-radius:var(--r-tam);
  background:var(--yuzey-2);border:1px solid var(--cizgi);font-size:.85rem;font-weight:500;
  color:var(--lacivert);transition:var(--gecis);
}
.etiketler a:hover{background:var(--altin);border-color:var(--altin);color:#fff}
.paylas .sosyal a{border-color:var(--cizgi);color:var(--metin-soluk)}
.paylas .sosyal a:hover{background:var(--altin);border-color:var(--altin);color:#fff}

/* ==========================================================================
   18. ETKİLEŞİM KATMANI — "ihtişam"
   Kartlarda altın kenar, ışık süzülmesi, kademeli girişler, video perdesi.
   Tümü GPU dostu (yalnız transform/opacity) ve azaltılmış hareket uyumlu.
   ========================================================================== */

/* ---- 18.1 Butonlar: üzerinden geçen ışık + yükselme ---- */
.btn{position:relative;overflow:hidden;isolation:isolate;
  transition:background .3s var(--eg),color .3s var(--eg),border-color .3s var(--eg),
             transform .34s var(--eg-yay),box-shadow .38s var(--eg)}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.4) 50%,transparent 68%);
  transform:translateX(-135%);transition:transform .85s var(--eg);
}
.btn:hover::before,.btn:focus-visible::before{transform:translateX(135%)}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(-1px)}
.btn--birincil:hover{box-shadow:0 12px 30px rgba(184,152,90,.42)}
.btn--ikincil:hover{box-shadow:0 12px 28px rgba(16,26,46,.22)}
.btn--acik:hover{box-shadow:0 12px 30px rgba(0,0,0,.3)}

/* ---- 18.2 Kartlar: altın kenar belirir + görselde ışık süzülür ---- */
.kart{
  transition:transform .5s var(--eg),box-shadow .5s var(--eg),border-color .4s var(--eg);
}
.kart:hover,.kart:focus-within{
  transform:translateY(-9px);
  border-color:rgba(184,152,90,.5);
  box-shadow:0 20px 44px rgba(16,26,46,.14),0 44px 90px rgba(16,26,46,.13);
}
/* degrade altın çerçeve (destekleyen tarayıcılarda) */
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
  .kart::before{
    content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
    border-radius:inherit;padding:1.6px;background:var(--altin-parilti);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    opacity:0;transition:opacity .45s var(--eg);
  }
  .kart:hover::before,.kart:focus-within::before{opacity:1}
}
.kart-gorsel::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.4) 50%,transparent 64%);
  transform:translateX(-125%);transition:transform .95s var(--eg);
}
.kart:hover .kart-gorsel::after{transform:translateX(125%)}
.kart-gorsel img{transition:transform .7s var(--eg)}
.kart:hover .kart-gorsel img{transform:scale(1.07)}
.kart-govde h3{transition:color .3s var(--eg)}
.kart:hover .kart-govde h3{color:var(--altin-koyu)}
.kart-ok{position:relative;align-self:flex-start;transition:color .3s var(--eg)}
.kart-ok svg{transition:transform .38s var(--eg-yay)}
.kart:hover .kart-ok svg{transform:translateX(7px)}
.kart-ok::after{
  content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;border-radius:2px;
  background:var(--altin-parilti);transition:width .45s var(--eg);
}
.kart:hover .kart-ok::after{width:100%}
.marka-kart .rozet{transition:background .32s var(--eg),color .32s var(--eg),transform .34s var(--eg-yay)}
.marka-kart:hover .rozet{background:var(--altin);color:#fff;transform:translateY(-2px)}

/* ---- 18.3 Sayaç kutuları: üstte açılan altın çizgi + altın parıltı ---- */
.sayac{position:relative;overflow:hidden;
  transition:transform .5s var(--eg),border-color .4s var(--eg),background .4s var(--eg),box-shadow .5s var(--eg)}
.sayac > *{position:relative;z-index:2}
.sayac::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:0;height:3px;border-radius:0 0 3px 3px;background:var(--altin-parilti);
  transition:width .55s var(--eg);
}
.sayac::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(95% 75% at 50% 0%,rgba(184,152,90,.2),transparent 70%);
  opacity:0;transition:opacity .5s var(--eg);
}
.sayac:hover::before{width:74%}
.sayac:hover::after{opacity:1}
.sayac:hover{transform:translateY(-7px);border-color:rgba(184,152,90,.55)}
.bolum--koyu .sayac:hover{background:rgba(255,255,255,.09);box-shadow:0 22px 50px rgba(0,0,0,.34)}
.bolum:not(.bolum--koyu) .sayac:hover{box-shadow:0 18px 40px rgba(16,26,46,.13)}
.sayac-deger{transition:transform .4s var(--eg-yay)}
.sayac:hover .sayac-deger{transform:scale(1.04)}

/* ---- 18.4 Galeri: iç altın çerçeve + yükselme ---- */
.galeri a{transition:transform .45s var(--eg),box-shadow .45s var(--eg)}
.galeri a:hover,.galeri a:focus-visible{transform:translateY(-5px);box-shadow:var(--golge-l)}
.galeri a::before{
  content:"";position:absolute;inset:10px;z-index:3;pointer-events:none;
  border:1px solid rgba(255,255,255,.8);border-radius:calc(var(--r-m) - 5px);
  opacity:0;transform:scale(1.05);
  transition:opacity .42s var(--eg),transform .42s var(--eg);
}
.galeri a:hover::before,.galeri a:focus-visible::before{opacity:1;transform:none}

/* ---- 18.5 Görsel çerçeve ---- */
.gorsel-cerceve{position:relative;transition:transform .5s var(--eg),box-shadow .5s var(--eg)}
.gorsel-cerceve img{transition:transform .8s var(--eg)}
.gorsel-cerceve:hover{transform:translateY(-6px)}
.gorsel-cerceve:hover img{transform:scale(1.04)}
.gorsel-cerceve::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(184,152,90,0);transition:box-shadow .45s var(--eg);
}
.gorsel-cerceve:hover::after{box-shadow:inset 0 0 0 2px rgba(184,152,90,.7)}

/* ---- 18.6 İletişim kartları ---- */
.iletisim-kart{position:relative;transition:transform .35s var(--eg)}
.iletisim-kart .ikon{transition:transform .4s var(--eg-yay),background .32s,color .32s}
.iletisim-kart:hover{transform:translateX(5px)}
.iletisim-kart:hover .ikon{background:var(--altin);color:#fff;transform:scale(1.1) rotate(-6deg)}

/* ---- 18.7 Form alanları ---- */
.alan{position:relative}
.alan input,.alan select,.alan textarea{transition:border-color .28s,box-shadow .32s var(--eg),transform .28s var(--eg)}
.alan input:focus,.alan select:focus,.alan textarea:focus{transform:translateY(-2px)}
.alan label{transition:color .26s}
.alan:focus-within label{color:var(--altin-koyu)}

/* ---- 18.8 Sayfalama / etiketler: altın dolum ---- */
.sayfalama a,.etiketler a{position:relative;overflow:hidden;isolation:isolate;
  transition:color .3s var(--eg),border-color .3s var(--eg),transform .34s var(--eg-yay),box-shadow .34s var(--eg)}
.sayfalama a::before,.etiketler a::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--altin);
  transform:scaleY(0);transform-origin:bottom;transition:transform .34s var(--eg);
}
.sayfalama a:hover::before,.etiketler a:hover::before{transform:scaleY(1)}
.sayfalama a:hover,.etiketler a:hover{color:#fff;border-color:var(--altin);transform:translateY(-3px);box-shadow:0 10px 22px rgba(184,152,90,.3)}

/* ---- 18.9 Harita ---- */
.harita{position:relative;transition:box-shadow .45s var(--eg)}
.harita::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(184,152,90,0);transition:box-shadow .45s var(--eg);
}
.harita:hover{box-shadow:var(--golge-l)}
.harita:hover::after{box-shadow:inset 0 0 0 2px rgba(184,152,90,.6)}

/* ---- 18.10 Sosyal / yukarı ---- */
.sosyal a{transition:background .3s,border-color .3s,color .3s,transform .36s var(--eg-yay),box-shadow .36s var(--eg)}
.sosyal a:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 10px 24px rgba(184,152,90,.35)}
.yukari{transition:background .3s,transform .36s var(--eg-yay),opacity .3s,visibility .3s,box-shadow .36s}
.yukari:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(184,152,90,.4)}

/* ---- 18.11 Hero: aktif slaytta kademeli metin girişi + yavaş yakınlaşma ---- */
@keyframes hlgYavasZoom{from{transform:scale(1.001)}to{transform:scale(1.09)}}
html.js .slayt-icerik .ic > *{opacity:0;transform:translateY(28px);
  transition:opacity .75s var(--eg),transform .75s var(--eg)}
html.js .slayt.etkin .ic > *{opacity:1;transform:none}
html.js .slayt.etkin .ic > *:nth-child(1){transition-delay:.10s}
html.js .slayt.etkin .ic > *:nth-child(2){transition-delay:.20s}
html.js .slayt.etkin .ic > *:nth-child(3){transition-delay:.30s}
html.js .slayt.etkin .ic > *:nth-child(4){transition-delay:.40s}
html.js .slayt.etkin .ic > *:nth-child(5){transition-delay:.50s}
.slayt.etkin .slayt-gorsel img{animation:hlgYavasZoom 18s ease-out forwards}
.video-bant img{animation:hlgYavasZoom 26s ease-in-out infinite alternate}
.hero-nokta button{transition:background .3s,width .4s var(--eg),box-shadow .3s}
.hero-nokta button:hover{background:rgba(255,255,255,.7)}
.hero-nokta button[aria-current="true"]{box-shadow:0 0 14px rgba(184,152,90,.9)}
.hero-ok{transition:background .3s,color .3s,border-color .3s,transform .36s var(--eg-yay),box-shadow .36s}
.hero-ok:hover{box-shadow:0 10px 26px rgba(0,0,0,.35)}
.hero-ok--geri:hover{transform:translateY(-50%) scale(1.1)}
.hero-ok--ileri:hover{transform:translateY(-50%) scale(1.1)}

/* ---- 18.12 Bölüm başlığı: görünürken açılan altın rule ---- */
.bolum-bas .ust-etiket::after{
  content:"";display:inline-block;vertical-align:middle;width:0;height:1px;
  margin-inline-start:.85em;background:currentColor;opacity:.6;
  transition:width .9s var(--eg) .25s;
}
.bolum-bas.gorundu .ust-etiket::after{width:clamp(28px,4vw,60px)}

/* ---- 18.13 Video perdesi: ekran kararır, video yerinde oynar ---- */
.vkutu{
  position:fixed;inset:0;z-index:95;display:none;place-items:center;
  padding:clamp(12px,3vw,44px);background:rgba(5,9,18,.94);
  -webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);
  opacity:0;transition:opacity .38s var(--eg);
}
.vkutu[data-acik="1"]{display:grid}
.vkutu.gorunur{opacity:1}
.vkutu-cerceve{
  position:relative;width:min(94vw,1180px);aspect-ratio:16/9;
  border-radius:var(--r-m);overflow:hidden;background:#000;
  box-shadow:0 34px 100px rgba(0,0,0,.65),0 0 0 1px rgba(184,152,90,.4);
  transform:scale(.93) translateY(18px);opacity:0;
  transition:transform .5s var(--eg-yay),opacity .38s var(--eg);
}
.vkutu.gorunur .vkutu-cerceve{transform:none;opacity:1}
.vkutu-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){ .vkutu-cerceve{width:100%} }

/* ---- 18.14 Azaltılmış hareket: tüm gösteri kapanır ---- */
@media (prefers-reduced-motion:reduce){
  .kart:hover,.sayac:hover,.galeri a:hover,.gorsel-cerceve:hover,
  .btn:hover,.sosyal a:hover,.yukari:hover,.iletisim-kart:hover{transform:none}
  .kart-gorsel::after,.btn::before{display:none}
  .slayt.etkin .slayt-gorsel img,.video-bant img{animation:none}
  html.js .slayt-icerik .ic > *{opacity:1;transform:none}
  .gezinti .alt-menu a{opacity:1;transform:none}
  .cekmece nav > ul > li{opacity:1;transform:none}
}