.bynder-slider{width:100%;display:flex;align-items:center}
.bynder-slider-wrapper{max-width:800px;display:flex;justify-content:center;align-items:center;padding:20px 0;margin:0 auto;position:relative;background:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.slider-container{position:relative;width:100%}
.slides{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}
.slide{display:none;width:100%;height:100%;position:relative;animation:fadeIn .5s ease-in-out}
.slide img{width:100%;height:400px;object-fit:cover;display:block}
.slide-title-overlay{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,rgba(0,0,0,0.7));color:white;display:flex;align-items:center;padding:0 15px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:0;padding:16px 20px;font-size:18px;cursor:pointer;border-radius:0 3px 3px 0;user-select:none;transition:background-color .3s ease;z-index:10}
.slider-btn:hover{background:rgba(0,0,0,0.8)}
.slider-btn:focus{outline:2px solid #007cba;outline-offset:2px}
.slider-btn.prev{left:0;border-radius:0 3px 3px 0}
.slider-btn.next{right:0;border-radius:3px 0 0 3px}
.dots{text-align:center;padding:20px;background:rgba(255,255,255,0.9)}
.dot{cursor:pointer;height:15px;width:15px;margin:0 5px;background-color:#bbb;border-radius:50%;border:0;display:inline-block;transition:background-color .3s ease,transform .2s ease}
.dot:hover{background-color:#717171;transform:scale(1.2)}
.dot.active{background-color:#007cba}
.dot:focus{outline:2px solid #007cba;outline-offset:2px}
@media screen and (max-width:768px){.bynder-slider{margin:0 10px}
.slide img{height:250px}
.slider-btn{padding:12px 15px;font-size:16px}
.dots{padding:15px}
.dot{height:12px;width:12px;margin:0 3px}
}
@media screen and (max-width:480px){.slide img{height:200px}
.slider-btn{padding:10px 12px;font-size:14px}
}
.slider-container{touch-action:pan-y}
.slide img[loading="lazy"]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}
@keyframes loading{0{background-position:200% 0}
100%{background-position:-200% 0}
}