/* Container */
.bp-rz-slider{
    position:relative;
    width:100%;
    border-radius:14px;
    overflow:hidden;
    background:#f5f5f5;
}

/* 16:6 ratio */
.bp-rz-slider::before{
    content:"";
    display:block;
    padding-top:43.75%; /* 6/16 = 0.375 */
}

/* Slide track */
.bp-rz-track{
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
    display:flex;
    transition:0.5s ease;
}

/* Single slide */
.bp-rz-slide{
    width:100%;
    flex-shrink:0;
    height:100%;
}
.bp-rz-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Arrows (Rozetka style, fixed center) */
.bp-rz-prev,
.bp-rz-next {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:white;
    border:none;
    width:44px;
    height:44px;
    border-radius:50%;
    box-shadow:0 2px 8px rgba(0,0,0,0.25);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
    opacity:0.85;

    /* важливо — прибираємо текстову стрілку */
    font-size:0 !important;
}

/* SVG-стрілки ідеально по центру */
.bp-rz-prev::before,
.bp-rz-next::before {
    content:"";
    width:14px;
    height:14px;
    display:block;
    background:#000;
    mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
}

/* ліва стрілка */
.bp-rz-prev::before {
    mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M12.7 15.3a1 1 0 0 1-1.4 0l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 1 1 1.4 1.4L8.42 10l4.3 4.3a1 1 0 0 1 0 1.4z'/></svg>");
}

/* права стрілка */
.bp-rz-next::before {
    mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M7.3 4.7a1 1 0 0 1 1.4 0l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4L11.58 10 7.3 5.7a1 1 0 0 1 0-1.4z'/></svg>");
}

.bp-rz-prev:hover,
.bp-rz-next:hover{
    opacity:1;
}

.bp-rz-prev{ left:14px; }
.bp-rz-next{ right:14px; }

/* DOTS like Rozetka */
.bp-rz-dots{
    position:absolute;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
    z-index:1;
}
.bp-rz-dots div{
    width:10px;
    height:10px;
    background:white;
    border-radius:50%;
    opacity:0.5;
    cursor:pointer;
}
.bp-rz-dots .active{
    opacity:1;
    background:#FFD400; /* BulatPlus yellow */
}
.bp-rz-slider {
    border-radius: 14px;
}
/* === BULATPLUS DARK MODE SLIDER FIX — .dark-mode === */
.dark-mode .bp-rz-prev,
.dark-mode .bp-rz-next {
    background: #222 !important;       /* темний фон як у пошуку */
    box-shadow: 0 0 18px rgba(0,0,0,0.55) !important;
}

.dark-mode .bp-rz-prev::before,
.dark-mode .bp-rz-next::before {
    background: #fff !important;       /* білі стрілки */
}

/* точки під слайдером */
.dark-mode .bp-rz-dots div {
    background: #444 !important;       /* темні точки */
    opacity: .7;
}

.dark-mode .bp-rz-dots .active {
    background: #FFD400 !important;    /* активна — жовта */
    opacity: 1;
}