@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&display=swap');
html body .hubot-sans *,
html body .hubot-sans {
    font-family: "Hubot Sans", sans-serif !important;
}

@import url("https://p.typekit.net/p.css?s=1&k=mbm6vqg&ht=tk&f=10804.10805.10806.10807&a=84025053&app=typekit&e=css");
html body .nimbus-sans *,
html body .nimbus-sans {
    font-family: "nimbus-sans-extended", sans-serif !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

* {
    box-sizing: border-box;
}

html body,
html body.wp-singular .elementor,
html body.archive .elementor {
    overflow-x: hidden !important;
}

html {
    scroll-behavior: smooth;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    cursor: default !important;
}

a,
em,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
}


/* czcionki */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "nimbus-sans-extended", sans-serif !important;
}

p,
a,
li,
button {
    font-family: "Hubot Sans", sans-serif !important;
}


/* inne */

.elementor-icon-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-image-width: 0 !important;
}

.elementor-icon {
    border-image-width: 0 !important;
}

em {
    font-style: italic !important;
}

ul {
    padding-left: 20px !important;
}

:root {
    --easing: linear(0, 0.453 7.8%, 0.803 16.1%, 1.048 24.9%, 1.132 29.5%, 1.194 34.4%, 1.227 38.4%, 1.245 42.5%, 1.25 46.9%, 1.242 51.7%, 1.2 60.5%, 1.038 84.9%, 1.009 92.5%, 1);
}

.elementor-button {
    transition: 0.2s var(--easing) !important;
}

b,
strong {
    font-weight: 600 !important;
}


/* header sticky */
.pc-header {
    transition: all 0.2s !important;
}
.pc-header.shrink {
    min-height: 140px !important;
    height: 140px !important;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}
.pc-header.has-open-dropdown,
.pc-header.has-open-dropdown.shrink {
    background-color: rgba(0, 0, 0, 1);
}
.pc-header.shrink .header-body {
    transition: all 0.2s !important;
}
.pc-header .menu-item a {
    transition: 0.2s !important;
}
.pc-header .elementor-widget-text-editor p a {
    display: block !important;
    height: 30px !important;
    line-height: 30px !important;
}
.elementor-location-header .pc-header .elementor-element.elementor-widget-theme-site-logo img {
    transition: 0.2s !important;
}
.elementor-location-header .pc-header.shrink .elementor-element.elementor-widget-theme-site-logo img {
    width: 240px !important;
}

@media (max-width:1366px) {
    .elementor-location-header .pc-header.shrink .elementor-element.elementor-widget-theme-site-logo img {
        width: 220px !important;
    }
    .pc-header.shrink {
        min-height: 120px !important;
        height: 120px !important;
    }
}

@media (max-width:1025px) {
    .pc-header.shrink {
        min-height: 80px !important;
        height: 80px !important;
    }
    .elementor-location-header .pc-header.shrink .elementor-element.elementor-widget-theme-site-logo img {
        width: 200px !important;
        height: 30px !important;
    }
}

@media (max-width:768px) {
    .pc-header.shrink {
        min-height: 70px !important;
        height: 70px !important;
    }
    .elementor-location-header .pc-header.shrink .elementor-element.elementor-widget-theme-site-logo img {
        width: 174px !important;
        height: 29px !important;
    }
}

/* dropdowny */

.dropdown {
    position: absolute !important;
    left: 50% !important;
    top: 180px;
    width: 100% !important;
    opacity: 0 !important;
    transition: 0.2s ease !important;
    pointer-events: none;
    z-index: 190 !important;
    transform: translateX(-50%);
}

.dropdown.is-visible {
    pointer-events: auto;
    opacity: 1 !important;
}

.pc-header.shrink .dropdown,
.pc-header.shrink .dropdown.is-visible {
    top: 140px;
}
.dropdown > div > .e-con-inner{
    gap: 12px !important;
}
@media screen and (width < 1366px) {
    .pc-header.shrink .dropdown,
    .pc-header.shrink .dropdown.is-visible {
        top: 120px;
    }
}

@media screen and (width < 1025px) {
    .pc-header {
        overflow-x: hidden !important;
    }
}


/* triger mobile menu */

.open-trigger,
.close-trigger {
    width: 28px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
}

.zs-bar {
    display: block;
    width: 0;
    height: 3px;
    background: #fff;
    pointer-events: none;
    opacity: 0;
    animation: zsBarSlideIn 0.35s ease-out forwards;
}

.zs-bar:nth-child(1) {
    animation-delay: 0s;
}

.zs-bar:nth-child(2) {
    animation-delay: 0.07s;
}

.zs-bar:nth-child(3) {
    animation-delay: 0.14s;
}

@keyframes zsBarSlideIn {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 24px;
        opacity: 1;
    }
}

.close-trigger .zs-bar {
    animation: none;
    opacity: 1;
    background-color: #fff !important;
    width: 24px;
}


/* close */

.close-trigger .zs-bar:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.close-trigger .zs-bar:nth-child(2) {
    opacity: 0;
}

.close-trigger .zs-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}


/* BLOKADA SCROLLA TŁA */

html.no-scroll,
body.no-scroll {
    overflow: hidden !important;
    height: 100% !important;
}


/* główne okno menu */
.mobile-menu {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    display: block !important;
    color: #fff;
    opacity: 0;
    z-index: -2 !important;
    transition: opacity 0.35s cubic-bezier(.77, 0, .18, 1);
    overflow: hidden !important;
    overscroll-behavior: none;
}

.mobile-menu.active {
    opacity: 1;
    z-index: 2600 !important;
}

.mobile-menu .e-con-inner {
    height: 100% !important;
    min-height: 100% !important;
}

.mobile-menu-inner {
    position: relative !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
}

.mobile-main,
.mobile-drop {
    position: absolute !important;
    top: 100px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100% - 100px) !important;
    min-height: calc(100% - 100px) !important;
    display: block !important;
    overflow: visible !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}

.mobile-main.is-visible,
.mobile-drop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
}

.mobile-main {
    z-index: 2;
}

.mobile-drop {
    z-index: 3;
}

.mobile-main>.elementor-element,
.mobile-drop>.elementor-element {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
}

.mobile-drop .zs-drop-inner {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.mobile-main,
.mobile-drop,
.mobile-drop .zs-drop-inner {
    pointer-events: auto;
}

.mobile-drop-inner {
    position: relative;
}

.mobile-menu .elementor-icon-wrapper {
    display: flex !important;
    justify-content: start !important;
    align-items: center !important;
    border-image-width: 0 !important;
}


/* wygląd zawartości dropów - OFERTA */

.zs-oferta-3col {
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

.zs-oferta-cats {
    width: calc(40% - 100px);
}
.zs-oferta-posts {
    width: calc(20% + 260px);
    padding-right: 20px;
}
.zs-oferta-image {
    width: calc(40% - 160px);

}
.zs-oferta-cats-list,
.zs-oferta-posts-list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 12px;
}
.zs-oferta-cats-list,
.zs-oferta-posts-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.zs-oferta-posts-list li button,
.zs-oferta-cats-list li button {
    white-space: wrap !important;
}
html body .zs-oferta-3col .zs-oferta-cat-link,
html body .zs-oferta-3col .zs-oferta-cats .zs-oferta-cat {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    font-family: "nimbus-sans-extended", sans-serif !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    color: #FFF !important;
    opacity: .5 !important;
    transition: opacity .2s ease;
}
html body .zs-oferta-3col .zs-oferta-cat-link:hover,
html body .zs-oferta-3col .zs-oferta-cat-link:focus-visible,
html body .zs-oferta-3col .zs-oferta-cats .zs-oferta-cat:hover,
html body .zs-oferta-3col .zs-oferta-cats .zs-oferta-cat:focus-visible,
html body .zs-oferta-3col .zs-oferta-cats .zs-oferta-cat.is-active {
    opacity: 1 !important;
}












.zs-oferta-post {
    padding: 0 !important;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
    font-family: "Hubot Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    color: #FFF !important;
    transition: opacity .2s ease;
}
.zs-oferta-posts-group {
    padding-left: 99px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.50);
}
.zs-oferta-posts-group[hidden] {
    display: none !important;
}
.zs-oferta-image-box {
    width: 300px !important;
    height: 337px !important;
    border-radius: 20px !important;
    overflow: hidden;
}

