/* Login/Register: Aşağı kayma animasyonu (Slide Down) */
@-webkit-keyframes slideDown {
  from {
    background-position: 0 -1440px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes slideDown {
  from {
    background-position: 0 -1440px;
  }
  to {
    background-position: 0 0;
  }
}

  /*  BANNER SECTION - Aşağı kayma animasyonu */

.banner-section {
  position: relative;
  padding-top: 180px;
  padding-bottom: 80px;

  /* Background Properties - Full Screen Coverage */
  background-size: cover;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: 0 -1440px; /* Start position matches animation from */

  /* GPU Acceleration & Performance Optimization */
  will-change: background-position;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);

  /* Animation - Faster, smooth downward scrolling */
  -webkit-animation: slideDown 50s linear infinite;
  animation: slideDown 50s linear infinite;
}

/* Banner - Responsive Padding */
@media only screen and (max-width: 991px) {
  .banner-section {
    padding-top: 160px;
    padding-bottom: 70px;
  }
}

  /* LOGIN/REGISTER SECTION - Aşağı kayma animasyonu */

.account-section {
  /* Background Properties - Full Screen Coverage */
  background-size: cover;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: 0 -1440px; /* Start position matches animation from */

  /* GPU Acceleration & Performance Optimization */
  will-change: background-position;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);

  /* Animation - Consistent speed across all screen sizes */
  -webkit-animation: slideDown 50s linear infinite;
  animation: slideDown 50s linear infinite;
}

  /* BREADCRUMB STYLES - Preserved from original */
.banner-section .banner-content .breadcrumb-area {
  margin-top: 20px;
}

.banner-section .banner-content .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.banner-section .banner-content .breadcrumb-item {
  font-size: 16px;
}

.banner-section .banner-content .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: all 0.3s ease;
}

.banner-section .banner-content .breadcrumb-item a:hover {
  color: hsl(var(--base));
}

.banner-section .banner-content .breadcrumb-item.active {
  color: hsl(var(--base));
  font-weight: 500;
}

.banner-section .banner-content .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: rgba(255, 255, 255, 0.6);
  padding: 0 10px;
}

@media only screen and (max-width: 991px) {
  .banner-section .banner-content .breadcrumb-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-section .banner-content .breadcrumb-item {
    font-size: 13px;
  }

  .banner-section .banner-content .breadcrumb-item + .breadcrumb-item::before {
    padding: 0 8px;
  }
}