/* ==========================================================================
   Tasarım sistemi v2 (2026-10-18): yenilenen pazarlama sayfalarının ortak bileşenleri.
   Önek: v2-  (eski sayfalar.css sınıflarıyla çakışmaz). Belge: BRIF\TASARIM_SISTEMI.md
   Marka: iki renkli logo (Fabya #075795 / koyu zeminde #2F8FD6, Vision #C32026 / #E2554F), Fabya Laciverti #14264A, iris turuncusu #F08A1C (yalnız küçük vurgu).
   Program renkleri: Studio mavi · Live yeşil · Convert mor (ürün simgeleriyle aynı).
   ========================================================================== */

:root{
  --p-studio:#1277CF; --p-studio-2:#074A86;
  --p-live:#18B873;   --p-live-2:#0A6B42;
  --p-convert:#8A5FD6; --p-convert-2:#5230A0;
  --cam:rgba(255,255,255,.055); --cam-kenar:rgba(255,255,255,.12);
  --v2-yaricap:18px;
  --v2-golge-1:0 1px 2px rgba(10,24,52,.05),0 6px 20px -8px rgba(10,24,52,.12);
  --v2-golge-2:0 2px 4px rgba(10,24,52,.05),0 24px 48px -18px rgba(10,24,52,.28);
}
/* program bağlamı: data-program="studio|live|convert" olan her kap --pc (ana), --pc2 (koyu), --pc-acik, --pc-zemin değişkenlerini alır */
[data-program="studio"]{--pc:var(--p-studio); --pc2:var(--p-studio-2); --pc-acik:#74BBF6; --pc-zemin:#E6F1FC}
[data-program="live"]{--pc:var(--p-live); --pc2:var(--p-live-2); --pc-acik:#62E0A6; --pc-zemin:#E3F7EC}
[data-program="convert"]{--pc:var(--p-convert); --pc2:var(--p-convert-2); --pc-acik:#BDA2F3; --pc-zemin:#EEE8FB}

/* ---------------------------------------------------------------- bölümler */
.v2-bolum{position:relative; padding-block:clamp(72px,9vw,128px); background:var(--beyaz)}
.v2-bolum--acik{background:var(--zemin)}
.v2-bolum--ince{padding-block:clamp(48px,6vw,80px)}
.v2-bolum--koyu{color:#C4D2EA; isolation:isolate; background:linear-gradient(180deg,#0A1630 0%,#12234A 100%)}
.v2-bolum--koyu::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(124,176,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,176,255,.06) 1px,transparent 1px);
  background-size:56px 56px; -webkit-mask-image:radial-gradient(110% 80% at 50% 0%,#000 30%,transparent 80%); mask-image:radial-gradient(110% 80% at 50% 0%,#000 30%,transparent 80%);
}
.v2-bolum--koyu h1,.v2-bolum--koyu h2,.v2-bolum--koyu h3,.v2-bolum--koyu h4,.v2-bolum--program h1,.v2-bolum--program h2,.v2-bolum--program h3,.v2-bolum--program h4{color:#fff}
.v2-bolum--koyu .lead,.v2-bolum--koyu .v2-lead{color:#B7C8E6}
.v2-bolum--koyu a:not(.dugme):not(.v2-kart):not(.v2-baglanti){color:#9FD0FF}
.v2-bolum--program{
  isolation:isolate; color:#D4DDF1;
  background:radial-gradient(900px 480px at 85% -10%,color-mix(in srgb,var(--pc) 42%,transparent),transparent 62%),linear-gradient(180deg,#0A1630 0%,#12234A 100%);
}

.v2-baslik{max-width:780px; margin:0 0 clamp(40px,5vw,68px)}
.v2-baslik--orta{margin-inline:auto; text-align:center}
.v2-baslik h2{margin-bottom:.4em}
.v2-bolum h2 em,.v2-cta h2 em{font-style:normal; background:linear-gradient(90deg,var(--pc,#1C6BD0),var(--pc-acik,#2F9BFF)); -webkit-background-clip:text; background-clip:text; color:transparent}
.v2-bolum--koyu h2 em,.v2-bolum--program h2 em,.v2-cta h2 em{background:linear-gradient(90deg,#7CC0FF,#C5E2FF); -webkit-background-clip:text; background-clip:text}
.v2-lead{font-size:clamp(1.0625rem,1.35vw,1.2rem); line-height:1.65; color:var(--gri); max-width:64ch}
.v2-baslik--orta .v2-lead{margin-inline:auto}
.v2-eyebrow{
  display:inline-flex; align-items:center; gap:10px; margin:0 0 18px; font:700 .76rem/1 var(--font-baslik);
  letter-spacing:.17em; text-transform:uppercase; color:var(--pc,var(--baglanti));
}
.v2-eyebrow::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--pc,var(--turuncu)); box-shadow:0 0 0 4px color-mix(in srgb,var(--pc,var(--turuncu)) 22%,transparent)}
.v2-bolum--koyu .v2-eyebrow,.v2-bolum--program .v2-eyebrow{color:var(--pc-acik,#8FC6FF)}
.v2-baslik--orta .v2-eyebrow{justify-content:center}

/* ---------------------------------------------------------------- ızgaralar */
.v2-izgara{display:grid; gap:clamp(18px,2.2vw,28px); grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
.v2-izgara--2{--n:2}.v2-izgara--3{--n:3}.v2-izgara--4{--n:4}.v2-izgara--5{--n:5}.v2-izgara--6{--n:6}
@media (max-width:1100px){.v2-izgara--4,.v2-izgara--5,.v2-izgara--6{--n:3}}
@media (max-width:900px){.v2-izgara--3,.v2-izgara--4,.v2-izgara--5,.v2-izgara--6{--n:2}}
@media (max-width:620px){.v2-izgara{--n:1}.v2-izgara--6{--n:2}}
.v2-bolunmus{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,5vw,80px); align-items:center}
.v2-bolunmus--ters{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.v2-bolunmus--ters>:first-child{order:2}
.v2-bolunmus--esit{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:960px){.v2-bolunmus,.v2-bolunmus--ters,.v2-bolunmus--esit{grid-template-columns:minmax(0,1fr)}.v2-bolunmus--ters>:first-child{order:0}}
.v2-bolunmus h2,.v2-bolunmus h3{margin-bottom:.5em}

/* ---------------------------------------------------------------- kartlar */
.v2-kart{
  position:relative; display:flex; flex-direction:column; gap:14px; padding:clamp(22px,2.4vw,32px); color:var(--metin);
  background:#fff; border:1px solid var(--cizgi-2); border-radius:var(--v2-yaricap); box-shadow:var(--v2-golge-1);
  transition:transform .35s var(--gecis),box-shadow .35s var(--gecis),border-color .25s; text-decoration:none;
}
a.v2-kart:hover,.v2-kart--hover:hover{transform:translateY(-4px); box-shadow:var(--v2-golge-2); border-color:#C9D6EA; text-decoration:none}
.v2-kart h3{margin:0; font-size:1.18rem}
.v2-kart p{margin:0; font-size:.98rem; line-height:1.6; color:var(--gri)}
.v2-kart--koyu{background:var(--cam); border-color:var(--cam-kenar); box-shadow:none; color:#C4D2EA; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
.v2-kart--koyu h3{color:#fff}
.v2-kart--koyu p{color:#AFC2E3}
a.v2-kart--koyu:hover{background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.26); box-shadow:none}
.v2-ikon{
  display:inline-grid; place-items:center; width:48px; height:48px; border-radius:14px; flex:none;
  color:var(--pc,var(--lac)); background:var(--pc-zemin,#EAF1FB); border:1px solid color-mix(in srgb,var(--pc,#14264A) 18%,transparent);
}
.v2-ikon .ikon{width:24px; height:24px}
.v2-kart--koyu .v2-ikon,.v2-bolum--koyu .v2-ikon{color:var(--pc-acik,#8FC6FF); background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.14)}
.v2-baglanti{display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-weight:700; font-size:.95rem; color:var(--pc,var(--baglanti)); text-decoration:none}
.v2-baglanti .ikon{width:18px; height:18px; transition:transform .25s var(--gecis)}
a:hover>.v2-baglanti .ikon,.v2-baglanti:hover .ikon{transform:translateX(4px)}
.v2-baglanti:hover{text-decoration:underline}
.v2-bolum--koyu .v2-baglanti,.v2-kart--koyu .v2-baglanti{color:var(--pc-acik,#9FD0FF)}

/* program kartı: üstte program renginde ince şerit, büyük simge */
.v2-program{padding:0; overflow:hidden}
.v2-program::before{content:""; height:4px; background:linear-gradient(90deg,var(--pc),var(--pc-acik)); display:block}
.v2-program-ic{display:flex; flex-direction:column; gap:14px; padding:clamp(22px,2.4vw,32px); flex:1}
.v2-program-ust{display:flex; align-items:center; gap:16px}
.v2-program-ust img{width:60px; height:60px; border-radius:15px; box-shadow:0 10px 22px -10px color-mix(in srgb,var(--pc) 70%,#000)}
.v2-program-ust h3{margin:0; font-size:1.32rem}
.v2-program-ust small{display:block; font:700 .72rem/1.2 var(--font-baslik); letter-spacing:.14em; text-transform:uppercase; color:var(--pc); margin-top:4px}
.v2-program ul{list-style:none; margin:0; padding:0; display:grid; gap:9px; font-size:.96rem; color:var(--metin)}
.v2-program li{position:relative; padding-left:24px; line-height:1.5}
.v2-program li::before{content:""; position:absolute; left:2px; top:.5em; width:9px; height:9px; border-radius:3px; background:var(--pc); opacity:.85}

/* ---------------------------------------------------------------- istatistik şeridi (hero'nun altına biner) */
.v2-istat{
  display:grid; grid-template-columns:repeat(var(--n,6),minmax(0,1fr)); background:#fff; border-radius:22px; box-shadow:var(--golge-b);
  border:1px solid var(--cizgi-2); position:relative; z-index:2;
}
.v2-istat>div{padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px); position:relative}
.v2-istat>div+div::before{content:""; position:absolute; left:0; top:22%; bottom:22%; width:1px; background:var(--cizgi)}
.v2-istat strong{display:block; font:800 clamp(1.9rem,3.2vw,2.8rem)/1 var(--font-baslik); letter-spacing:-.03em; color:var(--lac)}
.v2-istat strong sup{font-size:.5em; color:var(--mavi); vertical-align:.55em; margin-left:2px}
.v2-istat>div>span{display:block; margin-top:8px; font-size:.9rem; line-height:1.4; color:var(--gri)}
.v2-istat--3{--n:3}.v2-istat--4{--n:4}.v2-istat--5{--n:5}
@media (max-width:980px){.v2-istat{--n:3}.v2-istat>div:nth-child(4)::before{display:none}.v2-istat>div:nth-child(n+4){border-top:1px solid var(--cizgi)}}
@media (max-width:560px){.v2-istat{--n:2}.v2-istat>div::before{display:none}.v2-istat>div:nth-child(n+3){border-top:1px solid var(--cizgi)}}

/* ---------------------------------------------------------------- sekmeler (site.js data-sekmeler) */
.v2-sekmeler{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 clamp(24px,3vw,40px); padding:6px; border-radius:16px; background:rgba(20,38,74,.05); border:1px solid var(--cizgi-2); width:fit-content; max-width:100%}
.v2-sekmeler [role="tab"]{
  display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 18px; border:0; border-radius:11px; background:transparent;
  font:700 .94rem/1 var(--font-govde); color:var(--gri); transition:background-color .2s,color .2s,box-shadow .2s;
}
.v2-sekmeler [role="tab"] .ikon{width:18px; height:18px}
.v2-sekmeler [role="tab"]:hover{color:var(--lac); background:rgba(20,38,74,.06)}
.v2-sekmeler [role="tab"][aria-selected="true"]{background:#fff; color:var(--lac); box-shadow:0 1px 2px rgba(10,24,52,.1),0 6px 14px -6px rgba(10,24,52,.25)}
.v2-bolum--koyu .v2-sekmeler{background:rgba(255,255,255,.06); border-color:var(--cam-kenar)}
.v2-bolum--koyu .v2-sekmeler [role="tab"]{color:#B4C6E6}
.v2-bolum--koyu .v2-sekmeler [role="tab"]:hover{color:#fff; background:rgba(255,255,255,.08)}
.v2-bolum--koyu .v2-sekmeler [role="tab"][aria-selected="true"]{background:#fff; color:var(--lac)}
.v2-sekmeler--orta{margin-inline:auto}
.v2-panel[hidden]{display:none}
@media (max-width:640px){.v2-sekmeler{width:100%}.v2-sekmeler [role="tab"]{flex:1 1 auto; justify-content:center; padding:0 12px}}

/* ---------------------------------------------------------------- çipler (sürücü adları, dil adları, etiketler) */
.v2-cipler{display:flex; flex-wrap:wrap; gap:10px}
.v2-cip{
  display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:0 15px; border-radius:99px; font:650 .88rem/1 var(--font-govde);
  color:var(--lac); background:#fff; border:1px solid #D4DEEE; box-shadow:0 1px 0 #fff inset;
}
.v2-cip i{width:7px; height:7px; border-radius:50%; background:var(--pc,var(--mavi)); flex:none}
.v2-cip--koyu,.v2-bolum--koyu .v2-cip{color:#E1EBFB; background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16)}
.v2-cip--ince{min-height:32px; padding:0 12px; font-size:.8rem}

/* ---------------------------------------------------------------- numaralı adımlar */
.v2-adimlar{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(var(--n,3),minmax(0,1fr)); gap:clamp(18px,2.4vw,30px); counter-reset:adim}
.v2-adimlar>li{position:relative; counter-increment:adim; padding-top:64px}
.v2-adimlar>li::before{
  content:counter(adim); position:absolute; left:0; top:0; display:grid; place-items:center; width:46px; height:46px; border-radius:14px;
  font:800 1.1rem/1 var(--font-baslik); color:#fff; background:linear-gradient(145deg,var(--pc,#1C6BD0),var(--pc2,#14264A)); box-shadow:0 10px 20px -10px var(--pc,#14264A);
}
.v2-adimlar>li::after{content:""; position:absolute; left:58px; right:-14px; top:22px; height:2px; background:linear-gradient(90deg,var(--cizgi),transparent)}
.v2-adimlar>li:last-child::after{display:none}
.v2-adimlar h3{font-size:1.15rem; margin-bottom:.4em}
.v2-adimlar p{margin:0; font-size:.97rem; color:var(--gri)}
.v2-bolum--koyu .v2-adimlar p{color:#AFC2E3}
.v2-bolum--koyu .v2-adimlar>li::after{background:linear-gradient(90deg,rgba(255,255,255,.2),transparent)}
@media (max-width:860px){.v2-adimlar{--n:1}.v2-adimlar>li::after{display:none}}

/* ---------------------------------------------------------------- kod penceresi */
.v2-kod{border-radius:16px; overflow:hidden; background:#0A1530; border:1px solid rgba(124,176,255,.22); box-shadow:var(--golge-b); text-align:left}
.v2-kod-bar{display:flex; align-items:center; gap:8px; padding:10px 14px; background:linear-gradient(180deg,#16294f,#10213f); border-bottom:1px solid rgba(255,255,255,.08)}
.v2-kod-bar i{width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.2)}
.v2-kod-bar i:nth-child(1){background:#ff6a5f}.v2-kod-bar i:nth-child(2){background:#ffbd44}.v2-kod-bar i:nth-child(3){background:#2fd06b}
.v2-kod-bar span{margin-left:8px; font:600 .78rem/1 var(--font-govde); letter-spacing:.04em; color:#9FB4D6}
.v2-kod pre{margin:0; padding:20px 22px; overflow-x:auto; font:500 .86rem/1.7 ui-monospace,"Cascadia Mono",Consolas,monospace; color:#D5E3F7; tab-size:2}
.v2-kod .k{color:#7CC0FF}.v2-kod .s{color:#9BE0B0}.v2-kod .c{color:#6F87B2; font-style:italic}.v2-kod .n{color:#F5B97A}.v2-kod .f{color:#E6D49B}

/* ---------------------------------------------------------------- not kutusu (dürüstlük notları) */
.v2-not{display:flex; gap:14px; align-items:flex-start; padding:16px 18px; border-radius:14px; background:#F2F6FC; border:1px solid #D6E2F2; color:#3A4C6B; font-size:.93rem; line-height:1.6}
.v2-not .ikon{width:20px; height:20px; margin-top:2px; color:var(--baglanti)}
.v2-not strong{color:var(--lac)}
.v2-bolum--koyu .v2-not{background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.14); color:#B7C8E6}
.v2-bolum--koyu .v2-not .ikon{color:#8FC6FF}
.v2-bolum--koyu .v2-not strong{color:#fff}

/* ---------------------------------------------------------------- tablo (teknik özellikler) */
.v2-tablo-kap{overflow-x:auto; border-radius:16px; border:1px solid var(--cizgi); background:#fff; box-shadow:var(--v2-golge-1)}
.v2-tablo{width:100%; border-collapse:collapse; font-size:.96rem; min-width:560px}
.v2-tablo th,.v2-tablo td{padding:15px 20px; text-align:left; vertical-align:top; border-bottom:1px solid var(--cizgi-2)}
.v2-tablo thead th{font:700 .74rem/1 var(--font-baslik); letter-spacing:.13em; text-transform:uppercase; color:var(--gri); background:#F7F9FC}
.v2-tablo tbody th{font-weight:700; color:var(--lac); width:30%}
.v2-tablo tr:last-child>*{border-bottom:0}
.v2-tablo td small{display:block; color:var(--gri); margin-top:3px}

/* ---------------------------------------------------------------- SSS */
.v2-sss{display:grid; gap:12px; max-width:860px; margin-inline:auto}
.v2-sss details{border:1px solid var(--cizgi); border-radius:16px; background:#fff; transition:box-shadow .25s,border-color .25s}
.v2-sss details[open]{box-shadow:var(--v2-golge-1); border-color:#C5D3E8}
.v2-sss summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; font:650 1.04rem/1.4 var(--font-baslik); color:var(--lac); letter-spacing:-.01em; border-radius:16px}
.v2-sss summary::-webkit-details-marker{display:none}
.v2-sss summary::after{content:""; flex:none; width:12px; height:12px; border-right:2px solid var(--gri); border-bottom:2px solid var(--gri); transform:rotate(45deg) translate(-3px,-3px); transition:transform .25s var(--gecis)}
.v2-sss details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.v2-sss summary:focus-visible{outline:3px solid var(--mavi); outline-offset:-3px}
.v2-sss .v2-sss-cevap{padding:0 24px 22px; color:var(--gri); line-height:1.7; max-width:72ch}
.v2-sss .v2-sss-cevap p:last-child{margin-bottom:0}

/* ---------------------------------------------------------------- ekran çerçevesi (ürün görüntüsü) */
.v2-ekran{position:relative; margin:0}
.v2-ekran::before{content:""; position:absolute; inset:6% 4% -6% 4%; z-index:-1; border-radius:30px; background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--pc,#2F9BFF) 36%,transparent),transparent 72%); filter:blur(22px)}
.v2-ekran figcaption{margin-top:14px; font-size:.86rem; line-height:1.5; color:var(--gri)}
.v2-bolum--koyu .v2-ekran figcaption,.v2-bolum--program .v2-ekran figcaption{color:#8EA6CF}
.v2-ekran--yigin{display:grid}
.v2-ekran--yigin>.pencere:nth-child(2){margin:-14% 0 0 14%; width:86%}

/* ---------------------------------------------------------------- bant (CTA) */
.v2-cta{
  position:relative; overflow:hidden; isolation:isolate; border-radius:28px; padding:clamp(36px,5vw,72px); color:#C9D8F0; text-align:center;
  background:radial-gradient(700px 380px at 50% 130%,rgba(47,155,255,.38),transparent 66%),linear-gradient(160deg,#10224A,#0A1630);
  box-shadow:var(--golge-b);
}
.v2-cta::before{content:""; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(rgba(124,176,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(124,176,255,.07) 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:radial-gradient(80% 100% at 50% 40%,#000,transparent 85%); mask-image:radial-gradient(80% 100% at 50% 40%,#000,transparent 85%)}
.v2-cta h2{color:#fff; font-size:clamp(1.8rem,3.6vw,2.8rem); max-width:22ch; margin-inline:auto}
.v2-cta p{max-width:60ch; margin:0 auto 1.6em; font-size:1.08rem; color:#B7C8E6}
.v2-cta .dugme-sira{justify-content:center}
.v2-cta small{display:block; margin-top:22px; font-size:.86rem; color:#8EA6CF}

/* ---------------------------------------------------------------- iç sayfa başlığı (program varyantı) */
.sayfa-baslik--program{
  background:radial-gradient(900px 460px at 88% -20%,color-mix(in srgb,var(--pc) 46%,transparent),transparent 62%),linear-gradient(180deg,#0A1630 0%,#14264A 100%);
}
.sayfa-baslik-ic{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(24px,4vw,64px); align-items:center}
.sayfa-baslik-simge{width:clamp(96px,12vw,168px); height:auto; border-radius:26%; box-shadow:0 30px 60px -24px color-mix(in srgb,var(--pc) 80%,#000),0 0 0 1px rgba(255,255,255,.12) inset}
@media (max-width:760px){.sayfa-baslik-ic{grid-template-columns:minmax(0,1fr)}.sayfa-baslik-simge{width:84px;order:-1}}
.v2-sayfa-gezinti{position:sticky; top:var(--ust-yuk); z-index:50; background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid var(--cizgi)}
.v2-sayfa-gezinti ul{list-style:none; margin:0; padding:0; display:flex; gap:6px; overflow-x:auto; scrollbar-width:none}
.v2-sayfa-gezinti a{display:inline-flex; align-items:center; min-height:52px; padding:0 16px; font-weight:650; font-size:.93rem; color:var(--gri); text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent}
.v2-sayfa-gezinti a:hover{color:var(--lac); text-decoration:none}
.v2-sayfa-gezinti a.aktif{color:var(--lac); border-bottom-color:var(--pc,var(--turuncu))}

/* ---------------------------------------------------------------- üst menü: Platform açılır paneli */
.menu-grup{position:relative}
.menu-dugme{
  display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 14px; border:0; border-radius:9px; background:transparent;
  color:#C7D5EE; font:600 .95rem/1 var(--font-govde); cursor:pointer; transition:color .2s,background-color .2s;
}
.menu-dugme:hover,.menu-grup.acik>.menu-dugme{color:#fff; background:rgba(255,255,255,.07)}
.menu-dugme[data-aktif="true"]{color:#fff}
.menu-dugme .ikon{width:15px; height:15px; transition:transform .25s var(--gecis)}
.menu-grup.acik .menu-dugme .ikon{transform:rotate(180deg)}
.menu-panel{
  position:absolute; left:-14px; top:calc(100% + 10px); z-index:120; width:min(560px,92vw); padding:12px; border-radius:20px;
  background:rgba(10,22,48,.97); border:1px solid rgba(124,176,255,.2); box-shadow:0 34px 70px -20px rgba(2,8,26,.85),0 0 0 1px rgba(255,255,255,.04) inset;
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .2s,transform .28s var(--gecis),visibility .28s;
}
.menu-grup.acik .menu-panel{opacity:1; visibility:visible; transform:none}
.menu-panel::before{content:""; position:absolute; left:0; right:0; top:-12px; height:12px}
.ust-menu .menu-kart{display:grid; grid-template-columns:48px minmax(0,1fr); gap:6px 14px; align-items:center; padding:12px 14px; border-radius:14px; color:#fff; text-decoration:none; transition:background-color .2s}
.ust-menu .menu-kart:hover{background:rgba(255,255,255,.07); text-decoration:none}
.ust-menu .menu-kart img{width:48px; height:48px; border-radius:13px; grid-row:span 2; box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.ust-menu .menu-kart strong{font:700 1rem/1.2 var(--font-baslik); letter-spacing:-.01em}
.ust-menu .menu-kart span{font-size:.86rem; line-height:1.4; color:#9FB3D6; grid-column:2}
.ust-menu .menu-alt{display:flex; justify-content:space-between; align-items:center; margin:6px 2px 0; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); color:#CFE2FF; font-weight:700; font-size:.9rem; text-decoration:none}
.ust-menu .menu-alt:hover{background:rgba(255,255,255,.09); color:#fff; text-decoration:none}
.ust-menu .menu-alt .ikon{width:17px; height:17px}
.cekmece-grup{border-bottom:1px solid rgba(255,255,255,.1); padding:6px 0 10px}
.cekmece-grup>strong{display:block; padding:14px 4px 6px; font:700 .72rem/1 var(--font-baslik); letter-spacing:.16em; text-transform:uppercase; color:#8CA3CB}
.cekmece nav .cekmece-grup a{border-bottom:0; padding:12px 4px; font-size:1.12rem; gap:14px; justify-content:flex-start}
.cekmece nav .cekmece-grup a img{width:34px; height:34px; border-radius:10px}
@media (max-width:1120px){.ust-menu a,.menu-dugme{padding:0 10px; font-size:.9rem}.ust-ic{gap:16px}}

/* ---------------------------------------------------------------- alt bilgi v2 */
.alt-ust--v2{grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.alt-ust--v2{grid-template-columns:repeat(3,minmax(0,1fr))}.alt-ust--v2 .alt-marka{grid-column:1/-1}}
@media (max-width:640px){.alt-ust--v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.alt-ust--v2{grid-template-columns:minmax(0,1fr)}}
.alt-programlar{display:flex; gap:10px; margin-top:20px}
.alt-programlar img{width:34px; height:34px; border-radius:10px; opacity:.92}
.alt-programlar a:hover img{opacity:1}

/* ---------------------------------------------------------------- hareket azaltma */
@media (prefers-reduced-motion:reduce){
  .v2-kart,.v2-baglanti .ikon,.menu-panel,.menu-dugme .ikon{transition:none}
  a.v2-kart:hover{transform:none}
}

/* ---------------------------------------------------------------- üst menü: satır kırma yok (İngilizce metinler daha uzun) */
.ust-baglanti,.ust-menu a,.menu-dugme,.ust-sag .dugme,.ust-cikis button{white-space:nowrap}
@media (max-width:1240px){.ust-menu{gap:0;margin-left:0}.ust-menu a,.menu-dugme{padding:0 10px}.ust-ic{gap:14px}.ust-sag{gap:6px}.ust-sag .dugme{padding:0 14px}}
/* hamburger daha erken devreye girer (1120 px): İngilizce menü + düğmeler dar masaüstünde sığmıyordu */
@media (max-width:1120px){.ust-menu,.ust-sag{display:none}.ust-hamburger{display:grid}}
@media (min-width:961px) and (max-width:1120px){.cekmece{display:block}}
@media (min-width:1121px){.cekmece{display:none}}

/* ---------------------------------------------------------------- yığın bağlamı + liste sıfırlama */
.v2-bolum{isolation:isolate}   /* .v2-ekran::before ışıması (z-index:-1) açık / beyaz bölümlerde de görünsün */
ul.v2-cipler{list-style:none; margin:0; padding:0}

/* üst çubuk: İngilizce menü daha uzun; 1121-1400 px arası içerik kabının (1200 px) dışına taşmasın */
@media (min-width:1121px){.ust-ic{gap:12px}.ust-menu{margin-left:0}.ust-menu a,.menu-dugme{padding:0 9px}.ust-sag{gap:6px}.ust-sag .dugme{padding:0 14px}.ust-baglanti{padding:0 8px}}

/* mobilde yatay kayan "belir" öğeleri (ilk durumda 26 px dışarıda) sayfayı yatay genişletmesin: dikey belirme */
@media (max-width:760px){.js [data-belir="sol"],.js [data-belir="sag"]{transform:translateY(22px)}}