/* Kendi sunucumuzda: Manrope + Playfair Display (SIL OFL 1.1, lisanslar bu klasörde). Yalnız latin + latin-ext (Türkçe). 30.09.2026: Google Fonts kaldırıldı — üçüncü taraf istek/KVKK + CSP. */
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.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;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.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;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.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;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.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;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.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;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.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;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.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;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.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;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.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;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.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;
}
/* Playfair Display italic latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-ext-dc398705.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;
}
/* Playfair Display italic latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-682cdaa4.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;
}
/* Playfair Display italic latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-ext-dc398705.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;
}
/* Playfair Display italic latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-682cdaa4.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;
}
/* Playfair Display normal latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-ext-99a7c18e.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;
}
/* Playfair Display normal latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-daeff530.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;
}
/* Playfair Display normal latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-ext-99a7c18e.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;
}
/* Playfair Display normal latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-daeff530.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;
}

/* sdhub.com.tr — yeni site (28.09.2026). Marka: logo mavisi #1A3A8C, amber #F5B301, Playfair + Manrope.
   Karanlık "yayın" bölümleri + açık editoryal bölümler. prefers-reduced-motion yalnız geniş alan
   hareketlerini kapatır (dosya sonu); ekran dışındaki (.gizli) ve duraklatılan (.durdu) öğelerde
   animasyonlar bekler. */
:root {
  --gece:#060D1F; --gece-2:#0A1633; --gece-3:#101E45; --gece-cizgi:rgba(148,170,220,.16);
  --gece-metin:#E9EEF9; --gece-soluk:#9DA9C4;
  --zemin:#F7F8FB; --zemin-2:#EDF1FA; --kart:#FFFFFF; --cizgi:#D9E0EE; --murekkep:#0B1834; --soluk:#5B6784;
  --lacivert:#1A3A8C; --lacivert-h:#14307A; --altin:#F5B301; --altin-koyu:#8A6200;
  --kirmizi:#EF4444; --yesil:#22C55E; --yesil-koyu:#15803D; --wa:#25D366; --tv:#5B6EFF;
  --golge:0 1px 2px rgba(11,24,52,.04), 0 10px 30px rgba(11,24,52,.06);
  --golge-b:0 40px 90px -30px rgba(3,8,25,.7);
  --serif:'Playfair Display',Georgia,serif; --sans:Manrope,'Segoe UI',system-ui,sans-serif;
  --egri:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; scroll-padding-top:90px; }
