/* =========================================================
   NAZAR BAYAN KUAFÖRÜ | FINAL CLEAN PREMIUM (V-FINAL)
   - Arka plan: çizgisiz, premium siyah + altın glow (PC/mobil tutarlı)
   - Çakışan patchler temizlendi (body bg, mobile menu, hizmetler patch spam)
   - app.js V5 (mobileFixDrawer) ile uyumlu
========================================================= */

/* ---------- ROOT ---------- */
:root{
  --bg:#07070b;
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);

  --accent:#bfa046;
  --accent2:#e6d3a3;

  --stroke: rgba(255,255,255,.12);
  --shadow: 0 20px 60px rgba(0,0,0,.45);
  --r: 18px;

  --container:1120px;
  --topbar-h:42px;

  --font-title: "Playfair Display", Georgia, serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --txt-main: rgba(255,255,255,.93);
  --txt-soft: rgba(255,255,255,.78);
  --txt-muted: rgba(255,255,255,.66);
  --txt-gold: #ecd7a5;

  /* Premium background tuning */
  --bg0:#05060a;
  --bg1:#070812;
  --gold1: rgba(214,171,78,.18);
  --gold2: rgba(214,171,78,.10);
  --cool : rgba(120,160,255,.06);
  --vig  : rgba(0,0,0,.70);
}

/* ---------- RESET ---------- */
*{ box-sizing:border-box; }

html,body{
  height:100%;
  scroll-behavior:smooth;
  max-width:100%;
  overflow-x:hidden;
}
@supports (overflow: clip){
  html,body{ overflow-x:clip; }
}

body{
  margin:0;
  font-family:var(--font-body);
  color:var(--text);
  line-height:1.62;
  letter-spacing:.15px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

  background: var(--bg0);
  position: relative;
  isolation: isolate;
}

/* ---------- GLOBAL PREMIUM BACKGROUND (NO LINES) ---------- */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;

  background:
    radial-gradient(1100px 760px at 16% 10%, var(--gold1), transparent 62%),
    radial-gradient(900px 640px at 86% 18%, var(--cool),  transparent 65%),
    radial-gradient(1000px 780px at 55% 92%, var(--gold2), transparent 68%),
    linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 55%, #04050a 100%);
}

body::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background:
    radial-gradient(circle at 50% 55%,
      rgba(0,0,0,0) 0 58%,
      var(--vig) 100%
    );
  opacity: .95;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

.container{
  width:min(var(--container), 92vw);
  margin:0 auto;
}

a:focus-visible,
button:focus-visible{
  outline:2px solid rgba(230,211,163,.75);
  outline-offset:2px;
  border-radius:10px;
}

.fx-gold-soft{
  color:#f1dfb2;
  text-shadow:0 1px 10px rgba(191,160,70,.22);
}
.gold{ color:var(--accent2); }

/* ---------- TYPOGRAPHY ---------- */
h1,h2,h3,h4,h5,h6,
.heroTitle,
.nk-head h2,
.nk-about-text h2,
.h2{
  font-family:var(--font-title);
  color:#fff;
  letter-spacing:.2px;
}

.heroTitle{
  font-weight:800;
  line-height:1.08;
  text-shadow:0 6px 24px rgba(0,0,0,.35);
}

.heroAmp{
  color:var(--txt-gold);
  text-shadow:0 4px 18px rgba(230,211,163,.22);
}

.lead,
.p,
.nk-head p,
.nk-service-overlay p,
.nk-adv-item p,
.nk-about-text > p,
.contactPanel p,
#yorumlar .nk-rev-card p{
  color:var(--txt-soft);
  line-height:1.72;
  letter-spacing:.12px;
}

.nk-kicker,
.eyebrow,
.topbar,
.topbar__inner,
.nk-user-meta span,
.footerMini__copy{
  color:var(--txt-muted);
  letter-spacing:.08em;
}

/* ---------- TOPBAR ---------- */
.topbar{
  position:sticky;
  top:0;
  z-index:1200;
  background: rgba(10,10,16,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom:1px solid var(--stroke);
}

.topbar__inner{
  min-height:var(--topbar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  font-size:14px;
  color:var(--muted);
}

.topbar__left{
  display:flex;
  align-items:center;
  gap:6px;
}

.topbar__right{
  display:flex;
  align-items:center;
  gap:14px;
}

.spark{
  width:10px;
  height:10px;
  border-radius:99px;
  display:inline-block;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  box-shadow:0 0 10px rgba(230,211,163,.45);
}

.pill{
  padding:8px 12px;
  border:1px solid rgba(230,211,163,.40);
  border-radius:999px;
  background: linear-gradient(135deg, rgba(191,160,70,.24), rgba(230,211,163,.14));
  color:#f6ebcf;
  font-weight:700;
  box-shadow:0 8px 20px rgba(0,0,0,.24);
  transition: transform .2s ease, filter .2s ease, border-color .2s ease;
}
.pill:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  border-color:rgba(230,211,163,.62);
}
.topbar__right a{
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  text-decoration: none;
}
.topbar__right a:hover{ color:#fff; }

/* ---------- NAV ---------- */
.nav{
  position:sticky;
  top:var(--topbar-h);
  z-index:1300;
  background: rgba(8,8,12,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom:1px solid var(--stroke);
}

.nav__inner{
  position:relative;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.brandLogo{
  width:52px;
  height:52px;
  object-fit:contain;
}
.brandText{
  font-weight:800;
  font-size:15px;
  letter-spacing:.2px;
  line-height:1.1;
  white-space:nowrap;
}

/* Desktop menu */
.menu{
  display:flex;
  align-items:center;
  gap:18px;
}
.menu a{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid transparent;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  letter-spacing:.15px;
  line-height:1;
  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}
.menu a:hover,
.menu a:focus-visible{
  color:var(--text);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 8px 18px rgba(0,0,0,.22);
  transform:translateY(-1px);
  outline:none;
}

/* Active underline (desktop) */
@media (min-width: 921px){
  .menu a::after{
    content:"";
    position:absolute;
    left:12px; right:12px;
    bottom:6px;
    height:2px;
    border-radius:999px;
    background: linear-gradient(
      90deg,
      rgba(191,160,70,.22),
      rgba(230,211,163,.95),
      rgba(191,160,70,.22)
    );
    transform:scaleX(0);
    opacity:0;
    transition: transform .22s ease, opacity .22s ease;
    pointer-events:none;
  }
  .menu a:hover::after,
  .menu a:focus-visible::after{
    transform:scaleX(.55);
    opacity:.55;
  }
  .menu a.active,
  .menu a[aria-current="page"]{
    color:var(--text);
  }
  .menu a.active::after,
  .menu a[aria-current="page"]::after{
    transform:scaleX(1);
    opacity:.95;
  }
}

.nav__actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(230,211,163,.22);
  background:linear-gradient(135deg, rgba(191,160,70,.26), rgba(230,211,163,.16));
  color:var(--text);
  font-size:14px;
  font-weight:800;
  line-height:1;
  letter-spacing:.25px;
  white-space:nowrap;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  transition: transform .18s ease, filter .18s ease, border-color .18s ease;
}
.btn:hover{ filter:brightness(1.04); transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }

.btn--ghost{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
  color:rgba(255,255,255,.92);
}
.btn--ghost:hover{
  border-color:rgba(230,211,163,.28);
  background:rgba(255,255,255,.07);
}
.btn--big{ min-height:48px; padding:12px 18px; font-size:15px; }

/* ---------- BURGER ---------- */
.burger{
  display:none;
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:14px;
  border:1px solid rgba(232, 203, 132, 0.55);
  background: linear-gradient(180deg, rgba(27,27,30,.86), rgba(17,17,18,.92));
  color:#e6d3a3;
  place-content:center;
  gap:5px;
  padding:0;
  cursor:pointer;
  box-shadow:
    0 8px 22px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.burger:hover{ border-color:rgba(232,203,132,.75); }
.burger:active{ transform:scale(.98); }
.burger span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, #f5e4b9, #e8cb84);
  transition: transform .28s ease, opacity .2s ease, width .28s ease;
}
.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; transform:scaleX(.6); }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---------- COMMON SURFACES ---------- */
.glass{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  border-radius:16px;
}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  padding:42px 0 26px;
  overflow:hidden;
  isolation:isolate;
}

/* Hero bg: SADE glow (no pattern) */
.hero__bg{
  position:absolute;
  inset:-170px -60px auto -60px;
  height:620px;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 14% 0%, rgba(230,211,163,.16), transparent 62%),
    radial-gradient(820px 380px at 88% 4%, rgba(168,180,195,.12), transparent 64%),
    radial-gradient(900px 420px at 50% 70%, rgba(191,160,70,.08), transparent 70%);
  filter:saturate(1.02);
  opacity:.95;
}

