/* ===== UST BANT (mkustbant.py, tasarim: Artboard 9.pdf) ===== */
/* Yukseklik 81 px (Gulbin: "biraz daha uzun olabilir" + "alttaki beyaz
   bosluk kadar"): giris (--H) seridin 81 px oldugu hesapla kurulu; tasarim
   oranina (70/1707) inince girisin altinda beyaz bosluk aciliyordu.
   Ic olculer tasarimin biriminde: --u = tasarimdaki 1 pt. */
.bar.ub{position:relative;display:grid;height:var(--serit); /* Gulbin: "serit ince olsun" */
  align-items:stretch; /* .bar tabani align-items:center veriyor; paneller tam boy olmali */
  grid-template-columns:527.04fr 509.94fr 670.41fr;container-type:inline-size;
  --u:calc(100cqw/1707.39);overflow:hidden;padding:0;
  color:var(--mavi-koyu)} /* Gulbin, 7 Ekim (son): cam zeminde "topbar yazilari koyu mavimiz olsun" */
/* Zemin: Gulbin, 7 Ekim (son): "top bari renkli alanlarda kullandigimiz
   gradienti koy yine". Sitenin koyu bolum zemini birebir: --siyah ustune
   --bgrad ve ayni hareket (mobil.css zeminakis). Arada denenen petrol /
   koyu mavi gecis gorselleri birakildi. */
.bar.ub{background:var(--cam-sepet);-webkit-backdrop-filter:var(--cam-filtre-panel);backdrop-filter:var(--cam-filtre-panel);
  /* Gulbin: "mini sepetteki kadar olacak ayni glass": mini sepetin (.cartp)
     cami birebir: --cam-sepet + --cam-filtre-panel. */
  z-index:3}
/* Gulbin, 7 Ekim: "beyazi bizim glasstan olsun videonun uzerine gelsin" ve
   "texture de kaldir": zemin sitenin cami (--cam-zemin + --cam-filtre, baslikla
   ayni); giris videosu bandin arkasina kadar uzaniyor (v5-src .hero .hvid),
   bant onun ustunde. Doku katmanlari kapali. */
.bar.ub::after,.ub .ubdi{display:none}
/* Gulbin, 7 Ekim: "top bar arka plani beyaz olsun, yazilar koyu mavimiz
   olsun texture dursun". Zemin beyaz; yazi, ikon, imza ve ayirici cizgiler
   --mavi-koyu (hepsi currentColor). Doku ayni katmanlarda: golgeler carpma
   kipinde beyaz uzerinde gorunuyor. (Onceki koyu --bgrad zemin birakildi.) */
/* Doku: Gulbin "yesiller de bizim yesil degil": doku yazilarin USTUNDE
   carpma kipindeydi, yesili koyulastiriyordu. Doku artik zeminin ustunde,
   yazi, cizgi, ikon ve imzanin ALTINDA (paneller z-index 1): yesiller tam
   --green. Kirisiklar ayri: golgeler carpma (doku-golge.webp), isiklar
   renk-parlatma (doku-isik.webp; tonu bozmaz), ikisi %60. */
.bar.ub::after,.ub .ubdi{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:.6}
.bar.ub::after{background-image:url(/wp-content/plugins/koli-lazim-onizleme/varlik/73768a41ff82.webp);mix-blend-mode:multiply}
.ub .ubdi{background-image:url(/wp-content/plugins/koli-lazim-onizleme/varlik/53a92ebd8b81.webp);mix-blend-mode:color-dodge}
/* Gulbin: "aciklamalar saga hizali olsun", "sagdaki boslugu asmasin":
   aciklama sutunu panelin sagina yaslaniyor, sag bosluk her mesajda ayni
   (48 pt: ayirici cizginin iki yanindaki bosluk esit, tasarimda sol 47,7). */
.ub .ubp{position:relative;z-index:1;display:grid;grid-template-columns:auto auto 1fr;
  align-items:center;min-width:0;padding-right:calc(48*var(--u))}
