.offer26-editable {

    --offer26-editable-color-primary: #DB0A40;
    /*--offer26-editable-color-secondary: rgba(0, 17, 54, 0.85);*/
    --offer26-editable-color-secondary: #001136;

    --offer26-editable-container-padding-x: 20px;
    --offer26-editable-content-width: 1344px;

    --offer26-editable-content-padding-x: calc(130px - var(--offer26-editable-container-padding-x) - ((1440px - (var(--offer26-editable-container-padding-x) * 2) - var(--offer26-editable-content-width)) / 2));

    /* --offer26-editable-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); */
    /* --offer26-editable-animation-timing-function: cubic-bezier(0.370, 0.010, 0.080, 0.995); */
    --offer26-editable-animation-timing-function: cubic-bezier(.18,.8,.28,.99);

    height: auto;
    padding: 0 var(--offer26-editable-container-padding-x);
    /*padding-bottom: 115px;*/
    /*padding-bottom: 35px;*/
    box-sizing: border-box;

    /*background: transparent;*/
    background: #ffffff;
    /*background-size: cover;*/
    /*background-position-y: calc(50% - 20px);*/

    overflow: hidden;
    position: relative;

}

.offer26-editable .offer26-editable--content {

    /*margin: 0 auto;*/
    /*width: min(100%, calc(var(--offer26-editable-content-width) - (var(--offer26-editable-content-padding-x) * 2)));*/
    /*height: 100%;*/
    /*padding: 95px 0 0;*/

    position: relative; /* dla pozycjonowania kropek */
    max-width: 1160px;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 35px;

}

@media (min-width: 768px) {

    .offer26-editable .offer26-editable--content {
        padding-bottom: 80px;
    }

}

@media (min-width: 1024px) {

    .offer26-editable .offer26-editable--content {
        /*padding: 112px 0 0;*/
        /*padding: 0 0 0 0;*/
    }

}

@media (min-width: 1260px) {

    .offer26-editable .offer26-editable--content {
        /*padding: 0 0 0 0;*/
    }

}

.offer26-editable .offer26-editable--title {


    /*font-size: 80px;*/
    /*line-height: 80px;*/
    /*letter-spacing: 0%;*/
    /*color: white;*/
    /*font-weight: 700;*/
    /*font-family: 'Bull', sans-serif;*/
    margin: 0 auto;

    text-align: center;

    font-size: 36px;
    line-height: 40px;
    color: #000000;
    font-weight: 700;
    font-family: 'Bull', sans-serif;

    margin-block-start: 0;
    margin-block-end: 0;

    padding: 40px 0;

    opacity: 0;
    animation: reveal-cl 1.5s forwards;
    animation-timing-function: var(--offer26-editable-animation-timing-function);

}

@media (min-width: 768px) {

    .offer26-editable .offer26-editable--title {

        font-size: 48px;
        max-width: 1160px;

        padding: 80px 0;

    }

}

.offer26-editable .offer26-editable--boxes {

    --offer26-editable-box-size-factor: min(1px, calc((100vw - 40px) / 386));

    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    gap: calc(25 * var(--offer26-editable-box-size-factor));
    margin-top: 0;

}

@media (min-width: 768px) {
    .offer26-editable .offer26-editable--boxes {
        /*flex-direction: row;*/
        /*justify-content: center;*/
        /*align-items: center;*/
        /*background-color: #001136;*/
        /*background-color: var(--offer26-editable-color-secondary);*/
    }
}

.offer26-editable .offer26-editable--box {

    --offer26-editable-box-base-width: 432;
    /*--offer26-editable-box-base-height: 275;*/

    width: calc(var(--offer26-editable-box-base-width) * var(--offer26-editable-box-size-factor));
    /*height: calc(var(--offer26-editable-box-base-height) * var(--offer26-editable-box-size-factor));*/

    position: relative;
    display: flex;

    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    gap: calc(10 * var(--offer26-editable-box-size-factor));

    /*opacity: 0;*/
    /*animation: reveal-bc 1.5s forwards;*/
    /*animation-delay: 0.35s;*/
    /*animation-timing-function: var(--offer26-editable-animation-timing-function);*/

}

.offer26-editable .offer26-editable--box .offer26-editable--box--hover {
    transition: transform .4s;
    transition-timing-function: cubic-bezier(0.370, 0.010, 0.080, 0.995);
}



.offer26-editable .offer26-editable--box:hover .offer26-editable--box--hover {
    transform: translateY(calc(-20 * var(--offer26-editable-box-size-factor)));
}

.offer26-editable .offer26-editable--box:hover .offer26-editable--box--shaker {
    animation: jump-shaking 1s;
}

