/* ==========================================================================
   Sayfa bölümleri: hero, rakamlar, sekmeler, bento, neden, sürücüler, adımlar, SSS, kapanış,
   iç sayfa başlığı, özellikler, galeri, indir, hesap, iletişim, yasal, hata
   ========================================================================== */

/* ---------- HERO ---------- */
.hero{
  position:relative; overflow:hidden; isolation:isolate; color:#C4D2EA;
  padding-block:clamp(44px,6vw,88px) clamp(120px,13vw,190px);
  background:
    radial-gradient(1000px 560px at 84% -8%,rgba(47,155,255,.26),transparent 62%),
    radial-gradient(820px 520px at -8% 108%,rgba(43,74,122,.6),transparent 62%),
    linear-gradient(180deg,#09152F 0%,#12234A 100%);
}
.hero::before{
  content:""; position:absolute; inset:0; z-index:-2; pointer-events:none;
  background-image:
    linear-gradient(rgba(124,176,255,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,176,255,.085) 1px,transparent 1px),
    linear-gradient(rgba(124,176,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,176,255,.05) 1px,transparent 1px);
  background-size:192px 192px,192px 192px,48px 48px,48px 48px;
  -webkit-mask-image:radial-gradient(120% 90% at 55% 40%,#000 25%,transparent 78%); mask-image:radial-gradient(120% 90% at 55% 40%,#000 25%,transparent 78%);
}
.hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:120px; z-index:-1; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(9,21,47,.55))}
.hero-akis{position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none}
.hero-ic{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,4.6vw,72px); align-items:center}
.hero-metin{position:relative}
.hero-eyebrow{display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:26px}
.hero .ust-baslik{margin:0}
.hero-yeni{display:inline-flex; align-items:center; gap:8px; padding:6px 12px 6px 10px; border-radius:99px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); font:700 .76rem/1 var(--font-govde); letter-spacing:.04em; color:#D4E3FA}
.hero-yeni::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--mavi); box-shadow:0 0 0 3px rgba(47,155,255,.3)}
.hero h1{color:#fff; margin-bottom:.42em}
.hero h1 .nokta{color:var(--turuncu)}
.hero .lead{max-width:50ch; margin-bottom:34px; color:#BCCDE8}
.hero .dugme-sira{margin-bottom:34px}
.hero-rozetler{display:flex; flex-wrap:wrap; gap:10px}
.rozet{
  display:inline-flex; align-items:center; gap:9px; padding:9px 14px 9px 12px; border-radius:99px; font:650 .83rem/1 var(--font-govde); color:#D9E6FB;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.13);
}
.rozet .ikon{width:17px; height:17px; color:var(--mavi-acik)}
.hero-sahne{position:relative; min-width:0}
.hero-sahne::before{content:""; position:absolute; inset:-6% -4% -10% -4%; z-index:-1; background:radial-gradient(60% 55% at 55% 45%,rgba(47,155,255,.28),transparent 70%); filter:blur(10px)}

/* dekoratif akış çizgileri (SVG) */
.akis-yol{fill:none; stroke:rgba(124,176,255,.2); stroke-width:1.6; stroke-linejoin:round}
.akis-dat{fill:none; stroke:var(--mavi); stroke-width:2.2; stroke-linecap:round; stroke-dasharray:2 22; opacity:.9; animation:akis-kay 2.6s linear infinite}
.akis-dat.yavas{animation-duration:4.2s; opacity:.6}
.akis-dat.ters{animation-direction:reverse}
@keyframes akis-kay{to{stroke-dashoffset:-96}}
.akis-dugum{fill:#0b1a38; stroke:rgba(124,176,255,.55); stroke-width:1.6}
.akis-iris{fill:var(--turuncu)}
.akis-halka{fill:none; stroke:var(--turuncu); stroke-width:1.4; opacity:.5; transform-box:fill-box; transform-origin:center; animation:iris-nabiz 2.8s ease-out infinite}
.akis-halka.g2{animation-delay:1.1s}
@keyframes iris-nabiz{0%{transform:scale(.6); opacity:.7}100%{transform:scale(2.6); opacity:0}}

@media (max-width:1060px){
  .hero-ic{grid-template-columns:minmax(0,1fr)}
  .hero .lead{max-width:60ch}
}

/* ---------- RAKAMLAR ---------- */
.rakamlar{position:relative; z-index:5; margin-top:calc(-1 * clamp(64px,7.5vw,96px))}
.rakamlar-kart{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; border-radius:22px; border:1px solid var(--cizgi-2);
  box-shadow:var(--golge-b); overflow:hidden;
}
.rakam{position:relative; padding:clamp(22px,2.6vw,34px) clamp(18px,2.4vw,32px)}
.rakam+.rakam{border-left:1px solid var(--cizgi-2)}
.rakam-sayi{display:flex; align-items:baseline; font:800 clamp(2.2rem,3.8vw,3.2rem)/1 var(--font-baslik); letter-spacing:-.035em; color:var(--lac); font-variant-numeric:tabular-nums}
.rakam-sayi small{font:800 .6em/1 var(--font-baslik); color:var(--mavi); margin-left:2px; letter-spacing:0}
.rakam-etiket{margin-top:10px; font-size:.95rem; line-height:1.4; color:var(--gri); font-weight:600}
.rakam::after{content:""; position:absolute; left:clamp(18px,2.4vw,32px); top:0; width:28px; height:3px; border-radius:0 0 3px 3px; background:var(--turuncu)}
@media (max-width:820px){
  .rakamlar-kart{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rakam:nth-child(3){border-left:0}
  .rakam:nth-child(n+3){border-top:1px solid var(--cizgi-2)}
}

/* ---------- SEKMELER (Tasarla / Çalıştır / 3B) ---------- */
.sekme-liste{display:flex; gap:6px; padding:6px; border-radius:16px; background:#E7ECF4; width:fit-content; max-width:100%; margin:0 auto clamp(28px,4vw,48px); overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none}
.sekme-liste::-webkit-scrollbar{display:none}
.sekme{
  display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 22px; border:0; border-radius:11px; background:transparent; white-space:nowrap;
  font:700 .98rem/1 var(--font-govde); color:var(--gri); transition:background-color .25s,color .25s,box-shadow .25s;
}
.sekme:hover{color:var(--lac)}
.sekme[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)}
.sekme .ikon{width:19px; height:19px}
/* sekme paneli: bkz. dosya sonu */
/* aktif panel: bkz. dosya sonu */
@keyframes sekme-gir{from{opacity:0; transform:translateY(12px)}to{opacity:1; transform:none}}
.sekme-panel h3{font-size:clamp(1.4rem,2.2vw,1.9rem); margin-bottom:.6em}
.sekme-panel p{color:var(--gri)}
.sekme-gorsel{min-width:0}
@media (max-width:980px){.sekme-panel,.js .sekme-panel.aktif{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.sekme-panel.aktif{animation:none}}

/* ---------- BENTO ---------- */
.bento{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(14px,1.7vw,22px)}
.bento-kart{
  --mx:50%; --my:0%;
  position:relative; grid-column:span 4; display:flex; flex-direction:column; padding:clamp(22px,2.4vw,32px); border-radius:22px; overflow:hidden; isolation:isolate;
  background:#fff; border:1px solid var(--cizgi-2); box-shadow:var(--golge-s);
  transition:transform .4s var(--gecis),box-shadow .4s var(--gecis),border-color .3s;
}
.bento-kart::before{
  content:""; position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .35s;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(47,155,255,.16),transparent 46%);
}
.bento-kart::after{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; padding:1px; pointer-events:none; opacity:0; transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx) var(--my),rgba(47,155,255,.75),transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}
.bento-kart:hover{transform:translateY(-4px); box-shadow:var(--golge-m); border-color:#CBD8EC}
.bento-kart:hover::before,.bento-kart:hover::after{opacity:1}
.bento-kart h3{margin:18px 0 8px; font-size:1.18rem}
.bento-kart p{margin:0; font-size:.98rem; color:var(--gri); line-height:1.6}
.bento-kart .liste-onay{margin:14px 0 0; font-size:.95rem; color:var(--metin)}
.bento-kart--genis{grid-column:span 7}
.bento-kart--orta{grid-column:span 5}
.bento-kart--yarim{grid-column:span 6}
.bento-kart--koyu{background:linear-gradient(160deg,#16294f,#0d1b3a); border-color:rgba(255,255,255,.1); color:#C4D2EA}
.bento-kart--koyu h3{color:#fff}
.bento-kart--koyu p{color:#AFC1E0}
.bento-kart--koyu .ikon-kutu{color:var(--mavi-acik); background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); box-shadow:none}
.bento-kart--koyu:hover{border-color:rgba(124,192,255,.5)}
.bento-gorsel{margin:22px calc(-1 * clamp(22px,2.4vw,32px)) calc(-1 * clamp(22px,2.4vw,32px)); margin-top:auto; padding-top:22px}
.bento-gorsel .pencere{border-radius:14px 14px 0 0; margin-inline:clamp(22px,2.4vw,32px); box-shadow:0 -6px 30px -10px rgba(10,24,52,.35); border-bottom:0}
.bento-gorsel .pencere-ic{border-radius:13px 13px 0 0}
.bento-etiketler{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}
.etiket-hap{display:inline-flex; align-items:center; min-height:32px; padding:0 13px; border-radius:99px; font:700 .8rem/1 var(--font-govde); letter-spacing:.02em; background:#EEF3FA; color:var(--lac-700); border:1px solid #DAE3F1}
.bento-kart--koyu .etiket-hap{background:rgba(255,255,255,.07); color:#CFE0FA; border-color:rgba(255,255,255,.15)}
@media (max-width:1020px){
  .bento-kart,.bento-kart--genis,.bento-kart--orta,.bento-kart--yarim{grid-column:span 6}
}
@media (max-width:680px){
  .bento{grid-template-columns:minmax(0,1fr)}
  .bento-kart,.bento-kart--genis,.bento-kart--orta,.bento-kart--yarim{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){.bento-kart,.bento-kart:hover{transition:box-shadow .3s; transform:none}}

/* ---------- NEDEN ---------- */
.neden{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(28px,4vw,56px)}
.neden-madde{position:relative; padding-top:26px; border-top:1px solid var(--cizgi)}
.neden-madde::before{content:""; position:absolute; left:0; top:-2px; width:44px; height:3px; border-radius:3px; background:var(--turuncu)}
.neden-no{display:block; margin-bottom:14px; font:800 .86rem/1 var(--font-baslik); letter-spacing:.14em; color:var(--lac-600)}
.neden-madde h3{margin-bottom:.55em; font-size:clamp(1.2rem,1.8vw,1.5rem)}
.neden-madde p{color:var(--gri); margin:0}
@media (max-width:860px){.neden{grid-template-columns:minmax(0,1fr)}}

/* ---------- SÜRÜCÜ ŞERİDİ ---------- */
.surucu-bolum{padding-block:clamp(48px,6vw,84px); position:relative; overflow:hidden}
.surucu-ic{display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(28px,4vw,64px); align-items:center}
.surucu-ic h2{color:#fff; font-size:clamp(1.5rem,2.6vw,2.1rem)}
.surucu-liste{display:flex; flex-wrap:wrap; gap:12px; list-style:none; margin:0; padding:0}
.surucu-hap{
  display:inline-flex; flex-direction:column; gap:3px; padding:14px 20px; border-radius:14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.13);
  font:700 1rem/1.15 var(--font-baslik); color:#fff; letter-spacing:-.01em; transition:background-color .25s,border-color .25s,transform .3s var(--gecis);
}
.surucu-hap small{font:600 .76rem/1.2 var(--font-govde); color:#9FB6DA; letter-spacing:.02em}
.surucu-hap:hover{background:rgba(255,255,255,.1); border-color:rgba(124,192,255,.5); transform:translateY(-2px)}
.surucu-not{margin:22px 0 0; font-size:.82rem; line-height:1.55; color:#8CA2C8; max-width:70ch}
@media (max-width:900px){.surucu-ic{grid-template-columns:minmax(0,1fr)}}

/* ---------- ADIMLAR ---------- */
.adimlar{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px); counter-reset:adim; position:relative}
.adim{position:relative; padding:clamp(24px,2.6vw,34px); border-radius:22px; background:#fff; border:1px solid var(--cizgi-2); box-shadow:var(--golge-s)}
.adim-no{display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--lac); color:#fff; font:800 1.1rem/1 var(--font-baslik); margin-bottom:20px; box-shadow:0 0 0 6px #E6EEFA}
.adim h3{margin-bottom:.5em}
.adim p{color:var(--gri); margin-bottom:1.2em}
.adim:not(:last-child)::after{content:""; position:absolute; top:58px; left:calc(100% - 10px); width:calc(clamp(20px,3vw,40px) + 20px); height:2px; background:repeating-linear-gradient(90deg,#B9C7DE 0 6px,transparent 6px 12px)}
@media (max-width:860px){
  .adimlar{grid-template-columns:minmax(0,1fr)}
  .adim:not(:last-child)::after{display:none}
}

/* ---------- SSS ---------- */
.sss-duzen{display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(32px,5vw,80px); align-items:start}
.sss-sol{position:sticky; top:calc(var(--ust-yuk) + 28px)}
.sss-sol p{color:var(--gri)}
.sss{display:grid; gap:12px}
.sss details{border:1px solid var(--cizgi); border-radius:16px; background:#fff; transition:border-color .25s,box-shadow .25s}
.sss details[open]{border-color:#BBCBE4; box-shadow:var(--golge-m)}
.sss summary{
  list-style:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; cursor:pointer; border-radius:16px;
  font:650 1.05rem/1.4 var(--font-baslik); letter-spacing:-.01em; color:var(--lac);
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:""; flex:none; width:28px; height:28px; border-radius:50%; background:#EEF3FA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2314264A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 8h10M8 3v10'/%3E%3C/svg%3E") center no-repeat; transition:transform .3s var(--gecis),background-color .2s}
.sss details[open] summary::after{transform:rotate(135deg); background-color:#D8E6FA}
.sss summary:focus-visible{outline:3px solid var(--mavi); outline-offset:-3px}
.sss-yanit{padding:0 22px 22px; color:var(--gri); line-height:1.7}
.sss-yanit p:last-child{margin-bottom:0}
.sss-yanit ul{margin:.6em 0 0; padding-left:1.2em}
@media (max-width:900px){.sss-duzen{grid-template-columns:minmax(0,1fr)}.sss-sol{position:static}}

/* ---------- KAPANIŞ BANDI ---------- */
.kapanis{position:relative; overflow:hidden; isolation:isolate; padding-block:clamp(64px,8vw,110px); color:#C4D2EA; text-align:center;
  background:radial-gradient(800px 420px at 50% 120%,rgba(47,155,255,.3),transparent 65%),linear-gradient(180deg,#0f2046,#0A1630)}
.kapanis::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  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:56px 56px; -webkit-mask-image:radial-gradient(90% 100% at 50% 50%,#000,transparent 80%); mask-image:radial-gradient(90% 100% at 50% 50%,#000,transparent 80%)}
.kapanis h2{color:#fff; font-size:clamp(1.9rem,4vw,3.1rem); max-width:20ch; margin-inline:auto}
.kapanis p{max-width:58ch; margin-inline:auto; font-size:1.1rem; color:#B5C7E5}
.kapanis .dugme-sira{justify-content:center; margin-top:30px}
.kapanis-iletisim{margin-top:26px; font-size:.95rem; color:#93A9CF}
.kapanis-iletisim a{color:#CFE3FF}

/* ---------- İÇ SAYFA BAŞLIĞI ---------- */
.sayfa-baslik{position:relative; overflow:hidden; isolation:isolate; color:#C4D2EA; padding-block:clamp(44px,6vw,84px) clamp(48px,6vw,88px);
  background:radial-gradient(900px 420px at 90% -20%,rgba(47,155,255,.24),transparent 62%),linear-gradient(180deg,#0A1630 0%,#14264A 100%)}
.sayfa-baslik::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  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:linear-gradient(100deg,transparent 20%,#000 90%); mask-image:linear-gradient(100deg,transparent 20%,#000 90%)}
.sayfa-baslik h1{color:#fff; font-size:clamp(2rem,4.2vw,3.2rem); margin-bottom:.4em; max-width:22ch}
.sayfa-baslik .lead{max-width:62ch; color:#B7C8E6; margin-bottom:0}
.kirinti{display:flex; flex-wrap:wrap; gap:6px 10px; list-style:none; margin:0 0 22px; padding:0; font-size:.86rem; color:#8EA5CC}
.kirinti li{display:inline-flex; align-items:center; gap:10px}
.kirinti li+li::before{content:""; width:5px; height:5px; border-top:1.5px solid #6E86B0; border-right:1.5px solid #6E86B0; transform:rotate(45deg)}
.kirinti a{color:#B8CBEA; text-decoration:none}
.kirinti a:hover{color:#fff; text-decoration:underline}
.kirinti [aria-current]{color:#fff}

/* ---------- ÖZELLİKLER ---------- */
.ozellik-duzen{display:grid; grid-template-columns:250px minmax(0,1fr); gap:clamp(32px,5vw,72px); align-items:start}
.yan-gezinti{position:sticky; top:calc(var(--ust-yuk) + 28px); align-self:start}
.yan-gezinti p{margin:0 0 14px; font:700 .74rem/1 var(--font-baslik); letter-spacing:.16em; text-transform:uppercase; color:var(--gri)}
.yan-gezinti ul{list-style:none; margin:0; padding:0 0 0 2px; display:grid; gap:2px; border-left:2px solid var(--cizgi)}
.yan-gezinti a{display:block; margin-left:-2px; padding:9px 14px; border-left:2px solid transparent; color:var(--gri); text-decoration:none; font-weight:650; font-size:.95rem; line-height:1.35; transition:color .2s,border-color .2s,background-color .2s}
.yan-gezinti a:hover{color:var(--lac); background:#F3F6FB}
.yan-gezinti a.aktif{color:var(--lac); border-left-color:var(--turuncu); background:linear-gradient(90deg,#EEF3FA,transparent)}
.ozellik-bolum{padding-block:clamp(36px,4.5vw,64px); border-top:1px solid var(--cizgi); scroll-margin-top:calc(var(--ust-yuk) + 12px)}
.ozellik-bolum:first-of-type{border-top:0; padding-top:0}
.ozellik-bolum-ust{display:flex; align-items:center; gap:16px; margin-bottom:18px}
.ozellik-bolum h2{font-size:clamp(1.6rem,2.8vw,2.25rem); margin:0}
.ozellik-bolum>p{max-width:64ch; color:var(--gri)}
.ozellik-icerik{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(24px,3.4vw,48px); align-items:start; margin-top:26px}
.ozellik-icerik--tek{grid-template-columns:minmax(0,1fr)}
.ozellik-liste{list-style:none; margin:0; padding:0; display:grid; gap:14px}
.ozellik-liste li{position:relative; padding:14px 16px 14px 48px; border-radius:14px; background:var(--zemin); border:1px solid var(--cizgi-2); line-height:1.5; font-size:.98rem}
.ozellik-liste li::before{content:""; position:absolute; left:15px; top:16px; width:20px; height:20px; border-radius:50%; background:var(--lac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 10.2 2.6 2.6 5.4-5.6'/%3E%3C/svg%3E") center/20px no-repeat}
.ozellik-liste strong{color:var(--lac); font-weight:700}
.ozellik-not{margin-top:18px; font-size:.9rem; color:var(--gri); line-height:1.55}
@media (max-width:1000px){
  .ozellik-duzen{grid-template-columns:minmax(0,1fr)}
  .yan-gezinti{position:sticky; top:var(--ust-yuk); z-index:20; margin-inline:calc(-1 * var(--gutter)); padding:10px var(--gutter); background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--cizgi)}
  .yan-gezinti p{display:none}
  .yan-gezinti ul{display:flex; gap:6px; overflow-x:auto; border-left:0; padding:0; scrollbar-width:none}
  .yan-gezinti ul::-webkit-scrollbar{display:none}
  .yan-gezinti a{margin:0; white-space:nowrap; border:1px solid var(--cizgi); border-radius:99px; padding:8px 14px; background:#fff}
  .yan-gezinti a.aktif{background:var(--lac); color:#fff; border-color:var(--lac)}
  .ozellik-icerik{grid-template-columns:minmax(0,1fr)}
}

/* ---------- GALERİ ---------- */
.suzgec{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:clamp(24px,3vw,40px)}
.suzgec button{
  display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 18px; border-radius:99px; border:1.5px solid #C9D3E3; background:#fff;
  font:700 .92rem/1 var(--font-govde); color:var(--lac); transition:background-color .2s,color .2s,border-color .2s;
}
.suzgec button:hover{border-color:var(--lac)}
.suzgec button[aria-pressed="true"]{background:var(--lac); color:#fff; border-color:var(--lac)}
.suzgec .say{font-size:.76rem; opacity:.75; font-variant-numeric:tabular-nums}
.galeri-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)); gap:clamp(18px,2.2vw,28px)}
.galeri-kart{margin:0; min-width:0}
.galeri-kart[hidden]{display:none !important}
.galeri-ac{display:block; width:100%; padding:0; border:0; background:transparent; text-align:left; border-radius:16px}
.galeri-ac .pencere{transition:transform .4s var(--gecis),box-shadow .4s var(--gecis)}
.galeri-ac:hover .pencere{transform:translateY(-4px); box-shadow:0 4px 8px rgba(10,24,52,.08),0 36px 70px -26px rgba(10,24,52,.45)}
.galeri-ac:focus-visible{outline:3px solid var(--mavi); outline-offset:4px}
.galeri-kart figcaption{padding:16px 4px 0}
.galeri-kart h3{font-size:1.05rem; margin:0 0 4px}
.galeri-kart figcaption span{font-size:.9rem; color:var(--gri); line-height:1.5; display:block}
.galeri-etiket{display:inline-block; margin-bottom:6px; font:700 .7rem/1 var(--font-baslik); letter-spacing:.14em; text-transform:uppercase; color:var(--baglanti)}
.galeri-bos{padding:48px 24px; text-align:center; border:1px dashed #BCC8DC; border-radius:18px; color:var(--gri)}
.isik-kutusu{
  position:fixed; inset:0; z-index:300; display:none; flex-direction:column; align-items:center; justify-content:center; padding:clamp(12px,3vw,40px);
  background:rgba(4,10,24,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.isik-kutusu.acik{display:flex}
.isik-resim{position:relative; max-width:min(1500px,100%); max-height:calc(100vh - 150px); display:flex; align-items:center; justify-content:center; touch-action:pan-y}
.isik-resim img{max-width:100%; max-height:calc(100vh - 150px); width:auto; height:auto; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.6); background:#0C1B38}
.isik-alt{max-width:900px; margin-top:16px; text-align:center; color:#C4D2EA}
.isik-alt strong{display:block; color:#fff; font:650 1.1rem/1.3 var(--font-baslik); margin-bottom:4px}
.isik-alt span{font-size:.92rem}
.isik-dugme{position:absolute; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.09); color:#fff; transition:background-color .2s}
.isik-dugme:hover{background:rgba(255,255,255,.2)}
.isik-dugme svg{width:22px; height:22px}
.isik-kapat{top:clamp(12px,2vw,24px); right:clamp(12px,2vw,24px)}
.isik-onceki,.isik-sonraki{top:50%; transform:translateY(-50%)}
.isik-onceki{left:clamp(8px,2vw,24px)}
.isik-sonraki{right:clamp(8px,2vw,24px)}
.isik-sayac{position:absolute; top:clamp(18px,2.4vw,30px); left:clamp(14px,2vw,28px); font:700 .82rem/1 var(--font-baslik); color:#9FB6DA; letter-spacing:.08em}
body.isik-acik{overflow:hidden}
@media (max-width:640px){
  .isik-onceki,.isik-sonraki{top:auto; bottom:clamp(14px,3vw,24px); transform:none}
  .isik-alt{margin-bottom:64px}
}

/* ---------- İNDİR ---------- */
.adim-gosterge{display:flex; flex-wrap:wrap; gap:10px 0; list-style:none; margin:0 0 clamp(28px,4vw,44px); padding:0}
.adim-gosterge li{display:flex; align-items:center; gap:12px; margin-right:12px; font-weight:700; font-size:.95rem; color:var(--gri)}
.adim-gosterge li:not(:last-child)::after{content:""; width:clamp(18px,4vw,56px); height:2px; background:#CBD5E6; margin-left:4px}
.adim-gosterge .no{display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#E7ECF4; color:var(--gri); font:800 .85rem/1 var(--font-baslik)}
.adim-gosterge li.tamam .no{background:var(--iyi); color:#fff}
.adim-gosterge li.tamam{color:var(--iyi)}
.adim-gosterge li.aktif .no{background:var(--lac); color:#fff; box-shadow:0 0 0 5px #DCE7F7}
.adim-gosterge li.aktif{color:var(--lac)}
.indir-duzen{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:clamp(24px,3.4vw,48px); align-items:start}
.paket{padding:clamp(24px,3vw,36px); border-radius:22px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge-m); position:relative; overflow:hidden}
.paket+.paket{margin-top:18px}
.paket::before{content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient(90deg,var(--lac),var(--mavi))}
.paket-ust{display:flex; flex-wrap:wrap; gap:14px 20px; align-items:center; justify-content:space-between; margin-bottom:20px}
.paket h2{font-size:1.45rem; margin:0}
.paket-surum{display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:99px; background:#E6F0FD; color:var(--baglanti); font:800 .8rem/1 var(--font-baslik); letter-spacing:.04em}
.paket-bilgi{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 22px; padding:0; list-style:none}
.paket-bilgi li{padding:14px 16px; border-radius:14px; background:var(--zemin)}
.paket-bilgi span{display:block; font:700 .7rem/1 var(--font-baslik); letter-spacing:.14em; text-transform:uppercase; color:var(--gri); margin-bottom:8px}
.paket-bilgi strong{font:700 1.02rem/1.2 var(--font-baslik); color:var(--lac); font-variant-numeric:tabular-nums}
.sha{display:flex; align-items:stretch; border-radius:12px; border:1px solid #D2DBEA; background:#F7F9FC; overflow:hidden; margin-bottom:22px}
.sha-etiket{display:grid; place-items:center; padding:0 14px; background:#E8EEF7; font:800 .72rem/1 var(--font-baslik); letter-spacing:.1em; color:var(--lac-700)}
.sha code{flex:1; min-width:0; padding:13px 14px; font:600 .8rem/1.45 ui-monospace,"Cascadia Mono",Consolas,monospace; color:var(--lac); word-break:break-all}
.sha button{display:inline-flex; align-items:center; gap:8px; padding:0 16px; border:0; border-left:1px solid #D2DBEA; background:#fff; color:var(--lac); font-weight:700; font-size:.85rem}
.sha button:hover{background:#EEF3FA}
.sha button[data-kopyalandi="1"]{color:var(--iyi)}
.sha button svg{width:17px; height:17px}
.paket-notlar{margin:0 0 24px; padding:16px 18px; border-left:3px solid var(--mavi); background:#F3F8FF; border-radius:0 12px 12px 0; font-size:.95rem; line-height:1.6; white-space:pre-line}
.paket-notlar h3{font-size:.95rem; margin:0 0 6px}
.yan-kutu{padding:clamp(22px,2.6vw,30px); border-radius:20px; background:var(--zemin); border:1px solid var(--cizgi-2)}
.yan-kutu+.yan-kutu{margin-top:18px}
.yan-kutu h2,.yan-kutu h3{font-size:1.15rem; margin-bottom:.7em}
.yan-kutu .liste-onay{margin-bottom:0}
.kurulum{counter-reset:k; list-style:none; margin:0; padding:0; display:grid; gap:16px}
.kurulum li{counter-increment:k; position:relative; padding-left:48px; line-height:1.55}
.kurulum li::before{content:counter(k); position:absolute; left:0; top:-1px; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#fff; border:1.5px solid #BFCCE2; color:var(--lac); font:800 .85rem/1 var(--font-baslik)}
.uyelik-cagri{padding:clamp(24px,3vw,36px); border-radius:22px; color:#C4D2EA; position:relative; overflow:hidden; background:linear-gradient(160deg,#17306a,#0e1f45)}
.uyelik-cagri h2{color:#fff; font-size:1.5rem}
.uyelik-cagri .liste-onay{margin:18px 0 24px}
.uyelik-cagri .liste-onay li{color:#D3E0F5}
.uyelik-cagri .dugme-sira{gap:12px}
@media (max-width:960px){.indir-duzen{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.paket-bilgi{grid-template-columns:minmax(0,1fr)}.sha{flex-wrap:wrap}.sha-etiket{padding:8px 14px}.sha button{width:100%; justify-content:center; padding:11px; border-left:0; border-top:1px solid #D2DBEA}}

/* ---------- HESAP (üye ol, giriş, parola) ---------- */
.hesap{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); min-height:calc(100vh - var(--ust-yuk))}
.hesap-sol{position:relative; overflow:hidden; isolation:isolate; padding:clamp(36px,5vw,72px) clamp(24px,4.4vw,64px); color:#C4D2EA;
  background:radial-gradient(700px 480px at 0% 100%,rgba(47,155,255,.28),transparent 62%),linear-gradient(170deg,#0A1630,#16295A)}
.hesap-sol::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  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:44px 44px; -webkit-mask-image:linear-gradient(160deg,#000 10%,transparent 80%); mask-image:linear-gradient(160deg,#000 10%,transparent 80%)}
.hesap-sol-ic{position:sticky; top:calc(var(--ust-yuk) + 40px); max-width:460px; margin-left:auto}
.hesap-sol h1{color:#fff; font-size:clamp(1.8rem,3.2vw,2.6rem); margin-bottom:.5em}
.hesap-sol .lead{color:#B7C8E6; font-size:1.05rem}
.yarar-liste{list-style:none; margin:30px 0 0; padding:0; display:grid; gap:20px}
.yarar-liste li{display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start}
.yarar-liste .ikon-kutu{width:42px; height:42px; border-radius:12px}
.yarar-liste h2{font:650 1rem/1.3 var(--font-baslik); color:#fff; margin:2px 0 4px; letter-spacing:-.01em}
.yarar-liste p{margin:0; font-size:.93rem; line-height:1.55; color:#A8BBDD}
.hesap-sag{display:flex; align-items:flex-start; justify-content:flex-start; padding:clamp(32px,5vw,72px) clamp(20px,4.4vw,64px); background:#fff}
.hesap-kart{width:100%; max-width:560px}
.hesap-kart h2{font-size:clamp(1.5rem,2.4vw,2rem); margin-bottom:.3em}
.hesap-kart>.soluk{margin-bottom:28px}
.hesap-alt{margin-top:26px; padding-top:22px; border-top:1px solid var(--cizgi); font-size:.95rem; color:var(--gri)}
.hesap-alt a{font-weight:700}
.form-ayrac{margin:6px 0 0; padding-top:20px; border-top:1px solid var(--cizgi-2); font:700 .72rem/1 var(--font-baslik); letter-spacing:.14em; text-transform:uppercase; color:var(--gri)}
.hesap-tek{display:grid; place-items:center; padding:clamp(40px,7vw,96px) var(--gutter); background:var(--zemin); min-height:calc(100vh - var(--ust-yuk))}
.hesap-tek .hesap-kart{background:#fff; padding:clamp(26px,4vw,48px); border-radius:24px; border:1px solid var(--cizgi-2); box-shadow:var(--golge-b); max-width:520px}
.sonuc-ikon{display:grid; place-items:center; width:64px; height:64px; border-radius:20px; margin-bottom:22px; background:#E6F0FD; color:var(--baglanti)}
.sonuc-ikon svg{width:32px; height:32px}
.sonuc-ikon--iyi{background:var(--iyi-zemin); color:var(--iyi)}
.sonuc-ikon--hata{background:var(--hata-zemin); color:var(--hata)}
@media (max-width:960px){
  .hesap{grid-template-columns:minmax(0,1fr)}
  .hesap-sol-ic{position:static; max-width:none}
  .yarar-liste{grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 22px}
}
@media (max-width:560px){.yarar-liste{grid-template-columns:minmax(0,1fr)}}

/* ---------- HESABIM ---------- */
.panel-duzen{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:clamp(20px,3vw,40px); align-items:start}
.panel-kart{padding:clamp(22px,2.8vw,34px); border-radius:20px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge-s)}
.panel-kart+.panel-kart{margin-top:clamp(20px,3vw,32px)}
.panel-kart h2{font-size:1.3rem; margin-bottom:.8em}
.profil-ozet{display:flex; align-items:center; gap:16px; margin-bottom:22px}
.avatar{display:grid; place-items:center; width:56px; height:56px; border-radius:16px; background:var(--lac); color:#fff; font:800 1.2rem/1 var(--font-baslik); flex:none}
.profil-ozet strong{display:block; font:700 1.1rem/1.2 var(--font-baslik); color:var(--lac)}
.profil-ozet span{font-size:.93rem; color:var(--gri); word-break:break-all}
.durum-hap{display:inline-flex; align-items:center; gap:7px; padding:5px 11px; border-radius:99px; font:700 .76rem/1 var(--font-govde); background:var(--iyi-zemin); color:var(--iyi)}
.durum-hap::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor}
.durum-hap--bekle{background:#FFF4DD; color:var(--uyari)}
.tablo-kap{overflow-x:auto}
.tablo{width:100%; border-collapse:collapse; font-size:.95rem}
.tablo th{text-align:left; padding:10px 12px; font:700 .72rem/1 var(--font-baslik); letter-spacing:.12em; text-transform:uppercase; color:var(--gri); border-bottom:1px solid var(--cizgi)}
.tablo td{padding:13px 12px; border-bottom:1px solid var(--cizgi-2)}
.tablo tr:last-child td{border-bottom:0}
.tehlike{border-color:#F1C3BD; background:#FFFBFA}
.tehlike h2{color:#8E2A1F}
.dugme--tehlike{--d-bg:#fff; --d-renk:var(--hata); --d-kenar:#E3A59E; box-shadow:none}
.dugme--tehlike:hover{background:#FDEEEC; border-color:var(--hata)}
@media (max-width:980px){.panel-duzen{grid-template-columns:minmax(0,1fr)}}

/* ---------- İLETİŞİM ---------- */
.iletisim-duzen{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:clamp(24px,4vw,64px); align-items:start}
.iletisim-form{padding:clamp(24px,3.2vw,40px); border-radius:22px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge-m)}
.iletisim-bilgi{display:grid; gap:16px}
.bilgi-kart{display:grid; grid-template-columns:auto 1fr; gap:16px; padding:20px 22px; border-radius:18px; background:var(--zemin); border:1px solid var(--cizgi-2)}
.bilgi-kart h2,.bilgi-kart h3{font-size:1rem; margin:2px 0 4px}
.bilgi-kart p,.bilgi-kart address{margin:0; font-style:normal; font-size:.95rem; line-height:1.55; color:var(--gri)}
.bilgi-kart a{font-weight:700; word-break:break-word}
@media (max-width:960px){.iletisim-duzen{grid-template-columns:minmax(0,1fr)}}

/* ---------- YASAL ---------- */
.yasal-duzen{display:grid; grid-template-columns:240px minmax(0,1fr); gap:clamp(28px,5vw,72px); align-items:start}
.yasal-icerik{max-width:78ch}
.yasal-icerik h2{font-size:clamp(1.25rem,2vw,1.55rem); margin:2.2em 0 .6em; padding-top:.3em; scroll-margin-top:calc(var(--ust-yuk) + 20px)}
.yasal-icerik h2:first-child{margin-top:0}
.yasal-icerik h3{font-size:1.08rem; margin:1.6em 0 .5em}
.yasal-icerik p,.yasal-icerik li{line-height:1.75}
.yasal-icerik ul,.yasal-icerik ol{padding-left:1.3em; margin:0 0 1.2em; display:grid; gap:6px}
.yasal-icerik table{width:100%; border-collapse:collapse; margin:0 0 1.4em; font-size:.94rem}
.yasal-icerik th{text-align:left; padding:10px 12px; background:var(--zemin); font:700 .74rem/1.2 var(--font-baslik); letter-spacing:.08em; text-transform:uppercase; color:var(--gri); border:1px solid var(--cizgi)}
.yasal-icerik td{padding:12px; vertical-align:top; border:1px solid var(--cizgi); line-height:1.55}
.yasal-bilgi{padding:18px 20px; border-radius:14px; background:var(--zemin); border:1px solid var(--cizgi-2); font-size:.95rem; line-height:1.7}
.yasal-bilgi dl{margin:0; display:grid; grid-template-columns:max-content 1fr; gap:6px 18px}
.yasal-bilgi dt{font-weight:700; color:var(--lac)}
.yasal-bilgi dd{margin:0}
.yasal-tarih{display:inline-flex; margin-bottom:28px; padding:7px 13px; border-radius:99px; background:#EEF3FA; color:var(--lac-700); font:700 .82rem/1 var(--font-govde)}
.yasal-uyari{margin-top:34px; padding:16px 18px; border-radius:12px; background:#F5F7FB; border:1px solid var(--cizgi); font-size:.88rem; line-height:1.6; color:var(--gri)}
.yasal-en{text-align:left}
@media (max-width:980px){.yasal-duzen{grid-template-columns:minmax(0,1fr)}.yasal-duzen .yan-gezinti{display:none}}
@media (max-width:560px){.yasal-bilgi dl{grid-template-columns:minmax(0,1fr); gap:2px}.yasal-bilgi dd{margin-bottom:10px}}

/* ---------- HATA ---------- */
.hata-sayfa{position:relative; overflow:hidden; isolation:isolate; display:grid; place-items:center; text-align:center; min-height:calc(100vh - var(--ust-yuk) - 280px); padding:clamp(56px,8vw,120px) var(--gutter); color:#C4D2EA;
  background:radial-gradient(800px 460px at 50% 110%,rgba(47,155,255,.26),transparent 62%),linear-gradient(180deg,#0A1630,#14264A)}
.hata-sayfa::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% 80% at 50% 50%,#000,transparent 85%); mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent 85%)}
.hata-kod{font:800 clamp(4.5rem,16vw,9rem)/1 var(--font-baslik); letter-spacing:-.05em; color:#fff; margin:0 0 6px; background:linear-gradient(180deg,#fff 20%,#5F86C4); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.hata-kod span{color:var(--turuncu); -webkit-text-fill-color:var(--turuncu)}
.hata-sayfa h1{color:#fff; font-size:clamp(1.6rem,3.2vw,2.3rem)}
.hata-sayfa p{max-width:46ch; margin:0 auto 28px; color:#B5C7E5}
.hata-sayfa .dugme-sira{justify-content:center}
.hata-kimlik{margin-top:28px; font-size:.78rem; color:#7C93BA; font-family:ui-monospace,Consolas,monospace}

/* ---------- ÖZELLİKLER / GALERİ için üst CTA şeridi ---------- */
.cta-serit{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px 32px; padding:clamp(24px,3vw,36px) clamp(24px,3.4vw,44px); border-radius:22px; background:linear-gradient(160deg,#17306a,#0e1f45); color:#C4D2EA}
.cta-serit h2{color:#fff; font-size:clamp(1.3rem,2.2vw,1.7rem); margin:0 0 6px}
.cta-serit p{margin:0; color:#B2C4E3}

/* ---------- eklemeler ---------- */
.hero-rozetler{list-style:none; margin:0; padding:0}
.sekme-liste{display:none}
.js .sekme-liste{display:flex}
.sekme-panel{display:grid; grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:clamp(28px,4vw,56px); align-items:center}
.sekme-panel+.sekme-panel{margin-top:clamp(40px,6vw,72px)}
.js .sekme-panel{display:none; margin-top:0}
.js .sekme-panel.aktif{display:grid; animation:sekme-gir .5s var(--gecis)}
.ozellik-govde{min-width:0}
.ozellik-gorseller{display:grid; gap:20px; min-width:0}
.galeri-bilgi{padding:16px 4px 0}
.galeri-bilgi h3{font-size:1.05rem; margin:0 0 4px}
.galeri-bilgi span:not(.galeri-etiket){font-size:.9rem; color:var(--gri); line-height:1.5; display:block}
.galeri-ac{display:block; text-decoration:none; color:inherit}
.pencere .resim--yer{display:grid}
.surucu-liste{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px}
.surucu-hap{min-width:0}
@media (max-width:560px){.surucu-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bento-kart .bento-gorsel+.bento-etiketler{margin-top:0}
.form-sira{align-items:start}
.hesap-sag{justify-content:center}
.hesap-kart h2{margin-bottom:.7em}
.ozellik-liste strong{display:block; margin-bottom:2px}
.ozellik-ek-gorseller{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:20px; margin-top:24px}
.hata-sayfa .hata-kimlik{margin-top:28px; margin-bottom:0}
.iletisim-form h2{margin-bottom:.9em}
.hero .ust-baslik,.sayfa-baslik .ust-baslik,.hesap-sol .ust-baslik,.kapanis .ust-baslik,.hata-sayfa .ust-baslik,.uyelik-cagri .ust-baslik{color:var(--mavi-acik)}
.isik-dugme,.isik-sayac{z-index:3}
@media (min-width:641px){.isik-resim{max-width:calc(100% - 128px)}}
@media (max-width:640px){.hesap-sol .yarar-liste{display:none}.hesap-sol{padding-block:32px}}
/* ince eğim: yalnız ince imleçli (fare) cihazlarda, hareket azaltma kapalıyken */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-egim]{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transition:transform .5s var(--gecis); will-change:transform}
  [data-egim].egimde{transition:transform .08s linear}
}
.uyelik-cagri{margin-bottom:18px}

/* ---------- telefon çerçevesi (dikey ekran görüntüsü) ---------- */
.telefon{position:relative; margin:0 auto; width:min(100%,250px); padding:9px; border-radius:36px; isolation:isolate;
  background:linear-gradient(150deg,#31446b,#0f1b34 55%,#26385c); box-shadow:var(--golge-b),inset 0 0 0 1px rgba(255,255,255,.16)}
.telefon::before{content:""; position:absolute; z-index:2; top:15px; left:50%; width:64px; height:6px; margin-left:-32px; border-radius:6px; background:#060d1c; box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.telefon-ekran{border-radius:28px; overflow:hidden; background:#E6ECF5}
.telefon .resim{display:block; width:100%; height:auto}
.telefon .resim--yer{aspect-ratio:1560/3376}
.bento-gorsel--telefon{display:flex; justify-content:center; max-height:318px; overflow:hidden; margin-top:auto; padding-top:20px}
.bento-gorsel--telefon .telefon{width:min(62%,230px); margin:0 auto; border-radius:34px 34px 0 0; padding-bottom:0}
.bento-gorsel--telefon .telefon-ekran{border-radius:26px 26px 0 0}
.ozellik-gorseller--izleme{display:grid; grid-template-columns:minmax(0,210px) minmax(0,1fr); gap:22px; align-items:end}
.ozellik-gorseller--izleme .telefon{width:100%}
@media (max-width:640px){.ozellik-gorseller--izleme{grid-template-columns:minmax(0,1fr)}.ozellik-gorseller--izleme .telefon{width:min(100%,240px)}}
.galeri-medya--telefon{display:grid; place-items:center; aspect-ratio:16/9; padding:16px; border-radius:16px; overflow:hidden;
  background:radial-gradient(60% 70% at 70% 20%,rgba(47,155,255,.22),transparent 70%),linear-gradient(160deg,#142b57,#0b1936); box-shadow:var(--golge-b)}
.galeri-medya--telefon .telefon{height:100%; width:auto; aspect-ratio:1560/3376; padding:6px; border-radius:24px; display:flex; box-shadow:0 14px 34px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.16)}
.galeri-medya--telefon .telefon::before{top:10px; width:34px; margin-left:-17px; height:4px}
.galeri-medya--telefon .telefon-ekran{flex:1; min-width:0; border-radius:19px}
.galeri-medya--telefon picture.resim,.galeri-medya--telefon picture.resim img{display:block; width:100%; height:100%; object-fit:cover}

/* ---------- 3B vitrin bandı ---------- */
.vitrin-3b{position:relative; overflow:hidden; isolation:isolate; padding-block:clamp(56px,7vw,104px)}
.vitrin-3b::after{content:""; position:absolute; inset:auto 0 0 0; height:40%; z-index:-1; background:radial-gradient(60% 100% at 50% 100%,rgba(47,155,255,.22),transparent 70%)}
.vitrin-kutu{position:relative}
.vitrin-resim{border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.16); box-shadow:0 40px 90px -30px rgba(2,8,26,.9); background:#0b1936}
.vitrin-resim .resim,.vitrin-resim picture.resim img{display:block; width:100%; height:auto}
.vitrin-kart{position:absolute; left:clamp(14px,2.4vw,34px); bottom:clamp(14px,2.4vw,34px); max-width:min(470px,calc(100% - 28px)); padding:clamp(18px,2.2vw,28px); border-radius:20px; color:#C9D8F0;
  background:rgba(8,20,43,.78); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); border:1px solid rgba(255,255,255,.16)}
.vitrin-kart h2{color:#fff; font-size:clamp(1.3rem,2.2vw,1.8rem); margin-bottom:.45em}
.vitrin-kart p{margin:0 0 14px; font-size:.97rem; line-height:1.6}
.vitrin-kart .bento-etiketler{margin:0 0 16px}
.vitrin-kart .etiket-hap{background:rgba(255,255,255,.08); color:#D6E4FA; border-color:rgba(255,255,255,.18)}
@media (max-width:760px){.vitrin-kart{position:static; max-width:none; margin-top:14px; backdrop-filter:none; background:rgba(255,255,255,.05)}}
.gorsel-not{margin:18px 0 0; font-size:.86rem; line-height:1.55; color:var(--gri); max-width:80ch}
.bolum--koyu .gorsel-not{color:#8EA6CF}

/* ---------- hesap sayfaları: sol panel görseli ---------- */
.hesap-gorsel{margin:34px 0 0; border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.16); box-shadow:0 30px 60px -28px rgba(2,8,26,.9)}
.hesap-gorsel .resim,.hesap-gorsel picture.resim img{display:block; width:100%; height:auto}
@media (max-width:960px){.hesap-gorsel{display:none}}

/* ---------- indir: önizleme görselleri ---------- */
.indir-onizleme{margin-top:clamp(28px,4vw,44px)}
.indir-onizleme h2{font-size:1.3rem; margin-bottom:.8em}
.indir-onizleme-izgara{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px}
@media (max-width:640px){.indir-onizleme-izgara{grid-template-columns:minmax(0,1fr)}}
/* telefon çerçevesi: hoparlör çıtası ekranın üstünde, çerçevenin içinde kalsın */
.telefon{padding:20px 9px 14px}
.telefon::before{top:7px; width:56px; margin-left:-28px; height:5px}
.galeri-medya--telefon .telefon{padding:11px 6px 8px}
.galeri-medya--telefon .telefon::before{top:4px; width:30px; margin-left:-15px; height:3px}
.bento-gorsel--telefon .telefon{padding-top:20px}
/* galeri telefon kartı: kap sabit oranlı, telefon kabın yüksekliğine gerilir (genişlik orandan) */
.galeri-medya--telefon{display:flex; justify-content:center; align-items:stretch}
.galeri-medya--telefon .telefon{flex:none; align-self:stretch; width:auto; height:auto; min-width:0}
.ozellik-gorseller--izleme{display:block}
.ozellik-gorseller--izleme .telefon{width:min(100%,250px); margin:0}
.ozellik-ek-gorseller .pencere--tek{max-width:620px}
.ozellik-ek-gorseller--tek{grid-template-columns:minmax(0,560px)}
/* galeri telefon kartı (son hâl): telefon yukarıdan görünür, alt kısmı kapıdan taşar; metinler okunur boyutta kalır */
.galeri-medya--telefon{align-items:flex-start; padding:14px 0 0}
.galeri-medya--telefon .telefon{flex:none; align-self:flex-start; width:clamp(150px,50%,190px); height:auto; aspect-ratio:1560/3376; border-radius:26px 26px 0 0; padding:11px 6px 0}
.galeri-medya--telefon .telefon-ekran{border-radius:20px 20px 0 0}

/* ==========================================================================
   Ürünün kendi ekran görüntüleri (ikinci görsel hattı): çerçeve, özellik turu, galeri, örnek proje
   ========================================================================== */
.kap--genis{max-width:calc(1400px + var(--gutter) * 2)}

/* ---------- sade ekran çerçevesi ---------- */
.cerceve{position:relative; margin:0; border-radius:14px; overflow:hidden; background:#0b1936; border:1px solid rgba(124,176,255,.3); box-shadow:var(--golge-m); min-width:0}
.cerceve .lb{display:block; position:relative; line-height:0; cursor:zoom-in}
.cerceve .resim{display:block; width:100%; height:auto}
.cerceve picture.resim img{display:block; width:100%; height:auto}
.cerceve .lb::after{
  content:""; position:absolute; right:10px; top:10px; width:32px; height:32px; border-radius:9px; opacity:0; transition:opacity .2s;
  background:rgba(8,20,43,.78) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/16px no-repeat;
  border:1px solid rgba(255,255,255,.25);
}
.cerceve .lb:hover::after,.cerceve .lb:focus-visible::after{opacity:1}
.cerceve .lb:focus-visible{outline:3px solid var(--mavi); outline-offset:-3px}
.cerceve-etiket{padding:9px 13px; font:650 .82rem/1.35 var(--font-baslik); letter-spacing:-.005em; color:#C9D8F0; background:#0f2146; border-top:1px solid rgba(255,255,255,.1)}
.ornek-not{margin:0; padding:7px 13px 9px; font-size:.72rem; line-height:1.45; color:#8EA6CF; background:#0b1936; border-top:1px dashed rgba(255,255,255,.14)}
.cerceve--dar{max-height:460px}
.cerceve--dar::after{content:""; position:absolute; left:0; right:0; bottom:0; height:70px; pointer-events:none; background:linear-gradient(180deg,transparent,#0b1936)}
.telefon .lb{display:block}

/* ---------- özellik turu ---------- */
.tur{display:grid; grid-template-columns:minmax(250px,330px) minmax(0,1fr); gap:clamp(20px,2.4vw,34px); align-items:start; margin-top:26px}
.tur-liste{display:grid; gap:8px; position:sticky; top:calc(var(--ust-yuk) + 20px)}
html:not(.js) .tur-liste{display:none}
.tur-madde{
  position:relative; display:block; width:100%; text-align:left; padding:13px 16px 13px 20px; border-radius:14px; background:var(--zemin); border:1px solid var(--cizgi-2);
  font:inherit; color:var(--metin); transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.tur-madde::before{content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:0 3px 3px 0; background:transparent; transition:background-color .2s}
.tur-madde strong{display:block; font:650 .96rem/1.3 var(--font-baslik); letter-spacing:-.008em; color:var(--lac)}
.tur-madde-acik{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:3px; font-size:.86rem; line-height:1.45; color:var(--gri)}
.tur-madde:hover{background:#EEF3FA; border-color:#CBD8EC}
.tur-madde[aria-selected="true"]{background:#fff; border-color:#B7C8E3; box-shadow:var(--golge-m)}
.tur-madde[aria-selected="true"]::before{background:var(--turuncu)}
.tur-madde:focus-visible{outline:3px solid var(--mavi); outline-offset:2px}
.tur-paneller{min-width:0}
.tur-panel:focus-visible{outline:3px solid var(--mavi); outline-offset:6px; border-radius:16px}
.tur-panel-ust{display:none; margin-bottom:14px}
.tur-panel-ust h3{font-size:1.1rem; margin-bottom:.25em}
.tur-panel-ust p{margin:0; font-size:.93rem; color:var(--gri)}
html:not(.js) .tur-panel-ust{display:block}
html:not(.js) .tur-panel+.tur-panel{margin-top:44px}
.js .tur-panel:not(.aktif){display:none}
.js .tur-panel.aktif{animation:sekme-gir .4s var(--gecis)}
.tur-gorseller{display:grid; gap:18px; min-width:0}
.tur-gorseller--yan,.tur-gorseller--izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
.tur-gorseller--yigin,.tur-gorseller--tek{grid-template-columns:minmax(0,1fr)}
.tur-gorseller--dar-ilk{grid-template-columns:minmax(0,.4fr) minmax(0,1.6fr); align-items:start}
.tur-gorseller--dar-son{grid-template-columns:minmax(0,1.6fr) minmax(0,.4fr); align-items:end}
.tur-telefon{display:flex; justify-content:center; min-width:0}
.tur-telefon .telefon{width:min(100%,240px); margin:0}
@media (max-width:900px){
  .tur{grid-template-columns:minmax(0,1fr)}
  .tur-liste{position:static; display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; margin-inline:calc(-1 * var(--gutter)); padding-inline:var(--gutter)}
  .tur-liste::-webkit-scrollbar{display:none}
  .tur-madde{flex:none; width:auto; white-space:nowrap; padding:10px 16px; border-radius:99px}
  .tur-madde::before{display:none}
  .tur-madde-acik{display:none}
  .tur-madde[aria-selected="true"]{background:var(--lac); border-color:var(--lac)}
  .tur-madde[aria-selected="true"] strong{color:#fff}
  .tur-panel-ust{display:block}
  .tur-panel-ust h3{display:none}
}
@media (max-width:640px){
  .tur-gorseller--yan,.tur-gorseller--izgara,.tur-gorseller--dar-ilk,.tur-gorseller--dar-son{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.js .tur-panel.aktif{animation:none}}
.isik-kutusu[data-tek="1"] .isik-onceki,.isik-kutusu[data-tek="1"] .isik-sonraki{display:none}

/* ---------- galeri: masonry + kartlar ---------- */
.galeri-izgara--masonry{display:block; column-width:340px; column-gap:26px}
.galeri-izgara--masonry .galeri-kart{break-inside:avoid; display:inline-block; width:100%; margin:0 0 30px; vertical-align:top}
.galeri-izgara--ornek{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr)); gap:22px 24px}
.galeri-kart .cerceve{transition:transform .35s var(--gecis),box-shadow .35s var(--gecis)}
.galeri-kart:hover .cerceve{transform:translateY(-3px); box-shadow:var(--golge-b)}
.galeri-alt{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:.88rem; line-height:1.5; color:var(--gri)}
.galeri-medya--dik{display:flex; justify-content:center; align-items:flex-start; aspect-ratio:16/9; padding:14px 0 0; overflow:hidden; border-radius:14px;
  background:radial-gradient(60% 70% at 70% 20%,rgba(47,155,255,.22),transparent 70%),linear-gradient(160deg,#142b57,#0b1936); border:1px solid rgba(124,176,255,.3); box-shadow:var(--golge-m)}
.galeri-medya--dik>a{display:block; width:clamp(150px,50%,190px); line-height:0}
.galeri-medya--dik .telefon{width:100%; margin:0; border-radius:26px 26px 0 0; padding:12px 6px 0}
.galeri-medya--dik .telefon::before{top:4px; width:30px; margin-left:-15px; height:3px}
.galeri-medya--dik .telefon-ekran{border-radius:20px 20px 0 0}
.galeri-medya--dik .cerceve--dar{max-height:none; border-radius:10px 10px 0 0; box-shadow:none}
.galeri-medya--dik .cerceve--dar::after{display:none}
.bolum--koyu .galeri-bilgi h3{color:#fff}
.bolum--koyu .galeri-etiket{color:var(--mavi-acik)}
.bolum--koyu .galeri-alt{color:#AFC1E0}
.bolum--koyu .suzgec button{background:rgba(255,255,255,.06); color:#fff; border-color:rgba(255,255,255,.28)}
.bolum--koyu .suzgec button:hover{border-color:#fff}
.bolum--koyu .suzgec button[aria-pressed="true"]{background:#fff; color:var(--lac); border-color:#fff}
.suzgec--orta{justify-content:center}

/* ---------- örnek proje ---------- */
.ornek-proje{padding-block:clamp(60px,8vw,110px)}
.ornek-sayilar{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin:0 0 clamp(26px,4vw,40px); padding:0}
.ornek-sayi{display:flex; flex-direction:column-reverse; gap:6px; padding:18px 18px 16px; border-radius:16px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.13)}
.ornek-sayi dt{font:600 .84rem/1.35 var(--font-govde); color:#A9BCDD}
.ornek-sayi dd{margin:0; font:800 clamp(1.7rem,2.6vw,2.4rem)/1 var(--font-baslik); letter-spacing:-.03em; color:#fff; font-variant-numeric:tabular-nums}
@media (max-width:1000px){.ornek-sayilar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.ornek-sayilar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ornek-liste{margin-top:24px; padding:20px 22px; border-radius:16px; background:var(--zemin); border:1px solid var(--cizgi-2)}
.ornek-liste h3{font-size:1.1rem; margin-bottom:.3em}
.ornek-liste p{font-size:.93rem; color:var(--gri)}
.ornek-liste .liste-onay{margin-bottom:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px}
@media (max-width:560px){.ornek-liste .liste-onay{grid-template-columns:minmax(0,1fr)}}

/* ---------- bento: ürün görselleri ---------- */
.bento-gorsel .cerceve{margin-inline:clamp(22px,2.4vw,32px); border-radius:13px 13px 0 0; border-bottom:0; box-shadow:0 -6px 30px -10px rgba(10,24,52,.35)}
.bento-gorsel .cerceve .cerceve-etiket,.bento-gorsel .cerceve .ornek-not{display:none}
.bento-gorsel--ikili{display:flex; gap:16px; align-items:flex-start; justify-content:center; max-height:310px; overflow:hidden; padding-inline:clamp(22px,2.4vw,32px)}
.bento-gorsel--ikili .telefon{flex:none; width:min(34%,190px); margin:0; border-radius:30px 30px 0 0; padding:20px 8px 0}
.bento-gorsel--ikili .telefon-ekran{border-radius:22px 22px 0 0}
.bento-gorsel--ikili .cerceve{flex:1 1 0; margin-inline:0; margin-top:34px; border-bottom:1px solid rgba(124,176,255,.3); border-radius:13px}
@media (max-width:560px){.bento-gorsel--ikili{flex-direction:column; align-items:center; max-height:none}.bento-gorsel--ikili .telefon{width:min(60%,200px)}.bento-gorsel--ikili .cerceve{margin-top:0; width:100%}}
.bento-kart--tam{grid-column:span 12; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); column-gap:clamp(24px,3vw,48px); align-items:end; padding-bottom:0}
.bento-kart--tam .ikon-kutu,.bento-kart--tam h3,.bento-kart--tam p{grid-column:1}
.bento-kart--tam .bento-gorsel{grid-column:2; grid-row:1 / span 4; margin:22px calc(-1 * clamp(22px,2.4vw,32px)) 0 0; align-self:end}
@media (max-width:1020px){.bento-kart--tam{grid-column:span 6; display:flex}.bento-kart--tam .bento-gorsel{margin:22px calc(-1 * clamp(22px,2.4vw,32px)) calc(-1 * clamp(22px,2.4vw,32px))}}
@media (max-width:680px){.bento-kart--tam{grid-column:auto}}
.kap--genis{max-width:calc(1340px + var(--gutter) * 2)}
.tur-gorseller{align-items:start}
.ozellik-govde>.gorsel-not{margin:0 0 30px !important}
.cerceve-etiket{min-height:0}