section.full-width-slider {
    .full-width-slider-wrapper {
        position: relative;
        overflow: hidden;

        .swiper-wrapper {
            align-items: stretch;

            .swiper-slide {
                height: auto;
            }
        }
    }

    .container {
        padding-top: 0 !important;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .text_left {
        background-color: var(--color-main-dark);
        color: var(--color-main-light);

        .slide-text-block {
            padding-right: 0.5rem;

            @media screen and (min-width: 768px) and (max-width: 1199px) {
                .slide-text-block .slide-large-text p {
                    font-size: var(--font-size-title);
                }
            }
        }
    }

    .text_right {
        background-color: var(--color-secondary-dark);

        .slide-inner-wrapper {
            grid-template-columns: 5fr 3fr;
        }

        .slide-text-block {
            .logo-wrapper {
                margin-bottom: var(--regular-space);
                padding-bottom: var(--regular-space);
            }

            .logo-wrapper::after {
                right: 0;
                left: auto;
                background-color: var(--color-white);
            }

            .social-media-list {
                justify-content: flex-end;
            }

            .et_pb_button {
                margin-bottom: calc(var(--space-step) * 3.5);
                margin-top: calc(var(--space-step) * 3.5);
            }
        }

        .slide-image-block {
            background-position: center, center;
            background-size: 110%, cover;
        }

        .slide-side-text-block h5 {
            color: var(--color-white);
        }
    }

    .text_right,
    .half_half {
        .slide-text-block {
            text-align: right;
            color: var(--color-white);
            padding-left: 0.5rem;

            h3 {
                padding-bottom: var(--large-space);
            }

            .slide-subtitle {
                padding-bottom: 0;
            }

            h3 p {
                padding-bottom: 0;
                font-size: var(--font-size-huge-title);
                line-height: 110%;
                font-weight: 700;
            }
        }

        .slide-side-text-block {
            left: 0;
            right: auto;
        }

        @media screen and (max-width: 1399px) {
            .slide-text-block .slide-large-text p {
                font-size: calc(var(--space-step) * 4.125);
            }
        }

        @media screen and (max-width: 1199px) {
            .slide-text-block .slide-large-text p {
                font-size: calc(var(--space-step) * 3.5);
            }
        }
    }

    .slide-inner-wrapper {
        position: relative;
        display: grid;
        grid-template-columns: 3fr 5fr;
        height: 100%;
    }

    .slide-text-block {
        margin: auto 0;
        padding: var(--large-space) 0;

        .logo-wrapper {
            position: relative;
            margin-bottom: var(--large-space);
            padding-bottom: var(--large-space);

            &:after {
                content: '';
                width: 100%;
                max-width: 120px;
                height: 2px;
                background-color: var(--color-main-light);
                position: absolute;
                bottom: 0;
                left: 0;
            }
        }

        h3,
        h4 {
            color: inherit;
        }

        .slide-subtitle {
            font-family: 'Open Sans', sans-serif;
            font-size: var(--font-size-small-title);
        }

        .slide-subtitle p,
        .slide-subtitle a,
        .slide-subtitle strong,
        .slide-subtitle em,
        .slide-subtitle ul,
        .slide-subtitle li {
            font-family: inherit;
            font-size: inherit;
            color: inherit;
            margin: 0 0 0.5em;
        }
        .slide-subtitle p:last-child,
        .slide-subtitle > *:last-child {
            margin-bottom: 0;
        }

        .slide-large-text p {
            font-family: 'PT Serif', serif;
            font-size: calc(var(--space-step) * 4.5);
            line-height: 1;

            @media screen and (max-width: 1599px) {
                font-size: calc(var(--space-step) * 3.5);
            }
        }

        .slide-supporting-text {
            font-family: 'Open Sans', sans-serif;
            font-size: var(--font-size-text);
            font-style: italic;
            color: var(--color-main-light);
            padding-top: var(--space-step);
        }

        .et_pb_button,
        .et_pb_button:hover {
            color: inherit !important;
            border-color: inherit !important;
            background-color: transparent !important;
        }

        .et_pb_button {
            margin-top: var(--extra-huge-space);
            margin-bottom: var(--extra-huge-space);
            font-size: 18px;
            padding: 11px var(--regular-space)
        }
    }

    .slide-image-block {
        background-size: 35%, cover;
        background-position: center, 95%;
        background-repeat: no-repeat, no-repeat;
    }

    .slide-side-text-block {
        position: absolute;
        top: 0;
        right: 0;
        width: 5%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        h5 {
            writing-mode: vertical-rl;
            text-orientation: mixed;
            padding: var(--space-step) 0;
            color: inherit;
            font-size: 40px;
            letter-spacing: 1.8px;
            font-family: 'Open Sans', sans-serif;

            &:before,
            &:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 20%;
                background-color: var(--color-main-light);
                left: 50%;
                transform: translateX(-50%);
            }

            &:before {
                top: 7%;
            }

            &:after {
                bottom: 7%;
            }
        }
    }

    @media screen and (max-width: 979px) {

        .text_left .slide-inner-wrapper,
        .text_right .slide-inner-wrapper,
        .half_half .slide-inner-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-left: 0;
            padding-right: 0;

            .slide-text-block {
                text-align: center;
                padding-left: 5%;
                padding-right: 5%;
                margin: 0;

                .logo-wrapper {
                    max-width: 217px;
                    padding-bottom: var(--small-space);
                    margin-bottom: var(--regular-space);
                    margin-left: auto;
                    margin-right: auto;

                    &::after {
                        left: 50%;
                        transform: translateX(-50%);
                    }
                }

                .slide-subtitle {
                    font-size: var(--font-size-small-text);
                    padding-bottom: var(--space-step);
                }

                .slide-large-text p {
                    font-size: calc(var(--font-size-small-title) + 0.25rem);
                }

                .social-media-list {
                    justify-content: center;
                }

                .slide-large-text p {
                    font-size: calc(var(--font-size-small-title) + 0.25rem);
                }

                .et_pb_button {
                    font-size: calc(var(--font-size-text) + 0.125rem);
                    margin-top: var(--large-space);
                    margin-bottom: var(--regular-space);
                }
            }
        }

        .text_right .slide-inner-wrapper,
        .half_half .slide-inner-wrapper {
            background-image: none !important;
            flex-direction: column-reverse;
            justify-content: space-between;

            .slide-text-block .slide-large-text {
                display: flex;
                flex-wrap: wrap;
                gap: 0.5rem;
                justify-content: center;
                padding-bottom: var(--regular-space);

                &::after {
                    right: 50%;
                    transform: translateX(50%);
                }
            }

            .slide-text-block .slide-subtitle {
                padding-bottom: 0;
                margin-left: auto;
                margin-right: auto;
            }

            .et_pb_button {
                margin-top: var(--regular-space);
            }
        }

        .slide-image-block {
            height: 425px;
            background-size: auto 75%, 170% 130%;
            margin-bottom: 58.5px;
        }

        .slide-side-text-block {
            top: auto;
            bottom: 0;
            width: 100%;
            height: auto;
            background-color: var(--color-main-dark);

            &::before {
                content: '';
                position: absolute;
                top: 50%;
                height: 2px;
                left: 5%;
                right: 5%;
                background-color: var(--color-main-light);
            }

            h5 {
                position: relative;
                writing-mode: horizontal-tb;
                font-size: var(--fs-highlight-text);
                letter-spacing: 0.13em;
                background-color: var(--color-main-dark);
                padding: var(--space-step);

                &::before,
                &::after {
                    content: none;
                }
            }
        }

        .text_right .slide-image-block {
            background-size: auto 110%, cover;
        }

        .text_right .slide-inner-wrapper .slide-side-text-block
        {
            background-color: var(--color-main-dark-hover);

            &::before {
                background-color: var(--color-white);
            }

            h5 {
                background-color: var(--color-main-dark-hover);
            }
        }

        .half_half .slide-inner-wrapper .slide-side-text-block {
            background-color: var(--color-primary-btn);
            z-index: 1;

            &::before {
                background-color: var(--color-white);
            }

            h5 {
                background-color: var(--color-primary-btn);
                color: var(--color-white);
            }
        }

        .half_half .slide-inner-wrapper .slide-promotion-block {
            position: relative;
            padding: 0;

            .promotion {
                position: absolute;
                left: 5%;
                top: 20%;
                width: 200px;
                aspect-ratio: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: var(--regular-space);
                font-size: 3.6rem;
                z-index: 1;
            }
        }

        .half_half .slide-inner-wrapper .slide-text-block {
            padding-bottom: 5rem;

            .slide-large-text {
                margin-bottom: var(--regular-space);
            }

            .slide-subtitle {
                margin-bottom: 0;

                &::after {
                    content: none;
                }
            }

            .logo-wrapper {
                margin-bottom: 0;

                &::after {
                    content: none;
                }
            }
        }

        .half_half .slide-inner-wrapper .slide-image-block {
            background-size: cover;
        }

        .half_half .slide-inner-wrapper .slide-image-block img {
            height: 600px;
            width: auto;
            max-width: none !important;
            position: relative;
            top: -45%;
        }

        .swiper-container-horizontal>.swiper-pagination-bullets {
            bottom: 68px;
        }
    }

    @media screen and (max-width: 539px) {
        .text_right .slide-inner-wrapper .slide-text-block .slide-large-text p:last-child {
            flex: 1 0 100%;
        }
    }
}

