/* ---------- Floating action buttons ---------- */
  .fab-stack{position:fixed; right:24px; bottom:24px; z-index:1500; display:flex; flex-direction:column; gap:14px;}
  .fab{
    width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 24px rgba(0,0,0,0.45); transition:transform .25s ease, box-shadow .25s ease;
    position:relative;
  }
  .fab-wa{background:#25d366; color:#0a0a09;}
  .fab-call{background:linear-gradient(180deg,var(--gold-light),var(--gold)); color:#141210;}
  .fab:hover{transform:translateY(-3px) scale(1.06); box-shadow:0 12px 30px rgba(0,0,0,0.55);}
  .fab-tooltip{
    position:absolute; right:68px; top:50%; transform:translateY(-50%) translateX(6px);
    background:var(--bg-card); border:1px solid var(--line-strong); color:var(--ink);
    font-family:var(--mono); font-size:12px; padding:8px 14px; border-radius:2px; white-space:nowrap;
    opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease;
  }
  .fab:hover .fab-tooltip{opacity:1; transform:translateY(-50%) translateX(0);}
  @media (max-width:560px){
    .fab-stack{right:16px; bottom:16px; gap:12px;}
    .fab{width:50px; height:50px;}
    .fab-tooltip{display:none;}
  }

  /* ---------- Scroll reveal ---------- */
  .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in-view{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1 !important; transform:none !important; transition:none !important;}
    .ticker{animation:none;}
    html{scroll-behavior:auto;}
    .fab, .btn, .svc-row, .proj-card, .blog-card, .chip, .pillar, .info-card{transition:none !important;}
  }

  /* =========================================================
     EK PAKET: Light mode, loader, animasyonlar, yeni bölümler
     ========================================================= */

  /* ---------- Light mode ---------- */
  html[data-theme="light"]{
    --bg:#faf9f6;
    --bg-alt:#f1efe9;
    --bg-card:#ffffff;
    --line:rgba(20,18,16,0.09);
    --line-strong:rgba(20,18,16,0.18);
    --ink:#171512;
    --ink-muted:#5b564c;
    --ink-faint:#8a8478;
  }
  html[data-theme="light"] .fab-wa{color:#0a0a09;}
  html[data-theme="light"] .btn-primary{color:#141210;}

  /* ---------- Loader ---------- */
  #siteLoader{
    position:fixed; inset:0; z-index:9999; background:var(--bg);
    display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px;
    transition:opacity .5s ease, visibility .5s ease;
  }
  #siteLoader.loaded{opacity:0; visibility:hidden; pointer-events:none;}
  .loader-mark{font-family:var(--serif); font-size:26px; color:var(--ink); letter-spacing:0.02em;}
  .loader-mark span{color:var(--gold-light);}
  .loader-bar{width:160px; height:1px; background:var(--line); overflow:hidden; position:relative;}
  .loader-bar::after{content:""; position:absolute; left:0; top:0; bottom:0; width:40%; background:var(--gold-light); animation:loaderslide 1.1s ease-in-out infinite;}
  @keyframes loaderslide{0%{left:-40%;}100%{left:100%;}}
  @media (prefers-reduced-motion: reduce){ #siteLoader{display:none;} }

  /* ---------- Custom cursor + mouse light ---------- */
  .cursor-dot{position:fixed; width:8px; height:8px; border-radius:50%; background:var(--gold-light); pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:opacity .2s ease; opacity:0; mix-blend-mode:difference;}
  .cursor-ring{position:fixed; width:32px; height:32px; border-radius:50%; border:1px solid var(--gold-dim); pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:opacity .2s ease, width .2s ease, height .2s ease; opacity:0;}
  .cursor-dot.active, .cursor-ring.active{opacity:1;}
  .mouse-light{position:fixed; width:420px; height:420px; border-radius:50%; pointer-events:none; z-index:1; background:radial-gradient(circle, rgba(178,141,85,0.10), transparent 70%); transform:translate(-50%,-50%); opacity:0; transition:opacity .4s ease;}
  .mouse-light.active{opacity:1;}
  @media (hover:none), (max-width:980px){ .cursor-dot, .cursor-ring{display:none;} }

  /* ---------- 3D tilt for project cards ---------- */
  .proj-card{transform-style:preserve-3d; will-change:transform;}

  /* ---------- Page-out transition ---------- */
  .page-transition{position:fixed; inset:0; background:var(--bg); z-index:9997; transform:translateY(100%); transition:transform .5s cubic-bezier(.2,.8,.2,1); pointer-events:none;}
  .page-transition.active{transform:translateY(0);}

  /* ---------- Toolbar: theme / lang switcher ---------- */
  .util-bar{display:flex; align-items:center; gap:10px; margin-right:6px;}
  .util-btn{
    display:flex; align-items:center; justify-content:center; gap:6px;
    width:auto; height:34px; padding:0 10px; border-radius:2px; border:1px solid var(--line-strong);
    background:none; color:var(--ink-muted); font-family:var(--mono); font-size:11px; letter-spacing:0.04em;
    transition:border-color .2s ease, color .2s ease;
  }
  .util-btn:hover{border-color:var(--gold); color:var(--gold-light);}
  .util-btn svg{width:15px; height:15px;}

  /* ---------- Toast notifications ---------- */
  .toast-stack{position:fixed; top:24px; right:24px; z-index:9600; display:flex; flex-direction:column; gap:10px; max-width:320px;}
  .toast{
    background:var(--bg-card); border:1px solid var(--line-strong); border-left:3px solid var(--gold-light);
    color:var(--ink); font-size:13.5px; padding:14px 16px; box-shadow:0 10px 30px rgba(0,0,0,0.3);
    transform:translateX(120%); transition:transform .35s ease;
  }
  .toast.show{transform:translateX(0);}
  @media (max-width:560px){ .toast-stack{left:16px; right:16px; top:16px; max-width:none;} }

  /* ---------- Cookie consent ---------- */
  .cookie-bar{
    position:fixed; left:20px; right:20px; bottom:20px; z-index:9500; max-width:560px;
    background:var(--bg-card); border:1px solid var(--line-strong); padding:22px 24px;
    box-shadow:0 20px 50px rgba(0,0,0,0.4); transform:translateY(140%); transition:transform .5s ease;
  }
  .cookie-bar.show{transform:translateY(0);}
  .cookie-bar p{font-size:13.5px; color:var(--ink-muted); line-height:1.7; margin-bottom:16px;}
  .cookie-bar .cookie-actions{display:flex; gap:12px; flex-wrap:wrap;}

  /* ---------- Bottom mobile nav ---------- */
  .bottom-nav{
    display:none; position:fixed; left:0; right:0; bottom:0; z-index:1400;
    background:rgba(10,10,9,0.92); backdrop-filter:blur(14px); border-top:1px solid var(--line);
    padding:8px 6px calc(8px + env(safe-area-inset-bottom));
  }
  .bottom-nav ul{display:flex; justify-content:space-around;}
  .bottom-nav a{display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--ink-muted); font-family:var(--mono); font-size:10px; padding:4px 6px;}
  .bottom-nav a.active{color:var(--gold-light);}
  .bottom-nav svg{width:20px; height:20px;}
  @media (max-width:768px){ .bottom-nav{display:block;} body{padding-bottom:64px;} .fab-stack{bottom:80px;} }

  /* ---------- Bilgi kartları (info cards) ---------- */
  .info-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:20px;}
  .info-card{background:var(--bg-card); border:1px solid var(--line); padding:32px 28px; transition:transform .3s ease, border-color .3s ease;}
  .info-card:hover{transform:translateY(-4px); border-color:var(--gold-light);}
  .info-card:hover .info-icon{transform:scale(1.1);}
  .info-icon{width:32px; height:32px; color:var(--gold-light); transition:transform .3s ease;}
  .info-card h4{font-size:16px; margin:20px 0 10px; font-weight:600;}
  .info-card p{color:var(--ink-muted); font-size:14px; line-height:1.7;}

  /* ---------- FAQ search ---------- */
  .faq-search{display:flex; align-items:center; gap:10px; max-width:420px; margin:0 0 30px; border:1px solid var(--line-strong); padding:12px 16px; background:var(--bg-card);}
  .faq-search input{flex:1; background:none; border:none; color:var(--ink); font-size:14px;}
  .faq-search svg{width:16px; height:16px; color:var(--ink-faint); flex:none;}
  .faq-item.hidden{display:none;}

  /* ---------- Site search ---------- */
  .site-search-btn{background:none; border:none; color:var(--ink-muted); display:flex; align-items:center; justify-content:center; width:34px; height:34px;}
  .site-search-btn:hover{color:var(--gold-light);}
  .site-search-overlay{position:fixed; inset:0; background:rgba(6,6,5,0.9); backdrop-filter:blur(4px); z-index:2100; display:none; padding:100px 20px; overflow-y:auto;}
  .site-search-overlay.open{display:block;}
  .site-search-box{max-width:640px; margin:0 auto;}
  .site-search-box input{width:100%; background:none; border:none; border-bottom:1px solid var(--line-strong); color:var(--ink); font-family:var(--serif); font-size:28px; padding:12px 0;}
  .site-search-results{margin-top:24px; display:flex; flex-direction:column; gap:4px;}
  .site-search-results a{display:block; padding:14px 4px; border-bottom:1px solid var(--line); color:var(--ink-muted); font-size:14.5px;}
  .site-search-results a:hover, .site-search-results a:focus{color:var(--gold-light);}
  .site-search-results .sr-cat{font-family:var(--mono); font-size:10.5px; color:var(--gold); text-transform:uppercase; margin-right:8px;}

  /* ---------- Mega menu ---------- */
  .mega-menu{
    position:fixed; top:0; left:0; right:0; background:var(--bg-alt); border-bottom:1px solid var(--line-strong);
    box-shadow:0 30px 60px rgba(0,0,0,0.45); padding:110px 0 40px; z-index:900;
    opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
  }
  .mega-menu.open{opacity:1; visibility:visible; transform:translateY(0);}
  .mega-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:36px;}
  .mega-col h5{font-family:var(--mono); font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold); margin-bottom:16px;}
  .mega-col a{display:block; color:var(--ink-muted); font-size:14px; padding:7px 0;}
  .mega-col a:hover{color:var(--gold-light);}
  @media (max-width:980px){ .mega-menu{display:none;} }

  /* ---------- Feedback widget ---------- */
  .feedback-box{border:1px solid var(--line); padding:26px; margin-top:44px; max-width:420px;}
  .feedback-stars{display:flex; gap:8px; margin:12px 0;}
  .feedback-stars button{background:none; border:none; font-size:22px; color:var(--ink-faint); transition:color .15s ease;}
  .feedback-stars button.active, .feedback-stars button:hover{color:var(--gold-light);}

  /* ---------- Particle background (about section) ---------- */
  .particle-field{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;}
  .particle-field span{position:absolute; width:3px; height:3px; border-radius:50%; background:var(--gold-dim); animation:particlefloat linear infinite;}
  @keyframes particlefloat{ from{transform:translateY(0); opacity:0;} 10%{opacity:1;} to{transform:translateY(-600px); opacity:0;} }

  /* ---------- Icon micro-animation ---------- */
  .pillar-icon path, .pillar-icon circle,
  .info-icon path, .info-icon circle, .info-icon rect{stroke-dasharray:100; stroke-dashoffset:100; animation:draw 1.2s ease forwards; animation-play-state:paused;}
  .pillar.in-view .pillar-icon path, .pillar.in-view .pillar-icon circle,
  .info-card.in-view .info-icon path, .info-card.in-view .info-icon circle, .info-card.in-view .info-icon rect{animation-play-state:running;}
  @keyframes draw{ to{stroke-dashoffset:0;} }

  [dir="rtl"] .eyebrow::before{order:2;}
  [lang-hidden]{display:none !important;}

  @media (prefers-reduced-motion: reduce){
    .cursor-dot, .cursor-ring, .mouse-light, .particle-field span{display:none !important;}
  }