.zs-oferta-image-box.is-empty {
    display: none;
}

.zs-oferta-preview {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
    will-change: auto !important;
}

@media screen and (width < 1366px) {
    .zs-oferta-image {
        padding-left: 0px;
        width: 290px;
    }
}


/* drop oferta mobile */
.zs-oferta-acc {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* tutaj podmień URL na dokładną strzałkę z dropu z góry */
    --zs-oferta-arrow: url('/wp-content/uploads/2025/12/XMLID_91_.svg');
}
.zs-oferta-acc-item {
    width: 100%;
}
.zs-oferta-acc .zs-oferta-acc-extra .zs-oferta-acc-extra-link,
html body .zs-oferta-acc-item .zs-oferta-acc-head {
    width: 100%;
    text-align: left;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 6px 0 6px 0 !important;
    cursor: pointer;
    opacity: .5 !important;
    transition: opacity .2s ease;
    font-family: "nimbus-sans-extended", sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    color: #FFF !important;
}

html body .zs-oferta-acc-item .zs-oferta-acc-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.zs-oferta-acc-head-text {
    display: block;
    padding-right: 10px;
}
.zs-oferta-acc-arrow {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    display: block;
    background-color: #FFF;
    opacity: 1;
    mask-image: var(--zs-oferta-arrow);
    -webkit-mask-image: var(--zs-oferta-arrow);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    transform: rotate(-90deg);
    transition: transform .25s ease;
}

html body .zs-oferta-acc-item .zs-oferta-acc-head.is-active .zs-oferta-acc-arrow {
    transform: rotate(90deg);
}
.zs-oferta-acc .zs-oferta-acc-extra .zs-oferta-acc-extra-link:hover,
html body .zs-oferta-acc-item .zs-oferta-acc-head:hover,
html body .zs-oferta-acc-item .zs-oferta-acc-head.is-active {
    opacity: 1 !important;
}
.zs-oferta-acc .zs-oferta-acc-extra {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.zs-oferta-acc .zs-oferta-acc-extra.zs-oferta-acc-extra-last {
    padding-bottom: 50px !important;
}
.zs-oferta-acc-panel[hidden] {
    display: none !important;
}
.zs-oferta-acc-list {
    list-style: none;
    margin: 0;
    padding: 20px 0px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.zs-oferta-acc-link {
    display: block;
    text-decoration: none;
    font-family: "Hubot Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    color: #FFF !important;
}


/* drop KIEDY PC + MOBILE*/

.zs-kiedy-pomoc-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 4%;
}
.zs-kiedy-pomoc-item {
    display: block;
    text-decoration: none;
    width: 22% !important;
}
.zs-kiedy-pomoc-thumb {
    width: 100%;
    height: 160px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}
.zs-kiedy-pomoc-img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    transition: 0.2s;
}
.zs-kiedy-pomoc-title {
    margin-top: 46px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    color: #FFF !important;
}
.zs-kiedy-pomoc-item:hover .zs-kiedy-pomoc-img {
    transform: scale(1.1);
}
@media screen and (width < 1366px) {
    .zs-kiedy-pomoc-flex {
        gap: 30px;
    }
}
@media screen and (width < 1025px) {
    .zs-kiedy-pomoc-flex {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }
    .zs-kiedy-pomoc-item {
        width: 100% !important;
    }
    .zs-kiedy-pomoc-thumb {
        display: none !important;
    }
    .zs-kiedy-pomoc-title {
        margin-top: 0px;
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 6px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}


/* karuzela wpis */

.zs-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--zs-carousel-side-gap, 50px);
    width: 100%;
    --zs-carousel-item-width: 420px;
    z-index: 2;
}

.zs-carousel__viewport {
    overflow: visible;
    width: 100%;
    cursor: grab;
    touch-action: pan-y;
}

.zs-carousel__track {
    display: flex;
    gap: var(--zs-carousel-gap, 50px);
    transition: transform .45s ease;
    will-change: transform;
    width: 100%;
}

.zs-carousel__item {
    width: var(--zs-carousel-item-width);
    opacity: .1;
    transition: .35s ease;
    will-change: opacity;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;
    box-sizing: border-box;
    pointer-events: none;
}

.zs-carousel__item.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto !important;
}

.zs-carousel__thumb {
    display: block;
    overflow: hidden;
    border-radius: 20px !important;
    height: 254px !important;
    width: 100% !important;
    position: relative;
}

.zs-carousel__thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s;
}

.zs-carousel__thumb::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s;
    opacity: 1;
    z-index: 4;
    pointer-events: none;
}

.zs-carousel__thumb:hover img {
    transform: scale(1.1);
}

.zs-carousel__thumb:hover::before {
    opacity: 0;
}

.zs-carousel__title a {
    font-size: 30px;
    line-height: 38px;
    font-weight: 400 !important;
    font-family: "nimbus-sans-extended", sans-serif !important;
    color: #000;
    margin-top: 40px;
}

.zs-carousel__title a:hover {
    color: #000;
}

.zs-carousel__excerpt {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    color: rgba(0, 0, 0, 0.5);
    width: 80%;
}

.zs-carousel__more {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    color: #000 !important;
    padding: 0 !important;
    padding-bottom: 11px !important;
    border: 0 !important;
    border-bottom: 2px solid #D7080B !important;
    border-radius: 0 !important;
    transition: 0.2s;
}

.zs-carousel__more:hover {
    color: #D7080B !important;
}


/* strzałki */

.zs-carousel__nav {
    position: absolute;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 21px 20px !important;
    background-color: #D7080B !important;
    border: none !important;
    border-radius: 10px !important;
}

.zs-carousel__nav[disabled] {
    opacity: .3;
    cursor: default;
    pointer-events: none;
}

.zs-carousel__prev {
    top: 100px;
    left: -70px;
    z-index: 10 !important;
}

.zs-carousel__next {
    top: 100px;
    right: -70px;
    z-index: 10 !important;
}

.zs-carousel__arrow {
    display: block;
    width: 10px !important;
    height: 10px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1);
}

.zs-carousel__arrow--right {
    transform: rotate(180deg);
}

@media screen and (width < 1366px) {
    .zs-carousel__prev {
        left: -35px;
    }
    .zs-carousel__next {
        right: -35px;
    }
}

@media screen and (width < 1025px) {
    .zs-carousel {
        gap: var(--zs-carousel-side-gap, 30px);
    }
    .zs-carousel__track {
        gap: var(--zs-carousel-gap, 30px);
    }
    .zs-carousel__title a {
        font-size: 24px;
        line-height: 32px;
        margin-top: 0px;
    }
    .zs-carousel__prev {
        left: -25px;
    }
    .zs-carousel__next {
        right: -25px;
    }
    .zs-carousel__excerpt {
        width: 100%;
    }
}

@media screen and (width < 768px) {
    .zs-carousel__thumb::before {
        background: rgba(0, 0, 0, 0.0);
    }
    .zs-carousel__prev {
        left: -20px;
    }
    .zs-carousel__next {
        right: -20px;
    }
}


/* zmianu do karuzeli realizacji */

.zs-karuzela-realizacje .zs-carousel__item {
    align-items: center !important;
}

.zs-karuzela-realizacje .zs-carousel__title,
.zs-karuzela-realizacje .zs-carousel__title a {
    color: #FFF;
    text-align: center !important;
}

.zs-karuzela-realizacje .zs-carousel__title a:hover {
    color: #FFF;
}

.zs-karuzela-realizacje .zs-carousel__excerpt {
    display: none !important;
}

.zs-karuzela-realizacje .zs-carousel__more {
    text-align: center !important;
    color: #FFF !important;
    border-bottom: 2px solid #D7080B !important;
}

.zs-karuzela-realizacje .zs-carousel__more:hover {
    color: #D7080B !important;
}


/* REALIZACJE */