.hero__inner{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:26px;
  align-items:start;
  z-index:1;
}

.badge{
  display:inline-flex;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--stroke);
  color:var(--muted);
  font-size:13px;
}

/* Hero title stack + shine */
h1.heroTitle{
  margin:10px 0 14px;
  line-height:1.06;
  letter-spacing:-.35px;
  font-weight:800;
  font-size:clamp(34px, 4.3vw, 52px);
}
.heroTitle--stack{ text-align:center; }
.heroTitle--stack .shineLine{ display:block; }

.shineLine{
  position:relative;
  display:inline-block;
  font-weight:800;
  -webkit-text-fill-color:currentColor;
}
.goldBase{ color:#d1ad63; }
.whiteBase{ color:#f5f5f5; display:block; margin-top:6px; }

.shineLine::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-background-clip:text;
  background-clip:text;
  background-image:linear-gradient(
    100deg,
    rgba(255,255,255,0) 46%,
    rgba(255,255,255,.95) 50%,
    rgba(255,255,255,0) 54%
  );
  background-size:230% 100%;
  background-position:-120% 50%;
  animation:sheenOnly 5.8s linear infinite;
}
@keyframes sheenOnly{
  0%{ background-position:-120% 50%; }
  100%{ background-position:140% 50%; }
}
.whiteBase::after{
  background-image:linear-gradient(
    100deg,
    rgba(255,255,255,0) 47.4%,
    rgba(194,202,210,.95) 49.1%,
    rgba(242,246,250,1) 50%,
    rgba(170,180,190,.95) 50.9%,
    rgba(255,255,255,0) 52.6%
  );
  background-size:260% 100%;
  background-position:-130% 50%;
  animation:silverSweep 6.4s linear infinite;
}
@keyframes silverSweep{
  0%{ background-position:-130% 50%; }
  100%{ background-position:140% 50%; }
}

.heroAmp{
  display:block;
  text-align:center;
  font-weight:800;
  font-size: clamp(30px, 4vw, 52px);
  line-height:1;
  margin:2px 0;
  color:#e6d3a3;
}

.lead{
  margin:0 0 16px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
  max-width:56ch;
}

/* CTA */
.hero__cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:6px 0 18px;
}
.hero .hero__cta .btn.btn--big:not(.btn--ghost){
  border-color: rgba(230,211,163,.34);
  background: linear-gradient(135deg, rgba(191,160,70,.32), rgba(230,211,163,.18));
  box-shadow: 0 12px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero .hero__cta .btn.btn--ghost.btn--big{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
}

/* Stats */
.hero .hero__stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.hero .stat{
  position:relative;
  padding:14px 14px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.hero .stat::before{
  content:"";
  position:absolute;
  left:10px; right:10px; top:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(230,211,163,.55), transparent);
}
.hero .stat:hover{
  transform:translateY(-2px);
  border-color: rgba(230,211,163,.28);
  box-shadow: 0 14px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
}
.hero .stat strong{
  display:block;
  font-size:17px;
  color:#f4e6c3;
  margin-bottom:4px;
}
.hero .stat span{
  display:block;
  color:rgba(255,255,255,.74);
  font-size:12px;
  line-height:1.35;
}

/* ---------- HERO RIGHT: PRO GALLERY ---------- */
.mediaCard--pro{
  --hg-nav-size: 52px;
  --hg-nav-icon: 26px;
  --hg-caption-blur: 10px;

  position:relative;
  height: clamp(420px, 50vw, 560px);
  min-height:420px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:#0d1119;
  box-shadow: 0 22px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  isolation:isolate;
}
.mediaCard--pro::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(230,211,163,.14);
  z-index:5;
}

.mediaViewport{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  isolation:isolate;
}
.mediaViewport::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to top, rgba(8,8,10,.54) 0%, rgba(8,8,10,.16) 35%, rgba(8,8,10,.22) 100%);
}
.mediaViewport::before{
  content:"";
  position:absolute;
  inset:-18% -28%;
  pointer-events:none;
  z-index:3;
  opacity:0;
  mix-blend-mode:screen;
  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,.52) 48%,
      rgba(230,211,163,.50) 51%,
      rgba(255,255,255,.38) 54%,
      rgba(255,255,255,0) 68%
    );
  transform:translateX(-130%) skewX(-12deg);
}
.mediaViewport.is-sweeping::before{
  animation: heroSweep 920ms cubic-bezier(.22,.61,.36,1);
}
@keyframes heroSweep {
  0%   { opacity:0;   transform:translateX(-130%) skewX(-12deg); }
  12%  { opacity:.85; }
  58%  { opacity:.55; }
  100% { opacity:0;   transform:translateX(132%) skewX(-12deg); }
}

