.dppyco-nt-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
    white-space: nowrap;
}

.dppyco-nt-track {
    display: inline-flex;
    white-space: nowrap;
    will-change: transform;
}

.dppyco-nt-item {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 20px;
}

.dppyco-nt-separator {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 20px;
    font-weight: bold;
}

/* RTL כיוון טקסט */
.dppyco-nt-rtl .dppyco-nt-track {
    direction: rtl;
}

/* פקדים בשכבת overlay, בקצה (RTL → שמאל, LTR → ימין) */
.dppyco-nt-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 4px;
    z-index: 3;
}

/* RTL – פקדים בצד שמאל */
.dppyco-nt-rtl .dppyco-nt-controls {
    left: 5px;
}

/* LTR – פקדים בצד ימין */
.dppyco-nt-ltr .dppyco-nt-controls {
    right: 5px;
}

/* כפתורים: < || > */
.dppyco-nt-btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 4px 4px;
    cursor: pointer;
    opacity: 0.6;
    width: 25px;
    height: 33px;
    overflow: hidden;
    text-align: center;
    z-index: 4;
}

.dppyco-nt-btn:hover {
    opacity: 1;
}

.dppyco-nt-separator svg {
    width: 1em;
    height: 1em;
    display: inline-block;
}

/* הסתרה במובייל */
@media (max-width: 767px) {
    .dppyco-nt-hide-mobile .dppyco-nt-controls {
        display: none !important;
    }
}