/* ============================================================
   UNGAN YAPI — Tasarım Sistemi
   Altın + Siyah lüks · Fraunces (display) + Hanken Grotesk (gövde)
   ============================================================ */

:root{
  /* Zemin & yüzeyler (sıcak siyah) */
  --ink:        #0a0806;
  --ink-2:      #0f0c08;
  --surface:    #15100a;
  --surface-2:  #1c1610;
  --line:       rgba(201,162,39,0.16);
  --line-soft:  rgba(255,255,255,0.06);

  /* Altın */
  --gold:       #c9a227;
  --gold-lite:  #ecd27e;
  --gold-deep:  #8a6d1b;
  --gold-grad:  linear-gradient(135deg,#f4e2a1 0%,#c9a227 42%,#8a6d1b 100%);
  --gold-sheen: linear-gradient(180deg,#f7ecc0,#c9a227 60%,#9a7b1e);

  /* Metin */
  --cream:      #f6f1e6;
  --text:       #e8e0d0;
  --muted:      #a29a88;
  --muted-2:    #776f61;

  /* Tipografi */
  --ff-display: 'Fraunces', 'Georgia', serif;
  --ff-body:    'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Ölçü */
  --wrap:       1660px;
  --wrap-tight: 960px;
  --gutter:     clamp(20px, 4vw, 76px);
  --radius:     18px;
  --radius-sm:  12px;

  --ease:       cubic-bezier(.22,.61,.36,1);
  --shadow:     0 30px 70px -20px rgba(0,0,0,.7);
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--ink); color:var(--text);
  font-family:var(--ff-body); font-size:17px; line-height:1.7;
  font-weight:400; letter-spacing:.1px;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3,h4{ margin:0; font-family:var(--ff-display); font-weight:400; line-height:1.06; letter-spacing:-.01em; color:var(--cream); }
p{ margin:0; }
::selection{ background:var(--gold); color:#120d04; }

/* ---------- Yerleşim ---------- */
.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gutter); }
.section{ padding-block:clamp(54px,6vw,92px); position:relative; }
.center{ text-align:center; }

/* Şık panel/kutu — bölüm içeriğini çerçeveler (boşluk hissini keser) */
.blok{ position:relative; border:1px solid var(--line); border-radius:26px; padding:clamp(30px,4vw,56px);
  background:linear-gradient(165deg, rgba(201,162,39,.05), rgba(255,255,255,.015) 40%, transparent);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.8); overflow:hidden; }
.blok::before{ content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.5; }
.blok::after{ content:''; position:absolute; right:-120px; top:-120px; width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle, rgba(201,162,39,.10), transparent 62%); pointer-events:none; }
.blok > *{ position:relative; z-index:1; }

/* ---------- Ortak parçalar ---------- */
.kicker{
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--ff-body); font-size:12px; font-weight:600;
  letter-spacing:.28em; text-transform:uppercase; color:var(--gold-lite);
}
.kicker::before{ content:''; width:26px; height:1px; background:var(--gold-grad); }
.kicker.center{ }
.kicker.center::after{ content:''; width:26px; height:1px; background:var(--gold-grad); }

.title{
  font-family:var(--ff-display);
  font-size:clamp(2.1rem,5.2vw,4.1rem);
  font-weight:340; line-height:1.02; letter-spacing:-.02em;
  color:var(--cream); text-wrap:balance;
}
.title em{ font-style:italic; color:var(--gold-lite); }
.lede{ color:var(--muted); font-size:clamp(1rem,1.4vw,1.18rem); max-width:56ch; }

.gold-text{ background:var(--gold-sheen); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hair{ height:1px; background:linear-gradient(90deg,transparent,var(--line),transparent); border:0; }

/* ---------- Butonlar ---------- */
.btn{
  --pad-y:15px; --pad-x:28px;
  display:inline-flex; align-items:center; gap:10px;
  padding:var(--pad-y) var(--pad-x); border-radius:100px;
  font-family:var(--ff-body); font-size:14.5px; font-weight:600; letter-spacing:.02em;
  border:1px solid transparent; transition:all .4s var(--ease); position:relative; white-space:nowrap;
}
.btn i{ font-size:12px; transition:transform .4s var(--ease); }
.btn-gold{ background:var(--gold-grad); color:#180f02; box-shadow:0 10px 30px -8px rgba(201,162,39,.5); }
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 16px 40px -8px rgba(201,162,39,.6); }
.btn-gold:hover i{ transform:translateX(4px); }
.btn-ghost{ background:rgba(255,255,255,.03); color:var(--cream); border-color:var(--line); }
.btn-ghost:hover{ border-color:var(--gold); color:var(--gold-lite); background:rgba(201,162,39,.06); }

/* ---------- Beliriş (IntersectionObserver) ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed; inset:0 0 auto 0; z-index:1000;
  transition:background .5s var(--ease), backdrop-filter .5s var(--ease), border-color .5s var(--ease);
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(10,8,6,.82); backdrop-filter:blur(14px) saturate(1.2);
  border-bottom-color:var(--line);
}
.nav-in{
  max-width:var(--wrap); margin-inline:auto; padding:16px var(--gutter);
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.brand{ display:flex; align-items:center; gap:13px; }
.brand-mark{
  width:46px; height:46px; border-radius:13px; flex-shrink:0; position:relative;
  background:radial-gradient(120% 120% at 50% 0%, rgba(201,162,39,.16), rgba(20,16,10,.9) 62%), var(--ink-2);
  border:1px solid rgba(201,162,39,.55); display:grid; place-items:center; overflow:hidden;
  box-shadow:0 10px 26px -12px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);
  transition:border-color .4s var(--ease), transform .4s var(--ease);
}
.brand-mark::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 40%); pointer-events:none; }
.brand-mark svg{ display:block; }
.brand:hover .brand-mark{ border-color:var(--gold); transform:translateY(-1px); }
.brand-txt{ line-height:1; display:flex; flex-direction:column; }
.brand-name{ font-family:var(--ff-display); font-size:21px; font-weight:500; color:var(--cream); letter-spacing:.005em; }
.brand-sub{ font-family:var(--ff-body); font-size:9.5px; font-weight:600; letter-spacing:.26em; text-transform:uppercase; color:var(--gold-lite); margin-top:5px; }

.nav-menu{ display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0; }
.nav-menu a{
  padding:9px 15px; border-radius:100px; font-size:14.5px; font-weight:500; color:var(--text);
  transition:color .3s, background .3s;
}
.nav-menu a:hover{ color:var(--gold-lite); background:rgba(255,255,255,.04); }
.nav-menu a.aktif{ color:var(--gold-lite); }
/* Dropdown (alt menü) */
.nav-drop{ position:relative; }
.nav-ok{ font-size:9px; margin-left:3px; transition:transform .3s var(--ease); opacity:.7; }
.nav-drop:hover .nav-ok{ transform:rotate(180deg); }
.nav-alt{
  position:absolute; top:calc(100% + 8px); left:0; min-width:180px; list-style:none; margin:0; padding:7px;
  background:var(--ink-2); border:1px solid var(--line); border-radius:14px;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.8); opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .28s var(--ease), transform .28s var(--ease), visibility .28s; z-index:60;
}
.nav-drop:hover .nav-alt{ opacity:1; visibility:visible; transform:translateY(0); }
.nav-alt::before{ content:''; position:absolute; top:-8px; left:0; right:0; height:8px; } /* hover köprüsü */
.nav-alt li{ margin:0; }
.nav-alt a{ display:block; padding:10px 14px; border-radius:9px; font-size:14px; color:var(--muted); white-space:nowrap; }
.nav-alt a:hover{ color:var(--gold-lite); background:rgba(201,162,39,.08); }
/* Mobil alt link */
.np-alt-link{ padding-left:24px !important; }
.np-alt-link .np-n{ font-size:12px; }
.np-alt-link .np-l{ font-size:1rem; color:var(--muted); }
.nav-actions{ display:flex; align-items:center; gap:14px; }
.nav-tel{ display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:14.5px; color:var(--cream); }
.nav-tel i{ color:var(--gold); }
.nav-tel:hover{ color:var(--gold-lite); }