.offer26-editable .offer26-editable--box:hover .offer26-editable--box--chevron {
    transform: rotate(720deg);
}

@media (min-width: 768px) {
    .offer26-editable .offer26-editable--box:hover .offer26-editable--box--cta {
        /*background-color: #001136;*/
        /*background-color: var(--offer26-editable-color-secondary);*/
    }
}

.offer26-editable .offer26-editable--box .offer26-editable--box--inner-wrapper {
    /*backdrop-filter: blur(3px);*/
    /*box-shadow: inset 1px 1px 2px -1px rgba(255, 255, 255, 1), inset -1px -1px 2px -1px rgba(255, 255, 255, 1), inset 4px 4px 18px 0px rgba(0, 0, 0, 0.2);*/
    border-radius: 12px;
    position: relative;

    padding: calc(24 * var(--offer26-editable-box-size-factor));

    overflow: hidden;
}

.offer26-editable .offer26-editable--box--bg {

    /*width: calc(var(--offer26-editable-box-base-width) * var(--offer26-editable-box-size-factor));*/
    /*height: calc((var(--offer26-editable-box-base-height)) * var(--offer26-editable-box-size-factor));*/

    width: 100%;
    height: 100%;

    /*overflow: hidden;*/
    position: absolute;
    /*top: calc(33 * var(--offer26-editable-box-size-factor));*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}

.offer26-editable .offer26-editable--box-left .offer26-editable--box--bg {
    /*background: linear-gradient(180deg, #DB0A40 0%, rgba(219, 10, 64, 0.2) 100%);*/
    background: linear-gradient(277.51deg, #001136 6.33%, #002F63 88.23%);
}

.offer26-editable .offer26-editable--box-right .offer26-editable--box--bg {
    /*background: linear-gradient(180deg, #DB0A40 0%, rgba(219, 10, 64, 0.2) 100%);*/
    background: var(--offer26-editable-color-primary);
}

.offer26-editable .offer26-editable--box-right {

    animation-delay: 0.7s;

}

.offer26-editable .offer26-editable--box-right .offer26-editable--box--price {

    /*color: var(--offer26-editable-color-primary);*/

}

.offer26-editable .offer26-editable--box--content {

    color: #ffffff;
    font-size: calc(30 * var(--offer26-editable-box-size-factor));
    font-family: 'Bull', sans-serif;
    font-weight: 700;
    line-height: calc(30 * var(--offer26-editable-box-size-factor));
    text-align: center;

    position: relative;

    display: flex;
    flex-direction: column;

}

.offer26-editable .offer26-editable--box--content-space {
    flex-grow: 1;
}

.offer26-editable .offer26-editable--box--title {

    color: #ffffff;
    font-size: calc(24 * var(--offer26-editable-box-size-factor));
    font-family: 'Bull', sans-serif;
    font-weight: 700;
    line-height: calc(32 * var(--offer26-editable-box-size-factor));
    text-transform: uppercase;

}

.offer26-editable .offer26-editable--box--price {

    color: #ffffff;
    font-size: calc(48 * var(--offer26-editable-box-size-factor));
    font-family: 'Bull', sans-serif;
    font-weight: 700;
    line-height: calc(56 * var(--offer26-editable-box-size-factor));
    word-spacing: calc(-5 * var(--offer26-editable-box-size-factor));

    margin-top: calc(24 * var(--offer26-editable-box-size-factor));
    flex-grow: 0;
    flex-shrink: 0;
    /*width: fit-content;*/
}
.offer26-editable .offer26-editable--box--price--digit {

    font-size: calc(96 * var(--offer26-editable-box-size-factor));
}

.offer26-editable .offer26-editable--box--disclaimer {

    color: #ffffff;
    font-size: calc(16 * var(--offer26-editable-box-size-factor));
    font-family: 'Bull', sans-serif;
    font-weight: 400;
    line-height: calc(32 * var(--offer26-editable-box-size-factor));
    display: block;

}

.offer26-editable .offer26-editable--box--cta {

    color: #ffffff;
    font-family: 'Bull', sans-serif;
    font-weight: 700;
    text-transform: uppercase;

    position: relative;

    /*margin-top: calc(26 * var(--offer26-editable-box-size-factor));*/

    line-height: calc(48 * var(--offer26-editable-box-size-factor));
    text-align: center;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 9999px;
    font-size: calc(16 * var(--offer26-editable-box-size-factor));
    transition: background-color .3s ease, color .3s ease;
    max-width: 330px;
    display: block;
    margin: 0 auto;
    margin-top: calc(22 * var(--offer26-editable-box-size-factor));
}

.offer26-editable .offer26-editable--box:hover .offer26-editable--box--cta {
    background-color: #ffffff;
    color: var(--offer26-editable-color-secondary);
    /*background-color: var(--offer26-editable-color-secondary);*/
}

.offer26-editable .offer26-editable--box.offer26-editable--box-right:hover .offer26-editable--box--cta {
    background-color: #ffffff;
    /*background-color: var(--offer26-editable-color-secondary);*/
    color: var(--offer26-editable-color-primary);
}

.offer26-editable .offer26-editable--box--disclaimer strong {
    font-weight: 700;
}



.offer26-editable .offer26-editable--box--banner {
    position: absolute;
    top: calc(22 * var(--offer26-editable-box-size-factor));
    right: calc(-40 * var(--offer26-editable-box-size-factor));
    background: var(--offer26-editable-color-secondary);
    color: #FFFFFF;
    font-family: 'Bull', sans-serif;
    font-weight: 700;
    font-size: calc(12 * var(--offer26-editable-box-size-factor));
    line-height: calc(30 * var(--offer26-editable-box-size-factor));
    text-transform: uppercase;
    /*padding: calc(3 * var(--offer26-editable-box-size-factor)) calc(25 * var(--offer26-editable-box-size-factor));*/
    transform: rotate(30deg);
    transform-origin: center;
    z-index: 10;
    white-space: nowrap;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);*/
    pointer-events: none;
    height: calc(30 * var(--offer26-editable-box-size-factor));
    width: calc(200 * var(--offer26-editable-box-size-factor));
    text-align: center
}