.mediaSlide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;

  opacity:0;
  transform:scale(1.045);
  filter:saturate(1.04) contrast(1.03);

  transition:
    opacity 720ms cubic-bezier(.22,.61,.36,1),
    transform 5200ms linear;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.mediaSlide.is-active,
.mediaSlide.active,
.mediaSlide[aria-hidden="false"]{
  opacity:1;
  transform:scale(1);
  z-index:1;
}

.mediaBadge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:6;
  padding:9px 13px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,.94);
  background: rgba(14,18,28,.58);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.mediaOverlay{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:6;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg, rgba(10,10,14,.18), rgba(10,10,14,.72));
  backdrop-filter: blur(var(--hg-caption-blur));
  -webkit-backdrop-filter: blur(var(--hg-caption-blur));
}
.mediaMeta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.mediaMeta strong{
  font-size:15px;
  font-weight:800;
  color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.38);
}
.mediaMeta span{
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.32);
  background:rgba(9,13,22,.52);
  border-radius:999px;
  padding:4px 10px;
}
.mediaProgress{
  width:100%;
  height:4px;
  border-radius:999px;
  overflow:hidden;
  background: rgba(255,255,255,.28);
}
#heroProgress,
.mediaProgress span{
  display:block;
  width:33.33%;
  height:100%;
  border-radius:999px;
  background: linear-gradient(90deg, #e6d3a3, #bfa046);
  box-shadow: 0 0 12px rgba(230,211,163,.30);
  transition: width .45s ease;
}
.mediaDots{
  margin-top:10px;
  display:flex;
  justify-content:center;
  gap:8px;
}
.mediaDot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  padding:0;
  cursor:pointer;
  background: rgba(255,255,255,.45);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease, width .18s ease;
}
.mediaDot:hover{
  transform: scale(1.12);
  background: rgba(255,255,255,.75);
}
.mediaDot.is-active{
  width:24px;
  background: #f1d39a;
  box-shadow: 0 0 0 4px rgba(241,211,154,.22);
}
.mediaNav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:7;

  width:var(--hg-nav-size);
  height:var(--hg-nav-size);
  border-radius:999px;
  border:1px solid rgba(230,211,163,.44);
  background: rgba(15,15,20,.45);
  color:#fff;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 8px 24px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.22);
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease, color 220ms ease;
}
.mediaNav svg{ width:20px; height:20px; }
.mediaNav--prev{ left:12px; }
.mediaNav--next{ right:12px; }
.mediaNav:hover{
  transform:translateY(-50%) scale(1.06);
  background: rgba(26,26,33,.72);
  border-color: rgba(230,211,163,.88);
  color:#f7edd5;
  box-shadow:
    0 10px 30px rgba(0,0,0,.42),
    0 0 0 4px rgba(230,211,163,.16),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.mediaNav:active{ transform:translateY(-50%) scale(0.97); }

/* ---------- PROOF ---------- */
.nk-proof{
  border-top:1px solid var(--stroke);
  border-bottom:1px solid var(--stroke);
  background:
    radial-gradient(900px 300px at 20% -30%, rgba(191,160,70,.12), transparent 60%),
    radial-gradient(800px 260px at 90% -40%, rgba(191,160,70,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.nk-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding:20px 0;
}
.nk-proof-item{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px;
  text-align:center;
}
.nk-proof-item strong{
  display:block;
  color:var(--accent2);
  font-size:22px;
  line-height:1.1;
}
.nk-proof-item span{
  color:rgba(255,255,255,.78);
  font-size:13px;
}

/* ---------- COMMON HEAD ---------- */
.nk-head{
  max-width:760px;
  margin:0 auto 26px;
  text-align:center;
}
.nk-kicker{
  color:var(--accent2);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  margin:0 0 8px;
}
.nk-head h2{
  margin:0 0 10px;
  font-size:clamp(26px, 3.4vw, 44px);
  line-height:1.15;
}
.nk-head p{
  margin:0 auto;
  color:rgba(255,255,255,.72);
  line-height:1.65;
  max-width:62ch;
}

/* ---------- SERVICES ---------- */
.nk-home-services{ padding:76px 0; }
.nk-service-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.nk-service-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  min-height:420px;
}
.nk-service-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .6s ease;
}
.nk-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.72) 65%);
  z-index:1;
}
.nk-service-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:18px;
  color:#fff;
}
.nk-service-card:hover img{ transform:scale(1.08); }

.nk-service-overlay h3{
  margin:0 0 6px;
  font-size:20px;
  line-height:1.2;
  text-shadow:0 4px 14px rgba(0,0,0,.45);
}
.nk-service-overlay p{
  margin:0 0 12px;
  color:rgba(255,255,255,.90);
  line-height:1.55;
  font-size:14px;
  max-width:34ch;
}

.nk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.18px;
  border:1px solid transparent;
  transition:.25s ease;
}
.nk-btn-gold{
  border:1px solid rgba(230,211,163,.48);
  background: linear-gradient(180deg, rgba(230,211,163,.96), rgba(191,160,70,.92));
  color:#181818;
  box-shadow: 0 8px 20px rgba(191,160,70,.24), inset 0 1px 0 rgba(255,255,255,.44);
}
.nk-btn-gold:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 12px 24px rgba(191,160,70,.30), inset 0 1px 0 rgba(255,255,255,.50);
}

/* ---------- ADVANTAGES ---------- */
.nk-advantages{
  padding:54px 0 24px;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 280px at 0% 0%, rgba(191,160,70,.10), transparent 62%),
    radial-gradient(780px 240px at 100% 0%, rgba(120,170,190,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.nk-adv-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:14px;
}
.nk-adv-item{
  position:relative;
  overflow:hidden;
  min-height:188px;
  border-radius:18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(165deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow: 0 10px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.nk-adv-item::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg, rgba(191,160,70,.95), rgba(230,211,163,.85), rgba(191,160,70,.95));
}
.nk-adv-item:hover{
  transform:translateY(-4px);
  border-color:rgba(230,211,163,.34);
  box-shadow: 0 16px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12);
}
.nk-adv-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  color:#f3e2ba;
  border:1px solid rgba(230,211,163,.34);
  background:rgba(255,255,255,.04);
  margin-bottom:10px;
}
.nk-adv-icon{
  width:44px; height:44px;
  border-radius:12px;
  display:grid; place-items:center;
  font-size:21px;
  margin-bottom:10px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.nk-adv-item h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.25;
  color:#fff;
}
.nk-adv-item p{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:rgba(255,255,255,.84);
}