.zs-realizacje {
    margin-top: -500px !important;
}
.zs-realizacje__filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 39px;
    margin-bottom: 140px;
}
.zs-realizacje__filter {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.350) !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    font-family: "nimbus-sans-extended", sans-serif !important;
    padding: 0 0 11px 0 !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: 0.2s !important;
}
.zs-realizacje__filter:hover,
.zs-realizacje__filter.is-active {
    color: #FFF !important;
    border-color: #D7080B !important;
}
.zs-realizacje__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}
.zs-realizacje__empty {
    margin: 60px 0 60px;
    font-size: 30px !important;
    line-height: 38px !important;
    font-weight: 400 !important;
    font-family: "nimbus-sans-extended", sans-serif !important;
    text-align: center !important;
    color: #FFF !important;
}
.zs-realizacje__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    transition: opacity .25s ease, transform .25s ease;
    will-change: opacity, transform;
}
.zs-realizacje__item.is-hidden {
    display: none;
}
.zs-realizacje__item.is-showing,
.zs-realizacje__item.is-hiding {
    opacity: 0;
    transform: translateY(10px);
}

@media (prefers-reduced-motion: reduce) {
    .zs-realizacje__item {
        transition: none;
    }
    .zs-realizacje__item.is-showing,
    .zs-realizacje__item.is-hiding {
        transform: none;
    }
}
.zs-realizacje__media {
    width: 100% !important;
    height: 502px !important;
    border-radius: 20px !important;
}
.zs-realizacje__media img.zs-realizacje__thumb {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
}
.zs-realizacje__title {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    text-align: center;
    margin: 58px 0 12px !important;
    color: #000;
}
.zs-realizacje__excerpt p {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    text-align: center;
    color: #000;
}
.zs-realizacje__controls {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 100px;
}
.zs-realizacje__controls button {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    padding: 0 0 11px 0 !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: 0.2s !important;
    color: #000 !important;
}
.zs-realizacje__controls .zs-realizacje__more {
    border-color: #D7080B !important;
}
.zs-realizacje__controls button:hover {
    border-color: #D7080B !important;
    color: #D7080B !important;
}
[hidden] {
    display: none !important;
}

@media screen and (width < 1025px) {
    .zs-realizacje {
        margin-top: -400px !important;
    }
    .zs-realizacje__empty {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .zs-realizacje__filters {
        display: flex;
        justify-content: start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 100px;
    }
    .zs-realizacje__filter {
        font-size: 18px !important;
    }
    .zs-realizacje__list {
        gap: 60px;
    }
    .zs-realizacje__title {
        margin: 40px 0 10px !important;
    }
    .zs-realizacje__media {
        height: 400px !important;
    }
    .zs-realizacje__controls {
        gap: 40px;
        margin-top: 60px;
    }
}

@media screen and (width < 768px) {
    .zs-realizacje {
        margin-top: -250px !important;
    }
    .zs-realizacje__filters {
        margin-bottom: 60px;
    }
    .zs-realizacje__media {
        height: 250px !important;
    }
    .zs-realizacje__empty {
        margin: 200px 0 0;
        color: #000 !important;
    }
}


/* REALIZACJE KARUZELA */

.zs-realizacje-main-kontener .e-con-inner .zs-realizacje__list .zs-realizacje__item .zs-realizacje__media {
    overflow: visible !important;
}

.zs-realizacje__karuzela-mediów {
    position: relative;
    width: 100%;
    overflow: visible !important;
    --zs-peek: 80px;
    --zs-gap: 50px;
}

.zs-realizacje__karuzela-mediów .zs-carousel__viewport {
    width: 100%;
    margin: 0;
    overflow: visible !important;
    touch-action: pan-y;
    min-width: 0;
}

.zs-realizacje__karuzela-mediów .zs-carousel__track {
    display: flex !important;
    gap: var(--zs-gap);
    will-change: transform;
    transition: transform 500ms ease;
}

.zs-realizacje__karuzela-mediów .zs-carousel__item {
    display: block !important;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100% !important;
    height: 502px !important;
    opacity: 1;
    pointer-events: none;
    transition: opacity 200ms ease;
    overflow: hidden !important;
    border-radius: 20px;
}

.zs-realizacje__karuzela-mediów .zs-carousel__item.is-active {
    opacity: 1;
    pointer-events: auto;
}

.zs-realizacje__karuzela-mediów .zs-carousel__item>img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* video */

.zs-realizacje__karuzela-mediów .zs-realizacje__video-thumb {
    position: relative;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center;
}

.zs-realizacje__karuzela-mediów .zs-realizacje__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 82px !important;
    height: 82px !important;
}


/* strzałki */

.zs-realizacje__karuzela-mediów .zs-carousel__nav {
    position: absolute;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 21px 20px !important;
    background-color: #D7080B !important;
    border: none !important;
    border-radius: 10px !important;
    top: 50%;
    transform: translateY(-50%);
}

.zs-realizacje__karuzela-mediów .zs-carousel__nav[disabled] {
    opacity: .3;
    cursor: default;
    pointer-events: none;
}

.zs-realizacje__karuzela-mediów .zs-carousel__prev {
    left: -70px;
    z-index: 10 !important;
}

.zs-realizacje__karuzela-mediów .zs-carousel__next {
    right: -70px;
    z-index: 10 !important;
}

.zs-realizacje__karuzela-mediów .zs-carousel__arrow {
    display: block;
    width: 10px !important;
    height: 10px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1);
    /* jeśli chcesz białe */
}

.zs-realizacje__karuzela-mediów .zs-carousel__arrow--right {
    transform: rotate(180deg);
}

@media (max-width: 1366px) {
    .zs-realizacje__karuzela-mediów .zs-carousel__prev {
        left: -20px;
    }
    .zs-realizacje__karuzela-mediów .zs-carousel__next {
        right: -20px;
    }
}

@media (max-width: 1025px) {
    .zs-realizacje__karuzela-mediów .zs-carousel__item {
        height: 400px !important;
    }
}

@media (max-width: 768px) {
    .zs-realizacje__karuzela-mediów .zs-carousel__item {
        height: 250px !important;
    }
    .zs-realizacje__karuzela-mediów {
        --zs-peek: 24px;
        --zs-gap: 30px;
    }
}


/* =========================
   LIGHTBOX
   ========================= */

.zs-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, .86);
    display: grid;
    place-items: center;
    padding: 18px;
}

.zs-lightbox[hidden] {
    display: none;
}

.zs-lightbox__panel {
    width: min(1100px, 100%);
    max-height: 92vh;
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 20px;
}

.zs-lightbox__media {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 92vh;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
}

.zs-lightbox__media img,
.zs-lightbox__media video {
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 92vh;
    display: block;
    border-radius: 18px;
}

.zs-lightbox__media video {
    width: 100%;
    height: auto;
}


/* licznik */

.zs-lightbox__counter {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 60;
    pointer-events: none;
    color: #fff;
    font-size: 14px;
    letter-spacing: .2px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(6px);
}


/* wspólne dla przycisków */

.zs-lightbox__close,
.zs-lightbox__prev,
.zs-lightbox__next {
    position: absolute;
    cursor: pointer;
    z-index: 70;
    pointer-events: auto;
    background: #D7080B !important;
    color: #fff !important;
    border-radius: 10px;
    display: grid;
    place-items: center;
    border: none !important;
    border-radius: 10px !important;
}

.zs-lightbox__close {
    top: -70px;
    right: 12px;
    width: 50px;
    height: 50px;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 0;
    color: #FFF !important;
    background-color: #D7080B !important;
    padding: 19px 18px !important;
}

.zs-lightbox__prev,
.zs-lightbox__next {
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    padding: 12px 18px !important;
    line-height: 0;
}

.zs-lightbox__prev {
    left: 12px;
}

.zs-lightbox__next {
    right: 12px;
}

.zs-lightbox__prev img.zs-lightbox__arrow,
.zs-lightbox__next img.zs-lightbox__arrow {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    object-fit: contain !important;
    max-width: none;
    max-height: none;
}

.zs-lightbox__arrow--right {
    transform: scaleX(-1);
}


/* hover/focus */

.zs-lightbox__close:hover,
.zs-lightbox__prev:hover,
.zs-lightbox__next:hover {
    background: rgba(0, 0, 0, .70);
}

