/* AzaKit Vitrinleri — ortak tokenlar ve temel (tasarim/tanitim/marka-spec.md). Kodda hex yalnız :root'ta. */
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:300 700;
  src:url(font/space-grotesk-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:300 700;
  src:url(font/space-grotesk-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(font/inter-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(font/inter-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --zemin:#050B15;--yuzey:#0A1628;--yuzey-2:#10213A;--cizgi:#1E3A5F;
  --metin:#F5F1E8;--sonuk:#A9B4C4;--murekkep:#050B15;
  --marka:#22D3EE;--marka-koyu:#06B6D4;--vurgu:#D4AF37;
  --marka-isik:rgb(34 211 238 / .15);--marka-ince:rgb(34 211 238 / .35);
  --golge:0 30px 80px -30px rgb(0 0 0 / .7);
  --gradient-ai:linear-gradient(90deg,#f5f1e8 0%,#22d3ee 20%,#d4af37 50%,#22d3ee 80%,#f5f1e8 100%);
  --font-baslik:"Space Grotesk",system-ui,sans-serif;--font-govde:"Inter",system-ui,sans-serif;
  --r-sm:10px;--r-md:16px;--r-lg:24px;--r-hap:999px;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-sahne:cubic-bezier(.16,1,.3,1);
  --t-hizli:.18s;--t-orta:.35s;--t-yavas:.55s;--t-sahne:.9s;
  --kap:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 17px/1.6 var(--font-govde);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--font-baslik);font-weight:600;line-height:1.04;letter-spacing:-.03em;margin:0}
p{margin:0}
::selection{background:var(--marka);color:var(--murekkep)}
:focus-visible{outline:3px solid var(--marka);outline-offset:3px;border-radius:6px}
.kap{width:min(var(--kap),100% - 32px);margin-inline:auto}
.gizli-okur{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Üst çubuk + ürün kilidi */
.ust{position:sticky;top:0;z-index:20;background:rgb(5 11 21 / .82);backdrop-filter:blur(12px);
  border-bottom:1px solid rgb(30 58 95 / .6)}
.ust .kap{display:flex;align-items:center;gap:24px;min-height:80px}
.kilit{display:flex;align-items:center;gap:14px;text-decoration:none}
.kilit img{height:56px;width:auto}
.kilit-ad{font:600 18px/1 var(--font-baslik);letter-spacing:-.01em;padding-left:14px;border-left:1px solid var(--cizgi)}
.parilti{background:var(--gradient-ai);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent;animation:brandSheen 3.5s ease-in-out .8s infinite}
@keyframes brandSheen{0%{background-position:-200% center}100%{background-position:200% center}}
.ust nav{margin-left:auto;display:flex;gap:28px;font-size:15px}
.ust nav a{text-decoration:none;color:var(--sonuk);transition:color var(--t-hizli) var(--ease)}
.ust nav a:hover{color:var(--metin)}

/* Düğmeler — tek birincil (cyan) */
.dugme{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-hap);
  background:var(--marka);color:var(--murekkep);font:600 16px/1 var(--font-govde);text-decoration:none;
  box-shadow:0 0 40px var(--marka-isik);transition:transform var(--t-hizli) var(--ease),background var(--t-hizli) var(--ease)}
.dugme:hover{background:var(--marka-koyu);transform:translateY(-2px)}
.dugme:active{transform:scale(.97)}
.dugme svg{width:18px;height:18px}
.baglanti{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--metin);font-weight:600;
  text-decoration:none;border-bottom:1px solid var(--cizgi);transition:border-color var(--t-hizli) var(--ease)}
.baglanti:hover{border-color:var(--marka)}
.etiket{font:600 12px/1.2 var(--font-govde);letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}
.canli{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sonuk)}
.canli::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--marka);
  box-shadow:0 0 0 0 var(--marka-ince);animation:nabiz 2s var(--ease) infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 8px rgb(34 211 238 / 0)}100%{box-shadow:0 0 0 0 rgb(34 211 238 / 0)}}
.sayi{font-variant-numeric:tabular-nums;color:var(--vurgu);font-weight:600}

/* Tarayıcı çerçevesi */
.cerceve{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--golge)}
.cerceve-ust{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-bottom:1px solid var(--cizgi)}
.cerceve-ust i{width:10px;height:10px;border-radius:50%;background:var(--cizgi)}
.cerceve-adres{margin-left:10px;flex:1;height:22px;border-radius:var(--r-hap);background:var(--zemin);
  font:500 12px/22px var(--font-govde);color:var(--sonuk);padding-left:12px;white-space:nowrap;overflow:hidden}
.telefon{background:var(--zemin);border:6px solid var(--yuzey-2);border-radius:28px;overflow:hidden;box-shadow:var(--golge)}

@media (max-width:720px){
  body{font-size:16px}
  .ust .kap{min-height:64px;gap:12px}
  .kilit img{height:44px}
  .kilit-ad{font-size:15px;padding-left:10px}
  .ust nav{gap:16px;font-size:14px}
  .ust nav a{min-height:44px;display:inline-flex;align-items:center}
  .ust nav a.genis{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .parilti{animation:none;background-position:50% center}
}