/* ---------- ABOUT ---------- */
.nk-about{ padding:56px 0 44px; }
.nk-about-grid{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:18px;
  align-items:stretch;
}
.nk-about-text{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:20px;
  background:linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.nk-about-text h2{
  margin:0 0 10px;
  font-size:clamp(24px, 3vw, 38px);
  line-height:1.14;
}
.nk-about-text > p{
  margin:0 0 14px;
  color:rgba(255,255,255,.82);
  line-height:1.7;
  max-width:62ch;
}
.nk-about-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 16px;
}
.nk-about-stats > div{
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:12px 10px;
  background:rgba(255,255,255,.04);
}
.nk-about-stats strong{
  display:block;
  font-size:18px;
  color:var(--accent2);
  line-height:1.1;
}
.nk-about-stats span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:rgba(255,255,255,.72);
}
.nk-about-media{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.34);
  min-height:420px;
}
.nk-about-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 35%;
}

/* ---------- CONTACT ---------- */
.nk-contact{ padding:56px 0 18px; }

.sectionHead{
  text-align:center;
  max-width:760px;
  margin:0 auto 22px;
}
.eyebrow{
  margin:0 0 8px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  color:var(--accent2);
}
.h2{
  margin:0 0 10px;
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.15;
}
.p{
  margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.65;
}

.contactWrap{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  padding:16px;
}
.contactPanel{
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  padding:16px;
}
.contactList{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}
.cItem{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:flex-start;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:10px;
  background:rgba(255,255,255,.02);
}
.cItem strong{
  display:block;
  margin:0 0 4px;
  font-size:14px;
}
.cItem p,
.cItem address{
  margin:0;
  color:rgba(255,255,255,.80);
  font-style:normal;
  line-height:1.5;
  font-size:14px;
}
.miniNote{
  margin:12px 0 0;
  color:rgba(255,255,255,.70);
  font-size:13px;
  line-height:1.55;
}
.mapBox{
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
  min-height:380px;
}
.mapBox iframe{
  width:100%;
  height:100%;
  min-height:380px;
  border:0;
  display:block;
  filter:grayscale(.2) contrast(1.05);
}

/* ---------- REVIEWS ---------- */
#yorumlar{
  position:relative;
  padding:64px 0 70px;
  border-top:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(900px 240px at 50% -20%, rgba(191,160,70,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
#yorumlar .nk-head{ margin-bottom:24px; }
#yorumlar .nk-rev-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
#yorumlar .nk-rev-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:16px 16px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#yorumlar .nk-rev-card::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg, rgba(191,160,70,.95), rgba(230,211,163,.78), rgba(191,160,70,.95));
}
#yorumlar .nk-rev-card:hover{
  transform:translateY(-3px);
  border-color:rgba(230,211,163,.30);
  box-shadow:0 14px 30px rgba(0,0,0,.34);
}
#yorumlar .nk-rev-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
#yorumlar .nk-rev-user{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
#yorumlar .nk-avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:13px;
  color:#f7edd4;
  border:1px solid rgba(230,211,163,.35);
  background: linear-gradient(160deg, rgba(191,160,70,.28), rgba(255,255,255,.05));
  flex-shrink:0;
}
#yorumlar .nk-user-meta h4{
  margin:0;
  font-size:13px;
  color:rgba(255,255,255,.95);
  line-height:1.2;
}
#yorumlar .nk-user-meta span{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:rgba(255,255,255,.55);
}
#yorumlar .nk-stars{
  font-size:12px;
  letter-spacing:1.5px;
  color:#e6d3a3;
  border:1px solid rgba(230,211,163,.28);
  background: rgba(230,211,163,.08);
  border-radius:999px;
  padding:6px 8px;
  white-space:nowrap;
}
#yorumlar .nk-rev-card p{
  margin:0;
  color:rgba(255,255,255,.86);
  line-height:1.68;
  font-size:14px;
  min-height:94px;
}

/* ---------- FOOTER ---------- */
.footer.footer--minimal{
  margin-top:36px;
  padding:0;
  border-top:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 220px at 50% 125%, rgba(191,160,70,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.footer--minimal .footer__top,
.footer--minimal .footer__bottom,
.footer--minimal .footer__cta,
.footer--minimal .footerChip{
  display:none !important;
}
.footer--minimal .footerMini{
  width:min(var(--container), 92vw);
  margin:0 auto;
  padding:22px 0 18px;
  display:grid;
  gap:10px;
  justify-items:center;
  text-align:center;
}
.footer--minimal .footer__brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-weight:700;
  color:#f2deb0;
  letter-spacing:.2px;
}
.footer--minimal .footer__logo{
  width:34px;
  height:34px;
  object-fit:contain;
  border-radius:9px;
  filter:drop-shadow(0 6px 14px rgba(191,160,70,.35));
}
.footer--minimal .footerMini__nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 16px;
}
.footer--minimal .footerMini__nav a{
  font-size:13px;
  color:rgba(255,255,255,.72);
  position:relative;
  padding:2px 0;
  transition:color .2s ease;
}
.footer--minimal .footerMini__nav a::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-2px;
  height:1px;
  background:rgba(230,211,163,.45);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.footer--minimal .footerMini__nav a:hover{ color:rgba(255,255,255,.95); }
.footer--minimal .footerMini__nav a:hover::after{ transform:scaleX(1); }
.footer--minimal .footerMini__copy{
  margin:0;
  font-size:12px;
  color:rgba(255,255,255,.56);
}

/* ---------- SPARK CANVAS ---------- */
#sparkCanvas{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:2;
  opacity:.32; /* daha sakin */
}