@media (max-width: 768px) {
    .zs-lightbox {
        padding: 10px;
    }
    .zs-lightbox__media {
        border-radius: 10px;
    }
    .zs-lightbox__media img,
    .zs-lightbox__media video {
        border-radius: 14px;
    }
    .zs-lightbox__prev,
    .zs-lightbox__next {
        width: 52px;
        height: 52px;
        padding: 10px;
    }
    .zs-lightbox__prev {
        left: 6px;
    }
    .zs-lightbox__next {
        right: 6px;
    }
    .zs-lightbox__close {
        top: -70px;
        right: 10px;
    }
    .zs-lightbox__counter {
        top: 10px;
        left: 10px;
        font-size: 13px;
    }
}


/* bardzo małe ekrany */

@media (max-width: 420px) {
    .zs-lightbox__prev,
    .zs-lightbox__next {
        width: 48px;
        height: 48px;
        padding: 10px;
    }
}


/* POJEDYNCZE MEDIUM REALIZACJI - BEZ KARUZELI */
.zs-realizacje__single-media {
    width: 100%;
    overflow: hidden !important;
    border-radius: 20px;
}
.zs-realizacje__single-media-item {
    display: block !important;
    width: 100% !important;
    height: 502px !important;
    overflow: hidden !important;
    border-radius: 20px;
    cursor: pointer;
}
.zs-realizacje__single-media-item > img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.zs-realizacje__single-media-item .zs-realizacje__video-thumb {
    position: relative;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center;
}
.zs-realizacje__single-media-item .zs-realizacje__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 82px !important;
    height: 82px !important;
}

@media (max-width: 1025px) {
    .zs-realizacje__single-media-item {
        height: 400px !important;
    }
}

@media (max-width: 768px) {
    .zs-realizacje__single-media-item {
        height: 250px !important;
    }
}

/* =========================
   REALIZACJE: PORÓWNYWARKA
   ========================= */

.zs-realizacje__porownywarka {
    position: relative;
    width: 100%;
    height: 502px !important;
    overflow: hidden;
    border-radius: 20px;
    user-select: none;
    touch-action: pan-y;
    --zs-pos: 50%;
}

.zs-realizacje__porownywarka .zs-compare__img {
    position: absolute;
    height: 100% !important;
    inset: 0;
}

.zs-realizacje__porownywarka img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

.zs-realizacje__porownywarka .zs-compare__img--right {
    z-index: 1;
}

.zs-realizacje__porownywarka .zs-compare__img--left {
    z-index: 2;
    clip-path: inset(0 calc(100% - var(--zs-pos)) 0 0);
}


/* divider */

.zs-realizacje__porownywarka .zs-compare__divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--zs-pos);
    width: 2px;
    background: #fff;
    transform: translateX(-50%);
    z-index: 3;
    pointer-events: none;
}


/* suwak */

.zs-realizacje__porownywarka .zs-compare__handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--zs-pos);
    width: 64px;
    transform: translateX(-50%);
    z-index: 4;
    border: 0;
    background: transparent;
    cursor: ew-resize;
    padding: 0;
    background-color: transparent !important;
}

.zs-realizacje__porownywarka .zs-compare__handle:hover {
    background-color: transparent !important;
}

.zs-realizacje__porownywarka .zs-compare__knob {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 33px;
    background: #fff;
    border-radius: 50px;
    transform: translate(-50%, -50%);
}

.zs-realizacje__porownywarka .zs-compare__divider {
    will-change: left;
    transition: left 50ms ease-out;
}

.zs-realizacje__porownywarka .zs-compare__img--left {
    will-change: clip-path;
    transition: clip-path 50ms ease-out;
}

.zs-realizacje__porownywarka .zs-compare__handle {
    transition: none !important;
}

.zs-realizacje__porownywarka.is-animating .zs-compare__divider {
    transition: left 20ms ease;
}

.zs-realizacje__porownywarka.is-animating .zs-compare__img--left {
    transition: clip-path 200ms ease;
}

.zs-realizacje__porownywarka.is-animating .zs-compare__handle {
    transition: left 200ms ease;
}

@media (max-width: 1025px) {
    .zs-realizacje__porownywarka {
        height: 400px !important;
    }
}

@media (max-width: 768px) {
    .zs-realizacje__porownywarka {
        height: 250px !important;
    }
}


/* WSPÓLNE*/

.zs-realizacje__item,
.zs-posty__item {
    transition: opacity .25s ease, transform .25s ease;
    will-change: opacity, transform;
}

.zs-realizacje__item.is-hidden,
.zs-posty__item.is-hidden {
    display: none;
}

.zs-realizacje__item.is-showing,
.zs-realizacje__item.is-hiding,
.zs-posty__item.is-showing,
.zs-posty__item.is-hiding {
    opacity: 0;
    transform: translateY(10px);
}

@media (prefers-reduced-motion: reduce) {
    .zs-realizacje__item,
    .zs-posty__item {
        transition: none;
    }
    .zs-realizacje__item.is-showing,
    .zs-realizacje__item.is-hiding,
    .zs-posty__item.is-showing,
    .zs-posty__item.is-hiding {
        transform: none;
    }
}


/* BLOG */

.zs-blog__list {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: start;
    flex-wrap: wrap;
    column-gap: 6%;
    row-gap: 100px;
}

.zs-posty__item {
    flex: none !important;
    width: 47% !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 24px;
}

.zs-posty__thumb {
    height: 300px !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 20px;
}

.zs-posty__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: 0.3s !important;
}

.zs-posty__thumb:hover img {
    transform: scale(1.1);
}

.zs-posty__title {
    margin: 40px 0 0 !important;
}

.zs-posty__title a {
    font-size: 30px !important;
    line-height: 38px !important;
    font-weight: 400 !important;
    margin: 40px 0 0 !important;
    color: #000 !important;
    font-family: "nimbus-sans-extended", sans-serif !important;
}

.zs-posty__excerpt {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    color: #000 !important;
    margin-bottom: 24px !important;
}

.zs-posty__more {
    align-self: start !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 0.8px;
    color: #000 !important;
    padding-bottom: 11px !important;
    border-bottom: 2px solid #D7080B;
}

.zs-posty__more:hover {
    color: #D7080B !important;
}

