/* ============================================================
   SiberHat — uçuşan marka logoları
   Kapsayıcı elemanın position:relative olması gerekir.
   ============================================================ */

.sh-brandfield{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;   /* hiçbir tıklamayı engellemez */
  z-index:0;             /* metin ve butonların altında kalır */
}

.sh-bf-item{
  position:absolute;
  bottom:0;
  opacity:0;
  will-change:transform,opacity;
  animation-name:shBfRise;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}

.sh-bf-in{
  display:block;
  will-change:transform;
  animation-name:shBfSway;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}

.sh-bf-item svg{
  display:block;
  width:100%;
  height:100%;
  filter:
    drop-shadow(0 0 var(--sh-glow-size,9px) var(--sh-glow,transparent))
    blur(var(--sh-blur,0px));
}

@keyframes shBfRise{
  0%   { transform:translateY(0);                      opacity:0 }
  12%  { opacity:var(--sh-o,.5) }
  84%  { opacity:var(--sh-o,.5) }
  100% { transform:translateY(var(--sh-travel,-700px)); opacity:0 }
}

@keyframes shBfSway{
  from { transform:translateX(calc(-1 * var(--sh-sway,16px))) rotate(calc(-1 * var(--sh-tilt,4deg))) }
  to   { transform:translateX(var(--sh-sway,16px))            rotate(var(--sh-tilt,4deg)) }
}

/* Tek kolon görünümünde yalnız güvenli sağ boşlukta çalışan geniş alan kalır. */
@media (max-width:1100px){
  .sh-brandfield{ display:none }

  .sh-brandfield.sh-brandfield-wide{
    position:absolute;
    inset:auto;
    display:block;
    overflow:hidden;
    pointer-events:none;
    z-index:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%);
  }
}

@media (min-width: 1101px) {
  .sh-hero:not(.sh-intro-live) .sh-hero-body {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: clamp(20px, 2vw, 32px);
  }

  .sh-hero:not(.sh-intro-live) .sh-hero-copy {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
  }

  .sh-hero:not(.sh-intro-live) #shBrandField {
    display: none;
  }

  .sh-hero:not(.sh-intro-live) .sh-hero-viz {
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
  }

  .sh-hero:not(.sh-intro-live) .sh-brandfield.sh-brandfield-wide {
    display: none !important;
    position: absolute;
    inset: auto;
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: auto;
    justify-self: auto;
    width: auto;
    height: auto;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sh-bf-item,
  .sh-bf-in {
    animation: none !important;
  }
}

html.sh-bf-paused .sh-bf-item,
html.sh-bf-paused .sh-bf-in {
  animation-play-state: paused;
}