.nav-burger{ display:none; width:40px; height:40px; align-items:center; justify-content:center; background:none; border:0; padding:0; color:var(--cream); }
.nav-burger .lines{ display:inline-flex; flex-direction:column; gap:5px; align-items:flex-end; }
.nav-burger .lines span{ display:block; height:1.5px; background:var(--cream); border-radius:2px; transition:.35s var(--ease); }
.nav-burger .lines span:nth-child(1){ width:22px; }
.nav-burger .lines span:nth-child(2){ width:13px; background:var(--gold); }
.nav-burger:hover .lines span{ width:22px; background:var(--gold-lite); }

/* Mobil panel */
.nav-panel{ position:fixed; inset:0; z-index:1200; visibility:hidden; }
.nav-panel__scrim{ position:absolute; inset:0; background:rgba(6,4,3,.7); opacity:0; transition:opacity .4s var(--ease); }
.nav-panel__sheet{
  position:absolute; top:0; right:0; bottom:0; width:min(72vw,272px);
  background:linear-gradient(165deg,#1a130b 0%,#0c0805 62%);
  border-left:1px solid var(--line);
  transform:translateX(100%); transition:transform .55s var(--ease);
  display:flex; flex-direction:column; padding:24px 26px 30px; overflow-y:auto;
}
.nav-panel__sheet::before{ content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--gold-grad); opacity:.75; }
.nav-panel.open{ visibility:visible; }
.nav-panel.open .nav-panel__scrim{ opacity:1; }
.nav-panel.open .nav-panel__sheet{ transform:translateX(0); }

.np-top{ display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; margin-bottom:10px; border-bottom:1px solid var(--line-soft); }
.np-eyebrow{ font-family:var(--ff-body); font-size:11px; font-weight:600; letter-spacing:.34em; text-transform:uppercase; color:var(--gold-lite); }
.nav-close{ width:40px; height:40px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); color:var(--cream); font-size:17px; display:grid; place-items:center; transition:.3s var(--ease); }
.nav-close:hover{ border-color:var(--gold); color:var(--gold-lite); transform:rotate(90deg); }

.np-links{ display:flex; flex-direction:column; }
.np-links a{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px;
  padding:14px 3px; border-bottom:1px solid var(--line-soft);
  color:var(--cream); transition:all .4s var(--ease);
}
.np-links a:hover{ padding-left:10px; color:var(--gold-lite); }
.np-n{ font-family:var(--ff-body); font-size:10.5px; font-weight:600; letter-spacing:.1em; color:var(--muted-2); transition:color .4s var(--ease); }
.np-links a:hover .np-n{ color:var(--gold); }
.np-l{ font-family:var(--ff-display); font-size:1.18rem; font-weight:360; line-height:1; }
.np-a{ font-size:11px; color:var(--muted-2); opacity:0; transform:translateX(-6px); transition:all .4s var(--ease); }
.np-links a:hover .np-a{ opacity:1; transform:translateX(0); color:var(--gold); }

.np-foot{ margin-top:auto; padding-top:24px; }
.np-c{ display:flex; align-items:center; gap:11px; font-size:13.5px; font-weight:500; color:var(--text); transition:color .3s; margin-bottom:11px; }
.np-c i{ color:var(--gold); width:16px; text-align:center; font-size:13px; }
.np-c:hover{ color:var(--gold-lite); }
.np-social{ display:flex; gap:10px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line-soft); }
.np-social a{ width:38px; height:38px; border:1px solid var(--line); border-radius:10px; display:grid; place-items:center; color:var(--cream); font-size:15px; transition:.35s var(--ease); }
.np-social a:hover{ border-color:var(--gold); color:var(--gold-lite); background:rgba(201,162,39,.06); transform:translateY(-2px); }

/* ============================================================
   HERO
   ============================================================ */
.hero{ position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; padding-block:120px 150px; }
.hero-media{ position:absolute; inset:0; z-index:0; }
.hero-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.5s var(--ease); transform:scale(1.08); }
.hero-media img.active{ opacity:1; animation:kenBurns 18s ease-out forwards; }
.hero-media::after{
  content:''; position:absolute; inset:0;
  background:
    linear-gradient(105deg, rgba(8,6,4,.94) 0%, rgba(8,6,4,.74) 34%, rgba(8,6,4,.32) 62%, rgba(8,6,4,.55) 100%),
    linear-gradient(180deg, rgba(8,6,4,.5) 0%, transparent 22%, transparent 60%, rgba(8,6,4,.85) 100%);
}
@keyframes kenBurns{ from{ transform:scale(1.08); } to{ transform:scale(1); } }

.hero-in{
  position:relative; z-index:2; width:100%;
  display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(40px,6vw,90px); align-items:center;
}
.hero-eyebrow{ margin-bottom:28px; }
.hero-title{
  font-family:var(--ff-display); font-weight:300;
  font-size:clamp(2.9rem,6.4vw,6rem); line-height:.96; letter-spacing:-.028em;
  color:var(--cream); text-wrap:balance;
}
.hero-title em{ font-style:italic; }
.hero-sub{ margin-top:28px; max-width:48ch; color:var(--text); font-size:clamp(1.04rem,1.4vw,1.24rem); line-height:1.6; }
.hero-cta{ margin-top:40px; display:flex; flex-wrap:wrap; gap:14px; }

/* Sağ: elit slayt indeksi */
.hero-index{ display:flex; flex-direction:column; gap:14px; }
.hero-ix{
  display:grid; grid-template-columns:74px 1fr auto; gap:18px; align-items:center;
  padding:14px; border:1px solid var(--line-soft); border-radius:16px;
  background:rgba(20,16,10,.42); backdrop-filter:blur(8px);
  cursor:pointer; text-align:left; transition:all .5s var(--ease); position:relative; overflow:hidden;
}
.hero-ix::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--gold-grad); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease); }
.hero-ix:hover{ border-color:var(--line); background:rgba(28,22,14,.6); }
.hero-ix.active{ border-color:var(--gold); background:rgba(28,22,14,.72); }
.hero-ix.active::before{ transform:scaleY(1); }
.hero-ix .thumb{ width:74px; height:56px; border-radius:10px; object-fit:cover; filter:grayscale(.5) brightness(.85); transition:.5s var(--ease); }
.hero-ix.active .thumb{ filter:grayscale(0) brightness(1); }
.hero-ix .ix-t{ font-family:var(--ff-display); font-size:1.05rem; color:var(--cream); line-height:1.2; }
.hero-ix .ix-s{ font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2); margin-top:4px; }
.hero-ix .ix-n{ font-family:var(--ff-display); font-size:.95rem; color:var(--muted-2); }
.hero-ix.active .ix-n{ color:var(--gold-lite); }

/* Alt: istatistik bandı + ilerleme çubuğu */
.hero-meta{
  position:absolute; left:var(--gutter); right:var(--gutter); bottom:40px; z-index:2;
  display:flex; flex-wrap:wrap; gap:clamp(20px,4vw,60px); align-items:center;
  padding-top:26px; border-top:1px solid var(--line);
}
.hero-meta .stat{ display:flex; flex-direction:column; gap:3px; }
.hero-meta .stat b{ font-family:var(--ff-display); font-size:clamp(1.7rem,2.6vw,2.3rem); color:var(--gold-lite); font-weight:400; line-height:1; }
.hero-meta .stat span{ font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-2); }
.hero-progress{ position:absolute; left:0; right:0; bottom:0; height:2px; background:rgba(255,255,255,.06); z-index:3; }
.hero-progress i{ display:block; height:100%; width:0; background:var(--gold-grad); }
.hero-progress i.run{ animation:ilerle 6s linear forwards; }
@keyframes ilerle{ from{ width:0; } to{ width:100%; } }

/* ============================================================
   BÖLÜM BAŞLIĞI (ortak)
   ============================================================ */
.sec-head{ max-width:640px; margin-bottom:clamp(40px,5vw,64px); }
.sec-head.center{ margin-inline:auto; }
.sec-head .kicker{ margin-bottom:20px; }
.sec-head .title{ margin-bottom:20px; }

/* ============================================================
   HİZMETLER
   ============================================================ */