.ub .ubp+.ubp{border-left:var(--cizgi) solid var(--mavi-koyu)}
/* bosluklar tasarimdan: kenar 62,1 / cizgiden 47,7 ve 48,6; ikon > baslik 28,2 pt */
.ub .ubp:nth-child(1){padding-left:calc(62.1*var(--u))}
.ub .ubp:nth-child(2){padding-left:calc(47.7*var(--u))}
.ub .ubp:nth-child(3){padding-left:calc(48.6*var(--u))}
.ub .ubik{width:calc(20*var(--u));height:auto;display:block;margin-right:calc(14*var(--u))}
/* donen mesajlar ayni hucrede ust uste: sutun en uzun mesaj kadar genis,
   degisirken yazilar yerinden oynamiyor */
.ub .ubyig{display:grid;align-items:center}
.ub .ubyig>*{grid-area:1/1}
.ub .ubyig.ac{justify-items:end;text-align:right;margin-left:calc(24*var(--u))}
/* Gulbin, 7 Ekim: "header yazi boyutu kadar yaz": baslik ve aciklama menu
   yazisiyla ayni boy (1707'de 15 px = 15 birim), tek satir. */
.ub .ubbas{margin:0;font-weight:var(--ag-baslik);line-height:1;white-space:nowrap;
  font-size:calc(15*var(--u)) /* bekci-muaf: menu yazisinin boyu */}
.ub .ubbas span{display:inline}
.ub .ubbas span+span::before{content:" "}
.ub .ubac{margin:0;font-weight:var(--ag-ince);line-height:1;white-space:nowrap;
  font-size:calc(15*var(--u)) /* bekci-muaf: menu yazisinin boyu */}
.ub .ubac span{display:inline}
.ub .ubac span+span::before{content:" "}
/* ince seritte (36 px) baslik + aciklama menu boyunda tek satira sigmiyor,
   aciklamalar baslik uzerine biniyordu: seritte yalniz ikon + baslik */
.ub .ubyig.ac{display:none}
.ub .ubd .ubbas,.ub .ubd .ubac{opacity:0;filter:blur(3px);
  transition:opacity .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1)}
.ub .ubd .on{opacity:1;filter:none}
/* imza: Gulbin "ustten alttan bosluk olmayacak", sonra "imzanin ucu
   blurlaniyor" (soldan silme kalkti). Imzanin dikey cizgileri tasarimda da
   bandin ustunden ve altindan tasiyor (yol y -32..96, bant 0..70). Gorunum
   kutusu dikeyde -18..88'e acildi: imza biraz kuculuyor ama cizgiler yine
   bandin iki kenarina degiyor, bosluk yok; yatayda ufaldigi icin
   "Akilli ambalaj cozumleri" yazisina carpmiyor, hicbir yeri kesilmiyor.
   Kutu tasarimdaki yerinde (1422,7 .. 1703,7 pt), imza saga yaslali. */
.ub .ubimza{position:absolute;top:0;height:100%;width:calc(280.994*var(--u));
  left:calc((1422.728 - 1036.98)*var(--u))}
@media(prefers-reduced-motion:reduce){.ub .ubd .ubbas,.ub .ubd .ubac{transition:none}}
@media(max-width:820px){.bar.ub{display:none}}

/* Gulbin, 7 Ekim: "sadece yazi kalsin, uc kampanya olsun, sayfaya ortalansin",
   "uc yazi donsun, slide degil solma efektiyle", "3 sn de degissin".
   Ince serit (--serit), sitenin cami, koyu mavi; ikon, imza, ayirici yok.
   Uc kampanya ayni hucrede ust uste, sirayla solup geliyor. */
.bar.ub{display:flex;justify-content:center;align-items:center}
/* Gulbin, 7 Ekim: "tamamen kalksin ya topbar, eskisini baska bir yere koyalim":
   bant sayfada gizli; --serit 0 (sistem.css). Kod duruyor. */
.bar.ub{display:none!important}
.ub .ubtek{display:grid;place-items:center;position:relative;z-index:1}
.ub .ubtek>p{grid-area:1/1;margin:0;white-space:nowrap;text-transform:uppercase;line-height:1;
  font-weight:var(--ag-baslik);font-size:calc(15*var(--u)) /* bekci-muaf: menu yazisinin boyu */;
  opacity:0;filter:blur(3px);transition:opacity .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1)}
.ub .ubtek>p.on{opacity:1;filter:none}
@media(prefers-reduced-motion:reduce){.ub .ubtek>p{transition:none}}