body { margin:0; background:var(--zemin); color:var(--murekkep); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { color:var(--lacivert); text-decoration:none; }
a:hover { color:var(--lacivert-h); }
h1,h2,h3,h4 { font-family:var(--serif); margin:0; line-height:1.12; text-wrap:balance; font-weight:700; letter-spacing:-.005em; }
p { margin:0; text-wrap:pretty; }
button { font:inherit; }
[hidden] { display:none !important; }
ul,ol { margin:0; padding:0; }
:focus-visible { outline:3px solid var(--altin); outline-offset:3px; border-radius:6px; }
.atla { position:absolute; left:-9999px; top:10px; z-index:100; background:#fff; color:var(--murekkep); padding:10px 16px; border-radius:10px; font-weight:700; }
.atla:focus { left:16px; }
.kap { max-width:1200px; margin:0 auto; padding:0 32px; }
.m { color:var(--soluk); }
.hub { color:var(--altin); }
/* YAZI LOGOSU (12.10.2026 kullanıcı: «SD beyaz diğerleri turuncu. Sitenin tamamında aynı kullanım olsun.»): SD #F8FAFC +
   turuncu #F97316 (program, panel ve simgelerdeki kalıp). Açık zeminde beyaz SD görünsün diye koyu küçük zemin (simgedeki
   lacivert); koyu bölümlerde site.js wm-koyu ekler → zeminsiz. Betik çalışmazsa zeminli hâl her yerde okunur. */
.wm { white-space:nowrap; font-weight:800; letter-spacing:-.01em; text-transform:none; background:#0B1834; padding:.04em .34em .08em; border-radius:.34em;
      -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.wm .sd { color:#F8FAFC; }
.wm .hub { color:#F97316; }
.wm.wm-koyu { background:none; padding:0; border-radius:0; }
.foto { background:#1B2440 url(/kursu.jpg) center 28%/cover no-repeat; }
.kb { animation:kenburns 16s ease-in-out infinite alternate; transform-origin:55% 35%; }
@keyframes kenburns { from { transform:scale(1.03); } to { transform:scale(1.18) translate(-2%,1%); } }

/* ── üst şerit ─────────────────────────────────────────────── */
.ust-serit { position:sticky; top:env(safe-area-inset-top, 0px); z-index:50; background:var(--gece); -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px); border-bottom:1px solid transparent; transition:background .3s, border-color .3s; }
.ust-serit.kaydi { background:rgba(6,13,31,.95); border-bottom-color:var(--gece-cizgi); }
.ust-ic { display:flex; align-items:center; gap:24px; height:74px; }
.logo img, .logo-beyaz { filter:brightness(0) invert(1); }
.logo img { width:46px; height:46px; }
.menu { display:flex; gap:4px; margin-left:6px; }
.menu a { color:var(--gece-soluk); font-weight:700; font-size:15px; padding:8px 13px; border-radius:999px; display:inline-flex; align-items:center; gap:8px; transition:color .2s, background .2s; }
.menu a:hover { color:#fff; background:rgba(255,255,255,.06); }
.menu a[aria-current=page] { color:#fff; background:rgba(255,255,255,.1); }
.menu .menu-ek { display:none; }
.ust-eylem { margin-left:auto; display:flex; gap:10px; align-items:center; }
.dil-dugme { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:36px; padding:0 10px; border-radius:10px; border:1px solid rgba(255,255,255,.22); color:#DCE4F7; font-weight:800; font-size:13px; letter-spacing:.08em; transition:border-color .2s, color .2s, background .2s; }
.dil-dugme:hover { color:#fff; border-color:var(--altin); background:rgba(245,179,1,.1); }
.menu-dugme { display:none; width:44px; height:44px; border-radius:12px; border:1px solid var(--gece-cizgi); background:rgba(255,255,255,.04); cursor:pointer; padding:0; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.menu-dugme i { display:block; width:18px; height:2px; border-radius:2px; background:#fff; transition:transform .3s, opacity .3s; }
.menu-acik .menu-dugme i:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.menu-acik .menu-dugme i:nth-child(2) { opacity:0; }
.menu-acik .menu-dugme i:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ── düğmeler ──────────────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 22px; border-radius:12px; font-weight:800; font-size:15.5px; line-height:1.2; border:1px solid transparent; white-space:nowrap; cursor:pointer; transition:transform .2s var(--egri), background .2s, box-shadow .2s, color .2s, border-color .2s; }
.btn:hover { transform:translateY(-1px); }
.btn:active { transform:translateY(0) scale(.98); }
.btn-k { padding:10px 16px; font-size:14.5px; }
.btn-b { padding:16px 26px; font-size:16.5px; }
.btn .ok { display:inline-flex; transition:transform .25s var(--egri); }
.btn:hover .ok, .urun-bag:hover .ok { transform:translateX(4px); }
.btn-altin { background:var(--altin); color:#1B1300; box-shadow:0 10px 30px -10px rgba(245,179,1,.7); }
.btn-altin:hover { background:#FFC526; color:#1B1300; box-shadow:0 14px 34px -10px rgba(245,179,1,.85); }
.btn-ana { background:var(--lacivert); color:#fff; box-shadow:0 10px 26px -12px rgba(26,58,140,.7); }
.btn-ana:hover { background:var(--lacivert-h); color:#fff; }
.btn-yesil { background:var(--yesil-koyu); color:#fff; box-shadow:0 10px 26px -12px rgba(21,128,61,.7); }
.btn-yesil:hover { background:#116B33; color:#fff; }
.btn-cizgi-koyu { color:#fff; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.04); }
.btn-cizgi-koyu:hover { color:#fff; border-color:rgba(37,211,102,.75); background:rgba(37,211,102,.12); }
.btn-wa { color:#0E7A6E; border-color:rgba(37,211,102,.6); background:transparent; }
.btn-wa:hover { color:#0B5F55; background:rgba(37,211,102,.12); }
.btn[disabled] { opacity:.6; cursor:wait; transform:none; }
.dugmeler { display:flex; flex-wrap:wrap; gap:12px; }

/* ── kahraman (karanlık açılış) ────────────────────────────── */
.kahraman { position:relative; background:var(--gece); color:var(--gece-metin); overflow:hidden; isolation:isolate; }
.kahraman::before { content:""; position:absolute; inset:-25%; z-index:-2; pointer-events:none;
  background:radial-gradient(38% 34% at 22% 22%, rgba(26,58,140,.62), transparent 70%),
             radial-gradient(32% 30% at 84% 28%, rgba(91,110,255,.26), transparent 70%),
             radial-gradient(30% 28% at 60% 92%, rgba(245,179,1,.12), transparent 70%);
  animation:aurora 24s ease-in-out infinite alternate; }
.kahraman::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 30%, #000 25%, transparent 80%); mask-image:radial-gradient(ellipse 75% 65% at 50% 30%, #000 25%, transparent 80%); }
.kahraman-amber::before { background:radial-gradient(38% 34% at 22% 22%, rgba(26,58,140,.55), transparent 70%), radial-gradient(34% 32% at 82% 30%, rgba(245,179,1,.2), transparent 70%), radial-gradient(30% 28% at 55% 95%, rgba(91,110,255,.15), transparent 70%); }
.kahraman-yesil::before { background:radial-gradient(38% 34% at 22% 22%, rgba(26,58,140,.55), transparent 70%), radial-gradient(34% 32% at 82% 30%, rgba(34,197,94,.18), transparent 70%), radial-gradient(30% 28% at 55% 95%, rgba(245,179,1,.1), transparent 70%); }
@keyframes aurora { 0% { transform:translate3d(0,0,0) rotate(0); } 50% { transform:translate3d(3%,-2%,0) rotate(4deg); } 100% { transform:translate3d(-3%,2%,0) rotate(-3deg); } }
.kahraman-ic { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr); gap:56px; align-items:center; padding-top:84px; padding-bottom:84px; }
.kahraman-metin { display:grid; gap:24px; align-content:center; }
.kahraman-orta { display:grid; gap:24px; justify-items:center; text-align:center; padding-top:88px; padding-bottom:48px; }
.kahraman-orta .alt-metin { margin:0 auto; }
.kahraman-kisa .kahraman-orta { padding-bottom:88px; }
.kahraman h1 { font-size:clamp(40px, 5.3vw, 70px); color:#fff; }
.kahraman-orta h1 { font-size:clamp(42px, 6.2vw, 80px); }
.alt-metin { font-size:19px; color:var(--gece-soluk); max-width:620px; }
.alt-metin b { color:#fff; font-weight:700; }
.alt-metin s { opacity:.7; }
.ust-cip { justify-self:start; display:inline-flex; align-items:center; gap:10px; padding:7px 15px 7px 11px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--gece-cizgi); font-size:12.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:#DCE4F7; }
.kahraman-orta .ust-cip { justify-self:center; }
.ust-cip.amber { border-color:rgba(245,179,1,.35); color:#FDE68A; }
.ust-cip.yesil { border-color:rgba(34,197,94,.35); color:#BBF7D0; }
.canli-nokta, .nokta-amber, .nokta-yesil { width:9px; height:9px; border-radius:50%; background:var(--kirmizi); display:inline-block; flex:none; animation:nabiz 1.8s infinite; }
.nokta-amber { background:var(--altin); animation-name:nabiz-amber; }
.nokta-yesil { background:var(--yesil); animation-name:nabiz-yesil; }
@keyframes nabiz { 0% { box-shadow:0 0 0 0 rgba(239,68,68,.6); } 70% { box-shadow:0 0 0 9px rgba(239,68,68,0); } 100% { box-shadow:0 0 0 0 rgba(239,68,68,0); } }
@keyframes nabiz-amber { 0% { box-shadow:0 0 0 0 rgba(245,179,1,.6); } 70% { box-shadow:0 0 0 9px rgba(245,179,1,0); } 100% { box-shadow:0 0 0 0 rgba(245,179,1,0); } }
@keyframes nabiz-yesil { 0% { box-shadow:0 0 0 0 rgba(34,197,94,.6); } 70% { box-shadow:0 0 0 9px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }
.vurgu { font-style:italic; color:var(--altin); position:relative; white-space:nowrap; }
.vurgu svg { position:absolute; left:-2%; bottom:-.14em; width:104%; height:.34em; overflow:visible; }
.vurgu path { stroke:var(--altin); stroke-width:4; fill:none; stroke-linecap:round; stroke-dasharray:240; stroke-dashoffset:240; animation:ciz 1.1s .9s cubic-bezier(.6,0,.2,1) forwards; vector-effect:non-scaling-stroke; }
@keyframes ciz { to { stroke-dashoffset:0; } }
.giris-anim > * { opacity:0; transform:translateY(18px); animation:yuksel .85s var(--egri) forwards; }
.giris-anim > :nth-child(2) { animation-delay:.08s; } .giris-anim > :nth-child(3) { animation-delay:.18s; }
.giris-anim > :nth-child(4) { animation-delay:.28s; } .giris-anim > :nth-child(5) { animation-delay:.38s; }
.giris-anim-demo { opacity:0; transform:translateY(26px) scale(.985); animation:yuksel 1s .3s var(--egri) forwards; }
@keyframes yuksel { to { opacity:1; transform:none; } }
.kahraman-not { list-style:none; display:flex; flex-wrap:wrap; gap:10px 22px; font-size:14px; color:var(--gece-soluk); font-weight:600; }
.kahraman-not li, .tik-liste li { position:relative; padding-left:25px; }
.giris-anim .kahraman-not li { opacity:0; animation:yuksel .6s var(--egri) forwards; animation-delay:calc(.9s + var(--i) * .13s); }
.kahraman-not li svg, .tik-liste li svg { position:absolute; left:0; top:.28em; }
.kahraman-not svg { color:var(--altin); }

/* sayılar */
.sayilar { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); border-top:1px solid var(--gece-cizgi); padding-top:32px; padding-bottom:40px; gap:18px; }
.sayi { display:grid; gap:2px; align-content:start; }
.sayi b { font-family:var(--serif); font-size:clamp(40px, 4.4vw, 56px); line-height:1; color:#fff; font-variant-numeric:tabular-nums; min-width:2ch; min-height:1em; }
.sayi span { font-weight:800; font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:var(--altin); }
.sayi small { font-size:13.5px; color:var(--gece-soluk); line-height:1.45; }

/* ── haber bandı + kayan şeritler ──────────────────────────── */
.bant { display:flex; align-items:stretch; background:var(--gece-2); border-top:1px solid var(--gece-cizgi); border-bottom:1px solid var(--gece-cizgi); color:#DCE4F7; overflow:hidden; }
.bant-etiket { flex:none; display:flex; align-items:center; gap:9px; padding:0 20px; background:var(--kirmizi); color:#fff; font-weight:800; font-size:12.5px; letter-spacing:.16em; position:relative; z-index:1; }
.bant-etiket .canli-nokta { background:#fff; animation-name:nabiz-beyaz; }
@keyframes nabiz-beyaz { 0% { box-shadow:0 0 0 0 rgba(255,255,255,.7); } 70% { box-shadow:0 0 0 8px rgba(255,255,255,0); } 100% { box-shadow:0 0 0 0 rgba(255,255,255,0); } }
.bant .kayan { flex:1; -webkit-mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); padding:14px 0; }
.bant-madde { display:inline-flex; align-items:center; font-weight:700; font-size:15px; margin-right:40px; white-space:nowrap; }
.bant-madde::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--altin); margin-right:40px; }
.kayan { overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.kayan-ray { display:flex; width:max-content; animation:kay var(--kayma, 40s) linear infinite; }
.kayan.ters .kayan-ray { animation-direction:reverse; }
.kayan:hover .kayan-ray { animation-play-state:paused; }
.kayan-grup { display:flex; flex:none; }
@keyframes kay { to { transform:translateX(-50%); } }

/* ── bölümler ──────────────────────────────────────────────── */
.bolum { padding:112px 0; }
.bolum-beyaz { background:#fff; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
.bolum-koyu { background:var(--gece); color:var(--gece-metin); position:relative; overflow:hidden; isolation:isolate; }
.bolum-koyu::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(45% 60% at 85% 50%, rgba(26,58,140,.5), transparent 70%), radial-gradient(30% 40% at 10% 90%, rgba(245,179,1,.08), transparent 70%); }
.bolum-bas { display:grid; gap:14px; max-width:760px; margin-bottom:52px; }
.bolum-bas.orta { margin-left:auto; margin-right:auto; text-align:center; justify-items:center; }
.bolum-bas h2, .form-yan h2, .kontrol h2 { font-size:clamp(32px, 3.8vw, 48px); }
.bolum-alt { font-size:18.5px; color:var(--soluk); max-width:680px; }
.bolum-koyu .bolum-alt { color:var(--gece-soluk); }
.ust { font-size:13px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; color:var(--lacivert); }
.bolum-koyu .ust { color:var(--altin); }
.ust.yesil { color:var(--yesil-koyu); }
[data-goster] { transition:opacity .8s var(--egri), transform .8s var(--egri); transition-delay:calc(var(--g, 0) * 90ms); }
.js-belir [data-goster]:not(.gorundu) { opacity:0; transform:translateY(26px); }

/* rozetler + listeler */
.rozet-altin, .rozet-amber, .rozet-yesil { display:inline-flex; align-items:center; padding:5px 12px; border-radius:999px; font-weight:800; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.rozet-altin { background:rgba(245,179,1,.16); border:1px solid rgba(245,179,1,.5); color:#FFD766; }
.rozet-altin.acik { color:var(--altin-koyu); justify-self:start; }
.rozet-amber { background:rgba(245,179,1,.14); border:1px solid rgba(245,179,1,.5); color:var(--altin-koyu); }
.rozet-yesil { background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.45); color:var(--yesil-koyu); }
.tik-liste { list-style:none; display:grid; gap:9px; font-weight:600; font-size:15px; }
.tik-liste svg { color:var(--lacivert); flex:none; }
.tik-liste.koyu { color:#DCE4F7; } .tik-liste.koyu svg { color:var(--altin); }

/* ışık izleyen kart */
.isik { position:relative; }
.isik::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .3s;
  background:radial-gradient(420px circle at var(--x, 50%) var(--y, 0%), rgba(26,58,140,.09), transparent 45%); }
.isik:hover::before { opacity:1; }

/* ── ürün kartları (ana sayfa) ─────────────────────────────── */
.urunler { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
.urun-kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:22px; box-shadow:var(--golge); overflow:hidden; display:grid; grid-template-rows:auto 1fr; transition:transform .35s var(--egri), box-shadow .35s, border-color .35s, opacity .8s var(--egri); }
.urun-kart:hover { transform:translateY(-4px); box-shadow:0 2px 4px rgba(11,24,52,.05), 0 24px 50px -12px rgba(11,24,52,.18); border-color:#C6D0E6; }
.urun-ic { padding:28px 30px 30px; display:grid; gap:14px; align-content:start; }
.urun-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.urun-ad { font-family:var(--serif); font-weight:700; font-size:22px; display:inline-flex; align-items:center; gap:10px; }
.urun-kart h3 { font-size:26px; }
.urun-bag { display:inline-flex; align-items:center; gap:6px; font-weight:800; font-size:15.5px; margin-top:4px; }
.urun-bag .ok { display:inline-flex; transition:transform .25s var(--egri); }

/* küçük döngüler */
.mini { height:200px; background:linear-gradient(160deg, #0B1636, #060D1F); position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:18px; padding:22px; color:#DCE4F7; }
.mini::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size:28px 28px; pointer-events:none; }
.mh-kart { width:120px; padding:8px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid var(--gece-cizgi); display:grid; gap:6px; animation:mh-nefes 5s ease-in-out infinite; }
.mh-kart .foto { height:62px; border-radius:8px; }
.mh-kart i { height:5px; border-radius:3px; background:rgba(255,255,255,.18); }
.mh-kart i + i { width:65%; }
.mh-ok { color:var(--altin); animation:mh-ok 5s ease-in-out infinite; }
.mh-cipler { display:grid; gap:6px; }
.mh-cipler span { padding:4px 12px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.04em; background:rgba(245,179,1,.14); border:1px solid rgba(245,179,1,.45); color:#FFE39A; opacity:0; animation:mh-cip 5s var(--egri) infinite; animation-delay:calc(var(--i) * .14s); }
@keyframes mh-nefes { 0%,100% { transform:scale(1); } 20% { transform:scale(1.04); } }
@keyframes mh-ok { 0%,15% { transform:translateX(-6px); opacity:.3; } 25%,85% { transform:none; opacity:1; } 100% { opacity:.3; } }
@keyframes mh-cip { 0%,22% { opacity:0; transform:translateX(-12px) scale(.9); } 30%,84% { opacity:1; transform:none; } 94%,100% { opacity:0; transform:translateX(8px); } }
.mini-tv { justify-content:flex-start; }
.mt-ekran { position:relative; width:46%; aspect-ratio:16/9; border-radius:10px; overflow:hidden; flex:none; border:1px solid var(--gece-cizgi); }
.mt-ekran .foto { position:absolute; inset:0; }
.mt-canli { position:absolute; top:6px; left:6px; display:inline-flex; align-items:center; gap:5px; padding:2px 7px; border-radius:5px; background:var(--kirmizi); color:#fff; font-size:10px; font-weight:800; letter-spacing:.1em; }
.mt-canli i { width:5px; height:5px; border-radius:50%; background:#fff; }
.mt-sag { flex:1; display:grid; gap:12px; min-width:0; }
.mt-metin { font-size:13.5px; line-height:1.6; color:#C9D3EA; }
.mk { border-radius:4px; padding:0 2px; animation:mk-sec 5s infinite; animation-delay:calc(var(--j) * .12s); }
@keyframes mk-sec { 0%,30% { background:transparent; color:#C9D3EA; } 36%,80% { background:rgba(91,110,255,.38); color:#fff; } 90%,100% { background:transparent; } }
.mt-dalga { display:flex; align-items:center; gap:3px; height:34px; }
.mt-dalga i { flex:1; height:calc(var(--h) * 1%); border-radius:2px; background:#3A4A6A; animation:dalga 1.1s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -.08s); }
.mini-sdha { align-items:flex-start; }
.ms-ray { width:100%; display:grid; gap:8px; animation:ms-kay 9s linear infinite; }
.ms-satir { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); font-size:13px; }
.ms-satir em { font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--altin); width:62px; flex:none; }
.ms-satir b { flex:1; font-weight:700; color:#E9EEF9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ms-satir span { color:var(--yesil); display:flex; }
@keyframes ms-kay { to { transform:translateY(calc(-50% - 4px)); } }
.mb-yorunge { position:absolute; width:150px; height:150px; left:50%; top:50%; margin:-75px 0 0 -75px; animation:don 30s linear infinite; }
.mb-yorunge i { position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px; border-radius:50%; background:#2A3A63; transform:rotate(var(--a)) translateY(-75px); animation:mb-yan 3s infinite; animation-delay:calc(var(--i) * .3s); }
.mb-merkez { position:relative; z-index:1; width:64px; height:64px; border-radius:50%; background:var(--lacivert); display:grid; place-items:center; color:#fff; box-shadow:0 0 0 0 rgba(34,197,94,.5); animation:mb-ping 3s infinite; }
@keyframes don { to { transform:rotate(360deg); } }
@keyframes mb-yan { 0%,100% { background:#2A3A63; box-shadow:none; } 10%,30% { background:var(--yesil); box-shadow:0 0 12px rgba(34,197,94,.8); } }
@keyframes mb-ping { 0% { box-shadow:0 0 0 0 rgba(34,197,94,.45); } 70% { box-shadow:0 0 0 40px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }

/* ── nasıl çalışır ─────────────────────────────────────────── */
.adimlar { position:relative; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:26px; }
.adim-hat { position:absolute; left:12.5%; right:12.5%; top:36px; height:2px; background:repeating-linear-gradient(90deg, #C6D0E6 0 8px, transparent 8px 16px); }
.adim-hat i { position:absolute; top:-5px; left:0; width:12px; height:12px; margin-left:-6px; border-radius:50%; background:var(--altin); box-shadow:0 0 0 6px rgba(245,179,1,.2), 0 0 18px rgba(245,179,1,.8); animation:adim-git 8s var(--egri) infinite; }
@keyframes adim-git { 0% { left:0; } 22%,25% { left:33.33%; } 47%,50% { left:66.66%; } 72%,100% { left:100%; } }
.adim { position:relative; display:grid; gap:10px; justify-items:center; text-align:center; }
.adim-ikon { width:72px; height:72px; border-radius:22px; background:#fff; border:1px solid var(--cizgi); display:grid; place-items:center; color:var(--lacivert); box-shadow:var(--golge); position:relative; z-index:1; animation:adim-yan 8s infinite; animation-delay:calc(var(--i) * 2s - .4s); }
@keyframes adim-yan { 0%,100% { transform:none; background:#fff; color:var(--lacivert); } 6%,16% { transform:translateY(-4px); background:var(--lacivert); color:#fff; box-shadow:0 16px 30px -10px rgba(26,58,140,.55); } 24% { transform:none; background:#fff; color:var(--lacivert); } }
/* Adımın çıktısı: ikon vurgusuyla AYNI gecikme ve 8 s döngü → nokta adıma varınca belirir, ayrılınca söner */
.adim-cikti { position:absolute; left:50%; bottom:calc(100% + 10px); display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; background:var(--lacivert); color:#fff; font-family:var(--sans); font-size:12px; font-weight:800; white-space:nowrap; opacity:0; transform:translate(-50%, 6px); pointer-events:none; animation:adim-cikti 8s var(--egri) infinite; animation-delay:calc(var(--i) * 2s - .4s); }
.adim-cikti svg { color:var(--altin); }
@keyframes adim-cikti { 0%,5% { opacity:0; transform:translate(-50%, 6px); } 9%,19% { opacity:1; transform:translate(-50%, 0); } 25%,100% { opacity:0; transform:translate(-50%, -4px); } }
.adim-no { font-weight:800; font-size:12.5px; letter-spacing:.14em; color:var(--altin-koyu); margin-top:6px; }
.adim h3 { font-size:24px; }
.adim p { font-size:15.5px; max-width:250px; }

/* ── özellik ızgarası ──────────────────────────────────────── */
.izgara { display:grid; gap:18px; }
.izgara-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.izgara-4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.ozellik { background:var(--kart); border:1px solid var(--cizgi); border-radius:18px; padding:26px; display:grid; gap:12px; align-content:start; box-shadow:var(--golge); transition:transform .35s var(--egri), box-shadow .35s, border-color .35s, opacity .8s var(--egri); }
.bolum-beyaz .ozellik { background:var(--zemin); box-shadow:none; }
.ozellik:hover { transform:translateY(-3px); border-color:#C6D0E6; box-shadow:0 20px 40px -18px rgba(11,24,52,.22); }
.ozellik-ikon { width:46px; height:46px; border-radius:13px; background:rgba(26,58,140,.08); color:var(--lacivert); display:grid; place-items:center; transition:transform .4s var(--egri), background .3s, color .3s; }
.ozellik:hover .ozellik-ikon { transform:rotate(-6deg) scale(1.08); background:var(--lacivert); color:#fff; }
.ozellik h3 { font-size:21px; }
.ozellik p { font-size:15.5px; color:var(--soluk); }

/* ── kontrol sizde (telefon + Telegram) ────────────────────── */
.kontrol-ic { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; align-items:center; }
.kontrol-metin { display:grid; gap:18px; }
.kontrol h2 { color:#fff; }
.kontrol-kartlar { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-top:10px; }
.kontrol-kartlar div { padding:16px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); display:grid; gap:6px; color:var(--altin); }
.kontrol-kartlar b { color:#fff; font-size:15px; }
.kontrol-kartlar small { color:var(--gece-soluk); font-size:13px; line-height:1.45; }
.sohbet-kap { position:relative; display:grid; justify-items:center; }
.telefon { position:relative; width:280px; aspect-ratio:9/19; border-radius:44px; padding:10px; background:linear-gradient(145deg, #243259, #0B1330); box-shadow:0 0 0 1px rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.06), 0 50px 90px -30px rgba(0,0,0,.8); flex:none; }
.telefon::before { content:""; position:absolute; top:19px; left:50%; width:82px; height:22px; margin-left:-41px; border-radius:14px; background:#050914; z-index:5; }
.telefon.kucuk { width:268px; }
.telefon-ekran { position:relative; height:100%; border-radius:35px; overflow:hidden; background:#0B1020; }
.sohbet { background:linear-gradient(180deg, #0E1A3A, #0A1228); padding:54px 12px 12px; display:flex; flex-direction:column; gap:10px; }
.sohbet-ust { display:flex; align-items:center; gap:10px; padding:0 4px 10px; border-bottom:1px solid var(--gece-cizgi); }
.sohbet-ust img { width:32px; height:32px; border-radius:50%; background:#fff; padding:3px; }
.sohbet-ust span { display:grid; line-height:1.2; }
.sohbet-ust b { color:#fff; font-size:14px; }
.sohbet-ust small { color:var(--gece-soluk); font-size:11px; }
.balon { max-width:88%; padding:9px 11px; border-radius:14px 14px 14px 4px; background:#1B2A52; color:#E9EEF9; font-size:12.5px; line-height:1.4; display:grid; gap:5px; opacity:0; transform:translateY(12px) scale(.96); animation:balon 10s var(--egri) infinite; }
.balon .foto { height:92px; border-radius:9px; }
.balon b { font-size:13px; }
.balon small { color:var(--gece-soluk); font-size:11.5px; }
.b-dugme { justify-self:start; padding:5px 14px; border-radius:8px; background:var(--lacivert); color:#fff; font-weight:800; font-size:12px; animation:b-dugme 10s infinite; }
.balon.ben { align-self:flex-end; border-radius:14px 14px 4px 14px; background:var(--lacivert); font-weight:700; animation-name:balon-2; }
.balon.b3 { display:flex; align-items:center; gap:6px; animation-name:balon-3; }
.balon.b3 svg { color:var(--yesil); flex:none; }
@keyframes balon { 0%,6% { opacity:0; transform:translateY(12px) scale(.96); } 11%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@keyframes balon-2 { 0%,40% { opacity:0; transform:translateY(12px) scale(.96); } 45%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@keyframes balon-3 { 0%,54% { opacity:0; transform:translateY(12px) scale(.96); } 59%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@keyframes b-dugme { 0%,24% { box-shadow:0 0 0 0 rgba(245,179,1,0); } 30% { box-shadow:0 0 0 6px rgba(245,179,1,.45); } 36% { transform:scale(.94); box-shadow:0 0 0 0 rgba(245,179,1,0); } 40%,100% { transform:none; background:var(--yesil-koyu); } }
.sohbet-bildirim { position:absolute; left:-24px; top:26%; display:flex; gap:10px; align-items:center; padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.96); color:var(--murekkep); box-shadow:0 20px 40px -10px rgba(0,0,0,.5); max-width:250px; animation:bildirim 10s var(--egri) infinite; }
.sohbet-bildirim svg { color:var(--lacivert); flex:none; }
.sohbet-bildirim span { display:grid; line-height:1.3; }
.sohbet-bildirim b { font-size:13.5px; }
.sohbet-bildirim small { font-size:12px; color:var(--soluk); }
@keyframes bildirim { 0%,2% { opacity:0; transform:translateX(-16px); } 7%,32% { opacity:1; transform:none; } 38%,100% { opacity:0; transform:translateX(-10px); } }

/* ── platformlar ───────────────────────────────────────────── */
.platformlar .kayan { margin-top:14px; }
.p-cip { display:inline-flex; align-items:center; gap:10px; margin-right:14px; padding:12px 20px; border-radius:999px; background:#fff; border:1px solid var(--cizgi); font-weight:700; font-size:16px; white-space:nowrap; box-shadow:var(--golge); }
.p-cip i { width:10px; height:10px; border-radius:50%; background:var(--r); }
.iki-sutun { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; align-items:center; }
.iki-sutun .bolum-bas { margin-bottom:0; }
.pl-izgara { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.pl { display:flex; align-items:center; gap:10px; padding:13px 16px; border-radius:14px; border:1px solid var(--cizgi); background:var(--zemin); font-weight:700; font-size:15px; animation:pl-yan 7s infinite; animation-delay:calc(var(--i) * .35s); }
.pl i { width:10px; height:10px; border-radius:50%; background:var(--r); flex:none; }
/* 03.10.2026: platformun görsel ORANI — küçük kare üzerine gelince (ve kendiliğinden, sırayla) platformun
   oranına dönüşür; etiketi (4:5, 9:16…) üstünde belirir. Dokunmatikte de görünsün diye pl-yan ile aynı
   ritimde kendiliğinden döner; hover/odakta kalıcı. */
.pl { position:relative; cursor:default; }
.pl .oran { position:relative; margin-left:auto; flex:none; width:14px; height:14px; border:2px solid var(--r); border-radius:3px; opacity:.5; transition:width .5s var(--egri), height .5s var(--egri), opacity .3s; animation:oran-don 7s var(--egri) infinite; animation-delay:calc(var(--i) * .35s); }
.pl .oran::after { content:attr(data-oran); position:absolute; right:-2px; bottom:calc(100% + 6px); font-size:11px; font-weight:800; letter-spacing:.02em; color:var(--lacivert); background:#fff; border:1px solid var(--cizgi); border-radius:6px; padding:1px 6px; white-space:nowrap; opacity:0; transform:translateY(4px); transition:opacity .3s, transform .3s var(--egri); animation:oran-etiket 7s var(--egri) infinite; animation-delay:calc(var(--i) * .35s); }
@keyframes oran-don { 0%,100% { width:14px; height:14px; opacity:.5; } 4%,10% { width:var(--w); height:var(--h); opacity:1; } 15% { width:14px; height:14px; opacity:.5; } }
@keyframes oran-etiket { 0%,100% { opacity:0; transform:translateY(4px); } 4%,10% { opacity:1; transform:none; } 15% { opacity:0; transform:translateY(4px); } }
.pl:hover .oran, .pl:focus-visible .oran { width:var(--w); height:var(--h); opacity:1; animation:none; }
.pl:hover .oran::after, .pl:focus-visible .oran::after { opacity:1; transform:none; animation:none; }
@keyframes pl-yan { 0%,100% { border-color:var(--cizgi); background:var(--zemin); transform:none; } 4%,9% { border-color:var(--r); background:#fff; transform:translateY(-2px); box-shadow:0 10px 20px -12px rgba(11,24,52,.35); } 14% { border-color:var(--cizgi); background:var(--zemin); transform:none; box-shadow:none; } }

/* ── fiyat bandı ───────────────────────────────────────────── */
.fiyat-bant { background:var(--gece); color:var(--gece-metin); padding:100px 0; position:relative; overflow:hidden; isolation:isolate; }
.fiyat-bant::before { content:""; position:absolute; inset:-30%; z-index:-1; background:radial-gradient(35% 45% at 80% 50%, rgba(245,179,1,.16), transparent 70%), radial-gradient(40% 50% at 15% 30%, rgba(26,58,140,.6), transparent 70%); animation:aurora 26s ease-in-out infinite alternate; }
.fiyat-ic { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:56px; align-items:center; }
.fiyat-metin { display:grid; gap:18px; justify-items:start; }
.fiyat-metin h2 { font-size:clamp(32px, 3.8vw, 48px); color:#fff; }
.fiyat-metin p { color:var(--gece-soluk); font-size:18px; }
.fiyat-kutu { padding:32px; border-radius:24px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow:var(--golge-b); display:grid; gap:18px; }
.fiyat-satir { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--gece-cizgi); flex-wrap:wrap; }
.fiyat-satir small { font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); font-weight:700; }
.fiyat-satir b { font-family:var(--serif); font-size:36px; color:#fff; line-height:1; }
.fiyat-satir.vurgulu b { color:var(--altin); font-size:44px; }
.fiyat-satir s { color:var(--gece-soluk); font-weight:600; font-size:18px; margin-right:10px; }
.kdv { font-size:13.5px; color:var(--gece-soluk); }

/* ── alt bilgi ─────────────────────────────────────────────── */
.alt { background:#040916; color:var(--gece-soluk); border-top:1px solid var(--gece-cizgi); }
.alt-ic { display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); gap:40px; padding-top:64px; padding-bottom:48px; }
.alt-marka { display:grid; gap:16px; align-content:start; max-width:340px; }
.alt-marka p { font-size:15px; }
.alt-sutun { display:grid; gap:10px; align-content:start; font-size:15px; }
.alt-firma { color:#fff; font-weight:800; letter-spacing:.02em; }
.alt-adres { color:var(--gece-metin); }
.nw { white-space:nowrap; }
/* Derya'nın sabit düğmesi (sağ alt) sayfa sonunda alt bilgiyi örtmesin (01.10 ölçüldü). */
[data-destek] .alt-alt { padding-bottom:96px; }   /* botsuz sayfa (abonelikten çıkış) etkilenmez */
.alt-teknokent { display:inline-flex; margin-top:6px; opacity:.9; transition:opacity .2s; }
.alt-teknokent:hover { opacity:1; }
.alt-teknokent img { display:block; width:128px; height:auto; }
.alt-sutun h2 { font-family:var(--sans); font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:#fff; font-weight:800; margin-bottom:4px; }
.alt a { color:var(--gece-soluk); transition:color .2s; }
.alt a:hover { color:#fff; }
.alt-alt { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:22px; padding-bottom:28px; border-top:1px solid var(--gece-cizgi); font-size:13.5px; }

/* ── gösterim kabuğu ───────────────────────────────────────── */
.demo { position:relative; background:linear-gradient(180deg, rgba(20,32,70,.94), rgba(9,17,40,.97)); border:1px solid rgba(148,170,220,.2); border-radius:20px; box-shadow:var(--golge-b), inset 0 1px 0 rgba(255,255,255,.07); color:var(--gece-metin); overflow:hidden; font-size:14px; }
.demo-ust { display:flex; align-items:center; gap:7px; padding:12px 16px; border-bottom:1px solid rgba(148,170,220,.13); font-size:12.5px; color:var(--gece-soluk); }
.demo-ust .d { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.14); }
.demo-ust b { margin-left:8px; color:#DCE4F7; font-weight:700; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.canli-rozet { margin-left:auto; display:inline-flex; align-items:center; gap:7px; padding:3px 10px; border-radius:999px; background:rgba(239,68,68,.15); color:#FCA5A5; font-weight:800; font-size:11px; letter-spacing:.1em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.canli-rozet i { width:7px; height:7px; border-radius:50%; background:var(--kirmizi); animation:nabiz 1.8s infinite; }
.canli-rozet.amber { background:rgba(245,179,1,.14); color:#FDE68A; } .canli-rozet.amber i { background:var(--altin); animation-name:nabiz-amber; }
.canli-rozet.yesil { background:rgba(34,197,94,.14); color:#BBF7D0; } .canli-rozet.yesil i { background:var(--yesil); animation-name:nabiz-yesil; }
.demo-alt { display:flex; align-items:center; gap:12px; padding:10px 14px; border-top:1px solid rgba(148,170,220,.13); }
.oynat { width:30px; height:30px; flex:none; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); color:#fff; display:grid; place-items:center; cursor:pointer; padding:0; transition:background .2s; }
.oynat:hover { background:rgba(255,255,255,.14); }
.oynat .i-oynat, .durdu .oynat .i-dur { display:none; }
.durdu .oynat .i-oynat { display:block; }
.ilerleme { flex:1; height:4px; border-radius:4px; background:rgba(255,255,255,.1); overflow:hidden; }
.ilerleme i { display:block; height:100%; width:0; background:linear-gradient(90deg, var(--altin), #FFD766); border-radius:4px; }
.zaman { font-variant-numeric:tabular-nums; font-size:12px; color:var(--gece-soluk); white-space:nowrap; }
.ornek-not { font-size:11px; color:var(--gece-soluk); opacity:.75; white-space:nowrap; margin-left:auto; }
.demo-alt .zaman + .ornek-not { margin-left:0; }
.demo.durdu *, .demo.durdu *::before, .demo.durdu *::after,
.gizli *, .gizli *::before, .gizli *::after, .gizli, .gizli::before, .gizli::after { animation-play-state:paused !important; }
/* 12.10.2026: kahraman "aurora"sı (::before, 24 s ∞, ≈1,5× ekran alanı) sayfa sonunda da dönüyordu → kahramanlar data-canli */
.iskelet { display:grid; gap:6px; }
.iskelet i { display:block; height:6px; border-radius:4px; background:rgba(255,255,255,.1); }
.iskelet.acik i { background:#E3E8F3; }

/* ── üretim hattı (ana sayfa) ──────────────────────────────── */
.hat-govde { position:relative; padding:18px; display:grid; gap:12px; min-height:452px; align-content:start; }
.hat-ust { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:12px; align-items:stretch; }
.hat-haber { position:relative; padding:12px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(148,170,220,.18); overflow:hidden; opacity:0; transform:translateY(-14px) scale(.98); transition:opacity .5s, transform .6s var(--egri); }
.hat.a1 .hat-haber { opacity:1; transform:none; }
.hat-haber .foto { height:78px; border-radius:9px; margin-bottom:9px; }
.hat-kaynak { font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gece-soluk); display:flex; gap:8px; align-items:center; font-weight:700; }
.etiket { padding:2px 7px; border-radius:6px; background:rgba(245,179,1,.16); color:var(--altin); font-weight:800; }
.hat-baslik { font-family:var(--serif); font-size:16.5px; font-weight:700; line-height:1.25; color:#fff; margin:6px 0 8px; }
.hat-tarama { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, transparent, var(--altin), transparent); box-shadow:0 0 18px 5px rgba(245,179,1,.45); opacity:0; }
.hat.a2 .hat-tarama { animation:tara 1.4s ease-in-out forwards; }
@keyframes tara { 0% { top:0; opacity:0; } 10%,88% { opacity:1; } 100% { top:100%; opacity:0; } }
.hat-kontrol { padding:12px; border-radius:14px; background:rgba(255,255,255,.025); border:1px dashed rgba(148,170,220,.22); display:grid; gap:8px; align-content:start; opacity:0; transition:opacity .4s; }
.hat.a2 .hat-kontrol { opacity:1; }
.hat-kontrol ul { list-style:none; display:grid; gap:9px; }
.hat-etiket { font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); font-weight:800; }
.hat-kontrol li, .ys-bulgular li { display:flex; gap:8px; align-items:center; font-size:12.5px; font-weight:600; color:#C9D3EA; }
.kutucuk { width:18px; height:18px; border-radius:50%; border:1.5px solid rgba(255,255,255,.25); display:grid; place-items:center; flex:none; color:transparent; transition:all .3s; }
.kutucuk svg { width:11px; height:11px; }
.hat-kontrol li { opacity:.4; transition:opacity .35s; transition-delay:calc(var(--i) * .3s); }
.hat-kontrol .kutucuk { transition-delay:calc(var(--i) * .3s); }
.hat.a3 .hat-kontrol li { opacity:1; }
.hat.a3 .hat-kontrol .kutucuk { background:var(--yesil); border-color:var(--yesil); color:#06270F; }
.hat-govde > .hat-etiket { margin-top:4px; opacity:0; transition:opacity .4s; }
.hat.a4 .hat-govde > .hat-etiket { opacity:1; }
.hat-formatlar { display:grid; grid-template-columns:1fr .6fr 1fr .6fr 1.35fr; gap:10px; align-items:end; }
.fmt { display:grid; gap:6px; justify-items:center; opacity:0; transform:translateY(18px) scale(.88); transition:opacity .45s, transform .6s cubic-bezier(.2,.9,.3,1.35); transition-delay:calc(var(--i) * .13s); }
.hat.a4 .fmt { opacity:1; transform:none; }
.fmt .kutu { width:100%; border-radius:8px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:#1B2440 url(/kursu.jpg) center 25%/cover no-repeat; }
.fmt .kutu::after { content:""; position:absolute; inset:auto 0 0 0; height:55%; background:linear-gradient(transparent, rgba(6,13,31,.95)); }
.fmt .kutu i { position:absolute; left:6px; z-index:1; height:4px; border-radius:2px; background:rgba(255,255,255,.85); }
.fmt .t1 { bottom:13px; right:6px; } .fmt .t2 { bottom:6px; width:45%; background:var(--altin); }
.fmt-post .kutu { aspect-ratio:1; }
.fmt-story .kutu, .fmt-reel .kutu { aspect-ratio:9/16; }
.fmt-car .kutu { aspect-ratio:4/5; box-shadow:5px -5px 0 -1px rgba(255,255,255,.2), 10px -10px 0 -2px rgba(255,255,255,.09); overflow:visible; }
.fmt-car .kutu::after { border-radius:0 0 8px 8px; }
.fmt-web .kutu { aspect-ratio:16/9; }
.fmt-reel .kutu::before { content:""; position:absolute; z-index:2; left:50%; top:38%; width:20px; height:20px; margin:-10px; border-radius:50%; background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2.5l5 3.5-5 3.5z' fill='%230B1834'/%3E%3C/svg%3E") center/10px no-repeat; }
.fmt span { font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#C9D3EA; }
.hat-alt { display:grid; gap:10px; margin-top:4px; }
.hat-onay { display:flex; align-items:center; gap:10px; opacity:0; transform:translateY(8px); transition:opacity .4s, transform .4s; }
.hat.a5 .hat-onay { opacity:1; transform:none; }
.hat-onay small { font-size:12px; color:var(--gece-soluk); font-weight:600; }
.onay-dugme { display:inline-flex; align-items:center; gap:6px; padding:7px 15px; border-radius:9px; background:var(--lacivert); color:#fff; font-weight:800; font-size:12.5px; transition:background .3s, transform .15s; }
.hat.a5 .onay-dugme { animation:dugme-nabiz 1s ease-out 1; }
.hat.a6 .onay-dugme { background:var(--yesil-koyu); animation:none; }
.onay-dugme .sonra, .hat.a6 .onay-dugme .once { display:none; }
.hat.a6 .onay-dugme .sonra { display:inline-flex; align-items:center; gap:5px; }
@keyframes dugme-nabiz { 0% { box-shadow:0 0 0 0 rgba(245,179,1,.6); } 60% { box-shadow:0 0 0 10px rgba(245,179,1,0); transform:scale(.96); } 100% { box-shadow:0 0 0 0 rgba(245,179,1,0); transform:none; } }
.hat-platformlar { display:flex; flex-wrap:wrap; gap:6px; }
.hat-platformlar span { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.16); font-size:11.5px; font-weight:700; color:#7F8DB0; transition:color .35s, border-color .35s, background .35s; transition-delay:calc(var(--i) * .17s); }
.hat-platformlar span::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--r); opacity:.3; transition:opacity .35s; transition-delay:calc(var(--i) * .17s); }
.hat.a7 .hat-platformlar span { color:#fff; border-color:rgba(34,197,94,.5); background:rgba(34,197,94,.12); }
.hat.a7 .hat-platformlar span::before { opacity:1; }
.demo.bitis .hat-govde > *, .demo.bitis .tv-govde > * { opacity:0 !important; transition:opacity .5s !important; }

/* ── SDHub-TV yayın editörü ────────────────────────────────── */
.kahraman-tv .tv-sahne { padding-bottom:96px; }
.tv-govde { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); min-height:470px; }
.tv-sol { padding:16px; border-right:1px solid rgba(148,170,220,.13); display:grid; gap:12px; align-content:start; }
.tv-ekran { position:relative; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000; }
.tv-goruntu { position:absolute; inset:0; background:url(/kursu.jpg) center/cover no-repeat; animation:kenburns 18s ease-in-out infinite alternate; transform-origin:52% 35%; }
.tv-kanal { position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border-radius:6px; background:var(--kirmizi); color:#fff; font-size:11px; font-weight:800; letter-spacing:.12em; }
.tv-kanal i { width:6px; height:6px; border-radius:50%; background:#fff; animation:nabiz-beyaz 1.8s infinite; }
.tv-logo { position:absolute; top:8px; right:10px; width:34px; height:34px; filter:brightness(0) invert(1); opacity:.9; }
.tv-altyazi { position:absolute; left:6%; right:6%; bottom:12px; text-align:center; line-height:1.75; }
.tv-altyazi span { background:rgba(0,0,0,.76); color:#fff; font-weight:700; font-size:14.5px; padding:3px 9px; border-radius:4px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.tv-dalga { position:relative; display:flex; align-items:center; gap:3px; height:54px; padding:0 10px; border-radius:10px; background:rgba(0,0,0,.28); overflow:hidden; }
.tv-dalga i { flex:1; height:calc(var(--h) * 1%); min-height:4px; border-radius:2px; background:#3A4A6A; animation:dalga 1.2s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -.09s); transition:background .4s; }
@keyframes dalga { from { transform:scaleY(.5); } to { transform:scaleY(1); } }
.tv.k-cikis .tv-dalga i.s { background:var(--tv); }
.tv-secim { position:absolute; top:5px; bottom:5px; left:37%; width:0; border-radius:6px; background:rgba(91,110,255,.18); border:1.5px solid var(--tv); opacity:0; transition:width .7s var(--egri), opacity .3s; }
.tv.k-giris .tv-secim { opacity:1; width:3px; }
.tv.k-cikis .tv-secim { width:37.5%; }
.tv-gc { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
.tv-gc div { padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.13); transition:border-color .3s, background .3s; }
.tv-gc small { display:block; font-size:10px; letter-spacing:.14em; color:var(--gece-soluk); font-weight:800; }
.tv-gc b { font-variant-numeric:tabular-nums; font-size:15.5px; color:#fff; }
.tv-gc .dolu { border-color:rgba(91,110,255,.55); background:rgba(91,110,255,.12); }
.tv-gc .dolu b { color:#B7C3FF; }
.tv-hazir { display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; color:#C9D3EA; opacity:0; transition:opacity .3s; }
.tv.k-hazir .tv-hazir { opacity:1; }
.tv-hazir .ilerleme i { width:0; transition:width 1.7s linear; }
.tv.k-hazir .tv-hazir .ilerleme i { width:100%; }
.tv-hazir .tamam { display:none; color:#86EFAC; align-items:center; gap:5px; }
.tv.k-reel .tv-hazir .tamam { display:inline-flex; }
.tv.k-reel .tv-hazir .surec { display:none; }
.tv-sag { padding:16px; display:grid; align-content:start; gap:8px; transition:opacity .4s; }
.tv.k-reel .tv-sag { opacity:.4; }
.tv-tbas { display:flex; justify-content:space-between; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); font-weight:800; padding:0 10px 4px; }
.tv-t { display:grid; gap:4px; }
.tv-t p { display:grid; grid-template-columns:52px 1fr; gap:10px; padding:8px 10px; border-radius:10px; font-size:14px; line-height:1.6; color:#C9D3EA; transition:background .3s; }
.tv-t p.simdi { background:rgba(255,255,255,.05); }
.tv-t time { font-variant-numeric:tabular-nums; font-size:12px; color:#7F8DB0; padding-top:2px; }
.tv-t .k { border-radius:4px; padding:0 1px; transition:opacity .2s, background .25s, color .25s, box-shadow .25s; }
.tv-t .canli .k { opacity:0; }
.tv-t .canli .k.g { opacity:1; }
.tv-t .k.sec { background:rgba(91,110,255,.34); color:#fff; transition-delay:calc(var(--j, 0) * 22ms); }
.tv-t .k.giris-k { background:rgba(34,197,94,.34); color:#fff; box-shadow:inset 2px 0 0 #22C55E; }
.tv-t .k.cikis-k { box-shadow:inset -2px 0 0 #EF4444; }
.tv-reel { position:absolute; right:22px; top:50%; width:196px; aspect-ratio:9/16; border-radius:20px; overflow:hidden; background:#000; border:3px solid #1B2440; box-shadow:0 40px 70px -14px rgba(0,0,0,.8); opacity:0; transform:translate(40px,-50%) scale(.92); transition:opacity .5s, transform .7s cubic-bezier(.2,.9,.3,1.2); z-index:5; pointer-events:none; }
.tv.k-reel .tv-reel { opacity:1; transform:translate(0,-50%); }
.tv-reel .g { position:absolute; inset:0; background:url(/kursu.jpg) 52% 30%/auto 100% no-repeat; animation:kenburns 12s ease-in-out infinite alternate; }
.tv-reel::after { content:""; position:absolute; inset:45% 0 0 0; background:linear-gradient(transparent, rgba(0,0,0,.85)); }
.rl-logo { position:absolute; z-index:2; top:10px; left:10px; width:28px; height:28px; filter:brightness(0) invert(1); }
.rl-altyazi { position:absolute; z-index:2; left:10px; right:10px; bottom:128px; text-align:center; font-weight:800; font-size:13px; line-height:1.35; color:rgba(255,255,255,.55); text-shadow:0 1px 3px rgba(0,0,0,.8); }
.rk { transition:color .2s; }
.tv.k-reel .rl-altyazi .rk { animation:kara .3s forwards; animation-delay:calc(.7s + var(--j) * .26s); }
@keyframes kara { to { color:#FFD766; } }
.rl-bant { position:absolute; z-index:2; left:10px; right:10px; bottom:62px; padding:7px 9px; background:var(--lacivert); border-left:3px solid var(--altin); color:#fff; font-family:var(--serif); font-weight:700; font-size:12.5px; line-height:1.25; }
.rl-bant small { display:block; font-family:var(--sans); font-size:9px; letter-spacing:.14em; color:var(--altin); font-weight:800; }
.rl-onay { position:absolute; z-index:2; left:10px; right:10px; bottom:14px; padding:9px; border-radius:10px; background:var(--altin); color:#1B1300; text-align:center; font-weight:800; font-size:12.5px; transition:background .3s, color .3s, transform .15s; }
.rl-onay .sonra, .tv.k-onay .rl-onay .once { display:none; }
.tv.k-onay .rl-onay { background:var(--yesil-koyu); color:#fff; transform:scale(.97); }
.tv.k-onay .rl-onay .sonra { display:inline-flex; align-items:center; gap:5px; justify-content:center; }
.rl-yayin { position:absolute; z-index:3; left:10px; right:10px; top:48px; display:flex; flex-wrap:wrap; gap:5px; }
.rl-yayin span { padding:3px 8px; border-radius:999px; background:rgba(6,13,31,.82); border:1px solid rgba(34,197,94,.55); color:#fff; font-size:10.5px; font-weight:700; opacity:0; transform:translateY(-6px); transition:opacity .3s, transform .3s; transition-delay:calc(var(--i) * .15s); }
.tv.k-yayin .rl-yayin span { opacity:1; transform:none; }
.imlec { position:absolute; left:0; top:0; z-index:8; width:22px; height:22px; pointer-events:none; opacity:0; transform:translate(var(--x, 70%), var(--y, 380px)); transition:transform .8s cubic-bezier(.6,.05,.3,1), opacity .3s; }
.imlec svg { filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.tv.imlec-var .imlec { opacity:1; }
.imlec::after { content:""; position:absolute; left:-9px; top:-9px; width:22px; height:22px; border-radius:50%; border:2px solid var(--altin); opacity:0; }
.imlec.tik::after { animation:tik .55s ease-out; }
@keyframes tik { 0% { opacity:1; transform:scale(.3); } 100% { opacity:0; transform:scale(1.7); } }
.tv-adimlar { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; counter-reset:adim; }
.tv-adim { padding:30px; border-radius:20px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge); display:grid; gap:12px; align-content:start; }
.tv-no { width:46px; height:46px; border-radius:50%; background:var(--gece); color:var(--altin); font-family:var(--serif); font-weight:700; font-size:22px; display:grid; place-items:center; }
.tv-adim h3 { font-size:24px; }
.not-satiri { margin-top:28px; text-align:center; font-weight:700; color:var(--soluk); }

/* ── SDHub: format telefonu ────────────────────────────────── */
.format { display:grid; grid-template-columns:minmax(0,1fr) 272px; gap:24px; align-items:center; }
.format-sekmeler { display:grid; gap:8px; }
.format-sekmeler button, .yetenek-sekmeler button { text-align:left; display:grid; gap:2px; padding:13px 16px; border-radius:14px; border:1px solid var(--gece-cizgi); background:rgba(255,255,255,.03); color:var(--gece-soluk); cursor:pointer; position:relative; overflow:hidden; transition:background .3s, border-color .3s, color .3s; }
.format-sekmeler button:hover { background:rgba(255,255,255,.06); }
.format-sekmeler b { font-size:15.5px; color:#DCE4F7; font-weight:800; }
.format-sekmeler small { font-size:13px; line-height:1.4; }
.format-sekmeler .aktif { background:rgba(255,255,255,.08); border-color:rgba(245,179,1,.5); color:#C9D3EA; }
.format-sekmeler .aktif b { color:#fff; }
.sekme-ilerleme { position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--altin); }
.aktif > .sekme-ilerleme { animation:dol var(--sure, 4s) linear forwards; }
.bekle .aktif > .sekme-ilerleme, .gizli .aktif > .sekme-ilerleme { animation-play-state:paused; }
@keyframes dol { to { width:100%; } }
.ekran { position:absolute; inset:0; opacity:0; visibility:hidden; transform:scale(1.04); transition:opacity .5s, transform .6s var(--egri), visibility 0s .6s; }
.ekran.aktif { opacity:1; visibility:visible; transform:none; transition:opacity .5s, transform .6s var(--egri), visibility 0s; }
.ekran .foto { position:absolute; inset:0; }
.uyg-ust { display:flex; align-items:center; gap:8px; padding:50px 12px 10px; font-size:12.5px; }
.uyg-ust img { width:26px; height:26px; border-radius:50%; background:#fff; padding:2px; border:1px solid var(--cizgi); }
.uyg-ust i { margin-left:auto; font-style:normal; color:#8B95AE; letter-spacing:.1em; }
.ekran-post, .ekran-car, .ekran-web { background:#fff; color:var(--murekkep); }
.post-gorsel { position:relative; aspect-ratio:1; overflow:hidden; }
.post-serit { position:absolute; left:0; right:0; bottom:0; padding:12px; background:linear-gradient(transparent, rgba(6,13,31,.92) 35%); color:#fff; display:grid; gap:3px; }
.post-serit small, .story-baslik small, .ys-blok small { font-size:9.5px; font-weight:800; letter-spacing:.16em; color:var(--altin); }
.post-serit b { font-family:var(--serif); font-size:15px; line-height:1.25; }
.ekran-post.aktif .post-serit { animation:serit-gel .7s .2s var(--egri) both; }
@keyframes serit-gel { from { transform:translateY(100%); } }
.uyg-eylem { display:flex; gap:14px; padding:10px 12px 4px; }
.uyg-eylem svg:first-child { color:#E4405F; animation:kalp 4.2s infinite; }
@keyframes kalp { 0%,55%,100% { transform:none; fill:none; } 60% { transform:scale(1.25); fill:#E4405F; } 70%,95% { fill:#E4405F; } }
.uyg-metin { padding:4px 12px; font-size:12px; line-height:1.45; color:#334155; }
.uyg-metin span { color:var(--lacivert); }
.ekran-story .foto { transform-origin:50% 30%; }
.ekran-story::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,.35), transparent 25%, transparent 50%, rgba(0,0,0,.85)); }
.story-cubuk { position:absolute; z-index:2; top:46px; left:12px; right:12px; display:flex; gap:4px; }
.story-cubuk i { flex:1; height:3px; border-radius:2px; background:rgba(255,255,255,.35); overflow:hidden; position:relative; }
.story-cubuk .dolu { background:#fff; }
.story-cubuk .dolan::after { content:""; position:absolute; inset:0; width:0; background:#fff; }
.ekran-story.aktif .dolan::after { animation:dol 4.2s linear forwards; }
.story-marka { position:absolute; z-index:2; top:58px; left:12px; display:flex; align-items:center; gap:7px; color:#fff; font-weight:800; font-size:11px; letter-spacing:.12em; }
.story-marka img { width:24px; height:24px; border-radius:50%; background:#fff; padding:2px; }
.story-baslik { position:absolute; z-index:2; left:12px; right:12px; bottom:58px; display:grid; gap:6px; padding:12px; border-left:3px solid var(--altin); background:rgba(26,58,140,.88); color:#fff; }
.story-baslik b { font-family:var(--serif); font-size:18px; line-height:1.2; }
.ekran-story.aktif .story-baslik { animation:yan-gel .7s .2s var(--egri) both; }
@keyframes yan-gel { from { transform:translateX(-110%); } }
.story-kaydir { position:absolute; z-index:2; bottom:18px; left:0; right:0; text-align:center; color:#fff; font-size:11.5px; font-weight:700; animation:zipla 1.6s ease-in-out infinite; }
.story-kaydir::before { content:"⌃"; display:block; font-size:14px; line-height:.8; }
@keyframes zipla { 50% { transform:translateY(-5px); } }
.car-pencere { overflow:hidden; aspect-ratio:4/5; }
.car-ray { display:flex; height:100%; }
.ekran-car.aktif .car-ray { animation:car-kay 4.2s var(--egri) forwards; }
@keyframes car-kay { 0%,16% { transform:none; } 24%,42% { transform:translateX(-100%); } 50%,70% { transform:translateX(-200%); } 78%,100% { transform:translateX(-300%); } }
.car-slayt { position:relative; flex:none; width:100%; height:100%; padding:14px; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; color:#fff; overflow:hidden; }
.car-slayt .foto { position:absolute; inset:0; }
.car-slayt .foto::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 40%, rgba(6,13,31,.95)); }
.car-slayt b { position:relative; font-family:var(--serif); font-size:17px; line-height:1.2; }
.car-slayt small { position:relative; font-size:10px; font-weight:800; letter-spacing:.12em; color:var(--altin); }
.car-slayt.duz { background:var(--lacivert); justify-content:center; }
.car-slayt.duz small { position:absolute; top:14px; right:14px; }
.car-slayt.duz p { font-family:var(--serif); font-size:18px; line-height:1.3; }
.car-slayt.son { background:var(--gece); }
.car-slayt.son span { color:var(--altin); font-weight:800; font-size:12px; }
.car-nokta { display:flex; justify-content:center; gap:5px; padding:10px 0 4px; }
.car-nokta i { width:6px; height:6px; border-radius:50%; background:#CBD3E4; }
.ekran-car.aktif .car-nokta i { animation:car-nokta 4.2s forwards; }
.car-nokta i:nth-child(1) { background:var(--lacivert); }
.ekran-car.aktif .car-nokta i:nth-child(1) { animation-name:car-n1; }
.ekran-car.aktif .car-nokta i:nth-child(2) { animation-name:car-n2; }
.ekran-car.aktif .car-nokta i:nth-child(3) { animation-name:car-n3; }
.ekran-car.aktif .car-nokta i:nth-child(4) { animation-name:car-n4; }
@keyframes car-n1 { 0%,20% { background:var(--lacivert); } 24%,100% { background:#CBD3E4; } }
@keyframes car-n2 { 0%,20% { background:#CBD3E4; } 24%,46% { background:var(--lacivert); } 50%,100% { background:#CBD3E4; } }
@keyframes car-n3 { 0%,46% { background:#CBD3E4; } 50%,74% { background:var(--lacivert); } 78%,100% { background:#CBD3E4; } }
@keyframes car-n4 { 0%,74% { background:#CBD3E4; } 78%,100% { background:var(--lacivert); } }
.ekran-reel::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,.3), transparent 25%, transparent 45%, rgba(0,0,0,.88)); }
.reel-ses { position:absolute; z-index:2; top:50px; left:12px; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:rgba(0,0,0,.45); color:#fff; font-size:11px; font-weight:700; }
.reel-ses svg { animation:don 4s linear infinite; }
.reel-yan { position:absolute; z-index:2; right:10px; bottom:120px; display:grid; gap:16px; color:#fff; }
.reel-altyazi { position:absolute; z-index:2; left:14px; right:46px; bottom:88px; font-weight:800; font-size:15px; line-height:1.35; color:rgba(255,255,255,.6); text-shadow:0 1px 4px rgba(0,0,0,.9); }
.ekran-reel.aktif .rk, .ys-ses.aktif .rk { animation:kara .25s forwards; animation-delay:calc(.3s + var(--j) * .3s); }
.reel-bant { position:absolute; z-index:2; left:0; right:0; bottom:26px; display:flex; align-items:stretch; background:var(--lacivert); color:#fff; font-size:12px; font-weight:700; overflow:hidden; }
.reel-bant b { flex:none; padding:7px 9px; background:var(--kirmizi); font-size:10px; letter-spacing:.1em; display:flex; align-items:center; }
.reel-kayan { flex:1; overflow:hidden; display:flex; align-items:center; }
.reel-kayan span { white-space:nowrap; padding-left:10px; animation:reel-kay 9s linear infinite; }
@keyframes reel-kay { to { transform:translateX(-50%); } }
.tarayici { display:flex; align-items:center; gap:8px; margin:48px 10px 0; padding:7px 10px; border-radius:10px; background:#EEF1F7; font-size:11px; color:#64748B; }
.tarayici i { width:8px; height:8px; border-radius:50%; background:var(--yesil); }
.web-sayfa { padding:10px; display:grid; gap:9px; }
.web-menu { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.12em; padding-bottom:8px; border-bottom:2px solid var(--lacivert); }
.web-dil { font-size:10.5px; color:#64748B; letter-spacing:.06em; } .web-dil em { font-style:normal; color:var(--lacivert); font-weight:800; }
.web-kapak { position:relative; aspect-ratio:16/9; border-radius:8px; overflow:hidden; }
.ekran-web .foto.web-kapak { position:relative; inset:auto; }
.web-kapak span { position:absolute; left:8px; bottom:8px; padding:2px 7px; border-radius:4px; background:var(--altin); color:#1B1300; font-size:9.5px; font-weight:800; letter-spacing:.1em; }
.ekran-web.aktif .web-kapak { animation:kapak-gel .8s .15s var(--egri) both; }
@keyframes kapak-gel { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
.web-sayfa h4 { font-size:16px; line-height:1.25; }
.web-kart { display:grid; grid-template-columns:70px 1fr; gap:8px; align-items:center; padding-top:8px; border-top:1px solid #E3E8F3; }
.web-kart .foto { position:relative; inset:auto; aspect-ratio:4/3; border-radius:6px; }

/* ── SDHub: yetenek sekmeleri ──────────────────────────────── */
.yetenek { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:28px; align-items:stretch; }
.yetenek-sekmeler { display:grid; gap:10px; align-content:start; }
.yetenek-sekmeler button { grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:18px; border-color:var(--cizgi); background:#fff; color:var(--soluk); }
.yetenek-sekmeler button:hover { border-color:#C6D0E6; }
.yetenek-sekmeler .aktif { border-color:var(--lacivert); box-shadow:0 14px 30px -18px rgba(26,58,140,.5); }
.y-ikon { width:42px; height:42px; border-radius:12px; background:rgba(26,58,140,.08); color:var(--lacivert); display:grid; place-items:center; transition:background .3s, color .3s; }
.aktif .y-ikon { background:var(--lacivert); color:#fff; }
.y-metin { display:grid; gap:4px; }
.y-metin b { font-family:var(--serif); font-size:19px; color:var(--murekkep); }
.y-metin small { font-size:14.5px; line-height:1.5; display:none; }
.aktif .y-metin small { display:block; }
.yetenek-sahne { position:relative; min-height:500px; border-radius:24px; background:linear-gradient(160deg, #0B1636, #060D1F); overflow:hidden; box-shadow:var(--golge-b); }
.ornek-rozet { position:absolute; top:14px; right:16px; z-index:5; font-size:11px; font-weight:700; color:var(--gece-soluk); }
.ys { position:absolute; inset:0; padding:40px 32px; display:grid; gap:16px; align-content:center; justify-items:center; opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .5s, transform .6s var(--egri), visibility 0s .6s; color:var(--gece-metin); }
.ys.aktif { opacity:1; visibility:visible; transform:none; transition:opacity .5s, transform .6s var(--egri), visibility 0s; }
.ys-not { font-size:13.5px; color:var(--gece-soluk); text-align:center; font-weight:600; }
.ys-kart { width:100%; max-width:430px; padding:18px; border-radius:16px; background:#fff; color:var(--murekkep); display:grid; gap:12px; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-bas { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--soluk); font-weight:700; }
.etiket-acik { padding:2px 8px; border-radius:6px; background:var(--zemin-2); color:var(--lacivert); font-weight:800; font-size:11px; }
.ys-metin { font-size:14px; line-height:1.55; color:#334155; }
.ys-metin b { font-family:var(--serif); font-size:16px; color:var(--murekkep); }
.degis { display:grid; margin:4px 0; }
.degis > span { grid-area:1 / 1; align-self:start; transition:opacity .4s; }
.sorun { text-decoration:underline wavy #EF4444; text-underline-offset:3px; }
.duzgun { opacity:0; color:#14532D; background:rgba(34,197,94,.14); border-radius:4px; padding:0 3px; justify-self:start; }
.ys-editor.aktif .sorun { animation:sorun 5.6s forwards; }
.ys-editor.aktif .duzgun { animation:duzgun 5.6s forwards; }
@keyframes sorun { 0%,36% { opacity:1; } 42%,100% { opacity:0; } }
@keyframes duzgun { 0%,38% { opacity:0; } 44%,100% { opacity:1; } }
.ys-uyari { font-size:12.5px; padding:8px 10px; border-radius:9px; background:#FEF3C7; color:#78350F; opacity:0; }
.ys-editor.aktif .ys-uyari { animation:uyari 5.6s forwards; }
@keyframes uyari { 0%,12% { opacity:0; transform:translateY(-4px); } 18%,100% { opacity:1; transform:none; } }
.ys-bulgular { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ys-bulgular li { color:var(--murekkep); font-size:12.5px; }
.ys-bulgular em { font-style:normal; font-size:10.5px; color:var(--soluk); margin-left:auto; }
.ys-bulgular .kutucuk { border-color:#CBD3E4; }
.ys-editor.aktif .ys-bulgular .kutucuk { animation:kutucuk-dol .4s forwards; animation-delay:calc(2.4s + var(--i) * .4s); }
@keyframes kutucuk-dol { to { background:var(--yesil); border-color:var(--yesil); color:#06270F; } }
.ys-sonuc { display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:800; color:var(--yesil-koyu); opacity:0; }
.ys-editor.aktif .ys-sonuc { animation:yuksel .5s 4.2s forwards; }
.ys-tuval { position:relative; width:300px; aspect-ratio:1; border-radius:14px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-tuval .foto { position:absolute; inset:0; }
.ys-blok { position:absolute; left:12px; right:12px; bottom:12px; padding:12px; display:grid; gap:4px; background:rgba(26,58,140,.92); color:#fff; border-left:4px solid var(--altin); outline:2px dashed transparent; outline-offset:4px; }
.ys-blok b { font-family:var(--serif); font-size:18px; line-height:1.2; }
.ys-sablon.aktif .ys-blok { animation:blok-tasi 5.6s var(--egri) forwards; }
@keyframes blok-tasi { 0%,12% { transform:none; outline-color:transparent; } 18% { outline-color:#fff; } 30%,44% { transform:translateY(-178px); background:rgba(26,58,140,.92); } 54%,64% { transform:translateY(-178px); background:rgba(185,28,28,.92); } 74%,84% { transform:translateY(-178px); background:rgba(15,118,110,.92); outline-color:#fff; } 94%,100% { transform:translateY(-178px); background:rgba(15,118,110,.92); outline-color:transparent; } }
.ys-el { position:absolute; left:150px; top:250px; filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.ys-sablon.aktif .ys-el { animation:el-tasi 5.6s var(--egri) forwards; }
@keyframes el-tasi { 0%,10% { transform:none; opacity:1; } 30%,44% { transform:translateY(-178px); } 48% { opacity:0; } 100% { opacity:0; transform:translateY(-178px); } }
.ys-renkler { display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--gece-soluk); font-weight:700; }
.ys-renkler i { width:24px; height:24px; border-radius:50%; background:var(--c); box-shadow:0 0 0 2px rgba(255,255,255,.12); }
.ys-sablon.aktif .ys-renkler i:nth-of-type(2) { animation:renk-sec 5.6s forwards; animation-delay:0s; }
@keyframes renk-sec { 0%,48% { box-shadow:0 0 0 2px rgba(255,255,255,.12); } 52%,66% { box-shadow:0 0 0 3px #fff; } 70%,100% { box-shadow:0 0 0 2px rgba(255,255,255,.12); } }
.ys-sablon.aktif .ys-renkler i:nth-of-type(3) { animation:renk-sec-3 5.6s forwards; }
@keyframes renk-sec-3 { 0%,68% { box-shadow:0 0 0 2px rgba(255,255,255,.12); } 72%,100% { box-shadow:0 0 0 3px #fff; } }
.ys-ses { grid-template-columns:auto 1fr; align-items:center; justify-items:stretch; gap:22px; }
.ys-reel { position:relative; width:150px; aspect-ratio:9/16; border-radius:16px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-reel .foto { position:absolute; inset:0; }
.ys-reel::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 45%, rgba(0,0,0,.85)); }
.ys-reel .reel-altyazi { left:10px; right:10px; bottom:18px; font-size:12px; }
.ys-parcalar { position:relative; display:grid; gap:14px; }
.ys-parca { display:grid; gap:6px; }
.ys-parca span { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#C9D3EA; }
.ys-dalga { display:flex; align-items:center; gap:2px; height:52px; padding:0 8px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); }
.ys-dalga i { flex:1; height:calc(var(--h) * 1%); min-height:2px; border-radius:2px; }
.ys-dalga.ses i { background:#8FA6FF; }
.ys-dalga.muzik i { background:var(--altin); opacity:.8; }
.ys-oynatma { position:absolute; top:22px; bottom:44px; left:0; width:2px; background:#fff; box-shadow:0 0 10px rgba(255,255,255,.8); }
.ys-ses.aktif .ys-oynatma { animation:oynat-git 5.6s linear forwards; }
@keyframes oynat-git { from { left:2%; } to { left:98%; } }
.ys-plan { align-content:center; }
.ys-takvim { width:100%; max-width:460px; display:grid; gap:14px; }
.ys-izgara { display:grid; grid-template-columns:48px repeat(7, minmax(0,1fr)); grid-template-rows:auto repeat(4, 44px); gap:6px; padding:14px; border-radius:16px; background:#fff; color:var(--murekkep); box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-izgara b { font-size:11px; letter-spacing:.06em; color:var(--soluk); text-align:center; }
.ys-izgara small { font-size:10.5px; color:var(--soluk); align-self:center; font-variant-numeric:tabular-nums; }
.slot { border-radius:8px; background:color-mix(in srgb, var(--r) 16%, #fff); border-left:3px solid var(--r); font-size:10px; font-weight:800; color:var(--murekkep); display:flex; align-items:center; padding:0 5px; opacity:0; transform:scale(.6); }
.ys-plan.aktif .slot { animation:slot-gel .4s var(--egri) forwards; animation-delay:calc(.3s + var(--i) * .22s); }
@keyframes slot-gel { to { opacity:1; transform:none; } }

/* ── SDHA akışı ────────────────────────────────────────────── */
.akis-filtre { display:flex; gap:6px; padding:12px 16px 4px; flex-wrap:wrap; }
.akis-filtre span { padding:4px 11px; border-radius:999px; border:1px solid var(--gece-cizgi); font-size:12px; font-weight:700; color:var(--gece-soluk); }
.akis-filtre .aktif { background:rgba(245,179,1,.14); border-color:rgba(245,179,1,.5); color:#FFE39A; }
.akis-liste { list-style:none; padding:8px 16px 12px; display:grid; gap:8px; height:410px; overflow:hidden; align-content:start; }
.akis-liste li { display:grid; grid-template-columns:44px 1fr; gap:10px; padding:11px 12px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.14); transition:opacity .45s, transform .55s var(--egri), background .6s, border-color .6s; }
.akis-liste li.yeni { opacity:0; transform:translateY(-18px) scale(.98); }
.akis-liste li.taze { background:rgba(245,179,1,.08); border-color:rgba(245,179,1,.45); }
.akis-liste li.gidiyor { opacity:0; }
.akis-liste time { font-variant-numeric:tabular-nums; font-size:12px; color:#7F8DB0; padding-top:2px; }
.akis-liste li > div { display:grid; gap:4px; min-width:0; }
.a-kat { font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--altin); }
.akis-liste b { font-family:var(--serif); font-size:15px; line-height:1.3; color:#fff; font-weight:700; }
.a-ek { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.a-ek em { font-style:normal; font-size:9.5px; font-weight:800; letter-spacing:.08em; padding:2px 6px; border-radius:5px; background:rgba(255,255,255,.07); color:#C9D3EA; }
.a-onay { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:#86EFAC; margin-left:4px; }
.a-onay svg { width:13px; height:13px; }
.akis-alt { display:flex; gap:12px; align-items:center; padding:10px 16px; border-top:1px solid rgba(148,170,220,.13); font-size:12.5px; color:#C9D3EA; }
.akis-sdhub { display:flex; align-items:center; gap:7px; }
.akis-sdhub svg { color:var(--altin); flex:none; }

/* ── SDHA BÜLTEN ağı ───────────────────────────────────────── */
.bulten-ag { display:block; width:100%; height:auto; padding:6px 8px 0; }
.bulten-ag text { font-family:var(--sans); }
.bulten-ag .yol { fill:none; stroke:rgba(148,170,220,.22); stroke-width:1.5; stroke-dasharray:4 5; }
.bulten-ag .gonderen rect { fill:rgba(255,255,255,.06); stroke:rgba(148,170,220,.3); }
.bulten-ag .gonderen text { fill:#DCE4F7; font-size:13px; font-weight:700; }
.bulten-ag .abone { fill:#1B2A52; stroke:rgba(34,197,94,.7); stroke-width:1.5; }
.bulten-ag .abone-ad { fill:var(--gece-soluk); font-size:12px; font-weight:700; }
.bulten-ag .paket-g { fill:var(--altin); filter:drop-shadow(0 0 4px rgba(245,179,1,.9)); }
.bulten-ag .paket-a { fill:var(--yesil); filter:drop-shadow(0 0 4px rgba(34,197,94,.9)); }
.bulten-ag .halka { fill:none; stroke:rgba(245,179,1,.6); stroke-width:2; }
.bulten-ag .merkez { fill:var(--lacivert); stroke:var(--altin); stroke-width:2.5; }
.bulten-ag .merkez-y1 { fill:#fff; font-family:var(--serif); font-size:20px; font-weight:700; }
.bulten-ag .merkez-y2 { fill:var(--altin); font-size:11px; font-weight:800; letter-spacing:.14em; }
.bulten-not { font-size:12.5px; color:#C9D3EA; font-weight:600; }
.g-cip { display:inline-flex; align-items:center; gap:9px; margin-right:12px; padding:12px 20px; border-radius:999px; background:var(--zemin); border:1px solid var(--cizgi); font-weight:700; font-size:16px; white-space:nowrap; }
.g-cip svg { color:var(--yesil-koyu); }

/* ── SDHA BÜLTEN onaylı abone sayacı (0 iken gizli) ─────────── */
.bulten-sayac { display:inline-flex; align-items:center; gap:9px; margin:0; font-size:15px; color:#DCE4F7; }
/* 25.10.2026 kullanıcı: «128 i turuncu yaz» → abone sayısı marka turuncusu (#F97316, yazı logosundaki «Hub» rengi) */
.bulten-sayac b { font-family:var(--serif); font-size:24px; color:#F97316; font-variant-numeric:tabular-nums; }
.bulten-sayac.acik { color:var(--soluk); font-size:14px; font-weight:600; }
.bulten-sayac.acik b { color:#F97316; font-size:20px; }

/* ── abonelikten çıkış sayfası ─────────────────────────────── */
.cikis-sayfa { min-height:100vh; display:grid; place-items:center; padding:32px 16px; background:var(--zemin); }
/* Doğrulama/çıkış sayfalarında standart üst menü var (ana sayfaya ve ürünlere dönüş): kart menünün altında ortalanır. */
.ust-serit + .cikis-sayfa { min-height:calc(100vh - 75px); }
.cikis-kart { width:100%; max-width:520px; min-width:0; }
/* Dar ekranda iki dilli düğme ("E-postamı doğrula · Confirm my e-mail") kartı taşırıyordu (ölçüldü 390 px): kırılabilsin. */
.cikis-kart .dugmeler .btn { white-space:normal; text-align:center; max-width:100%; }
.cikis-logo { width:56px; height:56px; }
.cikis-kart h1 { font-size:30px; }
.cikis-adres { font-weight:800; font-size:17px; word-break:break-all; padding:12px 14px; border-radius:12px; background:var(--zemin-2); margin:0; }
.cikis-alt { font-size:13px; }

/* ── "çok yakında" bildirimi (SDHA abone girişi; metni site.js yazar, boşken görünmez) ──── */
.yakinda-not { display:inline-flex; align-items:center; gap:10px; justify-self:start; margin:-8px 0 0; padding:11px 16px; border-radius:12px; font-size:15px; font-weight:700; line-height:1.4; color:#FDE68A; background:rgba(245,179,1,.12); border:1px solid rgba(245,179,1,.35); }
.yakinda-not:empty { display:none; }
/* Kahramanın giriş animasyonu (.giris-anim > *) çocukları opacity:0'dan başlatır ve `forwards` ile bitirir;
   bildirimin kendi animasyonu onun yerini alınca taban opaklık 0'da kalıyordu (ölçüldü 03.10: görünmüyordu). */
.giris-anim > .yakinda-not { opacity:1; transform:none; animation:none; }
.giris-anim > .yakinda-not.goster, .yakinda-not.goster { animation:yakinda-gel .35s ease-out; }
@keyframes yakinda-gel { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }

/* ── fotoğraflı bölümler (Pexels; "Görseller temsilîdir") ──── */
.temsili { margin-top:16px; font-size:12.5px; color:var(--soluk); }
.temsili.koyu { color:var(--gece-soluk); }
.kim-izgara { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.kim-kart { position:relative; aspect-ratio:4/5; border-radius:20px; overflow:hidden; isolation:isolate; background:var(--gece); color:#fff; box-shadow:var(--golge); transition:transform .4s var(--egri), box-shadow .4s, opacity .8s var(--egri); }
.kim-kart:hover { transform:translateY(-4px); box-shadow:0 24px 50px -18px rgba(11,24,52,.45); }
.kim-foto, .kaftan-foto img, .fb-foto img, .bg-foto img, .teklif-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.kim-foto { position:absolute; inset:0; z-index:-2; transform:scale(1.02); transition:transform 1.4s var(--egri); }
.kim-kart:hover .kim-foto { transform:scale(1.1); }
.kim-kart::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6,13,31,0) 30%, rgba(6,13,31,.55) 55%, rgba(6,13,31,.94)); }
.kim-ic { position:absolute; left:0; right:0; bottom:0; padding:20px; display:grid; gap:8px; }
.kim-urun { display:flex; flex-wrap:wrap; gap:5px; }
.kim-urun > span { padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.14); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); font-size:11px; font-weight:800; letter-spacing:.02em; }
.kim-kart h3 { font-size:22px; line-height:1.15; }
.kim-kart p { font-size:14px; line-height:1.45; color:#DCE4F7; }
.kaftan-izgara { display:grid; gap:20px; }
.kaftan-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.kaftan-4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.kaftan-kart { border-radius:22px; overflow:hidden; background:var(--zemin); border:1px solid var(--cizgi); display:grid; grid-template-rows:auto 1fr; transition:transform .4s var(--egri), box-shadow .4s, opacity .8s var(--egri); }
.kaftan-kart:hover { transform:translateY(-4px); box-shadow:0 24px 50px -20px rgba(11,24,52,.3); }
.kaftan-foto { aspect-ratio:16/10; overflow:hidden; }
.kaftan-foto img { transition:transform 1.4s var(--egri); }
.kaftan-kart:hover .kaftan-foto img { transform:scale(1.07); }
.kaftan-ic { padding:24px; display:grid; gap:14px; align-content:start; }
.kaftan-ic h3 { font-size:22px; }
.kaftan-ic .tik-liste { font-size:14.5px; font-weight:600; color:#334155; }
.teklif-foto { position:absolute; inset:0; z-index:-2; opacity:.55; }
.teklif-foto img { object-fit:cover; }
.teklif::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(6,13,31,.96) 35%, rgba(6,13,31,.55)); }
.foto-bant { background:var(--gece); color:var(--gece-metin); padding:96px 0; overflow:hidden; }
.foto-bant-ic { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,1fr); gap:20px; align-items:center; }
.fb-foto { margin:0; border-radius:22px; overflow:hidden; aspect-ratio:4/5; box-shadow:var(--golge-b); }
.fb-foto.buyuk { aspect-ratio:1/1; }
.fb-foto img { transition:transform 6s ease-out; }
.foto-bant:hover .fb-foto img { transform:scale(1.06); }
.fb-metin { display:grid; gap:16px; padding-left:16px; }
.fb-metin h2 { font-size:clamp(28px, 3vw, 40px); color:#fff; }
.foto-bant .ust { color:var(--altin); }
.bulten-gonderen { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:48px; align-items:center; margin-bottom:44px; }
.bulten-gonderen .bolum-bas { margin-bottom:0; }
.bg-foto { margin:0; border-radius:24px; overflow:hidden; aspect-ratio:16/10; box-shadow:var(--golge); }
.paket { margin-top:44px; padding:22px 24px; border-radius:22px; border:1px solid rgba(245,179,1,.35); background:rgba(245,179,1,.06); display:grid; gap:14px; }
.paket-bas { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.paket-bas b { font-family:var(--serif); font-size:22px; color:#fff; }
.paket-ogeler { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap:14px; align-items:center; }
.paket-ogeler > div { padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); display:grid; gap:4px; }
.paket-ad { font-family:var(--serif); font-weight:700; font-size:19px; color:#fff; }
.paket-ogeler small { font-size:13px; color:var(--gece-soluk); line-height:1.45; }
.paket-arti { font-family:var(--serif); font-size:30px; color:var(--altin); font-weight:700; line-height:1; }

/* ── yapay zekâsız / internetsiz üretim kartı ──────────────── */
.aisiz-kart { margin-top:56px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:44px; align-items:center; padding:44px; border-radius:28px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge); text-align:left; }
.bolum-beyaz .aisiz-kart { background:var(--zemin); margin-top:28px; }
.as-metin { display:grid; gap:16px; }
.as-metin h2 { font-size:clamp(28px, 3.2vw, 42px); }
.as-sinir { font-size:13.5px; color:var(--soluk); padding-top:12px; border-top:1px solid var(--cizgi); }
.as-demo { --dongu:10s; padding:22px; border-radius:22px; background:linear-gradient(160deg, #0E1C44, var(--gece)); color:var(--gece-metin); display:grid; gap:14px; box-shadow:var(--golge-b); }
.as-durumlar { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.as-durum { position:relative; display:flex; align-items:center; gap:10px; padding:12px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); overflow:hidden; }
.as-ikon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(239,68,68,.14); color:#FCA5A5; flex:none; }
.as-durum span:not(.as-ikon) { display:grid; line-height:1.25; }
.as-durum small { font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); }
.as-durum b { font-size:14px; color:#fff; }
.as-kapali { position:absolute; right:12px; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#6B7280; box-shadow:0 0 0 3px rgba(107,114,128,.25); }
.as-motor { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:12px; background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.35); color:#BBF7D0; font-weight:800; font-size:13.5px; }
.as-nabiz { width:9px; height:9px; border-radius:50%; background:var(--yesil); animation:nabiz-yesil 1.6s infinite; flex:none; }
.as-cikti { list-style:none; display:grid; gap:8px; }
.as-cikti li { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:11px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.14); font-size:13.5px; font-weight:700; color:#DCE4F7; opacity:.35; animation:as-satir var(--dongu) infinite; animation-delay:calc(.4s + var(--i) * .55s); }
.as-cikti .kutucuk { animation:as-kutu var(--dongu) infinite; animation-delay:calc(.4s + var(--i) * .55s); }
@keyframes as-satir { 0%,4% { opacity:.35; } 9%,88% { opacity:1; } 95%,100% { opacity:.35; } }
@keyframes as-kutu { 0%,4% { background:transparent; border-color:rgba(255,255,255,.25); color:transparent; } 9%,88% { background:var(--yesil); border-color:var(--yesil); color:#06270F; } 95%,100% { background:transparent; border-color:rgba(255,255,255,.25); color:transparent; } }
.as-alt { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:12.5px; font-weight:700; color:#86EFAC; }
.as-alt > span:first-child { display:inline-flex; align-items:center; gap:6px; }
.as-alt .ornek-not { margin-left:0; }

/* ── yasa ve meslek ilkeleri kartı ─────────────────────────── */
.mevzuat-kart { position:relative; margin-top:28px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr); gap:44px; align-items:center; padding:48px; border-radius:28px; overflow:hidden; isolation:isolate; color:var(--gece-metin);
  background:linear-gradient(150deg, #0E1C44, var(--gece) 60%); box-shadow:var(--golge-b); }
.mevzuat-kart::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(40% 55% at 95% 10%, rgba(245,179,1,.14), transparent 70%), radial-gradient(45% 60% at 0% 100%, rgba(26,58,140,.55), transparent 70%); }
.mv-metin { display:grid; gap:18px; }
.mevzuat-kart .ust { color:var(--altin); }
.mevzuat-kart h2 { font-size:clamp(30px, 3.4vw, 44px); color:#fff; }
.mv-giris { font-size:17px; color:var(--gece-soluk); }
.mv-maddeler { list-style:none; display:grid; gap:12px; }
.mv-maddeler li { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; font-size:15px; color:#C9D3EA; line-height:1.5; }
.mv-maddeler b { display:block; color:#fff; font-size:15.5px; }
.mv-ikon { width:36px; height:36px; border-radius:10px; background:rgba(245,179,1,.12); color:var(--altin); display:grid; place-items:center; }
.mv-dayanak { display:grid; gap:9px; }
.mv-dayanak-bas { font-size:11.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gece-soluk); }
.mv-cipler { display:flex; flex-wrap:wrap; gap:6px; }
.mv-cipler span { padding:4px 10px; border-radius:999px; border:1px solid var(--gece-cizgi); background:rgba(255,255,255,.04); font-size:12px; font-weight:700; color:#DCE4F7; }
.mv-not { font-size:13.5px; color:var(--gece-soluk); padding-top:14px; border-top:1px solid var(--gece-cizgi); }
.mv-not b { color:#fff; }
.mv-demo { display:grid; gap:12px; --dongu:12s; }
.mv-belge { position:relative; overflow:hidden; padding:18px 20px; border-radius:16px; background:#fff; color:var(--murekkep); box-shadow:0 30px 60px -24px rgba(0,0,0,.7); }
.mv-bas { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--soluk); margin-bottom:10px; }
.mv-durum { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; letter-spacing:.06em; color:var(--lacivert); }
.mv-durum i { width:7px; height:7px; border-radius:50%; background:var(--lacivert); animation:nabiz-mavi 1.4s infinite; }
@keyframes nabiz-mavi { 0% { box-shadow:0 0 0 0 rgba(26,58,140,.5); } 70% { box-shadow:0 0 0 7px rgba(26,58,140,0); } 100% { box-shadow:0 0 0 0 rgba(26,58,140,0); } }
.mv-baslik { font-family:var(--serif); font-weight:700; font-size:19px; line-height:1.25; margin-bottom:6px; }
.mv-govde { font-size:15px; line-height:1.7; color:#334155; }
.mv-govde mark { background:transparent; color:inherit; border-radius:3px; padding:0 2px; animation:mv-isaret var(--dongu) infinite; animation-delay:calc(var(--i) * .45s); }
.mv-govde mark.yuksek { --renk:239,68,68; } .mv-govde mark.orta { --renk:245,179,1; } .mv-govde mark.dusuk { --renk:59,130,246; }
@keyframes mv-isaret { 0%,16% { background:transparent; box-shadow:none; } 21%,90% { background:rgba(var(--renk),.16); box-shadow:inset 0 -2px 0 rgba(var(--renk),1); } 96%,100% { background:transparent; box-shadow:none; } }
.mv-tarama { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, transparent, var(--lacivert), transparent); box-shadow:0 0 14px 3px rgba(26,58,140,.35); opacity:0; animation:mv-tara var(--dongu) infinite; }
@keyframes mv-tara { 0% { top:0; opacity:0; } 2% { opacity:1; } 15% { top:100%; opacity:1; } 16%,100% { top:100%; opacity:0; } }
.mv-uyarilar { list-style:none; display:grid; gap:8px; }
.mv-uyarilar li { --renk:245,179,1; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(148,170,220,.16); border-left:3px solid rgb(var(--renk)); display:grid; gap:4px; opacity:0; transform:translateX(18px); animation:mv-uyari var(--dongu) var(--egri) infinite; animation-delay:calc(var(--i) * .5s); }
.mv-uyarilar li.yuksek { --renk:239,68,68; } .mv-uyarilar li.dusuk { --renk:96,165,250; }
@keyframes mv-uyari { 0%,24% { opacity:0; transform:translateX(18px); } 30%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; transform:none; } }
.mv-u-ust { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mv-u-ust b { font-size:14.5px; color:#fff; }
.mv-onem { flex:none; padding:2px 8px; border-radius:6px; background:rgba(var(--renk),.16); color:rgb(var(--renk)); font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mv-uyarilar small { font-size:11.5px; font-weight:700; color:#9DB0FF; }
.mv-uyarilar p { font-size:12.5px; line-height:1.45; color:#C9D3EA; }
.mv-guven { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; color:var(--gece-soluk); }
.mv-guven::before { content:""; order:0; }
.mv-guven i { order:1; display:block; width:90px; height:4px; border-radius:3px; background:rgba(255,255,255,.1); overflow:hidden; position:relative; }
.mv-guven i::after { content:""; position:absolute; inset:0; width:var(--p); background:rgb(var(--renk)); border-radius:3px; }
.mv-guven { flex-direction:row-reverse; justify-content:flex-end; }
.mv-alt { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:12.5px; font-weight:700; color:#86EFAC; }
.mv-alt > span:first-child { display:inline-flex; align-items:center; gap:6px; }
.mv-alt .ornek-not { margin-left:0; }

/* ── formlar ───────────────────────────────────────────────── */
.kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:22px; box-shadow:var(--golge); }
.form-duzen { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:start; }
.form-duzen.ters { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.form-yan { display:grid; gap:18px; align-content:start; }
.bolum-form { padding-top:64px; }
.form { position:relative; padding:36px; display:grid; gap:22px; }
.form-bas { display:grid; gap:8px; }
.form-bas h2 { font-size:32px; }
.alanlar { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.alan { display:grid; gap:6px; }
.alan.genis { grid-column:1 / -1; }
.alan > span, .secimler legend { font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); }
.alan small { font-size:13px; color:var(--soluk); }
.alan input, .alan textarea { width:100%; padding:14px; border-radius:12px; border:1px solid var(--cizgi); font:inherit; font-size:15.5px; background:#fff; color:var(--murekkep); transition:border-color .2s, box-shadow .2s; }
.alan textarea { resize:vertical; min-height:96px; }
.alan input:focus, .alan textarea:focus { outline:none; border-color:var(--lacivert); box-shadow:0 0 0 4px rgba(26,58,140,.12); }
.alan input:user-invalid { border-color:#DC2626; }
.secimler { border:0; padding:0; margin:0; display:grid; gap:10px; }
.secimler legend { margin-bottom:10px; }
.secim { display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; border:1px solid var(--cizgi); cursor:pointer; font-weight:600; transition:border-color .2s, background .2s; }
.secim:has(input:checked) { border-color:var(--lacivert); background:rgba(26,58,140,.05); }
.secim input, .onay-kutusu input { width:18px; height:18px; accent-color:var(--lacivert); flex:none; }
.onay-kutusu { display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--soluk); cursor:pointer; }
.onay-kutusu input { margin-top:3px; }
.gizli-alan { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-durum { font-size:15px; font-weight:700; min-height:1px; }
.form-durum.tamam { color:var(--yesil-koyu); padding:12px 14px; border-radius:12px; background:rgba(34,197,94,.1); }
.form-durum.tamam, .form-durum.hata { animation:yakinda-gel .35s var(--egri); }   /* sonuç aniden belirmesin (12.10) */
.form-durum.hata { color:#B91C1C; padding:12px 14px; border-radius:12px; background:rgba(220,38,38,.08); }
.bilgi-kart { padding:22px; border-radius:18px; background:var(--zemin); border:1px solid var(--cizgi); display:grid; gap:8px; justify-items:start; }
.bilgi-kart b { font-size:17px; }
.sira-liste { list-style:none; display:grid; gap:14px; counter-reset:sira; }
.sira-liste li { display:grid; gap:2px; padding-left:48px; position:relative; counter-increment:sira; }
.sira-liste li::before { content:counter(sira); position:absolute; left:0; top:0; width:34px; height:34px; border-radius:50%; background:var(--yesil-koyu); color:#fff; font-weight:800; display:grid; place-items:center; z-index:1; }
/* 03.10.2026: adımlar arasında ilerleyen işaret (Bülten gönder / abone ol). Ekran dışında durur (.gizli). */
.sira-liste[data-canli] { position:relative; }
.sira-liste[data-canli]::before { content:""; position:absolute; left:16px; top:34px; bottom:34px; width:2px; background:repeating-linear-gradient(180deg, #C6D0E6 0 6px, transparent 6px 12px); }
.sira-liste[data-canli]::after { content:""; position:absolute; left:17px; top:17px; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; background:var(--altin); box-shadow:0 0 0 5px rgba(245,179,1,.22), 0 0 14px rgba(245,179,1,.8); z-index:2; animation:sira-git 9s var(--egri) infinite; }
@keyframes sira-git { 0% { top:17px; } 28%,36% { top:50%; } 64%,100% { top:calc(100% - 17px); } }
.sira-liste[data-canli] li::before { animation:sira-vur 9s var(--egri) infinite; animation-delay:calc(var(--i) * 3s); }
@keyframes sira-vur { 0%,100% { transform:none; box-shadow:0 0 0 0 rgba(22,163,74,0); } 3% { transform:scale(1.16); box-shadow:0 0 0 8px rgba(22,163,74,.22); } 12% { transform:none; box-shadow:0 0 0 0 rgba(22,163,74,0); } }
.sira-liste[data-canli] li b { animation:sira-metin 9s infinite; animation-delay:calc(var(--i) * 3s); }
@keyframes sira-metin { 0%,100% { color:inherit; } 3%,28% { color:var(--yesil-koyu); } 36% { color:inherit; } }
.fiyat-kart { padding:28px; display:grid; gap:14px; }
.fk-satir { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--cizgi); flex-wrap:wrap; }
.fk-satir span { font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--soluk); font-weight:700; }
.fk-satir b { font-family:var(--serif); font-size:28px; }
.fk-satir.vurgulu b { color:var(--lacivert); font-size:32px; }
.fk-satir s { font-size:16px; color:var(--soluk); font-weight:600; margin-right:8px; font-family:var(--sans); }
.wa-kart { padding:24px; display:grid; gap:12px; justify-items:start; }
.posta { font-weight:700; }

/* ── duyarlı düzen ─────────────────────────────────────────── */
@media (max-width: 1100px) {
  .kahraman-ic { grid-template-columns:minmax(0,1fr); gap:48px; }   /* 1fr (auto en az) iki düğmelik satırla 390 px'te sütunu 391–415 px'e itiyordu (12.10) */
  .kahraman-demo { max-width:680px; width:100%; justify-self:center; }
  .izgara-4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kontrol-ic, .fiyat-ic, .iki-sutun, .form-duzen, .form-duzen.ters, .yetenek, .mevzuat-kart, .aisiz-kart { grid-template-columns:1fr; gap:40px; }
  .alt-ic { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sohbet-bildirim { left:0; }
  .kim-izgara, .kaftan-4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .foto-bant-ic { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
  .fb-metin { grid-column:1 / -1; padding-left:0; }
  .bulten-gonderen { grid-template-columns:1fr; gap:28px; }
  .paket-ogeler { grid-template-columns:1fr; gap:8px; }
  .paket-arti { justify-self:center; font-size:22px; }
}
@media (max-width: 960px) {
  .menu { display:none; position:absolute; top:74px; left:0; right:0; flex-direction:column; gap:4px; margin:0; padding:12px 16px 18px; background:rgba(6,13,31,.98); border-bottom:1px solid var(--gece-cizgi); }
  .menu a { padding:12px 14px; border-radius:12px; font-size:16px; }
  .menu .menu-ek { display:inline-flex; color:#86EFAC; }
  .menu-acik .menu { display:flex; }
  .menu-dugme { display:flex; }
  .genis-dugme { display:none; }
  .dil-dugme { height:40px; }
  .sayilar { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .urunler, .izgara-3, .tv-adimlar, .kaftan-3 { grid-template-columns:1fr; }
  .adimlar { grid-template-columns:repeat(2, minmax(0,1fr)); row-gap:40px; }
  .adim-hat { display:none; }
  .adim-ikon { animation-duration:8s; }
  .tv-govde { grid-template-columns:1fr; }
  .tv-sol { border-right:0; border-bottom:1px solid rgba(148,170,220,.13); }
  .tv-reel { top:auto; bottom:18px; transform:translate(30px,0) scale(.92); }
  .tv.k-reel .tv-reel { transform:none; }
  .bolum { padding:84px 0; }
}
@media (max-width: 760px) {
  .kap { padding:0 16px; }
  body { font-size:16px; }
  .kahraman-ic { padding-top:52px; padding-bottom:56px; }
  .kahraman-orta { padding-top:56px; }
  .alt-metin { font-size:17px; }
  .sayilar { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sayi:last-child { grid-column:1 / -1; }
  .izgara-4, .pl-izgara { grid-template-columns:1fr 1fr; }
  .kontrol-kartlar { grid-template-columns:1fr; }
  .kim-izgara, .kaftan-4 { grid-template-columns:1fr; }
  .kim-kart { aspect-ratio:4/3.4; }
  .foto-bant { padding:64px 0; }
  .foto-bant-ic { grid-template-columns:1fr 1fr; gap:12px; }
  .adimlar { grid-template-columns:1fr; }
  .alanlar, .ys-bulgular { grid-template-columns:1fr; }
  .form { padding:24px 18px; }
  .mevzuat-kart, .aisiz-kart { padding:28px 18px; border-radius:22px; }
  .as-durumlar { grid-template-columns:1fr; }
  .mv-belge { padding:14px; }
  .fiyat-kutu { padding:24px 20px; }
  .alt-ic { grid-template-columns:1fr; gap:28px; }
  .dugmeler .btn-b { flex:1 1 auto; }
  .btn-b { padding:15px 20px; font-size:16px; }
  .ust-eylem .btn-altin { padding:10px 14px; font-size:14px; }
  .format { grid-template-columns:1fr; justify-items:center; }
  .format-sekmeler { display:flex; overflow-x:auto; width:100%; gap:8px; padding-bottom:4px; scrollbar-width:none; }
  .format-sekmeler button { flex:none; }
  .format-sekmeler small { display:none; }
  .hat-ust { grid-template-columns:1fr; }
  .hat-kontrol ul { grid-template-columns:1fr 1fr; }
  .hat-govde { min-height:0; }
  .tv-sag { padding:12px; }
  .tv-t p { grid-template-columns:44px 1fr; font-size:13px; padding:6px 8px; }
  .tv-reel { width:150px; right:12px; }
  .rl-altyazi { bottom:146px; font-size:11px; }
  .rl-bant { bottom:54px; font-size:11.5px; }
  .yetenek-sahne { min-height:470px; }
  .ys { padding:36px 16px; }
  .ys-ses { grid-template-columns:1fr; justify-items:center; }
  .ys-reel { width:120px; }
  .ys-parcalar { width:100%; }
  .ys-tuval { width:260px; }
  .ys-el { left:120px; top:210px; }
  @keyframes blok-tasi { 0%,12% { transform:none; } 30%,44% { transform:translateY(-150px); } 54%,64% { transform:translateY(-150px); background:rgba(185,28,28,.92); } 74%,100% { transform:translateY(-150px); background:rgba(15,118,110,.92); } }
  @keyframes el-tasi { 0%,10% { transform:none; opacity:1; } 30%,44% { transform:translateY(-150px); } 48%,100% { opacity:0; transform:translateY(-150px); } }
  .sohbet-bildirim { position:relative; left:auto; top:auto; margin-top:-40px; }
  .akis-liste { height:380px; }
  .demo-alt .ornek-not { display:none; }
  .alt-alt { flex-direction:column; }
}
@media (max-width: 560px) {
  .izgara-4 { grid-template-columns:1fr; }
}
@media (max-width: 420px) {
  .ust-ic { gap:12px; }
  .logo img { width:40px; height:40px; }
  .ust-eylem .btn-altin { padding:9px 12px; font-size:13.5px; }
  .hat-formatlar { gap:6px; }
  .fmt span { font-size:9px; }
  .tv-gc b { font-size:13.5px; }
}

/* ── SDHA BÜLTEN: "Bülten gönder" = içerik yayınlatma talebi (30.09, abonelikten AYRI) ── */
.gonder-bolum { background:linear-gradient(180deg, rgba(245,179,1,.07), transparent 55%); border-top:1px solid var(--cizgi); }
.gonder-bolum .form-yan { display:grid; gap:18px; align-content:start; }
.secimler-cip { display:flex; flex-wrap:wrap; gap:8px; }
.secimler-cip legend { width:100%; }
.secimler-cip .secim { padding:9px 14px; border-radius:999px; font-size:14.5px; }
.form-not { display:flex; gap:10px; align-items:flex-start; margin:0; padding:12px 14px; border-radius:12px; background:rgba(245,179,1,.1); color:var(--murekkep); font-size:14.5px; line-height:1.5; }
.form-not svg { flex:none; margin-top:2px; color:var(--altin-koyu); }
.bilgi-kart.takdir { border-color:rgba(245,179,1,.55); background:#fff; }

/* ── Canlı destek asistanı "Derya" (30.09): yapay zekâsız SSS botu ── */
.destek-dugme { position:fixed; right:20px; bottom:20px; z-index:60; display:flex; align-items:center; gap:10px; padding:6px 18px 6px 6px; border-radius:999px; border:1px solid var(--cizgi); background:var(--kart); color:var(--murekkep); box-shadow:0 14px 34px -12px rgba(11,24,52,.4); cursor:pointer; font:inherit; transition:transform .2s var(--egri), box-shadow .2s; }
.destek-dugme:hover { transform:translateY(-2px); box-shadow:0 18px 40px -12px rgba(11,24,52,.5); }
.destek-dugme img { display:block; width:44px; height:44px; border-radius:50%; background:var(--zemin-2); }
.destek-dugme::after { content:""; position:absolute; left:40px; top:6px; width:12px; height:12px; border-radius:50%; background:var(--yesil); border:2px solid var(--kart); }
.destek-dugme-yazi { display:grid; line-height:1.2; text-align:left; }
.destek-dugme-yazi b { font-size:15px; }
.destek-dugme-yazi small { font-size:12.5px; font-weight:700; color:var(--soluk); }
.destek-panel { position:fixed; right:20px; bottom:88px; z-index:61; width:min(390px, calc(100vw - 32px)); height:min(580px, calc(100vh - 120px)); display:flex; flex-direction:column; overflow:hidden; background:var(--kart); color:var(--murekkep); border:1px solid var(--cizgi); border-radius:20px; box-shadow:0 30px 80px -24px rgba(6,13,31,.55); }
.destek-bas { display:flex; align-items:center; gap:12px; padding:12px 12px 12px 14px; background:var(--gece); color:var(--gece-metin); }
.destek-av { width:40px; height:40px; border-radius:50%; background:var(--zemin-2); flex:none; }
.destek-kim { flex:1; display:grid; line-height:1.25; min-width:0; }
.destek-kim b { font-size:16px; }
.destek-kim small { font-size:12.5px; font-weight:600; color:var(--gece-soluk); }
.destek-kapat { width:38px; height:38px; flex:none; border-radius:10px; border:1px solid var(--gece-cizgi); background:transparent; color:var(--gece-metin); font-size:22px; line-height:1; cursor:pointer; }
.destek-kapat:hover { background:rgba(255,255,255,.08); }
.destek-liste { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:16px 14px; display:flex; flex-direction:column; gap:12px; background:var(--zemin); }
.destek-m { display:flex; gap:8px; align-items:flex-end; }
.destek-m.kullanici { justify-content:flex-end; }
.destek-m-av { width:28px; height:28px; border-radius:50%; background:var(--zemin-2); flex:none; }
.destek-balon { max-width:84%; padding:10px 13px; border-radius:16px; font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.destek-balon p { margin:0; }
.destek-m.bot .destek-balon { background:var(--kart); border:1px solid var(--cizgi); border-bottom-left-radius:6px; }
.destek-m.kullanici .destek-balon { background:var(--lacivert); color:#fff; border-bottom-right-radius:6px; }
.destek-bag { display:inline-block; margin-top:8px; font-weight:800; font-size:14px; }
.destek-m.yaziyor .destek-balon { display:flex; gap:4px; padding:14px 13px; }
.destek-m.yaziyor i { width:7px; height:7px; border-radius:50%; background:var(--soluk); opacity:.35; animation:destek-nokta 1s infinite; }
.destek-m.yaziyor i:nth-child(2) { animation-delay:.15s; }
.destek-m.yaziyor i:nth-child(3) { animation-delay:.3s; }
@keyframes destek-nokta { 40% { opacity:1; transform:translateY(-2px); } }
.destek-oneriler { display:flex; flex-wrap:wrap; gap:6px; padding:10px 12px; max-height:136px; overflow-y:auto; border-top:1px solid var(--cizgi); }
.destek-oneriler:empty { display:none; }
.destek-oneriler button { padding:6px 12px; border-radius:999px; border:1px solid var(--cizgi); background:var(--kart); color:var(--lacivert); font:inherit; font-size:13.5px; font-weight:700; line-height:1.35; text-align:left; cursor:pointer; }
.destek-oneriler button:hover { border-color:var(--lacivert); background:rgba(26,58,140,.05); }
.destek-form { display:flex; gap:8px; padding:10px 12px 8px; border-top:1px solid var(--cizgi); }
.destek-form input { flex:1; min-width:0; padding:10px 12px; border-radius:12px; border:1px solid var(--cizgi); font:inherit; font-size:15px; color:var(--murekkep); background:#fff; }
.destek-form input:focus { outline:none; border-color:var(--lacivert); box-shadow:0 0 0 3px rgba(26,58,140,.12); }
.destek-gonder { flex:none; padding:0 14px; border:0; border-radius:12px; background:var(--lacivert); color:#fff; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.destek-gonder:hover { background:var(--lacivert-h); }
.destek-wa { display:inline-flex; align-items:center; gap:7px; margin-top:10px; padding:7px 14px; border-radius:999px; border:1px solid rgba(37,211,102,.6); color:#0E7A6E; background:rgba(37,211,102,.08); }
.destek-wa:hover { color:#0B5F55; background:rgba(37,211,102,.16); }
.destek-wa svg { flex:none; width:18px; height:18px; }
.destek-alt .destek-wa { margin-top:4px; padding:5px 11px; font-size:12px; }
.destek-alt .destek-wa svg { width:14px; height:14px; }
.destek-alt { margin:0; padding:0 14px 12px; font-size:12px; line-height:1.45; color:var(--soluk); }
.destek-alt .destek-bag { margin:0; font-size:12px; }
@media (max-width: 560px) {
  .destek-dugme { right:16px; bottom:16px; padding:5px; }
  .destek-dugme-yazi { display:none; }
  .destek-dugme.acik { display:none; }
  .destek-panel { left:16px; right:16px; bottom:16px; width:auto; height:min(80vh, 620px); }
}

/* ── Ana sayfa: "aynı masa" akışı (12.10.2026, hareket analizi Y1) ─
   Üç girdi (ajans haberi, canlı yayın kesiti, basın bülteni) → SDHub masası → sosyal medya paketi. */
.aile-akis { display:grid; grid-template-columns:minmax(0,1fr) 110px minmax(0,.62fr) 80px minmax(0,1fr); align-items:center; margin-bottom:40px; padding:26px 28px; border-radius:22px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge); }
.aa-girdiler { display:grid; gap:12px; }
.aa-girdi { height:52px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 16px; border-radius:14px; border:1px solid var(--cizgi); border-left:3px solid var(--r, var(--altin)); background:var(--zemin); min-width:0; }
.aa-amber { --r:var(--altin); } .aa-tv { --r:var(--tv); } .aa-yesil { --r:var(--yesil); }
.aa-urun { font-weight:800; font-size:15px; white-space:nowrap; }
.aa-ne { font-size:13.5px; color:var(--soluk); text-align:right; line-height:1.3; }
.aa-ag { display:block; width:100%; height:180px; overflow:visible; }
.aa-ag .yol { fill:none; stroke:#C6D0E6; stroke-width:2; stroke-dasharray:4 5; }
.aa-paket { fill:var(--altin); filter:drop-shadow(0 0 3px rgba(245,179,1,.8)); }
.aa-p1 { fill:var(--tv); filter:drop-shadow(0 0 3px rgba(91,110,255,.8)); }
.aa-p2 { fill:var(--yesil); filter:drop-shadow(0 0 3px rgba(34,197,94,.8)); }
.aa-p3 { fill:var(--lacivert); filter:none; }
.aa-masa { position:relative; display:grid; justify-items:center; gap:2px; padding:24px 12px; border-radius:18px; background:var(--gece); color:#fff; text-align:center; }
.aa-masa b { font-family:var(--serif); font-size:24px; line-height:1.1; }
.aa-masa small { color:var(--gece-soluk); font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.aa-halka { position:absolute; inset:0; border-radius:inherit; border:2px solid var(--altin); opacity:0; animation:aa-halka 1.8s ease-out infinite; pointer-events:none; }
@keyframes aa-halka { 0% { opacity:.75; transform:scale(1); } 100% { opacity:0; transform:scale(1.14); } }
.aa-cikti { position:relative; display:grid; gap:10px; padding:18px; border-radius:18px; border:1px solid var(--cizgi); background:var(--zemin); }
.aa-cikti b { font-family:var(--serif); font-size:19px; }
.aa-cikti small { color:var(--soluk); font-size:13px; font-weight:700; }
.aa-format { display:flex; flex-wrap:wrap; gap:6px; }
.aa-format span { padding:4px 10px; border-radius:999px; background:#fff; border:1px solid var(--cizgi); font-size:12.5px; font-weight:800; color:var(--lacivert); animation:aa-format 5s infinite; animation-delay:calc(var(--i) * .35s); }
@keyframes aa-format { 0%,100% { background:#fff; color:var(--lacivert); border-color:var(--cizgi); } 6%,16% { background:var(--lacivert); color:#fff; border-color:var(--lacivert); } 24% { background:#fff; color:var(--lacivert); border-color:var(--cizgi); } }
@media (max-width: 960px) {
  .aile-akis { grid-template-columns:1fr; gap:30px; padding:20px; }
  .aa-ag { display:none; }
  /* telefonda çizgiler: kutular arasında aşağı akan kesik çizgi + paket noktası */
  .aa-masa::before, .aa-cikti::before { content:""; position:absolute; left:50%; top:-26px; width:2px; height:22px; margin-left:-1px; background:repeating-linear-gradient(180deg, #C6D0E6 0 4px, transparent 4px 8px); }
  .aa-masa::after, .aa-cikti::after { content:""; position:absolute; left:50%; top:-26px; width:8px; height:8px; margin-left:-4px; border-radius:50%; background:var(--altin); animation:aa-in 1.6s linear infinite; }
  .aa-cikti::after { background:var(--lacivert); animation-delay:.8s; }
  .aa-girdi { height:auto; min-height:48px; padding-block:8px; }
}
@keyframes aa-in { 0% { transform:translateY(0); opacity:0; } 15% { opacity:1; } 85% { opacity:1; } 100% { transform:translateY(20px); opacity:0; } }

/* ── SDAjans: sektörel çözümler (12.10.2026) ─────────────────
   Alan kartları = süzgeç (aria-pressed), sektör sekmeleri = elle seçilir (kendiliğinden İLERLEMEZ: okunacak içerik).
   Hareket: seçili sekmenin altında kayan gösterge, panel değişince kartlar sırayla belirir, süzgeç dışı kartlar söner. */
.cz { display:grid; gap:22px; }
.cz-alanlar { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.cz-alan { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:start; text-align:left; padding:20px; border-radius:18px; border:1px solid var(--cizgi); background:var(--zemin); color:var(--murekkep); cursor:pointer; transition:border-color .25s, background .25s, box-shadow .3s, transform .3s var(--egri); }
.cz-alan:hover { border-color:#C6D0E6; transform:translateY(-2px); }
.cz-alan[aria-pressed=true] { border-color:var(--lacivert); background:#fff; box-shadow:0 16px 34px -20px rgba(26,58,140,.55); }
.cz-alan-ikon { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:rgba(26,58,140,.08); color:var(--lacivert); transition:background .25s, color .25s, transform .35s var(--egri); }
.cz-alan[aria-pressed=true] .cz-alan-ikon { background:var(--lacivert); color:#fff; transform:rotate(-6deg); }
.cz-alan-metin { display:grid; gap:4px; min-width:0; }
.cz-alan-metin b { font-family:var(--serif); font-size:19px; line-height:1.2; }
.cz-alan-metin small { font-size:14px; line-height:1.45; color:var(--soluk); }
.cz-alan-say { display:grid; justify-items:end; line-height:1; }
.cz-alan-say b { font-size:28px; font-weight:800; color:var(--lacivert); font-variant-numeric:tabular-nums; }
.cz-alan-say small { font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); margin-top:4px; }
.cz-durumlar { list-style:none; display:flex; flex-wrap:wrap; gap:10px 22px; font-size:14px; color:var(--soluk); }
.cz-durumlar li { display:flex; align-items:center; gap:8px; }
.cz-durum, .cz-alan-cip { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.cz-durum::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.d-hemen { background:rgba(34,197,94,.12); color:var(--yesil-koyu); }
.d-proje { background:rgba(26,58,140,.08); color:var(--lacivert); }
.d-ortak { background:rgba(91,103,132,.12); color:#3F4A66; }
.a-haber { background:rgba(26,58,140,.08); color:var(--lacivert); }
.a-veri { background:rgba(14,116,144,.1); color:#0E6A82; }
.a-arastirma { background:rgba(245,179,1,.16); color:var(--altin-koyu); }
.cz-suzgec { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0; padding:10px 14px; border-radius:12px; background:rgba(26,58,140,.05); font-size:14.5px; font-weight:600; animation:yakinda-gel .3s var(--egri); }
.cz-suzgec button { border:0; background:none; padding:0; color:var(--lacivert); font-weight:800; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
/* Masaüstü: 3×2 ızgara (6 sektör adı tek satıra sığmıyordu, 1366'da ilk sekme kesikti — 12.10 ölçümü); telefon: yatay kaydırma */
.cz-sekmeler { position:relative; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:4px; padding:6px; border-radius:16px; background:var(--zemin-2); }
.cz-sekmeler::-webkit-scrollbar { display:none; }
.cz-sekme { position:relative; z-index:1; flex:1 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 14px; border:0; border-radius:12px; background:none; color:var(--soluk); font-weight:800; font-size:14.5px; line-height:1.25; white-space:nowrap; cursor:pointer; transition:color .25s, opacity .25s; }
.cz-sekme:hover { color:var(--murekkep); }
.cz-sekme[aria-selected=true] { color:var(--murekkep); }
.cz-sekme svg { flex:none; color:var(--lacivert); }
.cz-say { font-style:normal; min-width:22px; padding:1px 7px; border-radius:999px; background:rgba(26,58,140,.1); color:var(--lacivert); font-size:12px; font-variant-numeric:tabular-nums; transition:background .25s, color .25s; }
.cz-sekme.bos { opacity:.45; }
.cz-gosterge { position:absolute; top:0; left:0; height:var(--h, 0); width:var(--w, 0); transform:translate(var(--x, 0), var(--y, 0)); border-radius:12px; background:#fff; box-shadow:0 6px 16px -8px rgba(11,24,52,.35); transition:transform .45s var(--egri), width .45s var(--egri); pointer-events:none; }
.cz:not(.js-cz) .cz-gosterge { display:none; }
.cz-panel { display:grid; gap:14px; outline:none; }
.js-cz .cz-panel:not(.aktif) { display:none; }
.cz-panel-bas { display:flex; align-items:center; gap:10px; font-size:24px; }
.cz-panel-bas svg { color:var(--lacivert); }
.js-cz .cz-panel-bas { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.cz-giris { font-size:17px; color:var(--soluk); max-width:760px; }
.cz-izgara { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.cz-kart { display:grid; gap:10px; align-content:start; padding:22px 24px; border-radius:18px; border:1px solid var(--cizgi); background:var(--zemin); transition:opacity .35s, filter .35s, transform .35s var(--egri), border-color .25s, box-shadow .3s; }
.cz-kart:hover { transform:translateY(-3px); border-color:#C6D0E6; background:#fff; box-shadow:0 20px 40px -22px rgba(11,24,52,.3); }
.js-cz .cz-panel.aktif .cz-kart { animation:cz-gir .5s var(--egri) both; animation-delay:calc(var(--i, 0) * 55ms); }
@keyframes cz-gir { from { opacity:0; transform:translateY(14px); } }
.cz-kart.soluk { opacity:.32; filter:saturate(.2); }
.cz-kart.soluk:hover { transform:none; box-shadow:none; }
.cz-etiketler { display:flex; flex-wrap:wrap; gap:6px; }
.cz-kart h3 { font-size:20px; }
.cz-kart p { font-size:15px; color:var(--soluk); }
.cz-kart .cz-teslim { display:grid; gap:2px; padding-top:10px; border-top:1px dashed var(--cizgi); color:var(--murekkep); font-weight:600; font-size:14.5px; }
.cz-teslim b { font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); }
.cz-teklif { justify-self:start; display:inline-flex; align-items:center; gap:6px; font-weight:800; font-size:15px; }
.cz-teklif .ok { display:inline-flex; transition:transform .25s var(--egri); }
.cz-teklif:hover .ok { transform:translateX(4px); }
/* Bağımsızlık ilkesi: iki blok arasında çizilen duvar (ayrım = ilkenin kendisi) */
.cz-ilke-ic { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:56px; align-items:center; }
.cz-ilke-metin { display:grid; gap:16px; }
.cz-ilke-metin h2 { font-size:clamp(30px, 3.4vw, 44px); }
.cz-ilke-sema { display:grid; grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr); align-items:stretch; }
.cz-blok { display:grid; gap:8px; align-content:start; padding:22px; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); transition:transform .8s var(--egri) .35s; }
.cz-blok b { font-family:var(--serif); font-size:19px; color:#fff; line-height:1.2; }
.cz-blok small { font-size:14px; color:var(--gece-soluk); line-height:1.45; }
.cz-blok-ikon { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:rgba(245,179,1,.14); color:var(--altin); }
.cz-duvar { position:relative; display:grid; place-items:center; }
.cz-duvar i { position:absolute; top:6px; bottom:6px; left:50%; width:2px; margin-left:-1px; background:linear-gradient(var(--altin), rgba(245,179,1,.15)); transform-origin:top; transition:transform .7s var(--egri) .2s; }
.cz-duvar span { position:relative; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(--gece-2); border:1px solid rgba(245,179,1,.55); color:var(--altin); transition:transform .45s var(--egri) .75s, opacity .3s .75s; }
.js-belir .cz-ilke-sema:not(.gorundu) .cz-duvar i { transform:scaleY(0); }
.js-belir .cz-ilke-sema:not(.gorundu) .cz-duvar span { transform:scale(.4); opacity:0; }
.js-belir .cz-ilke-sema:not(.gorundu) .cz-blok:first-child { transform:translateX(18px); }
.js-belir .cz-ilke-sema:not(.gorundu) .cz-blok:last-child { transform:translateX(-18px); }
/* İlkeler şeması: kaynak → KVKK kapısı → rapor; çizgi üzerinde paket sürekli akar (küçük döngü, "azalt"ta da) */
.cz-duvar em { position:absolute; z-index:2; top:50%; left:-30px; width:9px; height:9px; margin-top:-4.5px; border-radius:50%; background:var(--altin); box-shadow:0 0 10px rgba(245,179,1,.9); animation:cz-paket 2.8s ease-in-out infinite; }
@keyframes cz-paket { 0% { left:-30px; opacity:0; } 15% { opacity:1; } 45%,55% { left:calc(50% - 4.5px); opacity:1; transform:scale(1.5); } 85% { opacity:1; transform:none; } 100% { left:calc(100% + 21px); opacity:0; } }
.cz-duvar span { animation:cz-kilit 2.8s ease-in-out infinite; }
@keyframes cz-kilit { 0%,38%,62%,100% { box-shadow:0 0 0 0 rgba(245,179,1,0); } 50% { box-shadow:0 0 0 7px rgba(245,179,1,.28); } }

/* Küçük ilişki ağı (sektör görseli, ana sayfa kartı, veri masası): kenarlar sırayla çizilir, düğümler nabız atar */
.ag-k { stroke:rgba(148,170,220,.35); stroke-width:1.4; stroke-dasharray:200; stroke-dashoffset:200; animation:ag-ciz 7s ease-in-out infinite; animation-delay:calc(var(--i) * .18s); }
@keyframes ag-ciz { 0% { stroke-dashoffset:200; } 30%,85% { stroke-dashoffset:0; } 100% { stroke-dashoffset:0; opacity:0; } }
.ag-v { stroke:var(--altin); stroke-width:2.4; stroke-linecap:round; stroke-dasharray:200; stroke-dashoffset:200; filter:drop-shadow(0 0 4px rgba(245,179,1,.8)); animation:ag-vurgu 7s ease-in-out infinite; }
@keyframes ag-vurgu { 0%,38% { stroke-dashoffset:200; } 55%,88% { stroke-dashoffset:0; } 100% { stroke-dashoffset:0; opacity:0; } }
.ag-d { fill:#2C3D6B; stroke:rgba(148,170,220,.6); stroke-width:1.2; transform-box:fill-box; transform-origin:center; animation:ag-nabiz 7s ease-in-out infinite; animation-delay:calc(var(--i) * .22s); }
.ag-ana { fill:var(--lacivert); stroke:#8FA6E0; }
@keyframes ag-nabiz { 0%,100% { transform:scale(.6); opacity:.4; } 20%,85% { transform:none; opacity:1; } }

/* SDAjans kahraman: veri masası */
.dv-govde { display:grid; gap:14px; padding:16px 18px 18px; }
.dv-ag { width:100%; height:auto; max-height:240px; }
.dv-bulgu { list-style:none; display:grid; gap:8px; }
.dv-bulgu li { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); opacity:.25; animation:dv-bulgu 9s var(--egri) infinite; animation-delay:calc(var(--i) * 1.4s + 2.2s); }
.dv-bulgu li > span:nth-child(2) { display:grid; gap:1px; flex:1; min-width:0; }
.dv-bulgu em { font-style:normal; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--altin); }
.dv-bulgu b { font-size:14px; color:#E9EEF9; font-weight:700; }
.dv-bulgu li > svg { color:var(--yesil); flex:none; opacity:0; animation:inherit; animation-name:dv-tik; }
.dv-ikon { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:rgba(245,179,1,.12); color:var(--altin); flex:none; }
@keyframes dv-bulgu { 0%,4% { opacity:.25; transform:translateX(-6px); } 10%,80% { opacity:1; transform:none; border-color:rgba(245,179,1,.35); } 92%,100% { opacity:.25; } }
@keyframes dv-tik { 0%,8% { opacity:0; transform:scale(.4); } 14%,80% { opacity:1; transform:none; } 92%,100% { opacity:0; } }
.dv-not { font-size:12px; color:var(--gece-soluk); }

/* Sektör paneli: giriş metni + hareketli görsel yan yana */
.cz-panel-ust { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,380px); gap:24px; align-items:center; }
.cz-panel-metin { display:grid; gap:10px; }
.cz-gorsel { position:relative; height:170px; border-radius:18px; overflow:hidden; background:linear-gradient(160deg, #0B1636, #060D1F); color:#DCE4F7; padding:16px; display:flex; align-items:center; justify-content:center; gap:14px; box-shadow:0 18px 40px -24px rgba(6,13,31,.7); }
.cz-gorsel::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size:24px 24px; pointer-events:none; }
.cg-cip { position:absolute; left:14px; bottom:12px; z-index:1; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:11.5px; font-weight:800; background:rgba(245,179,1,.14); border:1px solid rgba(245,179,1,.45); color:#FFE39A; animation:cg-cip 7s var(--egri) infinite; }
.cg-cip.kirmizi { background:rgba(239,68,68,.16); border-color:rgba(239,68,68,.5); color:#FCA5A5; }
@keyframes cg-cip { 0%,45% { opacity:0; transform:translateY(6px); } 52%,88% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
.cg-ag { width:100%; height:100%; }
/* medya: veri → haber cümlesi */
.cg-medya { flex-direction:column; align-items:stretch; justify-content:flex-start; gap:8px; }
.cg-veri { display:flex; align-items:center; gap:10px; font-size:13px; font-variant-numeric:tabular-nums; }
.cg-veri em { font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.1em; color:var(--altin); padding:2px 7px; border:1px solid rgba(245,179,1,.4); border-radius:6px; }
.cg-yukari { color:var(--yesil); font-weight:800; animation:cg-yanip 7s infinite; }
@keyframes cg-yanip { 0%,8% { opacity:.3; } 12%,100% { opacity:1; } }
.cg-ok { color:var(--altin); align-self:flex-start; transform:rotate(90deg); }
.cg-cumle { font-size:14px; line-height:1.5; color:#C9D3EA; }
.cg-k { opacity:.12; animation:cg-yaz 7s infinite; animation-delay:calc(var(--j) * .11s + .6s); }
@keyframes cg-yaz { 0% { opacity:.12; } 4%,90% { opacity:1; color:#fff; } 100% { opacity:.12; } }
.cg-medya .cg-cip { position:static; align-self:flex-start; }
/* pr: noktalar, bir küme koordineli (kırmızı) */
.cg-alan { position:absolute; inset:14px 14px 40px; }
.cg-alan i { position:absolute; left:var(--x); top:var(--y); width:9px; height:9px; margin:-4px; border-radius:50%; background:#5D6E99; animation:cg-nokta 7s infinite; animation-delay:calc(var(--i) * .12s); }
.cg-alan i.cg-bot { animation-name:cg-bot; }
@keyframes cg-nokta { 0%,100% { transform:scale(.7); } 50% { transform:scale(1); } }
@keyframes cg-bot { 0%,30% { background:#5D6E99; box-shadow:none; } 40%,88% { background:var(--kirmizi); box-shadow:0 0 10px rgba(239,68,68,.8); } 100% { background:#5D6E99; } }
.cg-kume { position:absolute; left:64%; top:14%; width:30%; height:66%; border:1.5px dashed rgba(239,68,68,.7); border-radius:16px; opacity:0; animation:cg-kume 7s infinite; }
@keyframes cg-kume { 0%,38% { opacity:0; transform:scale(1.15); } 48%,88% { opacity:1; transform:none; } 100% { opacity:0; } }
/* perakende: ısı ızgarası + hava */
.cg-isi { position:absolute; inset:14px 70px 40px 14px; display:grid; grid-template-columns:repeat(8, 1fr); gap:4px; }
.cg-isi i { border-radius:4px; background:var(--altin); opacity:.08; animation:cg-isi 6s ease-in-out infinite; animation-delay:calc(var(--g) * .35s); }
@keyframes cg-isi { 0%,100% { opacity:.08; } 50% { opacity:.75; } }
.cg-hava { position:absolute; right:16px; top:18px; width:44px; height:44px; font-size:30px; line-height:44px; text-align:center; }
.cg-hava span { position:absolute; inset:0; animation:cg-hava 6s infinite; }
.cg-gunes { color:var(--altin); }
.cg-yagmur { color:#7FB2FF; animation-delay:-3s !important; }
@keyframes cg-hava { 0%,40% { opacity:1; transform:none; } 50%,90% { opacity:0; transform:translateY(6px); } 100% { opacity:1; } }
/* anket: çubuklar büyür */
.cg-cubuklar { width:100%; display:grid; gap:9px; margin-bottom:22px; }
.cg-satir { display:grid; grid-template-columns:110px 1fr 38px; align-items:center; gap:10px; font-size:12.5px; }
.cg-satir i { height:10px; border-radius:6px; background:rgba(255,255,255,.07); overflow:hidden; }
.cg-satir b { display:block; height:100%; width:var(--w); border-radius:6px; background:linear-gradient(90deg, var(--altin), #FFC94A); transform-origin:left; animation:cg-cubuk 7s var(--egri) infinite; animation-delay:calc(var(--i) * .25s); }
.cg-satir em { font-style:normal; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; }
@keyframes cg-cubuk { 0% { transform:scaleX(0); } 25%,88% { transform:scaleX(1); } 100% { transform:scaleX(0); } }
/* kamu: duyuru → yayınlar */
.cg-kamu { justify-content:space-between; padding-inline:22px; }
.cg-kaynak { display:grid; justify-items:center; gap:6px; font-size:12.5px; color:#fff; z-index:1; }
.cg-kaynak svg { width:46px; height:46px; padding:10px; border-radius:14px; background:var(--lacivert); }
.cg-yol { position:relative; flex:1; height:100px; }
.cg-yol i { position:absolute; left:0; width:8px; height:8px; border-radius:50%; background:var(--yesil); box-shadow:0 0 8px rgba(34,197,94,.9); top:calc(var(--i) * 46px); animation:cg-git 3s ease-in-out infinite; animation-delay:calc(var(--i) * .5s); }
@keyframes cg-git { 0% { left:0; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { left:calc(100% - 8px); opacity:0; } }
.cg-hedef { display:grid; gap:12px; z-index:1; }
.cg-hedef span { padding:5px 12px; border-radius:999px; font-size:12px; font-weight:800; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.45); color:#BBF7D0; animation:cg-hedef 3s infinite; animation-delay:calc(var(--i) * .5s + 2.4s); }
@keyframes cg-hedef { 0%,100% { box-shadow:none; } 10% { box-shadow:0 0 0 5px rgba(34,197,94,.25); } }
/* 12.10.2026 (kullanıcı: «Site şuan çok yazı ağırlıklı»): sektör fotoğrafı + üstünde yarı saydam hareketli veri kartı */
.cz-panel-ust { grid-template-columns:minmax(0,1fr) minmax(0,560px); }
.cz-foto { position:relative; margin:0; height:320px; border-radius:20px; overflow:hidden; box-shadow:0 24px 50px -28px rgba(6,13,31,.75); }
.cz-foto img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.04); animation:cz-foto 14s ease-in-out infinite alternate; }
@keyframes cz-foto { to { transform:scale(1.12) translate(-1.5%, -1%); } }
.cz-foto::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(6,13,31,0) 35%, rgba(6,13,31,.55)); }
.cz-foto .cz-gorsel { position:absolute; z-index:2; left:14px; bottom:14px; width:min(400px, calc(100% - 28px)); height:172px; background:rgba(6,13,31,.82); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid rgba(148,170,220,.22); }
.cz-foto .cg-anket { height:196px; }
.cz-foto .cg-isi i { animation-name:cg-isi-hafif; }
@keyframes cg-isi-hafif { 0%,100% { opacity:.06; } 50% { opacity:.55; } }
.cz-panel.aktif .cz-foto .cz-gorsel { animation:cz-gorsel-gir .7s var(--egri) both .15s; }
@keyframes cz-gorsel-gir { from { opacity:0; transform:translateY(16px); } }
.tk-foto { margin:0; border-radius:18px; overflow:hidden; height:220px; box-shadow:var(--golge); }
.tk-foto img { width:100%; height:100%; object-fit:cover; }
@media (max-width: 960px) { .cz-panel-ust { grid-template-columns:1fr; } }
@media (max-width: 760px) { .cz-foto { height:280px; } .cz-foto .cz-gorsel { height:150px; } }

/* ── SDAjans pazarlama kurgusu (12.10.2026 gece): rakam bandı · sektör vitrini + ayrıntı penceresi · ilke karoları · çağrı ── */
.sr-bant { background:var(--gece-2); border-top:1px solid var(--gece-cizgi); color:var(--gece-metin); }
.sr-ic { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; padding-block:34px; }
.sr-oge { display:grid; justify-items:center; gap:4px; text-align:center; }
.sr-oge b { font-family:var(--serif); font-size:clamp(40px, 4.6vw, 60px); line-height:1; color:var(--altin); font-variant-numeric:tabular-nums; min-width:2ch; }
.sr-oge span { font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gece-soluk); }
.sv-izgara { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.sv-kart { position:relative; display:block; height:360px; border-radius:24px; overflow:hidden; color:#fff; isolation:isolate; box-shadow:0 24px 50px -30px rgba(6,13,31,.8); }
.sv-kart img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .9s var(--egri); z-index:-2; }
.sv-kart::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6,13,31,.15) 0%, rgba(6,13,31,.25) 40%, rgba(6,13,31,.92) 100%); transition:background .4s; }
/* ışık süpürmesi: kartlar sırayla parlar (küçük döngü; 'azalt'ta da akar) */
.sv-kart::before { content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%; z-index:1; background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent); transform:skewX(-18deg); animation:sv-supur 7s ease-in-out infinite; animation-delay:calc(var(--g, 0) * 1.1s + 1s); pointer-events:none; }
@keyframes sv-supur { 0%,70% { left:-60%; } 92%,100% { left:130%; } }
.sv-kart:hover img, .sv-kart:focus-visible img { transform:scale(1.07); }
.sv-kart:hover::after { background:linear-gradient(180deg, rgba(6,13,31,.05) 0%, rgba(26,58,140,.35) 45%, rgba(6,13,31,.95) 100%); }
.sv-ust { position:absolute; top:18px; left:18px; right:18px; display:flex; align-items:center; justify-content:space-between; }
.sv-ikon { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:rgba(6,13,31,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.18); color:var(--altin); }
.sv-ust em { font-style:normal; font-size:12px; font-weight:800; letter-spacing:.06em; padding:5px 11px; border-radius:999px; background:var(--altin); color:#1B1300; }
.sv-alt { position:absolute; left:22px; right:22px; bottom:20px; display:grid; gap:6px; }
.sv-alt b { font-family:var(--serif); font-size:23px; line-height:1.15; }
.sv-vaat { font-size:16px; color:#DCE4F7; }
.sv-git { display:inline-flex; align-items:center; gap:6px; margin-top:6px; font-weight:800; font-size:14.5px; color:var(--altin); }
.sv-git .ok { display:inline-flex; transition:transform .3s var(--egri); }
.sv-kart:hover .sv-git .ok { transform:translateX(5px); }
/* ayrıntı penceresi */
.sv-detaylar { display:grid; gap:24px; margin-top:24px; }
.js-sv .sv-detaylar { display:block; margin:0; }
.js-sv .sv-detay { display:none; }
.sv-detay { position:relative; background:#fff; border:1px solid var(--cizgi); border-radius:24px; overflow:hidden; outline:none; }
.js-sv .sv-detay.acik { display:block; position:fixed; z-index:91; top:50%; left:50%; width:min(1000px, calc(100vw - 32px)); max-height:calc(100vh - 48px); overflow:auto; transform:translate(-50%, -50%); box-shadow:0 40px 100px -30px rgba(3,8,25,.8); animation:sv-ac .4s var(--egri); }
@keyframes sv-ac { from { opacity:0; transform:translate(-50%, -46%) scale(.97); } }
.sv-perde { position:fixed; inset:0; z-index:90; background:rgba(6,13,31,.62); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); animation:yakinda-gel .3s; }
body.sv-kilit { overflow:hidden; }
.sv-kapat { position:absolute; top:14px; right:14px; z-index:3; width:42px; height:42px; border-radius:50%; border:0; background:rgba(6,13,31,.7); color:#fff; font-size:24px; line-height:1; cursor:pointer; }
.sv-kapat:hover { background:var(--lacivert); }
.sv-bolum:not(.js-sv) .sv-kapat { display:none; }
.sv-bant { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:0; background:var(--gece); color:var(--gece-metin); }
.sv-bant .cz-foto { height:300px; border-radius:0; box-shadow:none; }
.sv-bant-metin { display:grid; align-content:center; gap:10px; padding:28px; }
.sv-bant-metin small { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--altin); }
.sv-bant-metin h3 { font-size:28px; color:#fff; }
.sv-bant-vaat { font-family:var(--serif); font-size:20px; color:var(--altin); }
.sv-bant-metin p:last-child { color:var(--gece-soluk); font-size:15.5px; }
.sv-liste { list-style:none; padding:6px 28px 24px; }
.sv-liste li { display:grid; grid-template-columns:118px minmax(0,1fr) auto; gap:16px; align-items:start; padding:18px 0; border-top:1px solid var(--cizgi); animation:os-gir .45s var(--egri) both; }
.sv-detay.acik .sv-liste li:nth-child(2) { animation-delay:.06s; } .sv-detay.acik .sv-liste li:nth-child(3) { animation-delay:.12s; }
.sv-detay.acik .sv-liste li:nth-child(4) { animation-delay:.18s; } .sv-detay.acik .sv-liste li:nth-child(n+5) { animation-delay:.24s; }
.sv-liste li:first-child { border-top:0; }
.sv-durum { justify-self:start; display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }
.sv-durum::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.sv-li-metin { display:grid; gap:4px; min-width:0; }
.sv-li-metin b { font-size:17px; }
.sv-li-metin p { font-size:15px; color:var(--soluk); }
.sv-li-metin small { font-size:13.5px; color:var(--murekkep); font-weight:600; }
/* ilke karoları */
.il-izgara { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.il-karo { display:grid; gap:10px; align-content:start; padding:24px; border-radius:20px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); transition:transform .35s var(--egri), border-color .3s; }
.il-karo:hover { transform:translateY(-4px); border-color:rgba(245,179,1,.45); }
.il-ikon { width:50px; height:50px; border-radius:15px; display:grid; place-items:center; background:rgba(245,179,1,.14); color:var(--altin); }
.il-karo b { font-family:var(--serif); font-size:21px; color:#fff; }
.il-karo p { font-size:15px; color:var(--gece-soluk); }
.il-sema { max-width:660px; margin:44px auto 0; }
/* büyük çağrı bandı */
.sa-cta { position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(120deg, #13306F, #0B1636 60%); color:#fff; padding:84px 0; }
.sa-cta::before { content:""; position:absolute; inset:-30%; z-index:-1; background:radial-gradient(30% 40% at 20% 30%, rgba(245,179,1,.28), transparent 70%), radial-gradient(35% 45% at 80% 70%, rgba(91,110,255,.3), transparent 70%); animation:aurora 22s ease-in-out infinite alternate; }
.sa-cta-ic { display:grid; justify-items:center; gap:26px; text-align:center; }
.sa-cta h2 { font-size:clamp(30px, 4vw, 50px); max-width:820px; }
@media (max-width: 960px) {
  .sv-izgara { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .il-izgara { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sv-bant { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .sr-ic { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sv-izgara { grid-template-columns:1fr; }
  .sv-kart { height:230px; }
  .sv-liste { padding-inline:18px; }
  .sv-liste li { grid-template-columns:1fr; gap:8px; }
  .sv-bant .cz-foto { height:230px; }
  .il-izgara { grid-template-columns:1fr; }
  .js-sv .sv-detay.acik { top:auto; bottom:0; left:0; width:100%; max-height:92vh; transform:none; border-radius:24px 24px 0 0; animation:sv-ac-alt .4s var(--egri); }
  @keyframes sv-ac-alt { from { transform:translateY(40px); opacity:0; } }
}

/* ── Fotoğraflı özellik karoları (tüm site, 12.10.2026 gece) ─────────────── */
.fk-izgara { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.fk-mozaik { grid-template-columns:minmax(0,1.25fr) repeat(2, minmax(0,1fr)); grid-auto-rows:280px; }
.fk-mozaik .fk-buyuk { grid-row:span 2; }
.fk-kart { position:relative; min-height:280px; border-radius:22px; overflow:hidden; color:#fff; isolation:isolate; box-shadow:0 22px 46px -30px rgba(6,13,31,.75); }
.fk-kart img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .9s var(--egri); }
.fk-kart::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6,13,31,.1) 20%, rgba(6,13,31,.92) 100%); }
.fk-kart::before { content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%; z-index:1; background:linear-gradient(100deg, transparent, rgba(255,255,255,.14), transparent); transform:skewX(-18deg); animation:sv-supur 8s ease-in-out infinite; animation-delay:calc(var(--g, 0) * 1.3s + 1.5s); pointer-events:none; }
.fk-kart:hover img { transform:scale(1.07); }
.fk-ikon { position:absolute; top:16px; left:16px; width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:rgba(6,13,31,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.18); color:var(--altin); }
.fk-alt { position:absolute; left:20px; right:20px; bottom:18px; display:grid; gap:6px; }
.fk-alt h3 { font-size:21px; line-height:1.2; }
.fk-buyuk .fk-alt h3 { font-size:28px; }
.fk-alt p { font-size:14.5px; line-height:1.5; color:#DCE4F7; }
@media (max-width: 960px) {
  .fk-izgara, .fk-mozaik { grid-template-columns:repeat(2, minmax(0,1fr)); grid-auto-rows:auto; }
  .fk-mozaik .fk-buyuk { grid-row:auto; grid-column:1 / -1; }
}
@media (max-width: 560px) {
  .fk-izgara, .fk-mozaik { grid-template-columns:1fr; }
  .fk-kart { min-height:240px; }
}

/* ── SDHub TV: klasik kurgu ⇄ kelimeden kurgu (8 s döngü) ─────────────── */
.kk { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; margin-bottom:28px; }
.kk-yan { display:grid; gap:14px; align-content:start; padding:22px; border-radius:22px; background:linear-gradient(160deg, #0B1636, #060D1F); color:var(--gece-metin); box-shadow:var(--golge-b); }
.kk-bas-s { display:flex; align-items:center; justify-content:space-between; }
.kk-bas-s em { font-style:normal; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); }
.kk-sure { font-family:var(--serif); font-size:24px; color:#FCA5A5; }
.kk-sure.yesil { color:#86EFAC; }
.kk-yan p { font-size:15px; color:var(--gece-soluk); }
.kk-zaman { position:relative; height:86px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); overflow:hidden; }
.kk-dalga { position:absolute; inset:12px; display:flex; align-items:center; gap:3px; }
.kk-dalga i { flex:1; height:calc(var(--h) * 1%); border-radius:2px; background:#3A4A6A; }
.kk-imlec { position:absolute; top:0; bottom:0; width:2px; background:#FCA5A5; box-shadow:0 0 10px rgba(239,68,68,.8); animation:kk-sar 8s ease-in-out infinite; }
@keyframes kk-sar { 0% { left:8%; } 15% { left:72%; } 28% { left:30%; } 40% { left:64%; } 52% { left:41%; } 62% { left:58%; } 72% { left:46%; } 85%,100% { left:52%; } }
.kk-metin { font-size:16px !important; line-height:1.9; color:#C9D3EA !important; }
.kk-k { border-radius:4px; padding:1px 2px; }
.kk-bas, .kk-son { animation:kk-tik 8s infinite; }
.kk-son { animation-delay:.6s; }
.kk-ic { animation:kk-sec 8s infinite; }
@keyframes kk-tik { 0%,12% { background:transparent; box-shadow:none; } 16%,88% { background:var(--altin); color:#1B1300; box-shadow:0 0 0 3px rgba(245,179,1,.3); } 96%,100% { background:transparent; } }
@keyframes kk-sec { 0%,20% { background:transparent; } 26%,88% { background:rgba(245,179,1,.22); color:#fff; } 96%,100% { background:transparent; } }
.kk-hazir { justify-self:start; display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; font-size:13px; font-weight:800; background:rgba(34,197,94,.14); border:1px solid rgba(34,197,94,.5); color:#BBF7D0; animation:kk-hazir 8s infinite; }
@keyframes kk-hazir { 0%,30% { opacity:0; transform:translateY(6px); } 36%,88% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@media (max-width: 760px) { .kk { grid-template-columns:1fr; } }

/* ── SDBülten: iki form en altta yan yana ─────────────── */
.ikili-form { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; align-items:start; }
.if-sutun { display:grid; gap:16px; min-width:0; }
.if-bas { display:grid; gap:8px; }
.if-bas h2 { font-size:clamp(26px, 2.6vw, 34px); }
.if-adim { list-style:none; display:flex; flex-wrap:wrap; gap:8px; counter-reset:if; }
.if-adim li { display:inline-flex; align-items:center; gap:8px; padding:6px 12px 6px 6px; border-radius:999px; background:var(--zemin-2); font-size:13.5px; font-weight:700; }
.if-adim li::before { counter-increment:if; content:counter(if); width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--lacivert); color:#fff; font-size:12px; font-weight:800; }
.if-sutun.yesil .if-adim li::before { background:var(--yesil-koyu); }
/* sütun başlığı formun kendi başlığını tekrarlamasın; formdaki açıklama ("abonelik için değildir" vb.) kalır */
.ikili-form .form-bas .ust, .ikili-form .form-bas h2 { display:none; }
.ikili-form .form { padding:28px; }
@media (max-width: 960px) { .ikili-form { grid-template-columns:1fr; } }

/* ana sayfa SDAjans kartı: küçük ağ + çipler */
.mini-sdha { align-items:center; }
.ms-ag { width:56%; height:auto; flex:none; }
@media (max-width: 760px) {
  .cz-panel-ust { grid-template-columns:1fr; }
  .cz-gorsel { height:150px; }
  .cg-satir { grid-template-columns:96px 1fr 34px; }
}

/* SDAjans örnek senaryolar: sekmeler kendiliğinden ilerler (site.js [data-sekmeli]); vakada adımlar sırayla belirir */
.os { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); gap:24px; align-items:start; }
.os-sekmeler { display:grid; gap:8px; }
.os-sekmeler button { position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; text-align:left; padding:12px 14px; border-radius:14px; border:1px solid var(--cizgi); background:var(--zemin); color:var(--murekkep); cursor:pointer; transition:border-color .25s, background .25s, box-shadow .3s; }
.os-sekmeler button:hover { border-color:#C6D0E6; }
.os-sekmeler .aktif { background:#fff; border-color:var(--lacivert); box-shadow:0 14px 30px -20px rgba(26,58,140,.55); }
.os-metin { display:grid; gap:1px; min-width:0; }
.os-metin small, .os-bas small { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--altin-koyu); }
.os-metin b { font-size:15px; font-weight:800; }
.os-ikon { width:36px; height:36px; flex:none; border-radius:10px; display:grid; place-items:center; background:rgba(26,58,140,.08); color:var(--lacivert); transition:background .25s, color .25s; }
.os-sekmeler .aktif .os-ikon { background:var(--lacivert); color:#fff; }
.os-ikon.buyuk { width:52px; height:52px; border-radius:14px; background:rgba(245,179,1,.14); color:var(--altin); }
.os-sahne { position:relative; min-height:420px; border-radius:22px; background:linear-gradient(160deg, #0B1636, #060D1F); color:var(--gece-metin); padding:28px; overflow:hidden; box-shadow:var(--golge-b); }
.os-sahne::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size:28px 28px; pointer-events:none; }
.os-ekran { display:none; }
.os-foto { position:absolute; inset:0; z-index:0; margin:0; }
.os-foto img { width:100%; height:100%; object-fit:cover; opacity:.55; }
.os-foto::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg, rgba(6,13,31,.94) 35%, rgba(6,13,31,.45)); }
.os-ekran.aktif .os-foto { animation:os-foto 1s ease both; }
@keyframes os-foto { from { opacity:0; } }
.os-bas, .os-adimlar { position:relative; z-index:1; }
.os-ekran.aktif { display:grid; gap:22px; }
.os-bas { display:flex; align-items:center; gap:14px; animation:os-gir .5s var(--egri) both; }
.os-bas small { color:var(--altin); }
.os-bas h3 { font-size:26px; color:#fff; }
.os-adimlar { list-style:none; display:grid; gap:12px; counter-reset:os; position:relative; }
.os-adimlar::before { content:""; position:absolute; left:15px; top:18px; bottom:18px; width:2px; background:linear-gradient(var(--altin), rgba(245,179,1,.1)); transform-origin:top; animation:os-hat 2.4s var(--egri) both; }
.os-adimlar li { position:relative; display:grid; gap:4px; padding:14px 16px 14px 48px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); animation:os-gir .6s var(--egri) both; animation-delay:calc(var(--j) * .9s + .3s); }
.os-adimlar li::before { counter-increment:os; content:counter(os); position:absolute; left:6px; top:14px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:11.5px; font-weight:800; background:var(--altin); color:#1B1300; box-shadow:0 0 0 4px rgba(245,179,1,.18); }
.os-adimlar em { font-style:normal; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--gece-soluk); }
.os-adimlar li:last-child { border-color:rgba(34,197,94,.45); background:rgba(34,197,94,.08); }
.os-adimlar li:last-child em { color:#86EFAC; }
.os-adimlar p { font-size:15.5px; line-height:1.55; color:#E9EEF9; }
@keyframes os-gir { from { opacity:.25; transform:translateY(12px); } }   /* .25: dinginken de okunur (görüntü/ilk kare boş kalmasın) */
@keyframes os-hat { from { transform:scaleY(0); } }
@media (max-width: 960px) {
  .os { grid-template-columns:1fr; }
  .os-sekmeler { display:flex; overflow-x:auto; scrollbar-width:none; }
  .os-sekmeler button { flex:none; }
  .os-sahne { min-height:0; padding:20px; }
}

/* "Teklif iste" ile gelinen form: nereye inildiğini gösteren kısa vurgu */
.form.cz-isaret { animation:cz-vurgu 1.4s var(--egri); }   /* ad .vurgu DEĞİL: o sınıf vurgulu kelime (white-space:nowrap) */
@keyframes cz-vurgu { 0% { box-shadow:0 0 0 0 rgba(245,179,1,.0); } 25% { box-shadow:0 0 0 6px rgba(245,179,1,.45); } 100% { box-shadow:var(--golge); } }
/* Uzun hizmet adı seçilince açılır liste tek sütunlu (1fr) form düzenini ekrandan geniş itiyordu (390 px'te 448 px;
   gövde overflow-x:hidden olduğundan taşma GİZLİ kalıyordu — 12.10 ölçümü). min-width:0 + kırpma. */
.form-duzen > *, .form, .alan { min-width:0; }
.form, .alan { grid-template-columns:minmax(0,1fr); }
.alan select { min-width:0; max-width:100%; text-overflow:ellipsis; }
.alan select { width:100%; padding:14px; border-radius:12px; border:1px solid var(--cizgi); font:inherit; font-size:15.5px; background:#fff; color:var(--murekkep); transition:border-color .2s, box-shadow .2s; }
.alan select:focus { outline:none; border-color:var(--lacivert); box-shadow:0 0 0 4px rgba(26,58,140,.12); }
@media (max-width: 960px) {
  .cz-alanlar { grid-template-columns:1fr; }
  .cz-ilke-ic { grid-template-columns:1fr; gap:36px; }
  .cz-sekmeler { display:flex; overflow-x:auto; scrollbar-width:none; }
  .cz-sekme { flex:none; }
}
@media (max-width: 760px) {
  .cz-izgara { grid-template-columns:1fr; }
  .cz-alan { padding:16px; }
  .cz-ilke-sema { grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); }
  .cz-blok { padding:16px; }
}

/* ── hareket azaltma ───────────────────────────────────────────
   "Azalt", "kaldır" değildir. Windows'ta "Animasyon efektleri" kapalıysa Chrome/Edge bu sorguyu
   'reduce' bildirir (kullanıcının PC'sinde ölçüldü) ve kullanıcı 28.09'da bandın akmadığını bildirdi.
   Bu yüzden ürün gösterimleri, kayan bantlar ve küçük döngüler AKAR (bantlar üzerine gelince durur);
   yalnız geniş alan/yakınlaşma hareketleri kapanır: arka plan akışı, Ken Burns, giriş kaydırmaları. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .kahraman::before, .fiyat-bant::before, .kb, .tv-goruntu, .tv-reel .g { animation:none !important; }
  .giris-anim > *, .giris-anim-demo { animation:none; opacity:1; transform:none; }
  .vurgu path { animation:none; stroke-dashoffset:0; }
  .giris-anim .kahraman-not li { animation:none; opacity:1; }
  .pl .oran, .pl .oran::after, .sira-liste[data-canli]::after, .sira-liste[data-canli] li::before, .sira-liste[data-canli] li b { animation:none; }
  .sira-liste[data-canli]::after { display:none; }
  .btn:hover, .urun-kart:hover, .ozellik:hover, .ozellik:hover .ozellik-ikon { transform:none; }
  .sa-cta::before { animation:none; }   /* geniş alan arka plan akışı (kahraman aurorası gibi) */
  .cz-foto img { animation:none; }   /* yakınlaşma = geniş alan hareketi (Ken Burns gibi) → azaltta kapalı; üstteki veri kartı akar */
  /* 12.10.2026: SDAjans bölümünün hareketleri (kart girişi, gösterge, sektör görselleri, veri masası) burada
     KAPATILMAZ — kullanıcının Windows'unda "Animasyon efektleri" kapalı (ölçüldü) ve sayfayı "statik" gördü. Hepsi
     küçük alan/ürün gösterimidir (yukarıdaki ilke); ekran dışında .gizli ile durur. */
}

/* Site geliştiricileri sayfası (20.10.2026): istek/yanıt örnekleri — dar ekranda yatay kaydırma kutunun İÇİNDE kalır */
.gelistirici h2{margin:28px 0 8px;font-size:1.25rem}
.gelistirici h2:first-child{margin-top:0}
.gelistirici pre.kod{margin:10px 0 6px;padding:14px 16px;border-radius:12px;background:#0B1530;color:#E6ECFA;
  font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre;overflow-x:auto;max-width:100%}
.gelistirici .bilgi-kart{margin-top:28px}
/* 03.11.2026 (K6): ürün sayfası sonu «Sık sorulan sorular» — Derya bilgi tabanındaki cevaplar, açılır kapanır satırlar */
.sss-liste{display:grid;gap:12px;max-width:860px}
.sss-oge{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;box-shadow:var(--golge)}
.sss-oge summary{cursor:pointer;list-style:none;padding:18px 52px 18px 22px;position:relative;font-weight:800;font-size:17px;color:var(--murekkep)}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--lacivert)}
.sss-oge[open] summary::after{content:"\2212"}
.sss-oge summary:focus-visible{outline:3px solid var(--altin);outline-offset:2px;border-radius:14px}
.sss-oge p{margin:0;padding:0 22px 20px;color:var(--soluk);font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.sss-oge p a{color:var(--lacivert);font-weight:700;white-space:nowrap}
@media (max-width: 760px){.sss-oge summary{padding:16px 46px 16px 16px;font-size:16px}.sss-oge summary::after{right:16px}.sss-oge p{padding:0 16px 16px}}