/* ---------- MOBILE FIX DRAWER (app.js V5) ---------- */
#mobileFixBackdrop,
#mobileFixDrawer{
  display:none;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px){
  #yorumlar .nk-rev-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 920px){
  .topbar{ display:none; }
  .nav{ top:0; z-index:3000; }
  .nav__inner{ min-height:72px; gap:8px; }

  .brandLogo{ width:46px; height:46px; }
  .brandText{ font-size:14px; }

  .nav__actions{ gap:8px; margin-left:auto; }
  .nav__actions .btn--ghost{ display:none !important; }
  .nav__actions .btn{
    padding:10px 14px;
    min-height:38px;
    font-size:13px;
    font-weight:800;
    color:#171717;
    border:1px solid rgba(255,255,255,.34);
    background: linear-gradient(135deg, #f6e7bf 0%, #e8cb84 45%, #cda65b 100%);
    box-shadow: 0 8px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.56);
    position:relative;
    z-index:30003;
  }

  .burger{ display:grid; z-index:30003; position:relative; }

  /* mobilde #menu kapalı (drawer kullanılacak) */
  #menu{ display:none !important; }

  /* JS'nin ürettiği drawer */
  #mobileFixBackdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:30000;
    opacity:0;
    pointer-events:none;
    background:rgba(0,0,0,.36);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: opacity .22s ease;
  }

  #mobileFixDrawer{
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(86vw, 340px);
    max-width:340px;
    max-height:100dvh;
    overflow-y:auto;
    padding:84px 14px 16px;
    background: linear-gradient(160deg, rgba(20,20,24,.98), rgba(12,12,15,.95));
    border-left:1px solid rgba(232,203,132,.35);
    border-radius:18px 0 0 18px;
    box-shadow:-18px 0 46px rgba(0,0,0,.46);
    z-index:30001;
    transform: translate3d(100%,0,0);
    opacity:0;
    pointer-events:none;
    transition: transform .26s ease, opacity .2s ease;
    -webkit-overflow-scrolling:touch;
  }

  #mobileFixDrawer .mfix-head{
    margin:0 0 8px;
    color:#e6d3a3;
    font-size:12px;
    letter-spacing:.12em;
    font-weight:800;
    text-transform:uppercase;
  }

  #mobileFixDrawer .mfix-links{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  #mobileFixDrawer .mfix-links a{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.14);
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    color:#f8f8fb;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    letter-spacing:.15px;
  }

  #mobileFixDrawer .mfix-links a::after{
    content:"›";
    font-size:18px;
    color:rgba(232,203,132,.95);
    margin-left:10px;
  }

  body.mobile-fix-open{ overflow:hidden !important; }

  .hero{ padding:22px 0 14px; }
  .hero__inner{ grid-template-columns:1fr; }

  .hero__cta{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:14px;
  }
  .btn,.btn--big{ width:100%; }

  .hero .hero__stats{ grid-template-columns:1fr 1fr; }
  .hero .stat:last-child{ grid-column:1 / -1; }

  .mediaCard--pro{
    --hg-nav-size:44px;
    min-height:340px;
    height: clamp(320px, 74vw, 460px);
    border-radius:18px;
  }
  .mediaBadge{ top:10px; left:10px; font-size:12px; padding:7px 11px; }
  .mediaNav--prev{ left:10px; }
  .mediaNav--next{ right:10px; }

  .nk-proof-grid{ grid-template-columns:repeat(2,1fr); }

  .nk-service-grid,
  .nk-adv-grid,
  #yorumlar .nk-rev-grid,
  .contactWrap{ grid-template-columns:1fr; }

  .nk-service-card{ min-height:360px; }

  .nk-about-grid{ grid-template-columns:1fr; }
  .nk-about-stats{ grid-template-columns:1fr 1fr; }
  .nk-about-media{ min-height:300px; }

  #sparkCanvas{ display:none; } /* mobilde kapalı */
}

@media (max-width: 640px){
  .hero .hero__stats{ grid-template-columns:1fr; }
  .hero .stat:last-child{ grid-column:auto; }
  .nk-about-stats{ grid-template-columns:1fr; }
}

@media (max-width: 560px){
  .brandText{ display:none; }
  .nav__actions .btn{ padding:9px 12px; font-size:12px; min-height:36px; }
  .burger{ width:40px; height:40px; min-width:40px; border-radius:12px; }
  .burger span{ width:18px; }
  .nk-kicker,.eyebrow{ font-size:11px; letter-spacing:.1em; }
  .lead,.p{ font-size:13.8px; }
}

@media (max-width: 420px){
  .nav__actions .btn{ display:none; }
  #mobileFixDrawer{ width:min(90vw, 320px); }
  .mediaCard--pro{ --hg-nav-size:36px; }
  .mediaNav--prev{ left:8px; }
  .mediaNav--next{ right:8px; }
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce){
  html, body{ scroll-behavior:auto; }
  .shineLine::after,
  .whiteBase::after,
  .mediaSlide,
  .mediaViewport.is-sweeping::before,
  #heroProgress,
  .mediaDot,
  .mediaNav,
  .btn,
  .pill,
  .nk-service-card img,
  .nk-adv-item,
  .hero .stat{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
  #mobileFixDrawer,
  #mobileFixBackdrop{ transition:none !important; }
}
/* =========================================================
   FINAL BACKGROUND FX — GOLD LATTICE + MOVING SWEEP
   - Siyah + altın premium
   - Net diamond doku (kayma yok)
   - Hareketli altın sweep + spotlight
   - Mobilde daha sakin
   (style.css EN ALT)
========================================================= */

:root{
  --bg-base: #05060a;
  --bg-deep: #070812;

  --gold-a: rgba(214,171,78,.22);
  --gold-b: rgba(230,211,163,.14);
  --white-line: rgba(255,255,255,.040);
  --gold-line: rgba(230,211,163,.050);

  --vig: rgba(0,0,0,.72);
}

body{
  background: linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-base) 55%, #04050a 100%) !important;
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}

/* 1) SABİT “LATTICE / DIAMOND” DOKU (kaymaz, tek parça) */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;

  /* Diamond hissi: iki yönlü ince çizgi + yumuşak mask */
  background:
    /* Üstten hafif aydınlık film */
    radial-gradient(900px 520px at 50% 8%, rgba(255,255,255,.06), transparent 60%),

    /* Diamond çizgiler (45 ve -45) */
    repeating-linear-gradient(
      45deg,
      var(--white-line) 0 1px,
      transparent 1px 22px
    ),
    repeating-linear-gradient(
      -45deg,
      var(--gold-line) 0 1px,
      transparent 1px 22px
    );

  /* Dokuyu premium yap: kenarlara doğru yedir */
  mask-image: radial-gradient(circle at 50% 35%, rgba(0,0,0,1) 0 56%, rgba(0,0,0,.55) 72%, rgba(0,0,0,.15) 100%);
  -webkit-mask-image: radial-gradient(circle at 50% 35%, rgba(0,0,0,1) 0 56%, rgba(0,0,0,.55) 72%, rgba(0,0,0,.15) 100%);

  opacity: .60;
}

