/* AET Electronics - Gerber Görüntüleyici yüzen bağlantı (sağ alt).
   Yalnız CSS: sayfa kaydırmasından bağımsız sabit konum, hafif süzülme. Sayfa açılınca / yenilenince düğme açık
   görünür, ~13 sn sonra küçülüp Gerber dosya simgesine dönüşür ve iki kısa sekmeyle yerleşir; sonra küçük kalır ve
   12 sn'de bir aynı çift sekmeyi yapar. Fare üzerine gelince (ya da klavye odağında) açılır, ayrılınca yine küçülür.
   Hareket azaltma tercihi olan ziyaretçide animasyon yoktur. */
.gfab{position:fixed;right:22px;bottom:22px;z-index:90;display:block;text-decoration:none;color:#fff;
  -webkit-tap-highlight-color:transparent;
  animation:gfab-in .7s cubic-bezier(.2,.8,.2,1) .6s both,gfab-float 6s ease-in-out 1.4s infinite}
.gfab:hover,.gfab:focus{text-decoration:none;color:#fff}
.gfab:focus{outline:none}
.gfab:focus-visible .gfab__btn{outline:3px solid var(--accent-soft,#35c3ff);outline-offset:3px}
.gfab__btn{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 8px;border-radius:999px;
  background:linear-gradient(135deg,var(--brand-600,#0a6394) 0%,var(--brand,#004E7A) 55%,var(--navy-700,#013a55) 100%);
  border:1px solid rgba(53,195,255,.45);
  box-shadow:0 12px 30px rgba(1,42,64,.30),0 2px 6px rgba(1,42,64,.20),0 0 0 4px rgba(22,166,224,.10);
  transform-origin:50% 100%;will-change:transform;
  transition:padding .3s ease,gap .3s ease,box-shadow .2s ease;
  animation:gfab-intro 12s ease-in-out 4s 1 both,gfab-hop 12s ease-in-out 16s infinite}
.gfab__icon{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)}
.gfab__i{position:absolute;width:22px;height:22px;display:block;transition:opacity .25s ease,transform .3s ease}
.gfab__i--layers{animation:gfab-i1 12s ease-in-out 4s 1 both}
.gfab__i--file{width:30px;height:30px;opacity:0;color:var(--accent-soft,#35c3ff);animation:gfab-i2 12s ease-in-out 4s 1 both}
.gfab__label{display:flex;flex-direction:column;justify-content:center;max-width:200px;overflow:hidden;white-space:nowrap;
  font-family:var(--font,system-ui,sans-serif);font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.01em;
  transition:max-width .3s ease,opacity .25s ease;
  animation:gfab-label 12s ease-in-out 4s 1 both}
.gfab__label small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft,#35c3ff)}

/* üzerine gelince / klavye odağında: açık ve sabit (ayrılınca küçük hâline döner) */
.gfab:hover,.gfab:focus-visible{animation-play-state:paused}
.gfab:hover .gfab__btn,.gfab:focus-visible .gfab__btn{animation-play-state:paused;padding-right:20px!important;gap:10px!important;
  transform:translateY(-2px)!important;box-shadow:0 16px 36px rgba(1,42,64,.36),0 3px 8px rgba(1,42,64,.22),0 0 0 5px rgba(22,166,224,.16)}
.gfab:hover .gfab__label,.gfab:focus-visible .gfab__label{max-width:200px!important;opacity:1!important}
.gfab:hover .gfab__i--layers,.gfab:focus-visible .gfab__i--layers{opacity:1!important;transform:none!important}
.gfab:hover .gfab__i--file,.gfab:focus-visible .gfab__i--file{opacity:0!important}

@keyframes gfab-in{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:none}}
@keyframes gfab-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* açılış (bir kez): 0-74 açık · 74-79 küçülür · 81-93 iki sekme · sonra küçük kalır */
@keyframes gfab-intro{
  0%,74%{transform:translateY(0);padding-right:20px;gap:10px}
  79%{transform:translateY(0);padding-right:8px;gap:0}
  83%{transform:translateY(-14px) scale(1)}
  86%{transform:translateY(0) scale(1.06,.94)}
  88.5%{transform:translateY(-6px) scale(1)}
  91%{transform:translateY(0) scale(1.02,.98)}
  93%,100%{transform:translateY(0) scale(1);padding-right:8px;gap:0}}
/* küçük hâlde 12 sn'de bir aynı çift sekme (açılıştaki sekmeyle aynı aralıkta) */
@keyframes gfab-hop{
  0%,79%{transform:translateY(0) scale(1)}
  83%{transform:translateY(-14px) scale(1)}
  86%{transform:translateY(0) scale(1.06,.94)}
  88.5%{transform:translateY(-6px) scale(1)}
  91%{transform:translateY(0) scale(1.02,.98)}
  93%,100%{transform:translateY(0) scale(1)}}
@keyframes gfab-label{
  0%,74%{max-width:200px;opacity:1}
  76%{max-width:200px;opacity:0}
  79%,100%{max-width:0;opacity:0}}
@keyframes gfab-i1{0%,74%{opacity:1;transform:none}78%,100%{opacity:0;transform:scale(.4) rotate(-90deg)}}
@keyframes gfab-i2{0%,74%{opacity:0;transform:scale(.4) rotate(90deg)}78%,100%{opacity:1;transform:none}}

/* dar ekran: yalnız yuvarlak simge (içerik örtülmesin), animasyon aynı */
@media (max-width:640px){
  .gfab{right:14px;bottom:14px}
  .gfab__btn{height:52px;padding:0 5px!important;gap:0!important}
  .gfab__label{display:none}
}
@media (prefers-reduced-motion:reduce){
  .gfab,.gfab__btn,.gfab__label,.gfab__i{animation:none!important;transition:none!important}
  .gfab__i--file{opacity:0}
}
@media print{.gfab{display:none!important}}