/* NLS Slider – styles (RWD, cover + perfect center) */
.nls-slider{
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    height:var(--nls-h-desktop,44vh);
    overflow:hidden;
    background:#000;
    line-height:0;
}
@media (max-width:1024px){
    .nls-slider{ height:var(--nls-h-tablet,38vh); }
}
@media (max-width:600px){
    .nls-slider{ height:var(--nls-h-mobile,32vh); }
}
.nls-slider__track{
    position:absolute;
    inset:0;
}
.nls-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity var(--nls-transition,1500ms) cubic-bezier(0.46,0.03,0.52,0.96);
    will-change:opacity;
    pointer-events:none;
}
.nls-slide.is-active{
    opacity:1;
    pointer-events:auto;
    z-index:1;
}

/* Zdjęcie ZAWSZE wypełnia całą szerokość i wysokość kontenera (cover),
   idealnie wyśrodkowane. Lewa i prawa krawędź zawsze pełne. */
.nls-slide__img{
    position:absolute !important;
    inset:0;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    display:block;
    object-fit:cover !important;
    /* object-position dolatuje inline ze slajdu (np. "50% 30%") */
    user-select:none;
    z-index:0;
}

.nls-slide__overlay{
    position:absolute;
    inset:0;
    background:var(--nls-overlay,rgba(0,0,0,0));
    pointer-events:none;
    z-index:1;
}

/* Logo overlay – jeden raz na cały slider, sterowane przez JS (klasa .is-visible) */
.nls-slider__logo-wrap{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    z-index:5;
    line-height:0;
    opacity:0;
    transition:opacity var(--nls-logo-fade, 400ms) ease;
    will-change:opacity;
}
.nls-slider__logo-wrap.is-visible{
    opacity:1;
}
.nls-slider__logo{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:min(70vw, var(--nls-logo-max, 320px)) !important;
    max-height:70% !important;
    object-fit:contain !important;
    object-position:center center !important;
    pointer-events:none !important;
    user-select:none;
}

/* Stare klasy per-slajd – zachowane dla wstecznej kompatybilności, gdyby
   ktoś miał nadpisane stylowanie. Można je w przyszłości usunąć. */
.nls-slide__logo-wrap{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    z-index:2;
    line-height:0;
}
.nls-slide__logo{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:min(70vw, var(--nls-logo-max, 320px)) !important;
    max-height:70% !important;
    object-fit:contain !important;
    object-position:center center !important;
    pointer-events:none !important;
    user-select:none;
}