.wdbp-slider {
position: relative;
overflow: hidden;
margin: 20px auto;
width: 100%;
}
.wdbp-width-contained {
max-width: 1200px;
}
.wdbp-slides {
display: flex;
transition: transform 0.4s ease;
will-change: transform;
}
.wdbp-slide {
flex: 0 0 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.wdbp-slide img {
width: 100%;
height: auto;
object-fit: contain;
}
.wdbp-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.4);
color: #fff;
border: none;
width: 40px;
height: 40px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wdbp-prev { left: 10px; }
.wdbp-next { right: 10px; }
.wdbp-dots {
text-align: center;
margin-top: 10px;
}
.wdbp-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background: #ccc;
margin: 0 4px;
cursor: pointer;
padding: 0;
}
.wdbp-dot.wdbp-active {
background: #333;
}