/* TSI – Slider logotypów PF */
section.tsi-lg-section,
section.section-type-slider_logotypow_pf {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 18;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: var(--tsi-lg-height, 96px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    animation: none !important;
    transform: none !important;
    isolation: isolate;
}

section.tsi-lg-section.tsi-lg-has-shadow {
    box-shadow: 0 -12px 24px rgba(17, 17, 16, .14), 0 12px 24px rgba(17, 17, 16, .14) !important;
}

section.tsi-lg-section.tsi-lg-no-shadow {
    box-shadow: none !important;
}

.tsi-lg-viewport {
    position: relative;
    width: 100%;
    height: var(--tsi-lg-height, 96px);
    overflow: hidden;
    background: #fff;
}

.tsi-lg-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    min-width: 200%;
    height: 100%;
    will-change: transform;
    animation: tsi-lg-marquee var(--tsi-lg-duration, 42s) linear infinite;
}

.tsi-lg-direction-prawo .tsi-lg-track {
    animation-direction: reverse;
}

.tsi-lg-pause-hover:hover .tsi-lg-track,
.tsi-lg-pause-hover:focus-within .tsi-lg-track {
    animation-play-state: paused;
}

.tsi-lg-sequence {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    height: 100%;
}

.tsi-lg-item {
    display: grid;
    place-items: center;
    flex: 0 0 clamp(150px, 11.4vw, 198px);
    height: 100%;
    padding: 11px clamp(16px, 1.7vw, 28px);
    box-sizing: border-box;
}

.tsi-lg-link {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.tsi-lg-image,
section.tsi-lg-section .tsi-lg-image {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: calc(var(--tsi-lg-height, 96px) - 24px) !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: translateZ(0);
}

.tsi-lg-link[href] .tsi-lg-image {
    transition: transform .25s ease, opacity .25s ease;
}

.tsi-lg-link[href]:hover .tsi-lg-image,
.tsi-lg-link[href]:focus-visible .tsi-lg-image {
    opacity: .72 !important;
    transform: scale(1.045);
}

.tsi-lg-link[href]:focus-visible {
    outline: 2px solid #111;
    outline-offset: -4px;
}

@keyframes tsi-lg-marquee {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 767px) {
    section.tsi-lg-section,
    section.section-type-slider_logotypow_pf {
        min-height: min(var(--tsi-lg-height, 96px), 88px) !important;
        padding: 0 !important;
    }

    .tsi-lg-viewport {
        height: min(var(--tsi-lg-height, 96px), 88px);
    }

    .tsi-lg-item {
        flex-basis: 142px;
        padding: 10px 18px;
    }

    .tsi-lg-image,
    section.tsi-lg-section .tsi-lg-image {
        max-width: 124px !important;
        max-height: 58px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tsi-lg-viewport {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .tsi-lg-track {
        min-width: 0;
        animation: none !important;
        will-change: auto;
    }

    .tsi-lg-sequence[aria-hidden="true"] {
        display: none;
    }
}