@media screen and (width < 1025px) {
    .zs-posty__title a {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .zs-blog__list {
        row-gap: 60px;
    }
    .zs-posty__title {
        margin: 0 !important;
    }
    .zs-posty__excerpt {
        margin-bottom: 0px !important;
    }
}

@media screen and (width < 768px) {
    .zs-posty__item {
        width: 100% !important;
    }
    .zs-posty__thumb {
        height: 254px !important;
    }
}


/* WPIS */

.zs-wpis-content {
    overflow: visible !important;
}

html body.wp-singular .elementor .zs-wpis-content>div {
    display: flex;
    flex-direction: column;
    gap: 100px;
    overflow: visible !important;
}

.zs-animate-arrows {
    display: flex;
    gap: 16px;
}

.zs-animate-arrows .zs-animate-arrow {
    opacity: 0;
    transform: translateY(-8px);
    will-change: opacity, transform;
    animation: zsArrowCycle 2.4s ease-in-out infinite;
}

.zs-animate-arrows .zs-animate-arrow:nth-child(2) {
    animation-delay: .25s;
}

@keyframes zsArrowCycle {
    0% {
        opacity: 0;
        transform: translateY(-8px);
    }
    18% {
        opacity: 1;
        transform: translateY(0);
    }
    55% {
        opacity: 1;
        transform: translateY(0);
    }
    75% {
        opacity: 0;
        transform: translateY(8px);
    }
    100% {
        opacity: 0;
        transform: translateY(8px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zs-animate-arrows .zs-animate-arrow {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

@media screen and (width < 1025px) {
    html body.wp-singular .elementor .zs-wpis-content>div {
        gap: 60px;
    }
}

.zs-single-karuzela-filmy .swiper {
    overflow: visible !important;
}

.zs-single-karuzela-filmy .swiper-slide {
    transition: opacity .35s ease;
    opacity: 0.2;
}

.zs-single-karuzela-filmy .swiper-slide.swiper-slide-active,
.zs-single-karuzela-filmy .swiper-slide.swiper-slide-next {
    opacity: 1;
}


/* KARUZELA ZDJĘCIA */

.zs-karuzela-obrazów .swiper {
    width: 100% !important;
    height: 542px !important;
    overflow: visible !important;
}

.zs-karuzela-obrazów .swiper-slide {
    padding: 0 25px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.zs-karuzela-obrazów .elementor-swiper-button {
    padding: 21px 20px!important;
    background-color: #D7080B !important;
    border-radius: 10px;
}

.zs-karuzela-obrazów .elementor-swiper-button-prev {
    left: -50px !important;
}

.zs-karuzela-obrazów .elementor-swiper-button-next {
    right: -50px !important;
}

.zs-karuzela-obrazów .swiper-slide-inner {
    height: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.zs-karuzela-obrazów .swiper-slide-inner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 20px !important;
}

.zs-karuzela-obrazów .swiper-slide {
    opacity: 0.4 !important;
    transition: 200ms !important;
}

.zs-karuzela-obrazów .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

@media screen and (width < 1366px) {
    .zs-karuzela-obrazów .swiper-slide {
        padding: 0 40px !important;
    }
    .zs-karuzela-obrazów .elementor-swiper-button-prev {
        left: 15px !important;
    }
    .zs-karuzela-obrazów .elementor-swiper-button-next {
        right: 15px !important;
    }
}

@media screen and (width < 1025px) {
    .zs-karuzela-obrazów .swiper {
        width: calc(100% - 28px) !important;
    }
    .zs-karuzela-obrazów .swiper-slide {
        padding: 0 14px !important;
    }
    .zs-karuzela-obrazów .swiper {
        height: 400px !important;
    }
    .zs-karuzela-obrazów .elementor-swiper-button-prev {
        left: 3px !important;
    }
    .zs-karuzela-obrazów .elementor-swiper-button-next {
        right: 3px !important;
    }
}

@media screen and (width < 1025px) {
    .zs-karuzela-obrazów .swiper {
        height: 250px !important;
    }
    .zs-karuzela-obrazów .elementor-swiper-button-prev {
        left: 8px !important;
    }
    .zs-karuzela-obrazów .elementor-swiper-button-next {
        right: 8px !important;
    }
}


/* OPINIE - KARUZELA */

.zs-opinie .swiper {
    overflow: visible !important;
}

.zs-opinie .swiper-wrapper>.swiper-slide {
    opacity: 0 !important;
    transition: opacity .35s ease;
}

.zs-opinie .swiper-wrapper>.swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.zs-opinie .swiper-wrapper>.swiper-slide.swiper-slide-active~.swiper-slide {
    opacity: 0.2 !important;
}


/* KIEDY - ELEMENTY + SCROLL */

.zs-kiedy-pomoc {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.zs-kiedy-item {
    display: flex;
    justify-content: start;
    gap: 50px;
    align-items: start;
    transition: 500ms !important;
}

.zs-kiedy-item.is-dim {
    opacity: .5;
    transition: 500ms !important;
}

.zs-kiedy-item .zs-kiedy-img {
    transition: 500ms !important;
}

.zs-kiedy-item.is-dim .zs-kiedy-img {
    opacity: 0;
}

.zs-kiedy-item.active {
    opacity: 1;
}

.zs-kiedy-item.active .zs-kiedy-img {
    opacity: 1;
}


/* lewa */

.zs-kiedy-left {
    width: 176px !important;
    height: 121px;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0 !important;
}

.zs-kiedy-left img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}


/* prawa */

.zs-kiedy-right {
    flex-grow: 1 !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.zs-kiedy-right .zs-kiedy-title {
    font-family: "nimbus-sans-extended", sans-serif !important;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    color: #000;
}

.zs-kiedy-right .zs-kiedy-opis {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    color: rgba(0, 0, 0, 0.7) !important;
}

.zs-kiedy-wiecej {
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer;
}

.zs-kiedy-wiecej p {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    text-decoration-line: underline;
    cursor: pointer !important;
}

.zs-kiedy-wiecej:hover p {
    color: #D7080B !important;
}

.zs-kiedy-wiecej .zs-kiedy-ico {
    display: flex;
    align-items: center !important;
}

.zs-kiedy-wiecej .zs-kiedy-ico path {
    fill: #000;
}

@media screen and (width < 1025px) {
    .zs-kiedy-right .zs-kiedy-title {
        font-family: "nimbus-sans-extended", sans-serif !important;
        font-size: 24px;
        line-height: 32px;
    }
}

@media screen and (width < 768px) {
    .zs-kiedy-item {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .zs-kiedy-right {
        align-items: center;
    }
    .zs-kiedy-right .zs-kiedy-title,
    .zs-kiedy-right .zs-kiedy-opis {
        text-align: center;
    }
    .zs-kiedy-item.is-dim .zs-kiedy-img {
        opacity: 0.5;
    }
}

/* film */
.zs-video-trigger--image-only {
  cursor: default;
  pointer-events: none;
}

/* ELEMENTY SCROLOWALNE NA SINGLE OFERTA */


/* WRAPPER */

.zs-oferta-powody {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.zs-powod-item {
    display: flex;
    gap: 40px;
    opacity: 1;
    transition: opacity .5s ease;
}


/* LEWA */

.zs-powod-left {
    width: 177px;
    height: 121px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.zs-powod-img {
    width: 100%;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    transition: .5s ease;
}


/* ŚRODEK (ikona) */

.zs-powod-mid {
    padding-top: 6px;
    width: 30px;
}

.zs-powod-ico {
    display: inline-flex;
    line-height: 0;
    color: #000;
    transition: color .5s ease;
}


/* PRAWA (tekst) */

.zs-powod-right {
    padding-left: 30px;
    flex: 1;
    min-width: 0;
}

.zs-powod-text {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    font-family: "nimbus-sans-extended", sans-serif !important;
    color: #000;
}

.zs-powod-ico,
.zs-powod-ico svg,
.zs-powod-ico svg path {
    opacity: 1 !important;
}

.zs-powod-ico {
    color: #000;
    display: inline-flex;
    line-height: 0;
}

.zs-powod-ico svg path {
    fill: currentColor !important;
}


/* STANY */

.zs-powod-item.is-dim {
    opacity: .2;
}

.zs-powod-item.is-dim .zs-powod-ico {
    color: #000;
}

.zs-powod-item.active {
    opacity: 1;
}

.zs-powod-item.active .zs-powod-ico {
    color: #D7080B;
}

.zs-powod-item.is-dim .zs-powod-img {
    opacity: 0;
    visibility: hidden;
}

.zs-powod-item.active .zs-powod-img {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1366px) {
    .zs-powod-item {
        gap: 30px;
    }
    .zs-powod-right {
        padding-left: 0px;
    }
}

@media (max-width: 1025px) {
    .zs-powod-text {
        font-size: 24px;
        line-height: 32px;
    }
    .zs-powod-item.is-dim .zs-powod-img {
        opacity: 1;
        visibility: visible;
    }
}


/* Mobile (opcjonalnie) */

@media (max-width: 768px) {
    .zs-powod-item {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .zs-powod-text {
        text-align: center;
    }
}


/* elementy do scrolowania - warianty */

.zs-lista-warianty .zs-oferta-warianty {
    gap: 24px;
}

.zs-lista-warianty .zs-powod-item {
    gap: 70px;
}

.zs-lista-warianty .zs-powod-mid {
    padding-top: 0px;
}

.zs-lista-warianty .zs-powod-ico {
    color: #FFF;
}


/* PRAWA (tekst) */

.zs-lista-warianty .zs-powod-right {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.zs-lista-warianty .zs-powod-title {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    font-family: "nimbus-sans-extended", sans-serif !important;
    color: #FFF;
}

html body .zs-lista-warianty .zs-powod-text {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    color: #FFF;
    font-family: "Hubot Sans", sans-serif !important;
}

.zs-lista-warianty .zs-powod-ico {
    color: #FFF;
    display: inline-flex;
    line-height: 0;
}


/* STANY */

.zs-lista-warianty .zs-powod-item.is-dim .zs-powod-ico {
    color: #FFF;
}

.zs-lista-warianty .zs-powod-item.active .zs-powod-ico {
    color: #FFF;
}

@media (max-width: 1025px) {
    .zs-lista-warianty .zs-powod-ico {
        padding-top: 10px;
    }
    .zs-lista-warianty .zs-powod-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 768px) {
    .zs-lista-warianty .zs-powod-item {
        gap: 32px;
        flex-direction: row !important;
        align-items: start;
    }
    html body .zs-lista-warianty .zs-powod-text {
        text-align: start !important;
    }
}


/* elmenty do scrolowania - warianty kiedy */

.zs-lista-warianty-kiedy.zs-lista-warianty .zs-powod-item.active .zs-powod-ico {
    color: #D7080B;
}


/* film na single */

/* teaser (nakładka filmu na stronie) */

.zs-video-teaser {
    width: 100%;
    height: 542px;
    cursor: pointer !important;
    z-index: 10 !important;
}

.zs-video-trigger {
    position: relative;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.zs-video-cover {
    width: 100%;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.zs-video-play {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
}

.zs-video-play img {
    width: 82px;
    height: 82px;
    display: block;
}

.zs-video-trigger::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .15);
    pointer-events: none;
}

@media (max-width: 1025px) {
    .zs-video-teaser {
        height: 400px;
    }
    .single-oferta-opis-sekcja4 p {
        text-align: center !important;
    }
}


/* technologie sekcje */

.lista-przygotowawcza ul,
.single-oferta-korzysci-ul ul,
.technologia-lista ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


/* wpływ na cenę sekcja elementy */

.zs-wplyw-na-cene ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: start !important;
    flex-wrap: wrap !important;
    column-gap: 5%;
    row-gap: 46px;
}

.zs-wplyw-na-cene ul li {
    width: 30% !important;
    white-space: wrap;
}

@media (max-width: 1025px) {
    .zs-wplyw-na-cene ul {
        column-gap: 10%;
        row-gap: 24px;
    }
    .zs-wplyw-na-cene ul li {
        width: 40% !important;
    }
}

@media (max-width: 768px) {
    .zs-wplyw-na-cene ul {
        flex-direction: column;
        gap: 24px;
    }
    .zs-wplyw-na-cene ul li {
        max-width: 100% !important;
        width: 100% !important;
    }
}


/* DZIAŁANIA PO KOLEII - KIEDY SEKCJA 5 */

.zs-dzialania {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 4%;
    row-gap: 60px;
}

.zs-dzialanie {
    width: calc(92% / 3);
    display: flex;
    gap: 46px;
    align-items: start;
}

.zs-dzialanie__nr {
    width: 58px;
    height: 58px;
    flex-shrink: 0 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: "nimbus-sans-extended", sans-serif !important;
    background: #D7080B;
    color: #fff;
}

.zs-dzialanie__txt {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    letter-spacing: 0.8px;
    color: #000 !important;
}

@media (max-width: 1366px) {
    .zs-dzialanie {
        gap: 24px;
    }
}

@media (max-width: 1025px) {
    .zs-dzialania {
        column-gap: 6%;
        row-gap: 40px;
    }
    .zs-dzialanie {
        width: 47%;
    }
    .zs-dzialanie__nr {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 610px) {
    .zs-dzialania {
        column-gap: 0;
        row-gap: 24px;
    }
    .zs-dzialanie {
        width: 100%;
    }
    .zs-dzialanie__nr {
        width: 36px;
        height: 36px;
    }
}


/* FAQ */

.zs-faq {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.zs-faq-item {
    border-bottom: 1px solid #000;
    padding-bottom: 12px;
}

.zs-faq-q {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: transparent !important;
    border: 0 !important;
    padding: 0px !important;
    cursor: pointer;
    text-align: left;
}

.zs-faq-q-text {
    font-family: "Hubot Sans", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    color: #000 !important;
    white-space: wrap;
    text-align: start !important;
}

.zs-faq-arrow {
    display: inline-flex;
    transition: transform 300ms ease;
    transform: rotate(0deg);
}

.zs-faq-item.is-open .zs-faq-arrow {
    transform: rotate(180deg);
}

.zs-faq-a {
    overflow: hidden;
    max-height: 0;
    transition: max-height 350ms ease;
}

.zs-faq-a-inner {
    padding: 12px 0 0 0;
    font-family: "Hubot Sans", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #000 !important;
    opacity: 0.7;
}

.zs-faq-a-inner p:last-child {
    margin-bottom: 0;
}


/* SCROLERY MAŁE - TYLKO powyżej 1024px */

@media (min-width: 1025px) {
    .zs-scroll-inner-left {
        position: relative;
        /* potrzebne dla trybu absolute na końcu */
    }
    .zs-scroll-inner-left.zs-has-pin {
        min-height: var(--zs-pin-h, auto);
        /* placeholder żeby prawa kolumna nie podskakiwała */
    }
    .zs-scroll-inner-left-item.zs-is-fixed {
        position: fixed;
        top: 150px;
        left: var(--zs-pin-left);
        width: var(--zs-pin-width);
        z-index: 10;
    }
    .zs-scroll-inner-left-item.zs-is-bottom {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }
}


/* STOPKA FORMULARZ */
.footer-form * {
    font-family: "Hubot Sans", sans-serif !important;
}

.footer-form .forminator-row {
    margin-bottom: 24px !important;
}

.footer-form label {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.7px;
    margin-bottom: 12px !important;
}

.footer-form .forminator-input {
    padding: 14px 20px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #FFF;
    border: none !important;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.03) !important;
    outline: none !important;
    border-radius: 10px !important;
}

.forminator-phone .iti__selected-country {
    display: none !important;
}

.forminator-phone .forminator-input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.footer-form .forminator-field-radio>.forminator-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footer-form .forminator-field-radio .forminator-label {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.7px;
}

.footer-form .forminator-field-radio label {
    margin: 0 !important;
}

.footer-form .forminator-field-radio #forminator-field-radio-1-label-2 {
    padding-right: 24px;
}


/* pokaż bullet */
.footer-form .forminator-field-radio label.forminator-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

.footer-form .forminator-field-radio label.forminator-radio .forminator-radio-bullet {
    display: inline-block !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
}

.footer-form .forminator-field-radio label.forminator-radio.forminator-is_checked .forminator-radio-bullet {
    background: #ffffff;
}

.footer-form .forminator-field-radio label.forminator-radio.forminator-is_checked .forminator-radio-bullet::after {
    content: "";
    position: absolute;
    inset: 4px;
    background: #D7080B;
    border-radius: 50%;
}

.footer-form .forminator-field-radio label.forminator-radio {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* textarea */

.footer-form .forminator-textarea {
    resize: none !important;
    padding: 14px 20px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #FFF;
    border: none !important;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.03) !important;
    outline: none !important;
    border-radius: 10px !important;
}

.forminator-field-consent p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #FFF;
}

.forminator-field-consent a {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #FFF !important;
    text-decoration: underline !important;
}

.forminator-field-consent a:hover {
    color: #D7080B !important;
}


/* bullet consent */
.footer-form label.forminator-checkbox {
    padding-top: 4px;
    padding-right: 10px;
    margin: 0 !important;
}

.footer-form label.forminator-checkbox.forminator-consent .forminator-checkbox-box::before,
.footer-form label.forminator-checkbox.forminator-consent .forminator-checkbox-box::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

.footer-form label.forminator-checkbox.forminator-consent input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

.footer-form label.forminator-checkbox.forminator-consent .forminator-checkbox-box {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .2) !important;
    position: relative;
}

.footer-form label.forminator-checkbox.forminator-consent.forminator-is_checked .forminator-checkbox-box {
    background: #fff !important;
}

.footer-form label.forminator-checkbox.forminator-consent.forminator-is_checked .forminator-checkbox-box::before {
    content: "" !important;
    position: absolute;
    font-size: 20px !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    background-color: #D7080B !important;
    color: #D7080B !important;
}

.footer-form .forminator-row-last {
    padding-top: 16px !important;
}

.footer-form .forminator-row-last .forminator-field {
    display: flex;
    justify-content: end;
}

.footer-form .forminator-row-last .forminator-button {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.8px;
    color: #FFF !important;
    background-color: #D7080B !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 40px;
    padding: 17px 44px;
    transition: 200ms var(--easing);
}

.footer-form .forminator-row-last .forminator-button::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 11px;
    background-image: url('../../uploads/2025/12/Vector.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 12px;
    vertical-align: middle;
}

.footer-form .forminator-row-last .forminator-button:hover {
    transform: scale(1.1);
}

@media screen and (width < 600px) {
    .footer-form .forminator-field-radio>.forminator-field {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }
}


/* Kontener selecta */

.forminator-ui .select2-container .select2-selection--single,
.forminator-ui .select2-container .select2-selection--multiple {
    padding: 7px 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.03) !important;
    outline: none !important;
    border-radius: 10px !important;
    background: #ffffff33 !important;
    /* jeśli chcesz ciemne tło */
    min-height: 48px !important;
}

.select2-container--open .select2-dropdown {
    padding: 7px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    border-radius: 10px !important;
    background: #ffffff33 !important;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.03) !important;
    backdrop-filter: blur(6px) !important;
}


/* === TYLKO DROPDOWN Forminator/Select2 (lista po kliknięciu) === */


/* kontener dropdownu */

body .forminator-select-dropdown,
body .forminator-select-dropdown-container,
body .select2-dropdown {
    background: #000 !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    backdrop-filter: blur(6px) !important;
    padding: 7px 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #fff !important;
    border: 1px solid #ffffff33 !important;
}


/* UL z opcjami (to jest element ze scroll) */

body .forminator-select-dropdown .select2-results__options,
body .select2-results__options {
    background: transparent !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #fff !important;
}


/* opcje (żeby nie wstrzykiwało białego tła na li) */

body .forminator-select-dropdown .select2-results__option,
body .select2-results__option {
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #ffffff57 !important;
}


/* suwak (Chrome/Edge/Safari) */

body .forminator-select-dropdown .select2-results__options::-webkit-scrollbar,
body .select2-results__options::-webkit-scrollbar {
    width: 10px !important;
}

body .forminator-select-dropdown .select2-results__options::-webkit-scrollbar-track,
body .select2-results__options::-webkit-scrollbar-track {
    background: transparent !important;
}

body .forminator-select-dropdown .select2-results__options::-webkit-scrollbar-thumb,
body .select2-results__options::-webkit-scrollbar-thumb {
    background: #ffffff66 !important;
    border-radius: 10px !important;
}


/* suwak (Firefox) */

body .forminator-select-dropdown .select2-results__options,
body .select2-results__options {
    scrollbar-width: thin !important;
    scrollbar-color: #ffffff66 transparent !important;
}


/* opcja aktualnie wybrana */

body .forminator-select-dropdown .select2-results__option[aria-selected="true"],
body .select2-results__option[aria-selected="true"] {
    color: #ffffff !important;
}

body .forminator-select-dropdown .select2-results__option--highlighted,
body .select2-results__option--highlighted {
    color: #ffffff !important;
    background: #ffffff22 !important;
}


/* nagłówek oferty - kategoria nazwa */
.zs-oferta-kategorie{
    width: 100% !important;
    display: block !important;
    color: #FFF !important;
    font-family: "Hubot Sans", sans-serif !important;
    font-size: 13px !important;
    line-height: 24px !important;
    letter-spacing: 9.6px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

@media screen and (width < 1025px) {
    .zs-oferta-kategorie{
        line-height: 18px !important;
    }
}

/* STYLIZACJA cookie yes */
.cky-btn-revisit-wrapper.cky-revisit-bottom-left,
.cky-footer-wrapper .cky-btn{
  background-color: #D7080B !important;
  background: #D7080B !important;
  border-color: #D7080B !important;
}
.cky-notice-btn-wrapper .cky-btn.cky-btn-customize{
  border-color: #D7080B !important;
  color: #D7080B !important;
}
.cky-notice-btn-wrapper .cky-btn-reject,
.cky-notice-btn-wrapper .cky-btn.cky-btn-accept{
  background-color: #D7080B !important;
  background: #D7080B !important;
  border-color: #D7080B !important;
}
.cky-btn.cky-btn-preferences,
.cky-btn.cky-btn-reject{
  color: #fff !important;
}


/* instagram */
html footer .zs-instagram-kontener #sb_instagram .sbi_feedtheme_header_text{
  color: #000 !important;
}
html footer .zs-instagram-kontener #sb_instagram #sbi_load{
  display: flex !important;
  flex-direction: column-reverse !important;
  justify-content: start !important;
  align-items: center !important;
  padding-top: 40px !important;
  gap: 20px;
}
html footer .zs-instagram-kontener #sb_instagram .sbi_load_btn{
  margin: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html footer .zs-instagram-kontener #sb_instagram .sbi_load_btn span.sbi_btn_text{
  font-family: 'Hubot Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  color: #FFF !important;
}
html footer .zs-instagram-kontener #sb_instagram .sbi_follow_btn a{
  padding: 16px 30px !important;
  border-radius: 40px !important;
}
html footer .zs-instagram-kontener #sb_instagram .sbi_load_btn,
html footer .zs-instagram-kontener #sb_instagram .sbi_follow_btn{
    transition: 0.2s var(--easing) !important;
}
html footer .zs-instagram-kontener #sb_instagram .sbi_follow_btn a span{
  font-family: 'Hubot Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}
html footer .zs-instagram-kontener #sb_instagram .sbi_load_btn:hover,
html footer .zs-instagram-kontener #sb_instagram .sbi_follow_btn:hover{
    transform: scale(1.1) !important;
}



















/* SCROLLER OFERTA HOME V2 - WHEEL / RING EFFECT */

/* =========================================================
   GŁÓWNY WRAPPER / PIN CONTAINER
   ========================================================= */

.zs-big-scroller-home {
    position: relative;
    overflow: hidden;
}
.zs-big-scroller-home .pin-spacer {
    box-sizing: border-box;
}
.zs-big-scroller-home.is-zs-scrolltrigger-active {
    position: relative;
}

/* =========================================================
   GŁÓWNY SCROLLER
   ========================================================= */

.zs-oferta-scroll-v2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    will-change: transform;
    isolation: isolate;
}

.zs-oferta-scroll-v2__bg {
    position: absolute;
    left: 50%;
    bottom: -50px;
    width: 100vw;
    height: 1600px;
    transform: translateX(-50%);
    z-index: 0 !important;
    pointer-events: none;

    background-image: url("https://www.detalone.pl/wp-content/uploads/2025/12/bcg-red-2-e1765832725736.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
.zs-oferta-scroll-v2__bg::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    pointer-events: none;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0) 15%,
        rgba(0, 0, 0, 0) 80%,
        rgba(0, 0, 0, 1) 100%
    );
}
.zs-oferta-scroll-v2__inner {
    z-index: 2 !important;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    display: flex;
    align-items: flex-start;
}


/* =========================================================
   LEWA STRONA
   ========================================================= */

.zs-oferta-scroll-v2__left {
    position: relative;
    width: 40%;
    height: var(--zs-left-height, auto);
    min-height: var(--zs-left-height, auto);
    z-index: 2;
    overflow: visible;
    perspective: none;
}

.zs-oferta-scroll-v2__list {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    transform-style: flat;
    transform: translateY(var(--zs-list-y, 0px));
    transition:
        transform 0.45s ease,
        opacity 0.35s ease;
}

.zs-oferta-scroll-v2__item {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    opacity: 1;
    transform: none;
    transition:
        opacity 0.35s ease,
        transform 0.45s ease;
    will-change: auto;
    z-index: auto;
    transform-origin: left center;
}

.zs-oferta-scroll-v2__item.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.zs-oferta-scroll-v2__item.is-muted {
    opacity: 0.4;
    pointer-events: auto;
    transform: scale(0.8);
}
.zs-oferta-scroll-v2__item.is-far {
    opacity: 0.35;
    pointer-events: auto;
}


/* =========================================================
   PRZYCISK KATEGORII
   ========================================================= */

.zs-oferta-scroll-v2__cat {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    transform-origin: left center;
    cursor: default !important;

    font-size: 36px !important;
    line-height: 38px !important;
    font-weight: 400 !important;
    color: #FFF !important;
    font-family: "nimbus-sans-extended", sans-serif !important;

    transition:
        transform 0.45s ease,
        opacity 0.35s ease,
        color 0.35s ease !important;
}

.zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__cat {
    color: #FFF !important;
}

.zs-oferta-scroll-v2__item.is-muted .zs-oferta-scroll-v2__cat {
    color: rgba(255, 255, 255, 0.42) !important;
}


/* =========================================================
   WPISY W AKTYWNEJ KATEGORII
   ========================================================= */

.zs-oferta-scroll-v2__posts {
    position: relative;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);

    transition:
        max-height 0.5s ease,
        opacity 0.35s ease,
        transform 0.45s ease;
}

.zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__posts {
    max-height: 520px;
    opacity: 1;
    transform: translateY(0);
}

.zs-oferta-scroll-v2__posts-list {
    list-style: none;
    margin: 0 !important;
    padding: 24px 0 0 40px !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.zs-oferta-scroll-v2__post-item {
    list-style: none;
}

.zs-oferta-scroll-v2__post-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none;

    font-size: 17px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    color: #FFF !important;
    font-family: "Hubot Sans", sans-serif !important;

    opacity: 0;
    transition:
        opacity 0.35s ease var(--zs-post-delay, 0s),
        transform 0.25s ease !important;
}

.zs-oferta-scroll-v2__arrow {
    display: block;
    width: 13px;
    height: 13px;
    object-fit: contain;
    flex: 0 0 auto;

    opacity: 0;
    transform: translateX(-14px);
    transition:
        opacity 0.35s ease var(--zs-post-delay, 0s),
        transform 0.45s ease var(--zs-post-delay, 0s);
}

.zs-oferta-scroll-v2__post-link span {
    opacity: 0;
    transform: translateX(18px);
    transition:
        opacity 0.35s ease var(--zs-post-delay, 0s),
        transform 0.45s ease var(--zs-post-delay, 0s);
}

.zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__post-link {
    opacity: 1;
}

.zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__arrow {
    opacity: 1;
    transform: translateX(0);
}

.zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__post-link span {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================================
   PRAWA STRONA / OBRAZ
   ========================================================= */

.zs-oferta-scroll-v2__right {
    position: relative;
    width: 60%;
    height: 700px !important;
    z-index: 1;
    pointer-events: none;
}

.zs-oferta-scroll-v2__image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.zs-oferta-scroll-v2__image {
    position: absolute;
    top: 50%;
    left: 150px;
    display: block;
    width: 1600px !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    max-width: none !important;
    will-change: opacity, transform;
    transform: translateY(-50%);
    opacity: 1;
    transition: opacity 0.35s ease;
}

.zs-oferta-scroll-v2__image--default {
    opacity: 1;
    z-index: 1;
}

.zs-oferta-scroll-v2__image--moto {
    opacity: 0;
    z-index: 2;
}

.zs-oferta-scroll-v2.is-active-moto .zs-oferta-scroll-v2__image--default {
    opacity: 0;
}

.zs-oferta-scroll-v2.is-active-moto .zs-oferta-scroll-v2__image--moto {
    opacity: 1;
}


/* =========================================================
   BLOKADA PODŚWIETLENIA NA MOBILE
   ========================================================= */

.zs-oferta-scroll-v2,
.zs-oferta-scroll-v2 * {
    -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   NIŻSZE EKRANY DESKTOP
   ========================================================= */

@media (max-height: 760px) and (min-width: 1025px) {
    .zs-oferta-scroll-v2__list {
        gap: 18px;
    }
    .zs-oferta-scroll-v2__posts-list {
        padding-top: 16px !important;
        gap: 8px;
    }
}

/* =========================================================
   MOBILE / TABLET - ACCORDION, WITHOUT SCROLLTRIGGER
   ========================================================= */

@media (max-width: 1024px) {
    .zs-big-scroller-home,
    .zs-big-scroller-home.is-zs-scrolltrigger-active {
        position: relative;
        overflow: visible;
    }
    .zs-oferta-scroll-v2 {
        height: auto;
        min-height: 0;
        overflow: visible;
        will-change: auto;
        transform: none !important;
        padding: 0 28px;
    }
    .zs-oferta-scroll-v2__inner {
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .zs-oferta-scroll-v2__left {
        width: 100%;
        height: auto;
        min-height: 0;
        perspective: none;
        overflow: visible;
        max-width: 500px;
    }
    .zs-oferta-scroll-v2__list {
        position: relative;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        transform-style: flat;
        transform: none !important;
        transition: none;
    }
    .zs-oferta-scroll-v2__item,
    .zs-oferta-scroll-v2__item.is-active,
    .zs-oferta-scroll-v2__item.is-muted,
    .zs-oferta-scroll-v2__item.is-far {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
    .zs-oferta-scroll-v2__cat {
        position: relative;
        font-size: 24px !important;
        line-height: 28px !important;
        cursor: pointer !important;
        color: #FFF !important;
        white-space: wrap !important;
    }
    .zs-oferta-scroll-v2__item.is-muted .zs-oferta-scroll-v2__cat {
        color: #FFF !important;
    }
    .zs-oferta-scroll-v2__posts {
        position: relative;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transform: translateY(-8px);

        transition:
            max-height 0.45s ease,
            opacity 0.3s ease,
            transform 0.35s ease;
    }
    .zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__posts {
        max-height: 800px;
        opacity: 1;
        transform: translateY(0);
    }
    .zs-oferta-scroll-v2__posts-list {
        padding: 18px 0 0 24px !important;
        gap: 10px;
    }
    .zs-oferta-scroll-v2__post-link {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__post-link,
    .zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__arrow,
    .zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__post-link span {
        opacity: 1;
        transform: none;
    }
    .zs-oferta-scroll-v2__right {
        position: relative;
        width: 100%;
        height: 300px !important;
        min-height: 0;
        order: 2;
        pointer-events: none;
    }
    .zs-oferta-scroll-v2__image-wrap {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 0;
    }
    .zs-oferta-scroll-v2__image {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        display: block;
        width: 700px !important;
        height: 450px !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: translate(-50%, -50%) !important;
        transition: opacity 0.35s ease;
    }
    .zs-oferta-scroll-v2__image--default {
        opacity: 1;
        z-index: 1;
    }
    .zs-oferta-scroll-v2__image--moto {
        height: 400px !important;
        width: 550px !important;
        transform: translateY(-52%) !important;
        opacity: 0;
        z-index: 2;
    }
    .zs-oferta-scroll-v2.is-active-moto .zs-oferta-scroll-v2__image--default {
        opacity: 0;
    }
    .zs-oferta-scroll-v2.is-active-moto .zs-oferta-scroll-v2__image--moto {
        opacity: 1;
    }
    .zs-oferta-scroll-v2__cat {
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding-right: 34px !important;
        cursor: pointer !important;
        touch-action: manipulation;
    }

    .zs-oferta-scroll-v2__cat::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 18px;
        height: 18px;
        transform: translateY(-50%) rotate(0deg);
        transform-origin: center;
        transition: transform 0.3s ease, opacity 0.3s ease;
        opacity: 1;

        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
    }
    .zs-oferta-scroll-v2__item.is-active .zs-oferta-scroll-v2__cat::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .zs-oferta-scroll-v2__item {
        transition: none;
    }
    .zs-oferta-scroll-v2__item.is-active {
        transform: none !important;
    }
    .zs-oferta-scroll-v2__item.is-muted {
        transform: none !important;
        opacity: 1 !important;
    }
    .zs-oferta-scroll-v2__bg {
        position: absolute;
        left: 50%;
        bottom: 0px;
        width: 100% !important;
        height: 100% !important;
        transform: translateX(-50%);
        background-position: 80% center;
        background-size: cover;
    }
}
@media (max-width: 768px) {
    .zs-oferta-scroll-v2__inner {
        align-items: stretch;
    }
    .zs-oferta-scroll-v2__left {
        max-width: 100%;
    }
    .zs-oferta-scroll-v2__image {
        left: 25% !important;
        transform: translate(0%, -50%) !important;
    }
}