.offer26-editable .offer26-editable--box {
    overflow: visible;
}

.offer26-editable .offer26-editable--box--table-wrapper {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* wcześniej komórki były bezpośrednimi dziećmi .offer26-editable--box,
       który ma gap: calc(10 * var(--offer26-editable-box-size-factor));
       kopiujemy tę samą wartość, żeby zachować identyczny odstęp */
    gap: calc(10 * var(--offer26-editable-box-size-factor));
}

@media (max-width: 767px) {
    .offer26-editable .offer26-editable--box--table-wrapper {
        overflow: visible;
    }

    /* CSS Scroll-driven Animations - przesunięcie tabeli w zależności od scroll position */
    .offer26-editable--boxes {
        /* Definiujemy scroll timeline dla kontenera scrollującego */
        scroll-timeline: --box-scroll x;
        scroll-timeline-axis: x;
    }

    /* Pierwszy box: przesuń tabelę w lewo (szybciej) gdy scrollujemy w prawo */
    .offer26-editable--box-left .offer26-editable--box--table-wrapper {
        animation-name: shiftTableLeft;
        animation-timeline: --box-scroll;
        animation-range: 0% 100%;
        animation-timing-function: linear;
        animation-fill-mode: both;
    }

    @keyframes shiftTableLeft {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-40px);
        }
    }

    /* Drugi box: przesuń tabelę w prawo (szybciej) gdy scrollujemy w prawo */
    .offer26-editable--box-right .offer26-editable--box--table-wrapper {
        animation-name: shiftTableRight;
        animation-timeline: --box-scroll;
        animation-range: 0% 100%;
        animation-timing-function: linear;
        animation-fill-mode: both;
    }

    @keyframes shiftTableRight {
        from {
            transform: translateX(40px);
        }
        to {
            transform: translateX(0);
        }
    }

    /* Fallback dla przeglądarek bez wsparcia Scroll-driven Animations */
    @supports not (scroll-timeline: --box-scroll x) {
        .offer26-editable--box-left .offer26-editable--box--table-wrapper,
        .offer26-editable--box-right .offer26-editable--box--table-wrapper {
            animation: none;
        }
    }
}

.offer26-editable .offer26-editable--box--table-cell {
    border: 1px solid #DCDCDC;
    border-radius: calc(12 * var(--offer26-editable-box-size-factor));
    padding: 20px;

    color: var(--offer26-editable-color-secondary);
    font-weight: 400;
    font-size: calc(16 * var(--offer26-editable-box-size-factor));
    line-height: calc(24 * var(--offer26-editable-box-size-factor));
    font-family: 'Bull', sans-serif;

    text-align: center;
}

.offer26-editable .offer26-editable--box--table-cell strong {
    font-weight: 700;
}

.offer26-editable .offer26-editable--box--table-cell--upper,
.offer26-editable .offer26-editable--box--table-cell--lower {
    /*color: var(--offer26-editable-color-secondary);*/
}

