body{
background-image: url(https://cmsbetconstruct.com/storage/medias/bekabet-18749598/media_18749598_9c304b136b8a078c4ac0465f344d788c.jpeg)!important;
    background-size: cover!important;
    background-position: left center!important;
    background-attachment: fixed!important;
    background-repeat: no-repeat!important;
}


.layout-footer-holder-bc {
background:transparent!important;
}



.product-banner-info-bc::before {
  background: transparent!important;;
}

.sdr-item-bc::before{
 background:tranparent!important;;
}

@keyframes ozelAnimasyon {
  0%   { background-color: #b1b329; }
  25%  { background-color: #0087ff; }
  50%  { background-color: #c2a50c4a; }
  75%  { background-color: #007cff; }
  100% { background-color: #e3c8ff; }
}

li:has(a.nav-menu-item.badge-exclusive[data-badge="Özel"]) {
  animation: ozelAnimasyon 5s ease-in-out infinite !important;
}

a.nav-menu-item.badge-exclusive[data-badge="Özel"] {
border-radius: 8px !important;
  background-color: transparent !important;
  text-transform: uppercase !important;
  color: #ffffff !important;

}


/* Nur der Container der die divs mit aspect-ratio: 53/79 hat */
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"] {
  animation: flipYLoop 7s ease-in-out infinite;
  backface-visibility: visible;
}

.product-banner-container-bc[data-scroll-lock-scrollable]:has(div[style*="aspect-ratio"]) {
  perspective: 1200px;
}

@keyframes flipYLoop {
  0%   { transform: rotateY(0deg);   }
  35%  { transform: rotateY(360deg); }
  65%  { transform: rotateY(360deg); }
  100% { transform: rotateY(720deg); }
}

.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(1) { animation-delay: 0s;    }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(2) { animation-delay: 0.25s; }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(3) { animation-delay: 0.5s;  }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(4) { animation-delay: 0.75s; }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(5) { animation-delay: 1s;    }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(6) { animation-delay: 1.25s; }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(7) { animation-delay: 1.5s;  }
.product-banner-container-bc[data-scroll-lock-scrollable] > div[style*="aspect-ratio"]:nth-child(8) { animation-delay: 1.75s; }


.nav-content-bc {
  background: #060b14 !important;
  border-bottom: 1px solid rgba(0,180,255,0.12) !important;
  box-shadow: 0 2px 24px rgba(0,140,255,0.08) !important;
  padding: 0 12px !important;
}

.nav-content-bc .nav-content-menu {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 0 !important;
}

.nav-content-bc .nav-menu-item {
  border-radius: 10px !important;
  padding: 8px 15px !important;
  background: rgba(0,140,255,0.08) !important;
  color: #40c4ff !important;
  border: 1px solid rgba(0,180,255,0.18) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  transition: all 0.18s ease !important;
  white-space: nowrap !important;
}

.nav-content-bc .nav-menu-item:hover {
  background: rgba(0,200,255,0.15) !important;
  color: #80d8ff !important;
  border-color: rgba(0,220,255,0.40) !important;
  box-shadow: 0 0 12px rgba(0,200,255,0.25) !important;
}

.nav-content-bc .nav-menu-item.active,
.nav-content-bc .nav-menu-item[class*="active"] {
  background: rgba(0,220,255,0.14) !important;
  color: #00e5ff !important;
  border-color: rgba(0,240,255,0.50) !important;
  box-shadow: 0 0 0 1.5px #00e5ff, 0 0 14px rgba(0,220,255,0.30) !important;
}

li:has(a.nav-menu-item.badge-exclusive[data-badge="Özel"]) {
  animation: ozelAnimasyon 5s ease-in-out infinite !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

a.nav-menu-item.badge-exclusive[data-badge="Özel"],
a.nav-menu-item.badge-exclusive[data-badge="Özel"]::after,
a.nav-menu-item.badge-exclusive[data-badge="Özel"]::before {
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: transparent !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}
@keyframes logoGlow {
  0%   { filter: brightness(1.2) saturate(2) drop-shadow(0 0 4px rgba(255,255,255,0.6)) drop-shadow(0 0 8px rgba(96,165,250,0.4)); }
  50%  { filter: brightness(2.2) saturate(3) drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 24px rgba(255,255,255,0.8)) drop-shadow(0 0 36px rgba(96,165,250,0.9)); }
  100% { filter: brightness(1.2) saturate(2) drop-shadow(0 0 4px rgba(255,255,255,0.6)) drop-shadow(0 0 8px rgba(96,165,250,0.4)); }
}

.horizontalSliderImg {
  animation: logoGlow 4s ease-in-out infinite !important;
}



.swiper-slide {
  background: linear-gradient(135deg, #0a1628 0%, #1a2a4a 50%, #0a1628 100%);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.swiper-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 85% 15%, rgb(86 95 202 / 50%) 0%, transparent 40%),
    radial-gradient(ellipse at 15% 85%, #0988f091 0%, transparent 40%);
}

a[href*="bekabetaff.com"] span {
  font-size: 0 !important;
}

a[href*="bekabetaff.com"] span::before {
  content: 'BEKAFF';
  font-size: 13px !important;
}


.runningLineWrapper {
  background: rgba(0, 120, 255, 0.08) !important;
}


/* Swiper Slide - Animated Rainbow Border */
.swiper-slide {
  position: relative !important;
  border-radius: 8px !important;
  padding: 2px !important;
   background: linear-gradient(var(--angle, 0deg), #1388dc2e,#9418d242, #0099ff54, #9418d238) !important;
  animation: borderRotate 4s linear infinite !important;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes borderRotate {
  to {
    --angle: 360deg;
  }
}

.swiper-slide > * {
  border-radius: 6px !important;
  overflow: hidden !important;
}