.top-bar {
    width: 100vw;
    min-width: 100%;
    height: 72px; /* 48px * 1.5 = 72px */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    background: url('potos/grid2.png') repeat-x;
    background-size: auto 72px; /* Yüksekliği %150 yaptık */
}
.grid-bar {
    height: 48px;
    width: 100vw;
    object-fit: cover;
    transform: rotate(90deg);
    pointer-events: none;
}



.fade-out {
    opacity: 0;
}


#rotating-banner {
  transform: translateX(-50%);
  display: block;
  transition: opacity 0.3s ease-in-out;
  z-index: 1; 
  position: relative;   
  top: 92px;            
}

.banner-wrapper {
  position: relative;
  display: inline-block;
}

.banner-border {
  top: 55%;         
  left: -302%;
  position: absolute;
  transform: rotate(90deg);
  z-index: 0; 
  pointer-events: none; 
}

#rotating-banner {
  transform: translateX(50%);
  display: block;
  transition: opacity 0.3s ease-in-out;
  z-index: 1; 
  position: relative;   
  top: 92px;            
}


body {
  overflow-x: hidden;
}