.section.full-width-slider .half_half {
    --half-half-fallback-bg: rgba(153, 169, 133, 1);
    color: var(--color-primary-btn);

    .slide-inner-wrapper {
        background-color: var(--color-primary-btn, var(--half-half-fallback-bg));
        background-repeat: no-repeat;
        background-size: 50% 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .slide-promotion-block {
        padding: var(--large-space) 0;
        padding-left: var(--large-space);

        .logo-wrapper {
            margin-bottom: var(--extra-huge-space);
        }

        .promotion {
            background-color: var(--color-primary-btn, var(--half-half-fallback-bg));
            color: var(--color-white);
            text-align: center;
            font-family: 'PT Serif', serif;
            font-size: 5rem;
            font-weight: 700;
            line-height: 1.1;
            text-transform: uppercase;
            border-radius: 50%;
            aspect-ratio: 1;
            width: 280px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: var(--regular-space);
        }

        .slide-image-block {
            display: none;
        }
    }

    .slide-subtitle {
        max-width: 420px;
        margin-left: auto;
    }

    .slide-large-text,
    .slide-text-block .slide-subtitle {
        position: relative;
        margin-bottom: var(--large-space);
        padding-bottom: var(--large-space);

        &:after {
            content: '';
            width: 100%;
            max-width: 148px;
            height: 2px;
            background-color: var(--color-light);
            position: absolute;
            bottom: 0;
            right: 0;
        }
    }

    .et_pb_button {
        margin-top: 0;
    }

    .slide-image-block {
        background-size: 115%;
        background-position: center;
    }

    .social-media-list {
        justify-content: flex-end;
    }

    .slide-side-text-block h5 {

        &:after,
        &:before {
            background-color: var(--color-primary-btn, var(--half-half-fallback-bg));
        }
    }

    @media screen and (max-width: 1199px) {
        .slide-image-block {
            display: none;
        }

        .slide-promotion-block {
            padding-right: var(--space-step);

            .logo-wrapper {
                margin-bottom: var(--regular-space);
            }

            .slide-image-block {
                display: block;

                img {
                    display: block;
                    max-width: 280px;
                    margin: 0 auto;
                }
            }

            .promotion {
                width: 220px;
                aspect-ratio: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 3.8rem;
                margin: 0 auto;
                padding: var(--regular-space);
            }
        }

        .slide-inner-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media screen and (min-width: 980px) {
        .slide-text-block .logo-wrapper {
            display: none;
        }
    }

    @media screen and (max-width: 979px) {
        .slide-promotion-block .logo-wrapper {
            display: none;
        }
    }
}

.site_mode_women section.full-width-slider {
    .text_left {
        --color-main-dark: #D8A3B2;
        --color-main-light: #ffffff;

        .slide-image-block {
            background-size: auto 100%, 170% 100%;
            background-position: center, 100%;
        }
    }

    .text_right {
        .slide-image-block {
            background-size: auto 100%;
        }
    }

    .half_half {
        --color-primary-btn: var(--c-light-green);
        --color-light: #ECDCBB;
    }

    @media screen and (max-width: 979px) {
        .text_left .slide-image-block {
            background-size: auto 100%, 155% 100%;
        }

        .text_right .slide-image-block {
            background-size: 100% auto;
        }

        .text_right .slide-inner-wrapper .slide-side-text-block, 
        .text_right .slide-inner-wrapper .slide-side-text-block h5 {
            background-color: var(--color-main-dark);
        }
    }

    @media screen and (max-width: 574px) {
        .text_right .slide-image-block {
            background-size: auto 100%;
        }

        .half_half .slide-inner-wrapper .slide-image-block img {
            top: -38%;
        }
    }
}