/* 2) HAREKETLİ IŞIK: spotlights + altın sweep (göze çarpar) */
body::after{
  content:"";
  position: fixed;
  inset: -12% -18%;
  z-index: -1;
  pointer-events: none;

  background:
    /* Spotlights */
    radial-gradient(1100px 760px at 18% 14%, var(--gold-a), transparent 62%),
    radial-gradient(920px 680px  at 86% 18%, rgba(120,160,255,.09), transparent 66%),
    radial-gradient(980px 740px  at 55% 92%, var(--gold-b), transparent 68%),

    /* Altın sweep (hareketli şerit) */
    linear-gradient(
      115deg,
      transparent 44%,
      rgba(255,255,255,.10) 49%,
      rgba(230,211,163,.22) 50%,
      rgba(214,171,78,.18) 52%,
      transparent 58%
    ),

    /* Vignette */
    radial-gradient(circle at 50% 55%,
      rgba(0,0,0,0) 0 58%,
      var(--vig) 100%
    );

  background-size:
    auto,
    auto,
    auto,
    240% 240%,
    auto;

  background-position:
    center,
    center,
    center,
    -120% 30%,
    center;

  filter: blur(14px) saturate(125%);
  opacity: .22;
  mix-blend-mode: screen;

  animation: goldSweep 10.5s ease-in-out infinite;
  will-change: transform, opacity, background-position, filter;
}

@keyframes goldSweep{
  0%{
    opacity: .16;
    transform: translate3d(-1%, -1%, 0) scale(1.02);
    background-position: center, center, center, -120% 28%, center;
    filter: blur(14px) saturate(122%);
  }
  45%{
    opacity: .30;
    transform: translate3d(1.5%, 0.5%, 0) scale(1.04);
    filter: blur(18px) saturate(132%);
  }
  55%{
    background-position: center, center, center, 120% 72%, center;
  }
  100%{
    opacity: .16;
    transform: translate3d(-1%, -1%, 0) scale(1.02);
    background-position: center, center, center, -120% 28%, center;
    filter: blur(14px) saturate(122%);
  }
}

/* Bölümlerin kendi background-image'ları varsa, globali bozmasın */
.hero,
.nk-proof,
.nk-home-services,
.nk-advantages,
.nk-about,
.nk-contact,
#yorumlar,
.footer{
  background-image: none !important;
}

/* Mobil: moire olmasın diye doku daha seyrek + efekt daha sakin */
@media (max-width: 920px){
  body::before{
    opacity: .42;
    background:
      radial-gradient(780px 460px at 50% 10%, rgba(255,255,255,.05), transparent 60%),
      repeating-linear-gradient(45deg, rgba(255,255,255,.032) 0 1px, transparent 1px 28px),
      repeating-linear-gradient(-45deg, rgba(230,211,163,.040) 0 1px, transparent 1px 28px);
  }
  body::after{
    opacity: .18;
    filter: blur(12px) saturate(120%);
    animation-duration: 12.5s;
  }
}

/* Hareket istemeyenler */
@media (prefers-reduced-motion: reduce){
  body::after{ animation: none !important; }
}
/* =========================================================
   HERO MINI CARDS FIX (Renklendirme / Gelin Saçı)
   - Sadece anasayfadaki iki küçük kartı düzeltir
   - Başka bölümlere dokunmaz
========================================================= */

.hero .miniCards{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  position: relative;
  z-index: 3; /* arka plan katmanlarının üstünde kalsın */
}

.hero .miniCards .card{
  position: relative;
  overflow: hidden;
  padding: 16px 16px 14px;

  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);

  /* daha “premium” okunurluk */
  background: linear-gradient(165deg, rgba(14,16,22,.72), rgba(14,16,22,.34));
  box-shadow: 0 12px 28px rgba(0,0,0,.32);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* hafif altın highlight (çok minimal) */
.hero .miniCards .card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(120% 80% at 18% 0%, rgba(230,211,163,.12), transparent 58%);
  opacity: .9;
}

/* içerik önde dursun */
.hero .miniCards .card > *{
  position: relative;
  z-index: 1;
}

.hero .miniCards .card h3{
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
  color: #f6e9c7;
}

.hero .miniCards .card p{
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.78);
  max-width: 42ch;
}

/* Mobilde zaten tek sütun daha iyi */
@media (max-width: 920px){
  .hero .miniCards{
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   NK-PROOF PRO (ikon + premium hover + ince shine)
   Sadece .nk-proof bölümünü etkiler
   ========================================================= */
.nk-proof{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  padding: 18px 0;
}

/* Arka planda çok hafif premium ışık */
.nk-proof::before{
  content:"";
  position:absolute;
  inset:-40% -20%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(46% 36% at 22% 30%, rgba(230,211,163,.14), transparent 66%),
    radial-gradient(40% 34% at 78% 22%, rgba(120,170,190,.10), transparent 68%),
    radial-gradient(52% 40% at 50% 120%, rgba(230,211,163,.10), transparent 70%);
  filter: blur(10px);
  opacity: .75;
}

.nk-proof-grid{
  position: relative;
  z-index: 1;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  padding: 16px 0;
}

.nk-proof-item{
  position: relative;
  display:flex;
  align-items:center;
  gap: 12px;

  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);

  background: linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: 0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);

  transform: translateZ(0);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.nk-proof-ico{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  flex: 0 0 46px;

  color: rgba(230,211,163,.98);
  border: 1px solid rgba(230,211,163,.30);
  background: linear-gradient(180deg, rgba(191,160,70,.18), rgba(255,255,255,.04));
  box-shadow: 0 10px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
}

.nk-proof-ico svg{
  width: 22px;
  height: 22px;
}

.nk-proof-txt strong{
  display:block;
  font-size: 20px;
  line-height: 1.05;
  color: #f1dfb2;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.nk-proof-txt span{
  display:block;
  margin-top: 4px;
  font-size: 13px;
  color: rgba(255,255,255,.78);
}

/* Üstte ince altın çizgi */
.nk-proof-item::before{
  content:"";
  position:absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(191,160,70,.18),
    rgba(230,211,163,.70),
    rgba(191,160,70,.18)
  );
  opacity: .75;
}

