/* BKSlider - Professional vanilla JS slider styles */
.bk-slider { position: relative; overflow: hidden; width: 100%; }
.bk-slider .bk-slide { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 500ms ease; }
.bk-slider .bk-slide.active { opacity: 1; }
/* Fallback: JS çalışmazsa ilk görsel görünür olsun */
.bk-slider:not(.bk-initialized) .bk-slide:first-child { opacity: 1; }
.bk-slider img { display: block; width: 100%; height: auto; }

/* Arrows */
.bk-slider .bk-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.45); color: #fff; border: none; width: 40px; height: 40px; border-radius: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; }
.bk-slider .bk-prev { left: 12px; }
.bk-slider .bk-next { right: 12px; }
.bk-slider .bk-arrow:hover { background: rgba(0,0,0,0.65); }

/* Dots */
.bk-slider .bk-dots { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
.bk-slider .bk-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.6); cursor: pointer; }
.bk-slider .bk-dot.active { background: #fff; }

/* Responsive container height with aspect ratio fallback */
.bk-slider {min-height: 169px;}
@media (min-width: 768px) { .bk-slider { min-height: 400px; } }
@media (min-width: 1200px) { .bk-slider { min-height: 500px; } }