.pb{appearance:none;border:none;display:inline-flex;align-items:center;gap:0;height:50px;padding:0 24px;
  border-radius:9999px;font-family:"Outfit",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.005em;
  text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;
  transition:transform .18s cubic-bezier(.22,1,.36,1),background-size .45s cubic-bezier(.22,1,.36,1),color .2s,box-shadow .2s}
.pb:active{transform:scale(.97)}
.pb-ok{width:0;height:17px;margin-left:0;opacity:0;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:width .3s,margin .3s,opacity .2s}
.pb-d3,.pb-t1,.pb-canli{background-color:#0A0A0A;color:#fff;background-image:linear-gradient(#FF5E4A,#FF5E4A);
  background-repeat:no-repeat;background-size:0% 100%}
.pb-d3:hover,.pb-t1:hover,.pb-canli:hover{background-size:100% 100%;color:#fff}
.pb-d3:hover .pb-ok,.pb-t1:hover .pb-ok,.pb-canli:hover .pb-ok{width:17px;margin-left:10px;opacity:1}
.pb-ikincil{background:transparent;color:#0A0A0A;box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.18);padding:0 22px}
.pb-ikincil:hover{box-shadow:inset 0 0 0 1.5px #0A0A0A}
.pb[data-zemin="koyu"].pb-d3,.pb[data-zemin="koyu"].pb-t1,.pb[data-zemin="gok"].pb-d3,.pb[data-zemin="gok"].pb-t1{background-color:#fff;color:#0A0A0A}
.pb[data-zemin="koyu"].pb-d3:hover,.pb[data-zemin="koyu"].pb-t1:hover,.pb[data-zemin="gok"].pb-d3:hover,.pb[data-zemin="gok"].pb-t1:hover{color:#fff}
.pb[data-zemin="koyu"].pb-ikincil,.pb[data-zemin="gok"].pb-ikincil{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.pb[data-zemin="koyu"].pb-ikincil:hover,.pb[data-zemin="gok"].pb-ikincil:hover{box-shadow:inset 0 0 0 1.5px #fff}
/* T1: avatarlar + durum noktası */
/* boyut ölçeği tek kural (kullanıcı: "küçültebilirsin ama padding'i bu kadar değişince garip duruyor"):
   T1'de avatar grubunun sol boşluğu üst-alt boşluğuna eşit, yan boşluklar yükseklikle orantılı.
   M 50px: avatar 30, kenar (50-30)/2 = 10 · S 44px: avatar 26, kenar 9 · L 58px: avatar 34, kenar 12 */
.pb-t1{padding:0 24px 0 10px}
.pb-av{position:relative;display:inline-flex;flex:none;margin-right:12px}
.pb-av i{font-style:normal;width:30px;height:30px;border-radius:9999px;display:grid;place-items:center;
  font-size:10px;font-weight:600;color:#fff;box-shadow:0 0 0 2px var(--pb-halka,#0A0A0A)}
.pb-av i+i{margin-left:-6px}
.pb-av b{position:absolute;right:-2px;bottom:-1px;width:10px;height:10px;border-radius:9999px;background:#9CA3AF;
  box-shadow:0 0 0 2px var(--pb-halka,#0A0A0A)}
.pb-av b.on{background:#22C55E}
.pb-av b.on::after{content:"";position:absolute;inset:0;border-radius:9999px;background:#22C55E;animation:pb-nabiz 2s ease-out infinite}
@keyframes pb-nabiz{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.4);opacity:0}}
/* canlı: avatarsız, yalnız nabız atan yeşil nokta */
.pb-canli{padding:0 22px 0 18px}
.pb-nokta{position:relative;width:8px;height:8px;margin-right:10px;border-radius:9999px;background:#22C55E;flex:none}
.pb-nokta::after{content:"";position:absolute;inset:0;border-radius:9999px;background:#22C55E;animation:pb-nabiz 2s ease-out infinite}
.pb.kucuk.pb-canli{padding-left:16px;padding-right:20px}
.pb-t1:hover{--pb-halka:#fff}
.pb[data-zemin="koyu"].pb-t1,.pb[data-zemin="gok"].pb-t1{--pb-halka:#fff}
.pb.buyuk{height:58px;font-size:16px;padding-left:28px;padding-right:28px}
.pb.buyuk.pb-ikincil{padding-left:26px;padding-right:26px}
.pb.buyuk.pb-t1{padding-left:12px}
.pb.buyuk .pb-av i{width:34px;height:34px;font-size:11px}
.pb.buyuk .pb-av{margin-right:14px}
.pb.kucuk{height:44px;font-size:14.5px;padding-left:21px;padding-right:21px}
.pb.kucuk.pb-ikincil{padding-left:19px;padding-right:19px}
.pb.kucuk.pb-t1{padding-left:9px}
.pb.kucuk .pb-av i{width:26px;height:26px;font-size:9.5px}
.pb.kucuk .pb-av{margin-right:11px}
/* çizgi bağlantı: zemin yok, alt çizgi yazının üçte biri kadar başlar, üstüne gelince tamamlanır */
.pb-cizgi{position:relative;height:auto;min-height:40px;padding:0 2px;gap:8px;border-radius:0;background:none;color:#0A0A0A}
.pb-cizgi::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1.5px;background:currentColor;
  transform-origin:left;transform:scaleX(.32);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.pb-cizgi:hover::after{transform:scaleX(1)}
.pb-capraz{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .4s cubic-bezier(.22,1,.36,1)}
.pb-cizgi:hover .pb-capraz{transform:translate(3px,-3px)}
.pb-cizgi[data-renk="mercan"]{color:#FF5E4A}
.pb[data-zemin="koyu"].pb-cizgi,.pb[data-zemin="gok"].pb-cizgi{color:#fff}
@media(prefers-reduced-motion:reduce){.pb,.pb-ok,.pb-av b.on::after,.pb-nokta::after{transition:none;animation:none}}
.nv{position:sticky;top:0;z-index:100;background:transparent;font-family:"Outfit",sans-serif;
  box-shadow:0 1px 0 rgba(10,10,10,var(--nv-cizgi,0));transition:box-shadow .3s,background-color .3s}
/* cam katmanları: tıklamayı engellemez, içerik (nv-sar) üstlerinde */
.nv-cam,.nv-buz{position:absolute;left:0;right:0;top:0;pointer-events:none;transition:opacity .35s cubic-bezier(.22,1,.36,1)}
/* üstteyken: çok kısık cam. Beyaz %10 + 3px blur bulut konturlarını yumuşatır (buzlu hâlin .86 / 14px'inin çok altı);
   alt 22px'te maskeyle erir, cam sınırı çizgi gibi okunmaz */
.nv-cam{height:84px;background:rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05);
  -webkit-mask-image:linear-gradient(to bottom,#000 62px,transparent 84px);mask-image:linear-gradient(to bottom,#000 62px,transparent 84px)}
/* kaydırınca: mevcut buzlu beyaz (değişmedi) */
.nv-buz{bottom:0;opacity:0;background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.nv[data-kaydi="1"] .nv-cam{opacity:0}
.nv[data-kaydi="1"] .nv-buz{opacity:1}
.nv[data-acik="1"] .nv-cam,.nv[data-acik="1"] .nv-buz{opacity:0}
/* Safari (html[data-motor="webkit"], SmoothScroll; Burak 27 Eyl "Safari'de kasıyor"): aynı anda tek canlı bulanıklık. Görünmeyen
   (opaklık 0) cam katmanının backdrop-filter'ı solma bitince kalkar: WebKit yapışkan başlığın arkasını her kaydırma karesinde yeniden
   bulanıklaştırır, iki katman iki kat iş. Görüntü aynı: solan katman geçiş boyunca bulanık kalır (süresiz, .35s gecikmeli geçiş) */
html[data-motor="webkit"] .nv[data-kaydi="1"] .nv-cam,html[data-motor="webkit"] .nv:not([data-kaydi="1"]) .nv-buz{
  -webkit-backdrop-filter:none;backdrop-filter:none;
  transition:opacity .35s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter 0s linear .35s,backdrop-filter 0s linear .35s}
/* linkler sayfanın tam ortasında (Halil 28 Eyl: boşluğun ortası "yamuk" görünüyordu, logo dar butonlar geniş olduğu için grup ~90 px
   soldaydı). 1fr auto 1fr: yer varken tam orta; dar ekranda butonların sütunu içeriğine göre genişler, linkler kendiliğinden sola
   kayar, butonlara yaklaşmaz (Burak 27 Eyl'deki kaygı). Eskisi: auto 1fr auto (boşluğun ortası). Sütun aralığı değmeyi önler */
.nv-sar{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:grid;grid-template-columns:1fr auto 1fr;
  column-gap:24px;align-items:center}
.nv-sar > nav{justify-self:center;min-width:0}
.nv-logo{display:flex;align-items:center;color:#0A0A0A;justify-self:start}
.nv-logo svg{height:24px;width:auto;display:block;overflow:visible}
.nv-linkler{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.nv-li{position:relative}
.nv-a{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border:none;background:none;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:500;color:rgba(10,10,10,.62);text-decoration:none;transition:color .2s}
.nv-a:hover,.nv-a[aria-current="page"],.nv-li:hover > .nv-a,.nv-li:focus-within > .nv-a{color:#0A0A0A}
.nv-a svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .25s}
.nv-li:hover > .nv-a svg,.nv-li:focus-within > .nv-a svg{transform:rotate(180deg)}
.nv-acilir{position:absolute;top:100%;left:50%;min-width:280px;padding:8px;margin-top:6px;background:#fff;border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(10,10,10,.08),0 24px 48px -28px rgba(10,10,10,.28);
  opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1),visibility .2s}
.nv-acilir::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nv-li:hover .nv-acilir,.nv-li:focus-within .nv-acilir{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* düğmeli başlık (Kurumsal): açık ya da kapalı olduğunu JS söyler (data-acik), üstüne gelme ve odak kuralını ezer; etkin sayfada
   (Hakkımızda, Kariyer) yazı mürekkep */
.nv-a[data-etkin="1"],.nv-li[data-acik="1"] > .nv-a{color:#0A0A0A}
.nv-li[data-acik="1"] > .nv-a svg{transform:rotate(180deg)}
.nv-li[data-acik="0"] > .nv-a svg{transform:none}
.nv-li[data-acik="1"] .nv-acilir{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nv-li[data-acik="0"] .nv-acilir{opacity:0;visibility:hidden;transform:translate(-50%,6px)}
.nv-alt{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#0A0A0A;transition:background .2s}
.nv-alt:hover{background:rgba(10,10,10,.04)}
.nv-alt:hover .nv-ik{background:#FF5E4A;border-color:#FF5E4A}
.nv-alt:hover .nv-ik svg{stroke:#fff}
.nv-ik{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(10,10,10,.1);transition:background .2s,border-color .2s}
.nv-alt b{display:block;font-size:14.5px;font-weight:600}
.nv-alt small{display:block;margin-top:1px;font-size:12.5px;color:rgba(10,10,10,.5)}
.nv-sag{display:flex;align-items:center;gap:8px;justify-self:end}
/* Panele giriş: ikincil küçük hap; illüstrasyonun üstünde okunsun diye çok hafif beyaz dolgu */
.nv-sag .pb-ikincil{background:rgba(255,255,255,.5)}
.nv-sag .pb-ikincil:hover{background:#fff}
/* telefon menüsü (lab/navbar-mobil D): masaüstünde yok */
.nv-menu,.nvp,.nvp-yuzey{display:none}
/* iki butonla sağ sütun ~300px: dar masaüstünde aralıklar daralır, linkler logoya ve butonlara değmez (961'de en az 51 px) */
@media(max-width:1199px){
  .nv-sar{column-gap:16px}
  .nv-linkler{gap:2px}
  .nv-a{padding:0 10px}
}
/* ——— telefon ve tablet (≤ 960): lab/navbar-mobil D (B'nin içi, üstten, tam ekran) ——— */
@media(max-width:960px){
  /* çubuk: blur yok (eski telefonda iki cam katmanı her karede yeniden örnekleniyordu); tepede şeffaf, kaydırınca düz zemin.
     Aşağı kaydırınca iç katmanlar çekilir (header'a transform verilmez, sabit menü hapsolmasın) */
  .nv{box-shadow:none;transition:none}
  .nv-cam,.nv-buz,.nv-sar > nav,.nv-sag{display:none}
  .nv-sar{grid-template-columns:1fr auto;padding:0 10px 0 20px;z-index:1;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s}
  .nv-logo{min-height:44px}
  .nvp-yuzey{display:block;position:absolute;inset:0;z-index:0;background:#FCFBFA;box-shadow:0 12px 28px -22px rgba(10,10,10,.35);
    opacity:0;pointer-events:none;transition:opacity .25s,transform .38s cubic-bezier(.22,1,.36,1)}
  .nv[data-kaydi="1"] .nvp-yuzey{opacity:1}
  .nv[data-gizli="1"][data-acik="0"]{pointer-events:none}
  .nv[data-gizli="1"][data-acik="0"] .nv-sar,.nv[data-gizli="1"][data-acik="0"] .nvp-yuzey{transform:translateY(calc(-100% - 24px))}
  /* menü açıkken arkadaki çubuk söner; menünün logo ve çarpısı aynı noktada */
  .nv[data-acik="1"] .nv-sar{opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .16s .12s}
  /* menü düğmesi ve menünün çarpısı: zeminsiz iki çizgi, açılınca çarpı (yalnız transform), dokunma alanı 44px */
  .nv-menu,.nvp-kapat{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;
    color:#0A0A0A;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.22,1,.36,1)}
  .nv-menu:active,.nvp-kapat:active{transform:scale(.9)}
  .nvp-hb{position:relative;display:block;width:20px;height:12px}
  .nvp-hb i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .38s cubic-bezier(.22,1,.36,1)}
  .nvp-hb i:first-child{top:0}
  .nvp-hb i:last-child{bottom:0}
  [aria-expanded="true"] > .nvp-hb i:first-child,[data-x="1"] > .nvp-hb i:first-child{transform:translateY(5px) rotate(45deg)}
  [aria-expanded="true"] > .nvp-hb i:last-child,[data-x="1"] > .nvp-hb i:last-child{transform:translateY(-5px) rotate(-45deg)}
  /* tam ekran menü: yerinde belirir (opacity), içerik yukarıdan 12px iner (transform); kapalıyken inert */
  .nvp{display:flex;flex-direction:column;position:fixed;inset:0;z-index:3;background:#FCFBFA;color:#0A0A0A;font-family:"Outfit",sans-serif;
    padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);
    opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}
  .nv[data-acik="1"] .nvp{opacity:1;visibility:visible;transition:opacity .2s,visibility 0s}
  .nvp-bas{flex:none;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 10px 0 20px}
  .nvp > .nvp-ic,.nvp > .nvp-dip{transform:translateY(-12px);transition:transform .2s cubic-bezier(.4,0,.8,.4)}
  .nv[data-acik="1"] .nvp > .nvp-ic,.nv[data-acik="1"] .nvp > .nvp-dip{transform:none;transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .nvp-ic{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:0 12px 4px}
  .nvp a,.nvp button{-webkit-tap-highlight-color:transparent}
  /* iki sayfa (satırlar, hizmetler) aynı hücrede: boy değişmez; giden hızlı söner, gelen 100ms sonra belirir. Etkin sayfa
     görünürlüğü menüden alır (inherit): menü kapalıyken içindekiler Tab'la ulaşılmaz */
  .nvp-yigin{display:grid}
  .nvp-ana,.nvp-hiz{grid-area:1/1;min-width:0;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .12s,visibility 0s linear .36s}
  .nvp-hiz{opacity:0;visibility:hidden;transform:translateX(40px)}
  .nvp-yigin[data-alt="1"] .nvp-ana{opacity:0;visibility:hidden;transform:translateX(-40px)}
  .nvp-yigin[data-alt="1"] .nvp-hiz,.nvp-yigin[data-alt="0"] .nvp-ana{opacity:1;visibility:inherit;transform:none;
    transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .26s .1s,visibility 0s}
  .nvp-satir{appearance:none;border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;min-height:clamp(52px,7.2svh,62px);
    padding:0 8px;border-radius:14px;font:600 20px/1.1 "Outfit",sans-serif;letter-spacing:-.02em;color:#0A0A0A;text-decoration:none;
    text-align:left;cursor:pointer}
  .nvp-satir > .nvp-ad{flex:1 1 auto;min-width:0}
  .nvp-satir > svg{opacity:.3}
  .nvp-satir:active{background:rgba(10,10,10,.05)}
  .nvp-onizle{display:flex;gap:4px}
  .nvp-onizle .nvp-ik{border-radius:9px}
  .nvp-satir > .nvp-sag{opacity:.45}
  /* etkin sayfa: markanın mavi noktası */
  .nvp [aria-current="page"] .nvp-ad::after,.nvp [data-etkin="1"] .nvp-ad::after{content:".";color:#4895F7}
  /* hizmet ikon karesi: masaüstü açılırının .nv-ik'i, telefon boyu; basınca coral */
  .nvp-ik{flex:none;display:grid;place-items:center;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,10,10,.1)}
  .nvp-ik svg{transition:none!important}
  .nvp-hz:active .nvp-ik{background:#FF5E4A;box-shadow:inset 0 0 0 1px #FF5E4A}
  .nvp-hz:active .nvp-ik svg{stroke:#fff}
  .nvp-hbas{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 4px 0 8px}
  .nvp-hbas h2{flex:1 1 auto;margin:0;font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.02em}
  .nvp-hbas .pb-cizgi{min-height:44px;font-size:14.5px}
  .nvp-geri{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-left:-10px;border:0;border-radius:50%;padding:0;
    background:none;color:#0A0A0A;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1)}
  .nvp-geri:active{transform:scale(.9)}
  .nvp-kutular{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 0 8px}
  .nvp-kutu{display:flex;flex-direction:column;align-items:flex-start;padding:12px 12px 14px;border-radius:20px;background:#fff;
    box-shadow:inset 0 0 0 1px rgba(10,10,10,.09);color:#0A0A0A;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1)}
  .nvp-kutu:active{transform:scale(.97)}
  .nvp-kutu[aria-current="page"]{box-shadow:inset 0 0 0 1.5px #4895F7}
  .nvp-kutu b{display:block;margin-top:14px;font-size:15.5px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
  .nvp-kutu small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:rgba(10,10,10,.55);text-wrap:balance}
  /* dip: Panele giriş + Toplantı planla (masaüstündeki sıra); dar ekranda alt alta, Toplantı planla altta; ev çizgisinin üstünde */
  .nvp-dip{flex:none;display:flex;gap:8px;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));touch-action:none}
  .nvp-dip .pb{justify-content:center}
  .nvp-dip .pb-canli{flex:1 1 auto}
  .nvp-dip .pb-ikincil{flex:none}
}
@media(max-width:374px){.nvp-dip{flex-direction:column}}
/* tablet (600-960): satırlar ve butonlar logonun hizasında, en çok 584 px (ortalanmaz) */
@media(min-width:600px) and (max-width:960px){
  .nvp-ic,.nvp-dip{width:100%;max-width:584px}
}
@media(prefers-reduced-motion:reduce){
  .nv,.nv-cam,.nv-buz,.nv-acilir,.nv-sar,.nvp-yuzey,.nv-menu,.nvp-kapat,.nvp,.nvp > *,.nvp-hb i,.nvp-ana,.nvp-hiz,.nvp-kutu,.nvp-geri{transition:none!important}
}