/* Hover premium: hafif yükselme + glow */
.nk-proof-item:hover{
  transform: translateY(-3px);
  border-color: rgba(230,211,163,.26);
  box-shadow: 0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10);
  background: linear-gradient(165deg, rgba(230,211,163,.08), rgba(255,255,255,.02));
}

/* Kart içinde “shine” süpürmesi */
.nk-proof-glow{
  position:absolute;
  inset:-40% -40%;
  pointer-events:none;
  opacity:0;
  background: linear-gradient(115deg,
    transparent 42%,
    rgba(255,255,255,.20) 49%,
    rgba(230,211,163,.22) 51%,
    transparent 58%
  );
  transform: translateX(-55%) skewX(-12deg);
  filter: blur(6px);
}

.nk-proof-item:hover .nk-proof-glow{
  opacity:1;
  animation: nkProofShine 900ms cubic-bezier(.22,.61,.36,1);
}

@keyframes nkProofShine{
  0%   { transform: translateX(-55%) skewX(-12deg); opacity:0; }
  15%  { opacity:.85; }
  100% { transform: translateX(55%) skewX(-12deg); opacity:0; }
}

/* Mobil */
@media (max-width: 920px){
  .nk-proof-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
  }
  .nk-proof-item{
    padding: 12px;
  }
  .nk-proof-ico{
    width: 44px; height: 44px; border-radius: 14px;
  }
  .nk-proof-txt strong{ font-size: 18px; }
}

/* Çok küçük ekran */
@media (max-width: 520px){
  .nk-proof-grid{ grid-template-columns: 1fr; }
}

/* Erişilebilirlik */
@media (prefers-reduced-motion: reduce){
  .nk-proof-item,
  .nk-proof-glow{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}
/* =========================================================
   FLOATING SOCIAL FAB (WhatsApp + Instagram) — premium
   ========================================================= */

.nk-fab{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 3200;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  pointer-events: auto;
}

/* Mobil menü açılınca çakışmasın */
body.menu-open .nk-fab,
body.mobile-fix-open .nk-fab{
  display: none !important;
}

.nk-fab__btn{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  border: 1px solid rgba(230,211,163,.38);
  background: linear-gradient(135deg, rgba(191,160,70,.34), rgba(230,211,163,.18));
  color: #f7edd5;
  box-shadow: 0 14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform .18s ease, filter .18s ease, border-color .18s ease;
}

.nk-fab__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.04);
  border-color: rgba(230,211,163,.62);
}

.nk-fab__btnIco{
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  transition: transform .22s ease;
}

.nk-fab[data-open="true"] .nk-fab__btnIco{
  transform: rotate(45deg);
}

/* Panel */
.nk-fab__panel{
  display: flex;
  flex-direction: column;
  gap: 10px;

  opacity: 0;
  transform: translateY(8px) scale(.98);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}

.nk-fab[data-open="true"] .nk-fab__panel{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Option items */
.nk-fab__item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 10px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(12,12,16,.62);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(255,255,255,.92);
  box-shadow: 0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
  will-change: transform;
}

.nk-fab__item:hover{
  transform: translateX(-2px);
  border-color: rgba(230,211,163,.32);
  background: rgba(16,16,22,.68);
}

.nk-fab__ico{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.nk-fab__ico svg{
  width: 18px;
  height: 18px;
  display: block;
}

/* WhatsApp / Instagram hafif renk vurgusu (premium, göz yormaz) */
.nk-fab__item--wa .nk-fab__ico{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow: 0 10px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
}

.nk-fab__item--ig .nk-fab__ico{
  background: linear-gradient(180deg, rgba(230,211,163,.12), rgba(255,255,255,.03));
  box-shadow: 0 10px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
}

.nk-fab__label{
  font-size: 13.6px;
  font-weight: 800;
  letter-spacing: .15px;
  white-space: nowrap;
}

/* Küçük ekranlarda biraz küçült */
@media (max-width: 560px){
  .nk-fab{ right: 14px; bottom: 14px; }
  .nk-fab__btn{ width: 52px; height: 52px; }
  .nk-fab__item{ padding: 9px 11px 9px 9px; }
  .nk-fab__ico{ width: 34px; height: 34px; }
}
/* =========================================================
   FAB BUTTON UPGRADE — Instagram + WhatsApp belli olsun
   ========================================================= */

.nk-fab__btn--social{
  position: relative;
  overflow: visible; /* glow taşabilsin */
  width: 64px;
  height: 64px;
  border-radius: 999px;

  /* Premium koyu cam */
  background: rgba(10,10,14,.55);
  border: 1px solid rgba(230,211,163,.58);
  color: rgba(255,255,255,.94);

  display: grid;
  place-items: center;
  gap: 6px;
  padding: 0;

  box-shadow:
    0 16px 36px rgba(0,0,0,.55),
    0 0 0 6px rgba(230,211,163,.06),
    inset 0 1px 0 rgba(255,255,255,.10);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition: transform .18s ease, filter .18s ease, border-color .18s ease;
}

/* Dış altın halka (dikkat çekici ama premium) */
.nk-fab__btn--social::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: inherit;
  pointer-events:none;
  opacity: .75;

  background:
    conic-gradient(
      from 180deg,
      rgba(230,211,163,.10),
      rgba(230,211,163,.70),
      rgba(191,160,70,.30),
      rgba(230,211,163,.70),
      rgba(230,211,163,.10)
    );

  filter: blur(10px);
  animation: fabPulse 2.8s ease-in-out infinite;
}

@keyframes fabPulse{
  0%,100%{ transform: scale(1); opacity:.55; }
  50%{ transform: scale(1.04); opacity:.90; }
}

.nk-fab__btn--social:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  border-color: rgba(230,211,163,.82);
}

/* Açıkken buton “aktif” hissi versin */
.nk-fab[data-open="true"] .nk-fab__btn--social{
  border-color: rgba(230,211,163,.92);
  box-shadow:
    0 18px 40px rgba(0,0,0,.58),
    0 0 0 7px rgba(230,211,163,.10),
    inset 0 1px 0 rgba(255,255,255,.12);
}

/* İçeride iki logo */
.nk-fab__social{
  display:flex;
  align-items:center;
  gap: 6px;
}