.offer26-editable .offer26-editable--box--table-cell--middle {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: calc(-6 * var(--offer26-editable-box-size-factor));
    font-size: calc(12 * var(--offer26-editable-box-size-factor));
    line-height: calc(40 * var(--offer26-editable-box-size-factor));
}

.offer26-editable .offer26-editable--box--table-cell--middle strong{
    font-size: calc(32 * var(--offer26-editable-box-size-factor));
}

/* ------------------------------------------------------------------------- */
/* Slider behaviour for boxes (mobile)                                       */
/* ------------------------------------------------------------------------- */

@media (max-width: 767px) {

    .offer26-editable .offer26-editable--boxes {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        /*scroll-padding-left: var(--offer26-editable-container-padding-x);*/

        margin-left: calc(var(--offer26-editable-container-padding-x) * -1);
        margin-right: calc(var(--offer26-editable-container-padding-x) * -1);
        padding-left: var(--offer26-editable-container-padding-x);
        padding-right: var(--offer26-editable-container-padding-x);

        justify-content: flex-start;

        gap: calc(var(--offer26-editable-container-padding-x) / 2);

        /* ukryj scrollbar przy zachowaniu scroll/snap */
        scrollbar-width: none;        /* Firefox */
        -ms-overflow-style: none;     /* IE/Edge legacy */

        position: relative; /* dla pozycjonowania kropek */
    }

    .offer26-editable .offer26-editable--box {
        flex: 0 0 calc(100vw - calc(var(--offer26-editable-container-padding-x) * 2));
        /* max-width: 100%; */
        width: calc(100vw - calc(var(--offer26-editable-container-padding-x) * 2));
        scroll-snap-align: center;
    }

    /* Gap między kolorowym boxem a tabelą na mobile */
    .offer26-editable .offer26-editable--box--table-wrapper {
        margin-top: 40px; /* miejsce na kropki */
    }

    /* Pojedyncze kropki pozycjonowane absolutnie */
    .offer26-editable .offer26-editable--slider-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
        z-index: 10;
        pointer-events: none;
    }

    .offer26-editable .offer26-editable--slider-dots button {
        pointer-events: auto;
    }
}

/* WebKit / Blink – ukryj scrollbar tylko dla kontenera slidera */
.offer26-editable .offer26-editable--boxes::-webkit-scrollbar {
    display: none;
}

@media (min-width: 768px) {
    .offer26-editable .offer26-editable--slider-dots {
        display: none;
    }
}

.offer26-editable .offer26-editable--slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    border: none;
    padding: 0;

    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;

    margin-top: 20px;

    transition: background-color 0.25s ease, transform 0.25s ease;
    transform: scale(1.2);
}

.offer26-editable .offer26-editable--slider-dot.is-active {
    background-color: var(--offer26-editable-color-primary);
    transform: scale(1.2);
}

.offer26-editable .offer26-editable--slider-dot.is-active:first-child {
    background-color: var(--offer26-editable-color-secondary);
    transform: scale(1.2);
}

.offer26-editable .offer26-editable--feats {
    padding: 80px 0;
    margin: 0 calc(var(--offer26-editable-container-padding-x) * -1);
    background: linear-gradient(150.41deg, #001136 44.3%, rgba(0, 47, 99, 0) 86.23%),
    linear-gradient(0deg, rgba(1, 14, 44, 0.76), rgba(1, 14, 44, 0.76)), var(--offer26-editable-bg-image, url('../img/hero-winter26-bg.jpg')) no-repeat right center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 20px;
}

@media (min-width: 950px) {
    .offer26-editable .offer26-editable--feats {
        padding: 120px 0;
        flex-direction: row;

        justify-content: center;
        align-items: stretch;
    }
}

.offer26-editable .offer26-editable--feat {
    backdrop-filter: blur(3px);
    background: rgba(255, 255, 255, 0.1);
    transition: background 0.3s ease-in-out;
    box-shadow: inset 1px 1px 2px -1px rgba(255, 255, 255, 1), inset -1px -1px 2px -1px rgba(255, 255, 255, 1), inset 4px 4px 18px 0px rgba(0, 0, 0, 0.2);
    border-radius: 12px;

    padding: 24px 48px;
    width: 284px;

    overflow: hidden;

}

.offer26-editable .offer26-editable--feat:hover {
    background: rgba(255, 255, 255, 0.14);
}

.offer26-editable .offer26-editable--feat--icon {
    width: 100%;
    height: 96px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offer26-editable .offer26-editable--feat--label {
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Bull', sans-serif;
    text-align: center;
    text-wrap: balance;
    margin-top: 10px;
    margin-bottom: 0;
}