#hizmetler{ background:linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 100%); }
/* Hizmetler üst: solda başlık + sağda 3 çapraz dilim görsel (gold çerçeve + gold glow) */
.hizmet-ust{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(24px,3vw,52px); align-items:center; margin-bottom:clamp(44px,5vw,66px); }
.hizmet-ust .sec-head{ margin-bottom:0; max-width:none; }
.hizmet-gorsel{
  display:flex; gap:16px;
  filter:drop-shadow(0 26px 30px rgba(201,162,39,.38)) drop-shadow(0 8px 16px rgba(0,0,0,.5));
  transition:filter .6s var(--ease), transform .6s var(--ease);
}
.hizmet-gorsel:hover{ filter:drop-shadow(0 34px 40px rgba(201,162,39,.55)) drop-shadow(0 10px 18px rgba(0,0,0,.55)); transform:translateY(-4px); }
.hg-dilim{ width:120px; height:330px; overflow:hidden; border-radius:8px; transform:skewX(-9deg); }
.hg-dilim img{ width:100%; height:100%; object-fit:cover; transform:skewX(9deg) scale(1.42); filter:brightness(.88) saturate(1.05); transition:transform .9s var(--ease), filter .5s var(--ease); }
.hg-dilim:hover img{ transform:skewX(9deg) scale(1.52); filter:brightness(1.08) saturate(1.15); }
@media (max-width:980px){ .hizmet-ust{ grid-template-columns:1fr; gap:36px; } .hizmet-gorsel{ display:none; } }

.hizmet-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(224px,1fr)); gap:clamp(16px,1.6vw,22px); }
@media (min-width:1160px){ .hizmet-grid{ grid-template-columns:repeat(5,1fr); } }
.hcard{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  border:1px solid var(--line-soft); border-radius:var(--radius);
  background:var(--surface); transition:transform .55s var(--ease), border-color .55s var(--ease), box-shadow .55s var(--ease);
}
.hcard:hover{ transform:translateY(-8px); border-color:var(--gold); box-shadow:var(--shadow); }
.hcard-img{ position:relative; aspect-ratio:4/3; overflow:hidden; }
.hcard-img img{ width:100%; height:100%; object-fit:cover; filter:brightness(.82) saturate(1.05); transition:transform .8s var(--ease), filter .55s var(--ease); }
.hcard:hover .hcard-img img{ transform:scale(1.07); filter:brightness(1) saturate(1.1); }
.hcard-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(10,8,6,.55) 100%); }
.hcard-n{
  position:absolute; top:16px; right:18px; z-index:2;
  font-family:var(--ff-display); font-size:14px; color:var(--gold-lite);
  letter-spacing:.05em; opacity:.9;
}
.hcard-ic{
  position:absolute; left:26px; top:-26px; z-index:3;
  width:52px; height:52px; border-radius:14px; display:grid; place-items:center;
  background:var(--gold-grad); color:#170e02; font-size:20px;
  box-shadow:0 12px 26px -10px rgba(201,162,39,.7);
  transition:transform .55s var(--ease);
}
.hcard:hover .hcard-ic{ transform:translateY(-4px) rotate(-6deg); }
.hcard-body{ position:relative; padding:44px 26px 28px; display:flex; flex-direction:column; flex:1; }
.hcard-body h3{ font-family:var(--ff-display); font-size:1.5rem; font-weight:360; color:var(--cream); margin-bottom:12px; line-height:1.1; }
.hcard-body p{ color:var(--muted); font-size:.98rem; line-height:1.6; margin-bottom:22px; flex:1; }
.hcard-more{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:600; letter-spacing:.04em; color:var(--gold-lite); }
.hcard-more i{ font-size:11px; transition:transform .4s var(--ease); }
.hcard:hover .hcard-more i{ transform:translateX(5px); }

/* ============================================================
   HİZMET HARİTASI (/hizmetler) — ana hizmet + alt kategoriler
   ============================================================ */
.harita-sayac{ display:inline-flex; align-items:center; gap:14px; margin-top:26px; padding:12px 22px;
  border:1px solid var(--line); border-radius:100px; background:rgba(201,162,39,.06); }
.harita-sayac b{ font-family:var(--ff-display); font-size:1.3rem; color:var(--gold-lite); margin-right:5px; }
.harita-sayac span{ font-size:13px; letter-spacing:.06em; color:var(--muted); text-transform:uppercase; }
.harita-sayac .hs-ayrac{ color:var(--gold); }

.harita{ display:grid; gap:clamp(18px,2vw,26px); }
.harita-kart{
  display:grid; grid-template-columns:340px minmax(0,1fr); gap:0; overflow:hidden;
  border:1px solid var(--line-soft); border-radius:var(--radius); background:var(--surface);
  transition:border-color .5s var(--ease), box-shadow .5s var(--ease), transform .5s var(--ease);
}
.harita-kart:hover{ border-color:var(--gold); box-shadow:var(--shadow); }
.hk-media{ position:relative; display:block; overflow:hidden; min-height:250px; }
.hk-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.82) saturate(1.05); transition:transform .8s var(--ease), filter .5s var(--ease); }
.harita-kart:hover .hk-media img{ transform:scale(1.06); filter:brightness(1) saturate(1.1); }
.hk-media::after{ content:''; position:absolute; inset:0; background:linear-gradient(110deg, transparent 55%, var(--surface) 99%); }
.hk-n{ position:absolute; top:16px; left:18px; z-index:2; font-family:var(--ff-display); font-size:15px; color:var(--gold-lite); letter-spacing:.05em; }
.hk-ic{ position:absolute; bottom:16px; left:18px; z-index:2; width:50px; height:50px; border-radius:13px; display:grid; place-items:center; background:var(--gold-grad); color:#170e02; font-size:19px; box-shadow:0 12px 26px -10px rgba(201,162,39,.7); }
.hk-body{ padding:clamp(24px,2.6vw,36px); display:flex; flex-direction:column; }
.hk-body h2{ font-family:var(--ff-display); font-size:clamp(1.5rem,2.2vw,1.95rem); font-weight:360; line-height:1.1; margin-bottom:12px; }
.hk-body h2 a{ color:var(--cream); transition:color .3s var(--ease); }
.hk-body h2 a:hover{ color:var(--gold-lite); }
.hk-ac{ color:var(--muted); font-size:1rem; line-height:1.65; margin-bottom:22px; max-width:70ch; }
.hk-alt{ border-top:1px dashed var(--line); padding-top:20px; margin-bottom:24px; }
.hk-alt-bas{ display:inline-flex; align-items:center; gap:9px; font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-lite); margin-bottom:14px; }
.hk-alt-liste{ display:flex; flex-wrap:wrap; gap:10px; }
.alt-chip{
  display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border-radius:100px;
  border:1px solid var(--line); background:rgba(255,255,255,.015); color:var(--cream);
  font-size:13.5px; font-weight:500; letter-spacing:.01em; transition:all .35s var(--ease);
}
.alt-chip i{ font-size:10px; color:var(--gold); transition:transform .35s var(--ease); opacity:.7; }
.alt-chip:hover{ border-color:var(--gold); background:rgba(201,162,39,.08); color:var(--gold-lite); }
.alt-chip:hover i{ transform:translateX(4px); opacity:1; }
.hk-git{ display:inline-flex; align-items:center; gap:10px; margin-top:auto; align-self:flex-start;
  font-size:13.5px; font-weight:600; letter-spacing:.03em; color:var(--gold-lite); }
.hk-git i{ font-size:11px; transition:transform .4s var(--ease); }
.hk-git:hover i{ transform:translateX(5px); }

.harita-cta{ margin-top:clamp(26px,3vw,40px); display:flex; align-items:center; justify-content:space-between; gap:26px 40px; flex-wrap:wrap; }
.harita-cta h3{ font-family:var(--ff-display); font-size:clamp(1.4rem,2.2vw,1.9rem); font-weight:360; color:var(--cream); line-height:1.15; margin-bottom:8px; }
.harita-cta p{ color:var(--muted); font-size:1rem; max-width:52ch; }