.nk-fab__mini{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.nk-fab__mini svg{
  width: 16px;
  height: 16px;
  display:block;
}

/* WhatsApp: çok hafif yeşil vurgusu (belli olur) */
.nk-fab__mini--wa{
  background: radial-gradient(120% 120% at 30% 20%, rgba(37,211,102,.30), rgba(255,255,255,.06));
  color: rgba(255,255,255,.95);
}

/* Instagram: pembe/mor vurgusu (belli olur) */
.nk-fab__mini--ig{
  background: radial-gradient(120% 120% at 30% 20%, rgba(225,48,108,.28), rgba(255,255,255,.06));
  color: rgba(255,255,255,.95);
}

/* “Sosyal” yazısı: küçük ama okunur */
.nk-fab__txt{
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(230,211,163,.92);
  line-height: 1;
  margin-top: -2px;
}

/* Mobilde biraz küçült */
@media (max-width: 560px){
  .nk-fab__btn--social{
    width: 58px;
    height: 58px;
  }
  .nk-fab__mini{
    width: 26px;
    height: 26px;
  }
  .nk-fab__mini svg{
    width: 15px;
    height: 15px;
  }
}
/* =========================================================
   MOBILE SPEED PATCH (SAFE)
   - Sadece mobilde performans iyileştirir
   - Görünümü minimum etkiler, hissedilen “yavaşlığı” alır
========================================================= */
@media (max-width: 920px){

  /* 1) En pahalı efekt: backdrop-filter (blur). Mobilde kapatıp düz cam yapıyoruz */
  .nav,
  .mediaOverlay,
  .mediaNav,
  .mediaBadge{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .nav{
    background: rgba(8,8,12,.92) !important;
  }
  .mediaOverlay{
    background: linear-gradient(180deg, rgba(10,10,14,.30), rgba(10,10,14,.86)) !important;
  }
  .mediaNav{
    background: rgba(20,20,26,.78) !important;
  }

  /* 2) Çok büyük gölgeler mobilde GPU’yu yoruyor -> biraz azalt */
  .mediaCard--pro,
  .nk-service-card,
  .nk-adv-item,
  #yorumlar .nk-rev-card,
  .nk-about-text,
  .nk-about-media,
  .contactPanel,
  .mapBox,
  .btn{
    box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
  }

  /* 3) Foto filtreleri + uzun transform animasyonu: mobilde hafiflet */
  .mediaSlide,
  .nk-service-card img,
  .nk-about-media img{
    filter: saturate(1.04) contrast(1.03) brightness(1.01) !important;
  }

  /* 4) Hero slider geçişini mobilde daha “hafif” yap (profesyonel, ama daha az yük) */
  .mediaSlide{
    transition:
      opacity .55s ease !important,
      transform 2200ms linear !important;
    transform: scale(1.03) !important;
  }
  .mediaSlide.is-active,
  .mediaSlide.active,
  .mediaSlide[aria-hidden="false"]{
    transform: scale(1) !important;
  }

  /* 5) Başlık shine animasyonu mobilde CPU tüketir -> yavaşlat (tam kapatmıyoruz) */
  .shineLine::after,
  .whiteBase::after{
    animation-duration: 9.5s !important;
  }

  /* 6) Aşağıdaki bölümler ekrana gelene kadar render edilmesin (müthiş fark eder) */
  .nk-proof,
  .nk-home-services,
  .nk-advantages,
  .nk-about,
  .nk-contact,
  #yorumlar,
  .footer{
    content-visibility: auto;
    contain-intrinsic-size: 900px;
  }
}
/* =========================================================
   MOBILE MENU STABILITY PATCH (SAFE)
   - Menü açılırken titreme/bozulma hissini alır
   - Sadece mobilde çalışır
========================================================= */
@media (max-width: 920px){

  /* Dokunma gecikmesi ve highlight azalt */
  .burger{
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  /* Drawer: GPU dostu transform (jitter fix) */
  #menu{
    will-change: transform, opacity;
    contain: layout paint;              /* repaint alanını izole eder */
    transform: translate3d(110%,0,0) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    /* Daha “kaymak gibi” easing */
    transition:
      transform .32s cubic-bezier(.22,.61,.36,1),
      opacity .18s ease,
      visibility 0s linear .18s !important;

    /* Menü içinde font titremesini azaltır */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

    /* iPhone çentiği vb. için güvenli alan (Android’da da zarar vermez) */
    padding-top: calc(86px + env(safe-area-inset-top)) !important;
  }

  /* Açık hali */
  #menu.menu--open,
  #menu[data-open="true"]{
    transform: translate3d(0,0,0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition:
      transform .32s cubic-bezier(.22,.61,.36,1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  /* Body kilidi: bazen overflow değişimi titreme yapar -> bunu sabitliyoruz */
  body.menu-open{
    overflow: hidden !important;
  }

  /* Arka plan overlay: blur YOK (blur mobilde hem yavaş hem titretir) */
  body.menu-open::before{
    content:"";
    position: fixed;
    inset: 0;
    z-index: 3001;
    background: rgba(0,0,0,.38);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Menü katmanı overlay’in üstünde kalsın */
  #menu{ z-index: 3002 !important; }
  .burger{ z-index: 3003 !important; }
}
/* =========================================================
   MOBILE ALIGN PATCH (Proof/Stats)
   - Mobilde bu kartları container ile hizalar
   - İkon + metin aynı çizgide ve dengeli görünür
========================================================= */
@media (max-width: 920px){

  /* Bu blok container ile aynı genişlikte dursun */
  .nk-proof .container{
    width: min(560px, 92vw) !important;
    margin-inline: auto !important;
  }

  /* Grid tek kolon, aralıklar dengeli */
  .nk-proof-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px 0 24px !important;
  }

  /* Kart: ikon sol, metin sağ */
  .nk-proof-item{
    text-align: left !important;
    padding: 14px 14px !important;
    border-radius: 18px !important;

    display: grid !important;
    grid-template-columns: 56px 1fr !important;
    column-gap: 12px !important;
    align-items: center !important;
  }

  /* Kart içi sayı ve açıklama hizası */
  .nk-proof-item strong{
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  .nk-proof-item span{
    grid-column: 2 !important;
    margin: 4px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: rgba(255,255,255,.74) !important;
  }

  /* İkon kutusu: ikon elemanı ilk sıradaysa otomatik güzelleşir */
  .nk-proof-item > :first-child{
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;

    display: grid !important;
    place-items: center !important;

    border: 1px solid rgba(230,211,163,.30) !important;
    background: rgba(255,255,255,.04) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  /* Güvenlik: ikon yoksa (ilk eleman strong ise) boşluk oluşmasın */
  .nk-proof-item > strong:first-child{
    grid-column: 1 / -1 !important;
  }
  .nk-proof-item > strong:first-child + span{
    grid-column: 1 / -1 !important;
  }
}