/* ==========================================================================
   Profil sayfası (1b). Düzen: tam ekran portre (doğal renk), alttan kayan cam kart,
   kapakta fotoğraf şeridi, ikonlu ölçüler, zaman çizelgesi, galeri ve tam ekran görüntüleyici.
   ========================================================================== */
.profil-sahne{padding:0 0 calc(var(--bar) + var(--sb) + 28px)}
.profil-sahne .alt-bilgi{padding-inline:16px}
html:has(.profil){scroll-snap-type:y proximity}
.profil{--p:0;--peek:calc(var(--bar) + var(--sb) + 148px);position:relative}

/* ---------- kapak ---------- */
.p-foto{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--gece)}
.p-kapak{position:absolute;inset:0;display:block;cursor:zoom-in}
.p-foto .p-ana{position:absolute;inset:0;transform:translateY(calc(var(--p) * -28px)) scale(calc(1 - var(--p) * .08));transform-origin:50% 30%;will-change:transform}
.p-ana img{transition:opacity .45s var(--ease)}
.p-ana.degisiyor img{opacity:0}
.p-foto::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(to top,var(--gece) 0,rgba(4,10,26,.62) calc(var(--peek) + 40px),transparent calc(var(--peek) + 230px)),linear-gradient(to bottom,rgba(4,10,26,.55),transparent 120px)}
.p-perde{position:absolute;inset:0;z-index:4;background:var(--gece);opacity:calc(var(--p) * .72);pointer-events:none}
.p-serit{position:absolute;z-index:6;left:16px;right:16px;bottom:calc(var(--peek) + 86px);display:flex;gap:8px;justify-content:center;opacity:calc(1 - var(--p) * 2);transform:translateY(calc(var(--p) * -24px))}
.p-kucuk{flex:none;width:44px;height:58px;padding:0;border-radius:10px;overflow:hidden;border:1.5px solid rgba(200,225,255,.35);background:#0B1E4A;display:grid;place-items:center;
  transition:transform .3s var(--yay),border-color .3s,box-shadow .3s;font-size:14px;font-weight:600;color:#fff}
.p-kucuk img{width:100%;height:100%;object-fit:cover}
.p-kucuk[aria-current="true"]{border-color:#fff;box-shadow:0 0 16px rgba(59,139,255,.9);transform:translateY(-3px)}
.p-kucuk:active{transform:scale(.92)}
.p-daha{background:rgba(12,32,82,.75)}
.p-ozet{position:absolute;z-index:5;left:20px;right:20px;bottom:calc(var(--peek) + 18px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;opacity:calc(1 - var(--p) * 1.6);transform:translateY(calc(var(--p) * -30px));pointer-events:none}
.p-ozet div{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;min-width:0}
.p-ozet dd{color:#fff;text-shadow:0 0 16px rgba(59,139,255,.85)}
.p-ozet dt{font-size:14px;color:#C9D6EE;letter-spacing:.02em}
.p-ust{position:fixed;z-index:15;top:calc(var(--st) + 12px);left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}
.p-ust>*{pointer-events:auto}
/* kart açıkken simgelerin arkasında koyu geçiş: alttan kayan içerik simgelere karışmasın */
.p-ust::before{content:"";position:absolute;z-index:-1;left:-16px;right:-16px;top:calc(-12px - var(--st));height:calc(var(--st) + 84px);background:linear-gradient(var(--gece) 55%,rgba(4,10,26,0));opacity:var(--p,0);pointer-events:none}
.p-bosluk{height:calc(100svh - var(--peek));scroll-snap-align:start}

/* ---------- kart ---------- */
.p-kart{position:relative;z-index:5;min-height:calc(100svh - var(--st) - 72px);margin:0 8px;padding:0 18px 28px;border-radius:30px;
  scroll-snap-align:start;scroll-margin-top:calc(var(--st) + 72px);
  background:linear-gradient(180deg,rgba(20,50,120,.62),rgba(6,16,42,.94) 170px,rgba(4,10,26,.97));border:1px solid rgba(110,170,255,.38);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -10px 40px -12px rgba(59,139,255,.6);will-change:transform}
.p-kart.geri-yay{transition:transform .55s var(--yay)}
.p-kart.oturdu{animation:oturma .6s var(--yay)}
@keyframes oturma{30%{transform:translateY(7px)}65%{transform:translateY(-2px)}}
.p-tutamak{display:block;width:100%;height:30px;touch-action:none;cursor:grab}
.p-tutamak::before{content:"";display:block;width:44px;height:5px;margin:12px auto 0;border-radius:3px;background:rgba(169,209,255,.5);transition:width .3s var(--yay),background .3s}
.p-tutamak:active::before{width:60px;background:rgba(169,209,255,.85)}
.p-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;touch-action:pan-y}
.p-kim{min-width:0}
.p-kim p{color:var(--soluk);margin-top:3px;font-size:15px}
.hap-kucuk{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid rgba(140,190,255,.75);
  background:rgba(12,32,82,.55);color:#fff;font-weight:600;font-size:15px;box-shadow:0 0 22px -6px rgba(59,139,255,.9);transition:transform .25s var(--yay),background .3s,box-shadow .3s}
.hap-kucuk:active{transform:scale(.94)}
.kalp-kutu{position:relative;display:grid;place-items:center;width:24px;height:24px}
.hap-kucuk .kalp{width:20px;height:20px;transition:transform .4s var(--yay),fill .2s}
.hap-kucuk[aria-pressed="true"]{background:linear-gradient(100deg,#1D4ED8,#2F6BFF);box-shadow:0 0 26px -2px rgba(59,139,255,.95)}
.hap-kucuk[aria-pressed="true"] .kalp{fill:#fff}
.hap-kucuk.patla .kalp{animation:kalp-at .55s var(--yay)}
.hap-kucuk.patla .kalp-kutu::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #9CC6FF;animation:kalp-halka .55s var(--ease) forwards}
@keyframes kalp-at{35%{transform:scale(1.45)}70%{transform:scale(.92)}}
@keyframes kalp-halka{from{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}
.p-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.p-sekmeler{position:sticky;top:calc(var(--st) + 72px);z-index:3;display:flex;gap:8px;overflow-x:auto;margin:16px -18px 0;padding:10px 18px 12px;scrollbar-width:none;
  background:rgba(6,16,42,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(110,170,255,.14)}
.p-sekmeler::-webkit-scrollbar{display:none}
.p-sekmeler .cip{min-height:40px;font-size:15px}
.p-bolum{scroll-margin-top:calc(var(--st) + 140px)}
.p-bolum h2{margin:26px 0 12px;display:flex;align-items:baseline;gap:8px}
.p-bolum h2 .alt{font:400 15px var(--f-govde)}
.onizleme{margin:0 0 12px;padding:12px 16px;border-radius:16px;background:rgba(255,154,77,.12);border:1px solid rgba(255,154,77,.4);color:#FFC59A}

/* ---------- ölçüler: ikonlu, hizalı ızgara ---------- */
.olcu-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.olcu2{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;background:rgba(10,26,63,.62);border:1px solid rgba(110,170,255,.18);min-width:0;transition:border-color .3s,transform .3s var(--yay)}
.olcu2:active{transform:scale(.98)}
.olcu2 dt{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--soluk)}
.olcu2 dt .ico{width:18px;height:18px;stroke-width:1.5;color:var(--buz)}
.olcu2 dd{display:flex;align-items:baseline;gap:4px;min-width:0}
.olcu2 b{font:600 20px/1.2 var(--f-sayi);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.olcu2 b.metin{font:600 16px/1.3 var(--f-govde);letter-spacing:0;overflow-wrap:anywhere}
.olcu2 small{font-size:14px;color:var(--soluk)}

/* ---------- deneyim ve eğitim: zaman çizelgesi ---------- */
.zaman{list-style:none;position:relative;display:grid;gap:4px;padding-left:0}
.zaman::before{content:"";position:absolute;left:62px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--elektrik),rgba(110,170,255,.12))}
.zaman li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:20px;padding:8px 0}
.zaman li::before{content:"";position:absolute;left:58px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--gece);border:1.5px solid var(--elektrik);box-shadow:0 0 8px var(--elektrik)}
.zaman time{font:italic 400 16px/1.5 var(--f-baslik);color:var(--buz);text-align:right;font-variant-numeric:lining-nums}
.zaman b{display:block;font-weight:600}
.zaman p{color:var(--soluk);font-size:15px;margin-top:2px}
.zaman .rozet{margin-top:6px;min-height:26px;font-size:14px}

/* ---------- galeri ızgarası ---------- */
.galeri-izgara{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:6px}
.galeri-izgara li.buyuk{grid-column:span 2;grid-row:span 2}
.g-oge{position:relative;display:block;height:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(110,170,255,.2);cursor:zoom-in}
.g-oge .nf{aspect-ratio:3/4;height:100%}
.galeri-izgara li.buyuk .nf{aspect-ratio:auto}
.g-genislet{position:absolute;z-index:4;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(4,10,26,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:scale(.8);transition:opacity .25s,transform .3s var(--yay)}
.g-genislet .ico{width:16px;height:16px;stroke-width:1.6}
.galeri-izgara li.buyuk .g-genislet,.g-oge:hover .g-genislet,.g-oge:focus-visible .g-genislet{opacity:1;transform:none}

/* ---------- video ve ses ---------- */
.video-liste{list-style:none;display:grid;gap:12px}
.video2{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid rgba(110,170,255,.25);background:#000;padding:0}
.video2 .nf{position:absolute;inset:0}
.video2 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oynat{position:absolute;z-index:5;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(12,32,82,.72);border:1px solid rgba(140,190,255,.6);box-shadow:0 0 24px rgba(59,139,255,.8);transition:transform .3s var(--yay)}
.video2:hover .oynat,.video2:focus-visible .oynat{transform:scale(1.08)}
.video-alt{display:inline-flex;min-height:44px;align-items:center;color:var(--buz);font-size:15px}
.ses-liste{list-style:none;display:grid;gap:8px;margin-top:12px}
.ses{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:18px;background:rgba(10,26,63,.62);border:1px solid rgba(110,170,255,.2)}
.ses-oynat{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,#7DB4FF,#2F6BFF 60%,#1D4ED8);box-shadow:0 0 16px rgba(59,139,255,.8);transition:transform .25s var(--yay)}
.ses-oynat:active{transform:scale(.9)}
.ses-oynat .ico{width:20px;height:20px}
.ses.caliyor .ses-oynat{background:radial-gradient(circle at 35% 30%,#9CC6FF,#1D4ED8 70%)}
.ses-govde{flex:1;min-width:0;display:grid;gap:6px}
.ses-ad{font-size:15px;font-weight:600}
.dalga{--ilerleme:0;position:relative;display:flex;align-items:center;gap:2px;height:28px}
.dalga i{flex:1;height:var(--h);min-height:3px;border-radius:2px;background:rgba(169,209,255,.3)}
.dalga i.dolu{background:var(--elektrik);box-shadow:0 0 6px rgba(59,139,255,.6)}
.ses-sure{flex:none;font-size:14px;color:var(--soluk);font-variant-numeric:tabular-nums}

/* ---------- etiketler ---------- */
.etiket-grup{margin-top:14px}
.p-alt-baslik{margin:0 0 8px;font-size:14px;color:var(--soluk)}
.etiketler{display:flex;flex-wrap:wrap;gap:6px}
.etiket{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:10px;font-size:14px;color:var(--metin);background:linear-gradient(180deg,rgba(59,139,255,.16),rgba(59,139,255,.06));border:1px solid rgba(110,170,255,.24)}
.hakkinda{color:#C9D6EE;max-width:39.71em}
.p-baglantilar{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.p-benzer{margin-top:34px}
.p-benzer .yuz-serit{margin:0 -18px;padding-inline:18px;scroll-padding-inline:18px}

/* ---------- tam ekran görüntüleyici (galeri.js) ---------- */
.lb{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#02050E;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s linear .3s}
.lb.acik{opacity:1;visibility:visible;transition:opacity .3s var(--ease),visibility 0s}
.lb-ust{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(var(--st) + 10px) 14px 8px}
.lb-sayac{font-size:15px;color:#C9D6EE;font-variant-numeric:tabular-nums}
.lb-ust div{display:flex;gap:8px}
.lb-iz{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:0}
.lb-iz::-webkit-scrollbar{display:none}
.lb-iz.zum{overflow:hidden}
.lb-kare{position:relative;flex:none;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden;touch-action:pan-x}
.lb-kare.zum{touch-action:none}
.lb-kare img{max-width:100%;max-height:100%;object-fit:contain;transform:translate(var(--x,0px),var(--y,0px)) scale(var(--s,1));transform-origin:center;transition:transform .3s var(--ease),opacity .4s;opacity:0;-webkit-user-drag:none;user-select:none}
.lb-kare img.hazir{opacity:1}
.lb-kare.surukle img{transition:opacity .4s}
.lb-kare .sk{position:absolute;width:44px;height:44px;border-radius:50%;border:2px solid rgba(169,209,255,.25);border-top-color:var(--elektrik);animation:don 1s linear infinite}
.lb-kare.yuklendi .sk{display:none}
@keyframes don{to{transform:rotate(360deg)}}
.lb-gec{position:absolute;z-index:3;top:50%;width:52px;height:52px;margin-top:-26px;display:none}
.lb-onceki{left:20px}.lb-sonraki{right:20px}
.lb-sonraki .ico{transform:rotate(180deg)}
.lb-noktalar{flex:none;display:flex;justify-content:center;gap:6px;padding:12px 16px calc(var(--sb) + 18px);flex-wrap:wrap}
.lb-noktalar button{width:8px;height:8px;padding:0;border-radius:4px;background:rgba(200,225,255,.3);transition:width .3s var(--yay),background .3s;position:relative}
.lb-noktalar button::before{content:"";position:absolute;inset:-10px -4px}
.lb-noktalar button[aria-current="true"]{width:22px;background:var(--elektrik);box-shadow:0 0 10px var(--elektrik)}

@media (min-width:1024px){
  .profil-sahne{padding:0 48px 64px 152px}
  .profil-sahne .alt-bilgi{padding-inline:0}
  html:has(.profil){scroll-snap-type:none}
  .profil{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:40px;max-width:1180px;margin:0 auto;align-items:start}
  .p-foto{position:sticky;grid-area:1/1;inset:auto;top:32px;height:calc(100dvh - 64px);margin-top:32px;border-radius:32px;border:1.5px solid rgba(59,139,255,.5);box-shadow:0 0 30px rgba(59,139,255,.3)}
  .p-foto .p-ana{transform:none}
  .p-foto::after{background:linear-gradient(to top,rgba(4,10,26,.88),transparent 40%),linear-gradient(to bottom,rgba(4,10,26,.55),transparent 22%)}
  .p-perde{display:none}
  .p-ozet{bottom:26px;opacity:1;transform:none}
  .p-serit{bottom:96px;opacity:1;transform:none}
  .p-ust::before{display:none}
  .p-ust{position:sticky;grid-area:1/1;align-self:start;top:48px;left:auto;right:auto;margin-top:48px;padding:0 16px;z-index:6}
  .p-bosluk{display:none}
  .p-kart{grid-area:1/2;margin:32px 0 0;min-height:0;padding:24px 28px 28px}
  .p-tutamak{display:none}
  .p-sekmeler{top:0;margin-inline:-28px;padding-inline:28px}
  .p-bolum{scroll-margin-top:72px}
  .olcu-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
  .galeri-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}
  .video-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-benzer .yuz-serit{margin:0;padding-inline:0}
  .lb-gec{display:grid}
  .lb-kare img{max-width:min(100%,1100px)}
}
@media (prefers-reduced-motion:reduce){
  .p-kart.oturdu,.hap-kucuk.patla .kalp,.hap-kucuk.patla .kalp-kutu::after{animation:none}
}