@media (max-width:820px){
  .harita-kart{ grid-template-columns:1fr; }
  .hk-media{ min-height:200px; aspect-ratio:16/9; }
  .hk-media::after{ background:linear-gradient(180deg, transparent 55%, var(--surface) 99%); }
  .hk-ic{ width:44px; height:44px; font-size:17px; }
}
@media (max-width:600px){
  .hk-body{ padding:20px 16px; }
  .hk-body h2{ font-size:1.35rem; }
  .hk-ac{ font-size:.92rem; margin-bottom:18px; }
  .alt-chip{ padding:9px 14px; font-size:12.5px; }
  .harita-sayac{ gap:10px; padding:10px 16px; }
  .harita-sayac b{ font-size:1.1rem; }
  .harita-sayac span{ font-size:11.5px; }
  .harita-cta{ flex-direction:column; align-items:flex-start; }
}

/* Hizmet detay — alt hizmet blokları (çapalı) */
.detay-alt{ margin-top:clamp(40px,5vw,64px); padding-top:clamp(34px,4vw,48px); border-top:1px solid var(--line); }
.da-bas{ margin-bottom:clamp(22px,2.5vw,32px); }
.da-bas h2{ font-family:var(--ff-display); font-size:clamp(1.7rem,3vw,2.3rem); font-weight:360; color:var(--cream); line-height:1.12; margin:12px 0 12px; }
.da-bas h2 em{ font-style:italic; color:var(--gold-lite); }
.da-toc{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:clamp(28px,3vw,40px); }
.da-toc a{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:100px; border:1px solid var(--line); background:rgba(255,255,255,.015); color:var(--muted); font-size:13px; font-weight:500; transition:all .3s var(--ease); }
.da-toc a i{ color:var(--gold); font-size:11px; }
.da-toc a:hover{ border-color:var(--gold); color:var(--gold-lite); background:rgba(201,162,39,.07); }
.da-liste{ display:flex; flex-direction:column; gap:clamp(16px,2vw,22px); }
.alt-blok{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:start;
  padding:clamp(22px,2.6vw,30px); border:1px solid var(--line-soft); border-radius:var(--radius);
  background:linear-gradient(165deg, rgba(201,162,39,.045), transparent 55%); scroll-margin-top:100px; transition:border-color .4s var(--ease); }
.alt-blok:target{ border-color:var(--gold); box-shadow:0 0 0 1px rgba(201,162,39,.25) inset; }
.ab-n{ font-family:var(--ff-display); font-size:1.6rem; color:var(--gold); opacity:.6; line-height:1; }
.ab-govde h3{ font-family:var(--ff-display); font-size:clamp(1.2rem,1.9vw,1.5rem); font-weight:400; color:var(--cream); margin-bottom:10px; line-height:1.2; }
.ab-govde p{ color:var(--muted); line-height:1.7; }
@media (max-width:600px){
  .alt-blok{ grid-template-columns:1fr; gap:8px; padding:18px 16px; }
  .ab-n{ font-size:1.2rem; }
}

/* Alt hizmet kartları (ana hizmet detayında — detay sayfasına link) */
.alt-kart-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:clamp(14px,1.6vw,20px); }
.alt-kart{ position:relative; display:flex; flex-direction:column; padding:clamp(20px,2.2vw,26px); border:1px solid var(--line-soft); border-radius:var(--radius);
  background:linear-gradient(165deg, rgba(201,162,39,.05), transparent 55%); transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease); }
.alt-kart:hover{ transform:translateY(-5px); border-color:var(--gold); box-shadow:var(--shadow); }
.alt-kart .ak-n{ font-family:var(--ff-display); font-size:1.15rem; color:var(--gold); opacity:.65; margin-bottom:8px; }
.alt-kart h3{ font-family:var(--ff-display); font-size:1.2rem; font-weight:400; color:var(--cream); line-height:1.2; margin-bottom:9px; }
.alt-kart p{ color:var(--muted); font-size:.92rem; line-height:1.6; margin-bottom:16px; flex:1; }
.ak-more{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; letter-spacing:.03em; color:var(--gold-lite); }
.ak-more i{ font-size:10px; transition:transform .4s var(--ease); }
.alt-kart:hover .ak-more i{ transform:translateX(5px); }
@media (max-width:600px){ .alt-kart-grid{ grid-template-columns:1fr 1fr; } .alt-kart{ padding:15px 14px; } .alt-kart h3{ font-size:1.02rem; } .alt-kart p{ font-size:.82rem; } }

/* Sahadan kareler bandı (hero altı) — TAM GENİŞLİK (slayt kadar) */
.sahadan{ padding-block:clamp(40px,5vw,64px); background:var(--ink); }
.sahadan .wrap{ max-width:none; padding-inline:var(--gutter); }
.sahadan .guven{ margin:0; border:1px solid rgba(201,162,39,.42); background:rgba(20,16,10,.5); }
.sahadan .guven-head{ padding-inline:clamp(20px,3vw,30px); }

/* Bize güvenen projeler — kayan şerit (kutu içinde) */
.guven{ margin-top:clamp(28px,3vw,42px); border:1px solid var(--line-soft); border-radius:var(--radius); background:rgba(20,16,10,.4); padding:26px 0 30px; overflow:hidden; }
.guven-head{ display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; justify-content:space-between; padding:0 clamp(20px,3vw,34px) 22px; }
.guven-say{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2); }
.guven-vitrin{ position:relative; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.guven-akis{ display:flex; gap:18px; width:max-content; padding-inline:18px; animation:seritKay 150s linear infinite; }
.guven:hover .guven-akis{ animation-play-state:paused; }
@keyframes seritKay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.guven-oge{ position:relative; flex:0 0 auto; width:250px; height:158px; border-radius:14px; overflow:hidden; border:1px solid var(--line-soft); }
.guven-oge img{ width:100%; height:100%; object-fit:cover; filter:grayscale(.7) brightness(.62); transition:filter .6s var(--ease), transform .8s var(--ease); }
.guven-oge:hover img{ filter:grayscale(0) brightness(1); transform:scale(1.06); }
.guven-oge::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(8,6,4,.82)); }
.go-txt{ position:absolute; left:16px; right:16px; bottom:13px; z-index:2; }
.go-t{ display:block; font-family:var(--ff-display); font-size:1.02rem; color:#fff; line-height:1.15; }
.go-s{ display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-lite); margin-top:4px; }
@media (prefers-reduced-motion:reduce){ .guven-akis{ animation:none; } }

/* ============================================================
   REKLAM ŞERİDİ (kayan marka bandı)
   ============================================================ */
