/* Hide all slider rows by default to prevent layout shift */
.drsl-section > .et_pb_row_inner_wrap > .et_pb_row, 
.drsl-section > .et_pb_row {
    display: none !important;
}

/* Only display the active row */
.drsl-section .et_pb_row.drsl-active {
    display: flex !important; /* Divi rows generally use flexbox */
}

/* Base Nav */
.drsl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    gap: 15px;
}

.drsl-arrow {
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 5px 10px;
}

.drsl-arrow.drsl-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.drsl-dots {
    display: flex;
    gap: 10px;
}

.drsl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    cursor: pointer;
    padding: 0;
}

.drsl-dot.drsl-current {
    background: #333;
}