.reklam{ padding-block:clamp(20px,3vw,40px); }
.reklam-kutu{
  position:relative; border:1px solid rgba(201,162,39,.42); border-radius:26px; overflow:hidden;
  background:linear-gradient(180deg, var(--ink-2), #120d07 60%, var(--ink-2));
  padding-block:clamp(24px,3vw,40px);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.03);
}
.reklam-row{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.reklam-row + .reklam-row{ margin-top:6px; }
.reklam-akis{ display:flex; align-items:center; gap:34px; width:max-content; animation:seritKay 165s linear infinite; }
.reklam-akis--rev{ animation-direction:reverse; animation-duration:180s; }
.reklam:hover .reklam-akis{ animation-play-state:paused; }
.rk{
  font-family:var(--ff-display); font-weight:340; font-style:italic;
  font-size:clamp(1.5rem,3.3vw,2.7rem); line-height:1.1; color:var(--cream); white-space:nowrap;
}
.rk--outline{ color:transparent; -webkit-text-stroke:1px var(--gold); font-style:normal; }
.rk-sep{ color:var(--gold); font-size:clamp(.9rem,1.4vw,1.2rem); opacity:.9; }
@media (prefers-reduced-motion:reduce){ .reklam-akis{ animation:none; } }

/* ============================================================
   REFERANSLAR
   ============================================================ */
#referanslar{ background:var(--ink); border-top:1px solid var(--line-soft); }
.ref-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:clamp(16px,1.8vw,22px); }
@media (min-width:1180px){ .ref-grid{ grid-template-columns:repeat(5,1fr); } }
.refcard{
  border:1px solid var(--line-soft); border-radius:var(--radius); overflow:hidden;
  background:var(--surface); transition:transform .5s var(--ease), border-color .5s var(--ease), box-shadow .5s var(--ease);
}
.refcard:hover{ transform:translateY(-6px); border-color:var(--gold); box-shadow:var(--shadow); }
.refcard-media{ position:relative; aspect-ratio:16/11; overflow:hidden; }
.refcard-media img{ width:100%; height:100%; transition:transform .8s var(--ease), filter .5s var(--ease); }
/* Foto tipi: koyu sinematik */
.refcard-media--foto img{ object-fit:cover; filter:grayscale(.55) brightness(.78); }
.refcard:hover .refcard-media--foto img{ transform:scale(1.06); filter:grayscale(0) brightness(1); }
.refcard-media--foto::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(10,8,6,.5)); }
/* Logo tipi: açık karo, ortalı */
.refcard-media--logo{ background:linear-gradient(180deg,#f6f2ea,#e9e2d3); display:grid; place-items:center; padding:22px 26px; }
.refcard-media--logo img{ object-fit:contain; width:auto; max-width:100%; max-height:100%; filter:none; }
.refcard:hover .refcard-media--logo img{ transform:scale(1.04); }
.refcard-body{ padding:18px 20px 20px; }
.refcard-body h4{ font-family:var(--ff-display); font-size:1.14rem; font-weight:380; color:var(--cream); line-height:1.15; margin-bottom:8px; }
.refcard-meta{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; letter-spacing:.06em; color:var(--muted); }
.refcard-meta i{ color:var(--gold); font-size:11px; }
.refcard-meta .dot{ color:var(--gold); }
.ref-more{ text-align:center; margin-top:clamp(30px,3.5vw,46px); }

/* ============================================================
   BLOG / GÜNCEL HABERLER
   ============================================================ */
#blog{ background:linear-gradient(180deg,var(--ink-2),var(--ink)); }
.blog-head{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:20px; margin-bottom:clamp(34px,4vw,52px); }
.blog-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:clamp(20px,2.2vw,30px); }
.bcard{
  display:flex; flex-direction:column; overflow:hidden; border-radius:var(--radius);
  border:1px solid var(--line-soft); background:var(--surface);
  transition:transform .55s var(--ease), border-color .55s var(--ease), box-shadow .55s var(--ease);
}
.bcard:hover{ transform:translateY(-8px); border-color:var(--gold); box-shadow:var(--shadow); }
.bcard-img{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.bcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.bcard:hover .bcard-img img{ transform:scale(1.06); }
.bcard-kat{
  position:absolute; left:16px; top:16px; z-index:2;
  font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:#170e02; background:var(--gold-grad); padding:6px 13px; border-radius:100px;
}
.bcard-body{ padding:22px 24px 26px; display:flex; flex-direction:column; flex:1; }
.bcard-date{ display:inline-flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.06em; color:var(--muted-2); margin-bottom:14px; }
.bcard-date i{ color:var(--gold); font-size:11px; }
.bcard-body h3{ font-family:var(--ff-display); font-size:1.32rem; font-weight:360; color:var(--cream); line-height:1.2; margin-bottom:12px; }
.bcard-body p{ color:var(--muted); font-size:.96rem; line-height:1.6; margin-bottom:20px; flex:1; }
.bcard-more{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:600; letter-spacing:.03em; color:var(--gold-lite); }
.bcard-more i{ font-size:11px; transition:transform .4s var(--ease); }
.bcard:hover .bcard-more i{ transform:translateX(5px); }

/* ============================================================
   FOTO GALERİ (mozaik + lightbox)
   ============================================================ */
#galeri{ background:var(--ink); }
.gf-blok{ margin-bottom:clamp(24px,3vw,36px); }
.gf-wrap{ position:relative; }
.gf-swipe{ display:none; }
.galeri-filtre{ display:flex; flex-wrap:wrap; gap:10px; }
.gf-btn{ padding:9px 18px; border-radius:100px; border:1px solid var(--line); background:transparent; color:var(--muted); font-family:var(--ff-body); font-size:13.5px; font-weight:500; letter-spacing:.02em; cursor:pointer; transition:all .35s var(--ease); }
.gf-btn:hover{ color:var(--gold-lite); border-color:var(--gold); }
.gf-btn.aktif{ background:var(--gold-grad); color:#170e02; border-color:transparent; font-weight:600; }
@media (max-width:640px){
  /* Mobilde: altın çerçeveli kutu, tek sıra, yana kaydırmalı + kenar fade ipucu */
  .gf-wrap{ border:1px solid rgba(201,162,39,.34); border-radius:100px; background:rgba(201,162,39,.05); padding:5px; overflow:hidden; }
  .gf-wrap::before, .gf-wrap::after{ content:''; position:absolute; top:1px; bottom:1px; width:34px; pointer-events:none; z-index:2; }
  .gf-wrap::before{ left:1px; border-radius:100px 0 0 100px; background:linear-gradient(90deg,#15100a 25%,transparent); }
  .gf-wrap::after{ right:1px; border-radius:0 100px 100px 0; background:linear-gradient(270deg,#15100a 25%,transparent); }
  .galeri-filtre{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .galeri-filtre::-webkit-scrollbar{ display:none; }
  .gf-btn{ flex:0 0 auto; }
  .gf-swipe{ display:inline-flex; align-items:center; gap:7px; margin-top:11px; padding-left:4px; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-lite); opacity:.75; }
}
.foto-tile.gizli{ display:none; }
.foto-mozaik{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.foto-tile{
  position:relative; overflow:hidden; border-radius:14px; border:1px solid var(--line-soft);
  padding:0; cursor:pointer; aspect-ratio:1/1; background:var(--surface);
}
.foto-tile img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease), filter .5s var(--ease); filter:brightness(.86); }
.foto-tile:hover img{ transform:scale(1.07); filter:brightness(1); }
.foto-tile::after{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,transparent 42%,rgba(8,6,4,.82)); }
.foto-zoom{
  position:absolute; top:14px; right:14px; z-index:3;
  width:38px; height:38px; border-radius:10px; display:grid; place-items:center;
  color:var(--gold-lite); font-size:14px; opacity:0; transform:translateY(-4px);
  background:rgba(8,6,4,.55); border:1px solid var(--line); backdrop-filter:blur(4px);
  transition:opacity .4s var(--ease), transform .4s var(--ease);
}
.foto-tile:hover .foto-zoom{ opacity:1; transform:translateY(0); }
.foto-cap{ position:absolute; left:16px; right:16px; bottom:15px; z-index:2; text-align:left; }
.fc-ad{ display:block; font-family:var(--ff-display); font-weight:360; font-size:1.04rem; color:#fff; line-height:1.15; }
.fc-et{ display:inline-block; margin-top:9px; font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:#170e02; background:var(--gold-grad); padding:4px 11px; border-radius:100px; }

.lightbox{
  position:fixed; inset:0; z-index:2000; display:none; place-items:center;
  background:rgba(6,4,3,.94); backdrop-filter:blur(6px); padding:5vw;
}
.lightbox.open{ display:grid; }
.lightbox-img{ max-width:92vw; max-height:88vh; border-radius:10px; box-shadow:0 30px 80px rgba(0,0,0,.6); }
.lightbox-close{ position:absolute; top:22px; right:26px; width:48px; height:48px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.04); color:#fff; font-size:20px; }
.lightbox-close:hover{ border-color:var(--gold); color:var(--gold-lite); }
.lightbox-nav{ position:absolute; top:50%; transform:translateY(-50%); width:52px; height:52px; border:1px solid var(--line); border-radius:50%; background:rgba(255,255,255,.04); color:#fff; font-size:18px; transition:.3s var(--ease); }
.lightbox-nav:hover{ border-color:var(--gold); color:var(--gold-lite); background:rgba(201,162,39,.08); }
.lightbox-prev{ left:3vw; } .lightbox-next{ right:3vw; }
@media (max-width:820px){
  .foto-mozaik{ grid-template-columns:repeat(2,1fr); }
  .lightbox-nav{ width:44px; height:44px; }
}

/* ============================================================
   VİDEO GALERİ
   ============================================================ */
#video{ background:linear-gradient(180deg,var(--ink),var(--ink-2)); }
.video-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(16px,2vw,24px); }
.vcard{
  position:relative; overflow:hidden; border-radius:var(--radius); border:1px solid var(--line-soft);
  padding:0; cursor:pointer; aspect-ratio:16/11; background:var(--surface);
  transition:transform .55s var(--ease), border-color .55s var(--ease), box-shadow .55s var(--ease);
}
.vcard:hover{ transform:translateY(-6px); border-color:var(--gold); box-shadow:var(--shadow); }
.vcard-poster{ width:100%; height:100%; object-fit:cover; filter:brightness(.72); transition:transform .8s var(--ease), filter .5s var(--ease); }
.vcard:hover .vcard-poster{ transform:scale(1.06); filter:brightness(.55); }
.vcard-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
  width:64px; height:64px; border-radius:50%; display:grid; place-items:center;
  background:var(--gold-grad); color:#160e02; font-size:20px; padding-left:4px;
  box-shadow:0 12px 30px -8px rgba(201,162,39,.7); transition:transform .4s var(--ease);
}
.vcard:hover .vcard-play{ transform:translate(-50%,-50%) scale(1.1); }
.vcard-cap{ position:absolute; left:18px; bottom:16px; z-index:2; text-align:left; }
.vcard-cap b{ display:block; font-family:var(--ff-display); font-weight:380; font-size:1.18rem; color:#fff; }
.vcard-cap small{ display:inline-flex; align-items:center; gap:6px; font-size:12px; letter-spacing:.06em; color:var(--gold-lite); margin-top:4px; }
.vcard-cap small i{ font-size:10px; }
.vcard::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(10,8,6,.6)); z-index:1; }
.vcard-play, .vcard-cap{ z-index:2; }

.vlightbox{ position:fixed; inset:0; z-index:2000; display:none; place-items:center; background:rgba(6,4,3,.95); backdrop-filter:blur(6px); padding:5vw; }
.vlightbox.open{ display:grid; }
.vlightbox-video{ max-width:min(92vw,520px); max-height:86vh; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.6); background:#000; }
.vlightbox-embed{ width:min(92vw,900px); aspect-ratio:16/9; max-height:86vh; border-radius:12px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.6); background:#000; }
.vlightbox-embed iframe{ width:100%; height:100%; border:0; display:block; }

/* ============================================================
   İÇ SAYFALAR
   ============================================================ */
.ic-hero{ position:relative; overflow:hidden; padding:clamp(120px,15vw,168px) 0 clamp(44px,5vw,64px); border-bottom:1px solid var(--line); background:radial-gradient(130% 120% at 82% -10%, #1c150c 0%, var(--ink) 58%); }
.ic-hero::after{ content:''; position:absolute; right:-140px; top:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(201,162,39,.16), transparent 62%); pointer-events:none; }
.ic-hero .wrap{ position:relative; z-index:1; }
.yol{ display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:12.5px; color:var(--muted-2); margin-bottom:18px; }
.yol a{ color:var(--muted); transition:color .3s; }
.yol a:hover{ color:var(--gold-lite); }
.yol i{ font-size:9px; color:var(--gold); }
.yol b{ color:var(--gold-lite); font-weight:500; }
.ic-hero h1{ font-family:var(--ff-display); font-weight:340; font-size:clamp(2.2rem,5vw,3.6rem); line-height:1.04; letter-spacing:-.02em; color:var(--cream); text-wrap:balance; }
.ic-hero h1 em{ font-style:italic; color:var(--gold-lite); }
.ic-hero .lede{ margin-top:16px; max-width:60ch; }

/* Detay ana görseli — şık gold çerçeve içinde, sınırlı yükseklik */
.detay-cerceve{ position:relative; padding:12px; margin-bottom:28px; border-radius:calc(var(--radius) + 6px);
  background:linear-gradient(155deg, rgba(201,162,39,.16), rgba(201,162,39,.03) 55%, rgba(255,255,255,.02));
  border:1px solid var(--line); box-shadow:0 30px 64px -26px rgba(0,0,0,.65); }
.detay-cerceve::before{ content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(155deg, var(--gold), transparent 40%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:.5; }
.detay-cerceve img{ width:100%; height:clamp(210px,30vw,380px); object-fit:cover; border-radius:var(--radius); display:block; }
.detay-gorsel{ width:100%; height:clamp(210px,30vw,380px); object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); display:block; }

/* Detay ızgara: içerik + sidebar (TAM GENİŞLİK — anasayfa mantığı, dolu) */
.detay-grid{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:clamp(28px,3vw,44px); align-items:start; }
.detay-grid .prose{ max-width:none; }   /* içerik sütununu doldursun */
.detay-grid article > .prose{ column-gap:44px; }
@media(min-width:1400px){ .detay-grid article > .prose{ columns:2; column-gap:48px; } .detay-grid article > .prose > *{ break-inside:avoid; } }
.detay-yan{ position:sticky; top:96px; display:flex; flex-direction:column; gap:18px; }
.yk{ background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--radius); padding:22px; }
.yk-bas{ font-family:var(--ff-display); font-size:1.15rem; color:var(--cream); margin-bottom:16px; display:flex; align-items:center; gap:9px; }
.yk-bas i{ color:var(--gold); font-size:14px; }
.yk-cta{ background:linear-gradient(160deg, rgba(201,162,39,.14), rgba(201,162,39,.03)); border-color:var(--line); text-align:center; }
.yk-cta p{ color:var(--muted); font-size:13.5px; margin-bottom:16px; }
.yk-cta .btn{ width:100%; justify-content:center; }
.yk-cta .btn + .btn{ margin-top:10px; }
/* son yazı öğesi */
.yy{ display:flex; gap:13px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line-soft); }
.yy:last-child{ border-bottom:0; padding-bottom:0; }
.yy:first-child{ padding-top:0; }
.yy img{ width:62px; height:52px; border-radius:9px; object-fit:cover; flex-shrink:0; }
.yy .yy-b{ font-family:var(--ff-display); font-size:.98rem; color:var(--cream); line-height:1.25; transition:color .3s; }
.yy:hover .yy-b{ color:var(--gold-lite); }
.yy .yy-t{ font-size:11.5px; color:var(--muted-2); margin-top:4px; }
/* kategori/etiket çip */
.cipler{ display:flex; flex-wrap:wrap; gap:9px; }
.cip{ display:inline-flex; align-items:center; gap:7px; padding:7px 13px; border-radius:100px; border:1px solid var(--line); color:var(--muted); font-size:13px; transition:.3s; }
.cip:hover{ border-color:var(--gold); color:var(--gold-lite); }
.cip b{ color:var(--gold-lite); font-weight:600; }
@media(max-width:900px){ .detay-grid{ grid-template-columns:1fr; } .detay-yan{ position:static; } }

/* Detay içi "ilgili" (diğer hizmet/benzer yazı) — yazının hemen altında, kompakt 3'lü */
.ilgili{ margin-top:clamp(32px,4vw,46px); }
.ilgili-bas{ font-family:var(--ff-display); font-size:1.5rem; font-weight:360; color:var(--cream); margin-bottom:18px; }
.ilgili-bas em{ font-style:italic; color:var(--gold-lite); }
.ilgili-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; }
.ilgili-kart{ display:block; border:1px solid var(--line-soft); border-radius:14px; overflow:hidden; background:var(--surface); transition:transform .45s var(--ease), border-color .45s var(--ease); }
.ilgili-kart:hover{ border-color:var(--gold); transform:translateY(-4px); }
.ilgili-kart .rk-img{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.ilgili-kart img{ width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.ilgili-kart:hover img{ transform:scale(1.06); }
.ilgili-kart .rk-kat{ position:absolute; left:10px; top:10px; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#170e02; background:var(--gold-grad); padding:3px 9px; border-radius:100px; }
.ilgili-kart .g{ padding:13px 15px 15px; }
.ilgili-kart h4{ font-family:var(--ff-display); font-weight:400; font-size:1.05rem; color:var(--cream); line-height:1.2; }
.ilgili-kart .g small{ display:block; color:var(--muted-2); font-size:11.5px; margin-top:5px; }
.ilgili-kart .git{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--gold-lite); margin-top:10px; }
.ilgili-kart:hover .git i{ transform:translateX(4px); }
.ilgili-kart .git i{ font-size:10px; transition:transform .4s var(--ease); }

/* Prose (blog/hakkımızda metni) */
.prose{ color:var(--text); font-size:1.05rem; line-height:1.85; max-width:74ch; }
.prose > *{ margin:0 0 1.1em; }
.prose h2{ font-family:var(--ff-display); font-weight:400; font-size:1.7rem; color:var(--cream); margin:1.6em 0 .5em; }
.prose h3{ font-family:var(--ff-display); font-weight:500; font-size:1.3rem; color:var(--cream); margin:1.4em 0 .4em; }
.prose a{ color:var(--gold-lite); text-decoration:underline; text-underline-offset:3px; }
.prose img{ border-radius:14px; margin:1.4em 0; }
.prose ul,.prose ol{ padding-left:1.3em; }
.prose li{ margin-bottom:.5em; }
.prose blockquote{ border-left:2px solid var(--gold); padding:6px 0 6px 22px; color:var(--muted); font-style:italic; }

/* Detay yan bilgi kutusu */
.yan-kutu{ background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--radius); padding:26px; position:sticky; top:96px; }
.yan-kutu h4{ font-family:var(--ff-display); font-size:1.25rem; margin-bottom:14px; }
.yan-kutu .btn{ width:100%; justify-content:center; margin-top:8px; }

/* İletişim formu */
.form-alan{ margin-bottom:16px; }
.form-alan label{ display:block; font-size:13px; font-weight:600; color:var(--cream); margin-bottom:7px; }
.form-alan input, .form-alan textarea{ width:100%; padding:13px 15px; border-radius:12px; border:1px solid var(--line); background:var(--surface); color:var(--cream); font-family:var(--ff-body); font-size:15px; transition:.2s; }
.form-alan input:focus, .form-alan textarea:focus{ outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,162,39,.12); }
.form-alan textarea{ min-height:130px; resize:vertical; }
.form-durum{ padding:13px 18px; border-radius:12px; margin-bottom:18px; font-size:14.5px; }
.form-durum.ok{ background:rgba(63,174,107,.12); border:1px solid rgba(63,174,107,.3); color:#8fe0af; }
.form-durum.hata{ background:rgba(217,83,79,.12); border:1px solid rgba(217,83,79,.3); color:#eaa; }
/* ============================================================
   YÜZEN AKSİYONLAR — yukarı çık + AI canlı destek
   ============================================================ */
.fab-stack{ position:fixed; right:clamp(16px,2.4vw,28px); bottom:clamp(16px,2.4vw,28px); z-index:1500; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.fab-ai-wrap{ position:fixed; left:clamp(16px,2.4vw,28px); bottom:clamp(16px,2.4vw,28px); z-index:1500; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.yfab{ display:inline-flex; align-items:center; gap:10px; border:0; cursor:pointer; border-radius:100px; font-family:var(--ff-body); font-weight:600; box-shadow:0 14px 34px -12px rgba(0,0,0,.7); transition:transform .3s var(--ease), box-shadow .3s var(--ease), opacity .3s var(--ease); }
.yfab:hover{ transform:translateY(-3px); }
.fab-ai{ padding:13px 20px; background:var(--gold-grad); color:#160e02; font-size:14px; }
.fab-ai .fab-etk{ white-space:nowrap; }
.fab-ai i{ font-size:17px; }
.fab-yukari{ width:46px; height:46px; justify-content:center; padding:0; background:rgba(20,16,10,.85); border:1px solid var(--line); color:var(--gold-lite); font-size:16px; backdrop-filter:blur(8px); opacity:0; pointer-events:none; transform:translateY(10px); }
.fab-yukari.gorunur{ opacity:1; pointer-events:auto; transform:translateY(0); }
.fab-yukari:hover{ border-color:var(--gold); color:#160e02; background:var(--gold-grad); }
@media (max-width:600px){ .fab-ai .fab-etk{ display:none; } .fab-ai{ width:52px; height:52px; padding:0; justify-content:center; } }
.ai-satir{ display:flex; align-items:center; gap:12px; }
.ai-balon{ position:relative; max-width:240px; background:var(--ink-2); border:1px solid var(--line); border-radius:16px; border-bottom-left-radius:5px; padding:12px 32px 12px 15px; font-size:13px; line-height:1.45; color:var(--cream); box-shadow:0 18px 40px -18px rgba(0,0,0,.75); animation:balonGel .4s var(--ease); }
.ai-balon::before{ content:''; position:absolute; left:-7px; bottom:12px; width:12px; height:12px; background:var(--ink-2); border-left:1px solid var(--line); border-bottom:1px solid var(--line); transform:rotate(45deg); }
@keyframes balonGel{ from{ opacity:0; transform:translateX(-8px) scale(.96); } to{ opacity:1; transform:none; } }
.ai-balon-kapat{ position:absolute; top:6px; right:7px; width:18px; height:18px; border:0; border-radius:50%; background:rgba(255,255,255,.06); color:var(--muted); font-size:10px; cursor:pointer; display:grid; place-items:center; }
.ai-balon-kapat:hover{ color:var(--gold-lite); background:rgba(201,162,39,.12); }
@media (max-width:600px){ .ai-balon{ max-width:180px; font-size:12px; } }

.ai-sohbet{ width:min(374px,calc(100vw - 32px)); height:min(540px,70vh); display:none; flex-direction:column; overflow:hidden;
  background:var(--ink-2); border:1px solid var(--line); border-radius:22px; box-shadow:0 40px 90px -40px rgba(0,0,0,.85); }
.ai-sohbet.acik{ display:flex; animation:aiAc .35s var(--ease); }
@keyframes aiAc{ from{ opacity:0; transform:translateY(16px) scale(.98); } to{ opacity:1; transform:none; } }
.ai-bas{ display:flex; align-items:center; justify-content:space-between; padding:15px 18px; border-bottom:1px solid var(--line-soft); background:linear-gradient(180deg,rgba(201,162,39,.09),transparent); }
.ai-bas-sol{ display:inline-flex; align-items:center; gap:9px; color:var(--cream); font-family:var(--ff-display); }
.ai-bas-sol small{ font-family:var(--ff-body); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-lite); }
.ai-nokta{ width:9px; height:9px; border-radius:50%; background:#3ad07a; box-shadow:0 0 0 0 rgba(58,208,122,.6); animation:aiCanli 2s infinite; }
@keyframes aiCanli{ 0%{ box-shadow:0 0 0 0 rgba(58,208,122,.5); } 70%{ box-shadow:0 0 0 7px rgba(58,208,122,0); } }
.ai-kapat{ background:none; border:0; color:var(--muted); font-size:17px; cursor:pointer; padding:4px; }
.ai-kapat:hover{ color:var(--gold-lite); }
.ai-govde{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:11px; }
.ai-msj{ max-width:82%; padding:11px 14px; border-radius:15px; font-size:14px; line-height:1.5; }
.ai-msj.bot{ align-self:flex-start; background:rgba(255,255,255,.045); border:1px solid var(--line-soft); color:var(--cream); border-bottom-left-radius:5px; }
.ai-msj.ben{ align-self:flex-end; background:var(--gold-grad); color:#170e02; border-bottom-right-radius:5px; font-weight:500; }
.ai-msj.yaz{ color:var(--muted); font-style:italic; }
.ai-form{ display:flex; gap:8px; padding:12px; border-top:1px solid var(--line-soft); }
.ai-form input{ flex:1; background:rgba(255,255,255,.04); border:1px solid var(--line); border-radius:100px; padding:11px 16px; color:var(--cream); font-family:var(--ff-body); font-size:14px; outline:none; }
.ai-form input:focus{ border-color:var(--gold); }
.ai-form button{ width:44px; height:44px; flex-shrink:0; border:0; border-radius:50%; background:var(--gold-grad); color:#170e02; font-size:15px; cursor:pointer; }
.ai-not{ text-align:center; font-size:10.5px; letter-spacing:.04em; color:var(--muted-2); padding:0 12px 11px; }

/* Bölge sayfaları */
.bolge-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.bolge-kart{ position:relative; display:flex; flex-direction:column; gap:3px; padding:16px 44px 16px 18px; border:1px solid var(--line-soft); border-radius:14px; background:rgba(255,255,255,.015); transition:all .35s var(--ease); }
.bolge-kart:hover{ border-color:var(--gold); background:rgba(201,162,39,.07); transform:translateX(3px); }
.bk-ad{ font-family:var(--ff-display); font-size:1.12rem; color:var(--cream); }
.bk-alt{ font-size:11px; letter-spacing:.03em; color:var(--muted-2); }
.bk-ok{ position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--gold); font-size:12px; opacity:.5; transition:.35s var(--ease); }
.bolge-kart:hover .bk-ok{ opacity:1; transform:translateY(-50%) translateX(3px); }
.yk-etiketler{ display:flex; flex-wrap:wrap; gap:7px; }
.yk-etiketler a{ font-size:12px; padding:6px 11px; border-radius:100px; border:1px solid var(--line); color:var(--muted); transition:all .3s var(--ease); }
.yk-etiketler a:hover{ border-color:var(--gold); color:var(--gold-lite); }
.yk-etiketler a.tum{ background:rgba(201,162,39,.08); color:var(--gold-lite); border-color:var(--gold); }
@media (max-width:600px){ .bolge-grid{ grid-template-columns:1fr 1fr; } .bk-ad{ font-size:1rem; } }

.ft-social{ display:inline-flex; gap:10px; }
.ft-social a{ width:40px; height:40px; border-radius:11px; display:grid; place-items:center; border:1px solid var(--line); color:var(--muted); font-size:16px; transition:all .3s var(--ease); }
.ft-social a:hover{ border-color:var(--gold); color:var(--gold-lite); background:rgba(201,162,39,.08); transform:translateY(-2px); }

.mv-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,2.4vw,28px); }
.mv-kart .mv-ic{ display:grid; place-items:center; width:54px; height:54px; border-radius:14px; background:var(--gold-grad); color:#170e02; font-size:21px; margin-bottom:18px; box-shadow:0 12px 26px -10px rgba(201,162,39,.7); }
.mv-kart h2{ font-family:var(--ff-display); font-size:clamp(1.5rem,2.4vw,1.95rem); font-weight:360; color:var(--cream); margin-bottom:14px; }
.mv-kart .prose p{ margin-bottom:12px; }
@media (max-width:820px){ .mv-grid{ grid-template-columns:1fr; } }

.iletisim-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,56px); align-items:start; }
.il-kart{ display:flex; gap:16px; align-items:flex-start; padding:20px; border:1px solid var(--line-soft); border-radius:var(--radius); background:var(--surface); margin-bottom:14px; }
.il-kart .ik{ width:46px; height:46px; flex-shrink:0; border-radius:12px; background:var(--gold-grad); display:grid; place-items:center; color:#160e02; font-size:18px; }
.il-kart b{ display:block; color:var(--cream); font-family:var(--ff-display); font-size:1.05rem; }
.il-kart span{ color:var(--muted); font-size:14px; }
@media(max-width:820px){ .iletisim-grid{ grid-template-columns:1fr; } .yan-kutu{ position:static; } }

/* ============================================================
   ÖNCESİ / SONRASI
   ============================================================ */
#oncesison{ background:linear-gradient(180deg,var(--ink-2),var(--ink)); }
.os-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; }
.os-kart{ position:relative; aspect-ratio:3/4; border-radius:16px; overflow:hidden; border:1px solid var(--line-soft); box-shadow:var(--shadow); cursor:ew-resize; user-select:none; touch-action:none; }
.os-kart img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.os-oncesi{ z-index:2; clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0); }
.os-cizgi{ position:absolute; top:0; bottom:0; left:var(--pos,50%); width:2px; margin-left:-1px; background:var(--gold); z-index:3; box-shadow:0 0 12px rgba(201,162,39,.6); }
.os-tut{ position:absolute; top:50%; left:var(--pos,50%); transform:translate(-50%,-50%); z-index:4; width:42px; height:42px; border-radius:50%; background:var(--gold-grad); display:grid; place-items:center; color:#160e02; font-size:13px; box-shadow:0 6px 18px rgba(0,0,0,.55); }
.os-etk{ position:absolute; top:12px; z-index:3; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:5px 11px; border-radius:100px; pointer-events:none; }
.os-etk.o{ left:12px; background:rgba(8,6,4,.72); color:#fff; backdrop-filter:blur(4px); }
.os-etk.s{ right:12px; background:var(--gold-grad); color:#160e02; }
.os-baslik{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding:26px 16px 14px; background:linear-gradient(transparent,rgba(8,6,4,.88)); font-family:var(--ff-display); color:#fff; font-size:1.05rem; pointer-events:none; }

/* ============================================================
   MOBİL
   ============================================================ */
@media (max-width:1080px){
  .hero-in{ grid-template-columns:1fr; gap:44px; }
  .hero-index{ flex-direction:row; flex-wrap:wrap; }
  .hero-ix{ flex:1 1 220px; }
}
@media (max-width:980px){
  .nav-menu, .nav-actions .nav-tel span{ display:none; }
  .nav-burger{ display:flex; }
  .hero-meta{ gap:22px 30px; }
}
@media (max-width:640px){
  body{ font-size:16px; }
  .hero{ display:block; min-height:auto; padding-block:108px 40px; }
  /* Üstte koyu (başlık okunur), ortada açık (görsel görünür), altta koyu */
  .hero-media::after{ background:linear-gradient(180deg, rgba(8,6,4,.82) 0%, rgba(8,6,4,.42) 42%, rgba(8,6,4,.55) 100%); }
  .hero-media img.active{ animation:none; transform:scale(1); }  /* mobilde zoom yok → görsel sakin/anlaşılır */
  .hero-index{ display:none; }            /* mobilde slayt indeksi gizli — slider otomatik döner */
  .hero-cta{ margin-top:30px; }
  .hero-meta{
    position:static; margin-top:34px; left:auto; right:auto;
    display:grid; grid-template-columns:1fr 1fr; gap:18px 16px;
    padding:22px 20px; border-top:0;
    background:rgba(12,9,6,.55); backdrop-filter:blur(7px);
    border:1px solid var(--line-soft); border-radius:16px;
  }
  .hero-progress{ display:none; }
}

/* ============================================================
   MOBİL — ANASAYFA KARTLARI 2'Lİ (yan yana, sayfa kısalsın)
   ============================================================ */
@media (max-width:600px){
  /* Tüm anasayfa gridleri 2 sütun */
  .hizmet-grid, .ref-grid, .blog-grid, .video-grid, .os-grid{
    grid-template-columns:repeat(2,1fr) !important; gap:12px;
  }
  .blok{ padding:20px 14px; border-radius:20px; }
  .section{ padding-block:clamp(36px,9vw,54px); }

  /* Bölüm başlıkları biraz küçülsün (2'li düzene otursun) */
  .title{ font-size:clamp(1.7rem,7vw,2.2rem); }
  .lede{ font-size:.94rem; }

  /* HİZMET kartı — kompakt */
  .hcard-body{ padding:30px 15px 18px; }
  .hcard-ic{ left:15px; top:-20px; width:40px; height:40px; border-radius:11px; font-size:16px; }
  .hcard-n{ top:11px; right:12px; font-size:12px; }
  .hcard-body h3{ font-size:1.06rem; margin-bottom:8px; }
  .hcard-body p{ font-size:.82rem; line-height:1.5; margin-bottom:14px; }
  .hcard-more{ font-size:12px; }

  /* REFERANS kartı */
  .refcard-body{ padding:13px 14px 15px; }
  .refcard-body h4{ font-size:.98rem; margin-bottom:5px; }
  .refcard-meta{ font-size:11px; }

  /* BLOG kartı */
  .bcard-body{ padding:15px 15px 18px; }
  .bcard-kat{ font-size:9.5px; padding:5px 10px; letter-spacing:.1em; }
  .bcard-date{ font-size:11px; margin-bottom:9px; }
  .bcard-body h3{ font-size:1.02rem; margin-bottom:8px; }
  .bcard-body p{ font-size:.82rem; line-height:1.5; margin-bottom:13px;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .bcard-more{ font-size:12px; }

  /* FOTO GALERİ — 2'li kalsın (zaten öyle), etiketler küçülsün */
  .foto-mozaik{ gap:10px; }
  .fc-ad{ font-size:.88rem; }
  .fc-et{ font-size:9px; margin-top:6px; padding:3px 8px; }

  /* ÖNCESİ/SONRASI kart başlığı */
  .os-baslik{ font-size:.9rem; padding:20px 12px 11px; }
  .os-etk{ font-size:10px; }

  /* VİDEO kartı — play butonu ortala/küçült */
  .vcard-play{ width:48px; height:48px; font-size:15px; }
  .vcard-cap b{ font-size:.9rem; }
}