/* #custom-gladly-chat-button,
#myLauncher,
#launcher {
    display: none!important;
} */

.rlc-redesign-26 {
    --Polo-Cool-Grey-2: #9D9FA3;
    --Polo-Cool-Grey-4: #E1E1E5;
    --Polo-Cool-Grey-5: #F2F3F5;
    --Polo-Primary: #041E3A;

    .rlc-cat {
        color: var(--foundersReg);
        font-size: 0.8125em;
        line-height: 1.8461538461538463em;
        letter-spacing: 0.07692307692307693em;
        text-transform: uppercase;
    }
    .rlc-title {
        font-family: var(--leJeuneReg);
        text-transform: unset;
        text-align: unset;
        font-size: 2.75em;
        line-height: 1.1818181818181819em;
    }

    .rlc-title.rlc-sm {
        font-size: 1.75em; /* 28px */
        line-height: 1.4285714285714286em;
    }

    .rlc-linecta {
        font-family: var(--foundersReg);
        font-size: 0.75em;
        line-height: 1.4000000000000001em;
        letter-spacing: 0.09999999999999999em!important;
        text-transform: uppercase;
        color: currentColor;
        display: inline-block;
        position: relative;
        padding-bottom: calc(0.5em + 1px);

        &::after {
             content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0em;
            height: 1px;
            width: 100%;
            background: currentColor;
            -webkit-transition: bottom 0.5s; transition: bottom 0.5s;
        }

        &:hover {
            text-decoration: none;
            color: currentColor;

            &::after  {
            bottom: 0.42857142857142855em;
            }
        }
        &.rlc-spawnlookbook {
            position: relative;
            span {

            }
        }
        &.rlc-spawnlookbook::before {
            content: '';
            width: 1.4545454545454546em;
            height: 1.4545454545454546em;
            position: absolute;
            top: 50%; right: -2.3636363636363638em;
            transform: translateY(-50%);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.5' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3Crect x='0.5' y='9.8335' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3Crect x='9.83301' y='0.5' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3Crect x='9.83301' y='9.8335' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
        }
    }

    &.rlc-dlp {
        .rlc-dek {
            font-family: var(--leJeuneReg);
            font-size: 0.875em;
            line-height: 1.7142857142857142em;
        }
    }

    &.rlc-polo {
        .rlc-dek {
            font-family: var(--foundersReg);
            font-size: 0.75em;
            line-height: 1.8333333333333333em;
            letter-spacing: 0;
        }
        .rlc-linecta,
        a.rlc-linecta {
            font-size: 0.6875em;
            line-height: 1.2727272727272727em;
            letter-spacing: 0.09090909090909091em;
        }
    }

    

    .rlc-pillbutton {
        border-radius: 3.125em;
        height: 2em;
        padding: 0 1.15625em;
        display: inline-flex;
        justify-content: center;
        border: 1px solid currentColor;
        background-color: transparent;
        transition: all 0.4s;
        &.rlc-spawnlookbook {
            padding-right: 2.875em;
            position: relative;
        }
        &.rlc-spawnlookbook::after {
            content: '';
            width: 1em; height: 1em;
            position: absolute;
            top: 50%; right: 1.3125em;
            transform: translateY(-50%);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.5' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3Crect x='0.5' y='9.8335' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3Crect x='9.83301' y='0.5' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3Crect x='9.83301' y='9.8335' width='6.66667' height='6.66667' stroke='%23041E3A'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
        }
        &.rlc-spawnlookbook:hover::after {
            filter: invert();
        }
        span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: currentColor;
            font-family: var(--foundersMed);
            font-size: 0.6875em;
            line-height: 1.2727272727272727em;
            letter-spacing: 0.09090909090909091em;
            height: 100%;
            text-transform: uppercase;
        }
        &:hover {
            color: #000;
            background-color: #fff;
            border: 1px solid #fff;
         }
    }
    .rlc-all-color-dark .rlc-pillbutton:hover {
        color: #fff;
        background-color: #000;
        border: 1px solid #000;
        ::after {
            filter: invert();
        }
    }
    .rlc-all-color-navy .rlc-pillbutton:hover {
        color: #fff!important;
        background-color: var(--Polo-Primary);
        border: 1px solid var(--Polo-Primary);
        ::after {
            filter: invert();
        }
    }
    .rlc-scrollto {
        padding-right: 4.4375em;
        position: relative;
        display: inline-flex;
		span {
			color: currentColor;
            font-family: var(--foundersReg);
            font-size: 0.6875em;
            line-height: 1.2727272727272727em;
            letter-spacing: 0.09090909090909091em;
            text-transform: uppercase;
		}
        &::before {
			content: '';
            position: absolute;
            top: 50%; right: 0;
			height: 1px; width: 3.75em;;
			background: currentColor;
			display: block;
		}
        &::after {
			content: '';
			position: absolute;
			top: 50%; right: 0;
			display: block;
			width: 0.375em; height: 0.375em;
			border-right: 1px solid currentColor;
			border-bottom: 1px solid currentColor;
			transform: translateY(calc(-50% + 0.5px)) rotate(-45deg);
		}
	}


    .rlc-hasvideo {
        .rlc-videocontainer {
            video {
                object-fit: cover;
            }
        }
    }

    .rlc-looppause {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        overflow: hidden;
        border: none;
        &::before,
        &::after {
            content: '';
            position: absolute;
            display: block;
            width: 3px;  height: 12px;
            top: 50%; left: 50%;
            background: currentColor;
        }
        &::before {
            transform: translate(-4.5px,-50%);
        }
         &::after {
            transform: translate(1.5px,-50%);
        }
    }
    .user_paused {
        .rlc-looppause {
            border: none;
            &::before {
                top: 50%; left: 50%!important;
                transform: translate(calc(-50% + 1.5px),-50%);
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 0px 6px 11px;
                border-color: transparent transparent transparent currentColor;
                background: transparent;
            }
            &::after {
                display: none;
            }
        }
    }

    .rlc-background {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        width: auto;
        height: 100%;
        z-index: -1;
        .rlc-image {
            width: auto;
            min-width: 100%;
            height: auto;
            height: 100%;
        }
    }

    .rlc-rounded,
    .rlc-rounded-desktop {
        overflow: hidden;
        border-radius: 1.25em;
    }
    .rlc-rounded-mobile{
        border-radius: unset;
    }

    .rlc-carousel {

        .rlc-carousel-arrow {
            display: block;
            position: absolute;
            background: rgba(0, 0, 0, 0.20);
            top: 50%;
            visibility: visible !important;
            opacity: 1 !important;
            width: 40px;
            height: 40px;
            transition: opacity 0.3s;

            &.swiper-button-disabled {
                opacity: 0!important;
            }

            /* &&.swiper-button-next {
                right: 4.5em;
            }

            &&.swiper-button-prev {
                left: 4.5em;
            } */
        }

        .swiper-button-next {}

        .rlc-carousel-arrow::after {
            border-color: currentColor;
        }
    }
    
}
@media (min-width: 768px) {
    .rlc-redesign-26 {
        .rlc-mobile-only {
            display: none;
        }
    }
}
@media (max-width: 767px) {
    .rlc-redesign-26 {
        .rlc-desktop-only {
            display: none;
        }
        .rlc-pillbutton {
            height: 2em;
            padding: 0 1.25em;
            span {
                font-family: var(--foundersReg);
                font-size: 0.6875em;
                line-height: 1.2727272727272727em;
                letter-spacing: 0.09090909090909091em;
            }
        }

        .rlc-title {
            font-size: 1.5em;
            line-height: 1.4166666666666667em;
            letter-spacing: 0;
        }

        .rlc-title.rlc-sm {
            font-size: 1.25em; /* 20px */
            line-height: 1.4em;
        }

        .rlc-videocontainer {
            .rlc-looppause.rlc-glass-border {
                width: 32px;
                height: 32px;
            }
        }
        .rlc-rounded-mobile {
            border-radius: 1.25em;
        }
        .rlc-rounded-desktop {
            border-radius: unset;
        }
        .rlc-looppause {
            border: none;
        }
    }
}



/* GLASS BORDER EFFECT */
.rlc-redesign-26 .rlc-glass-border {
    position: relative;
    background: rgba(0, 0, 0, 0.20);
    color: white;
    border: none;
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.20);

    &&::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0.80) 0%,   /* light at -45deg, 80% */
            rgba(255, 255, 255, 0.00) 100%  /* splay: 0 = sharp fade */
        );
        mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        mask-composite: exclude;
        -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        pointer-events: none;
    }
}


/* CAROUSEL THUMBNAIL PAGINATION */

.rlc-redesign-26 .rlc-carousel.rlc-pagination-carousel {

    height: 100%;

    .rlc-carousel_wrapper,
    .swiper-wrapper {
        height: 100%;
    }

    .rlc-slide {

        .rlc-copygroup {
            width: 22.0625em;
            /* bottom: 1.875em; */

            .rlc-dek {
                margin-top: 0.8571428571428571em;
            }

            .rlc-links {
                margin-top: 1.5em;
                flex-direction: column;
                align-items: center;

                a,
                button {
                    margin: 1.5em 0.25em 0;
                    &:first-child {
                        margin-top: 0;
                    }
                }
                
            }   
        }   
    } 

    .rlc-thumb-pagination {
        position: absolute;
        bottom: 3.5em;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        border-radius: 3.125em;
        background: rgba(0, 0, 0, 0.20);
        /* padding: 0.3125em 0.1875em; */
        padding: 0.3125em 0.1875em calc(0.3125em - 1px);
        backdrop-filter: blur(0.75em);
        -webkit-backdrop-filter: blur(0.75em);
        white-space: nowrap;

        .rlc-thumb-pagination-btn {
            height: 2.5em;
            display: inline-flex;
            align-items: center;
            padding: 0 0.6875em 0 0.1875em;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 2em;
            overflow: hidden;
            margin: 0 0.125em;
            transition: all 0.8s;

            &.rlc-active {
                background: #fff;
                color: #000;
            }

            .rlc-thumb-pagination-thumb {
                width: 2.125em;
                height: 2.125em;
                margin: 0 0.5em 0 0;
            }

            .rlc-thumb-pagination-txt {
                display: inline-block;
                color: currentColor;
                font-family: var(--leJeuneReg);
                font-size: 1em;
                line-height: 1.375em;
                letter-spacing: 0;
            }
        }
    }
}

@media (min-width: 768px) {

    [lang^=ar] .rlc-redesign-26 .rlc-carousel.rlc-pagination-carousel .rlc-thumb-pagination {
        display: flex;
        .rlc-thumb-pagination-btn {
            padding: 0 0.1875em 0 0.6875em;
            .rlc-thumb-pagination-thumb {
                margin: 0 0 0 0.5em;       
            }
        }
    }
}

            

@media (max-width: 767px) {

    .rlc-redesign-26 .rlc-carousel.rlc-pagination-carousel {

        .rlc-thumb-pagination,
        .rlc-carousel-arrow {
            display: none;
        }
        
        .rlc-slide {

            .rlc-copygroup {

                .rlc-dek {
                    margin-top: 0.8571428571428571em;
                }

                .rlc-links {
                    margin-top: 1.25em;

                    a,
                    button {
                        margin: 1.25em 0.25em 0;
                        &:first-child {
                            margin-top: 0;
                        }
                    }
                    
                }   
            }   
        } 
    }
}

/* AUTOPLAY PROGRESS STRIP — generated for any .rlc-carousel.rlc-autoplay */
.rlc-redesign-26 .rlc-carousel.rlc-autoplay {
    .rlc-progress-strip {
        position: absolute;
        bottom: 1.25em;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        display: flex;
        align-items: center;
        gap: 1em;

        .rlc-progress-counter {
            display: flex;
            align-items: center;
            color: white;
            font-family: var(--foundersMed, sans-serif);
            font-size: 0.75em;
            letter-spacing: 0.08em;
            white-space: nowrap;
            flex-shrink: 0;

            .rlc-progress-counter-sep {
                opacity: 0.5;
                margin: 0 0.9em;
                font-size: 1.6666666666666667em;
            }
        }
        .rlc-progress-track {
            flex-shrink: 0;
            height: 4px;
            background: rgba(255, 255, 255, 0.30);
            border-radius: 2px;
            overflow: hidden;
            position: relative;
            width: 66.5625em;

            .rlc-progress-bar {
                position: absolute;
                top: 0; left: 0;
                height: 100%;
                width: 0%;
                background: white;
                transition: width 0.1s linear; /* smooths rAF steps */
            }
        }
        .rlc-looppause {
            width: 32px;
            height: 32px;
            z-index: 20;
            /* border: 1px solid currentColor; */
            flex-shrink: 0;
            position: relative;
            margin: 0;
        }
    }
}
[lang^=ar] .rlc-redesign-26 .rlc-carousel.rlc-autoplay .rlc-progress-strip .rlc-progress-track {
    transform: scale(-1);
}
@media (max-width: 767px) {
    .rlc-redesign-26 .rlc-carousel.rlc-autoplay {
        height: 100%;

        .rlc-carousel_wrapper {
            height: calc(100% - 4px);
        }
        .rlc-progress-strip {
            position: relative;
            bottom: auto; left: auto;
            transform: none;

            .rlc-progress-counter {
                display: none;
            }
            .rlc-progress-track {
                width: 100%;
                height: 4px;
                background: #9D9FA3;
            }
            .rlc-looppause {
                position: absolute;
                bottom: 1.25em;
                right: 1.25em;
                border: none;
            }
        }
    }
}



/* BACKGROUND SLIDER */

@keyframes rlc-bg-slider-gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 0%;
	}
}

.rlc-redesign-26 .rlc-bg-slider {
    background: linear-gradient(249deg, rgba(0, 0, 0, 0.64) 0%, rgba(217, 217, 217, 0.32) 25%, rgba(27, 27, 27, 0.64) 50%, rgba(217, 217, 217, 0.32) 75%, rgba(0, 0, 0, 0.64) 100%);
    background-size: 200% 200%;
    animation: rlc-bg-slider-gradient 15s ease infinite;

    &::after {
        content: '';
        width: 61.6875em;
        height: 33.25em;
        position: absolute;
        left: 50%; top: 50%;
        transform: translate(-50%,-50%);
        /* bottom: 8.375em; */
        overflow: hidden;
        border-radius: 1.25em;
        background: #6D6F73;
        background: radial-gradient(circle, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 30%, rgb(109, 111, 115, 0.6) 100%);
        opacity: 1;
        transition: opacity 1s;
    }

    .rlc-in {
        opacity: 0;
        transition: opacity 1s;
        height: 51.875em;
        min-height: 45em;
        max-height: calc(100vh - var(--rlc26-tickerHeight));
    }
    &.rlc-loaded {
        background: transparent;
        animation: none;
        &::after {
            opacity: 0;
        }
        .rlc-in {
            opacity: 1;
        }
    }

    .rlc-bg-fades {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;

        .rlc-bg-item {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            opacity: 0;
            transition: opacity 0.8s;
            min-height: 100%;
            object-fit: cover;

            &.rlc-active {
                opacity: 1;
                /* no z-index here */
            }

            &.rlc-on-top {
                z-index: 1;
                /* sits above all others during fade */
            }
        }
    }

    .rlc-thumb-pagination {
        bottom: 3.875em;
    }

    .rlc-carousel {
        width: 100%;
        height: 100%;
        margin: 0 auto;

        .rlc-carousel_wrapper {
            overflow: visible;
            height: 100%;

            .rlc-carousel-arrow {
                display: none;
            }

            .swiper-wrapper {
                height: auto;
                height: 100%;

                .rlc-slide {
                    height: 100%;
                    overflow: hidden;

                    .rlc-imagery {
                        width: 61.6875em;
                        position: absolute;
                        left: 50%; top: 50%;
                        transform: translate(-50%,-50%);
                        /* bottom: 8.375em; */

                        .rlc-looppause {
                            display: none;
                        }

                        .rlc-copygroup {
                            width: 22em;
                            .rlc-copy-in {
                                width: 11.6875em;
                                margin: 0 auto;
                            }
                        }
                    }

                    .rlc-overlay {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        z-index: 2;
                        pointer-events: none;
                        width: 100%;
                        /* height: 100%; */
                        transition: all 0.4s;
                        opacity: 0;

                        /* .rlc-image {
                            width: 100%;
                            height: auto;
                        } */
                    }
                }
            }

        }
        
    }

    .rlc-carousel .rlc-slide .rlc-overlay {
        transform: translateX(8em);
        opacity: 0;
        transition: all 1s;
        transition-delay: 1s;
    }
    &.rlc-loaded {
        .rlc-carousel {
            .rlc-slide .rlc-overlay {
                transform: translateX(0);
            }
            &&.rlc-moving-next .rlc-slide.swiper-slide-active .rlc-overlay {
                transform: translateX(8em)!important;

                transition: all 0s;
            }
            &&.rlc-moving-prev .rlc-slide.swiper-slide-active .rlc-overlay {
                transform: translateX(-8em)!important;
                transition: all 0s;
            }
            .rlc-slide.swiper-slide-active .rlc-overlay {
                opacity: 1;
                transition: all 0.8s;
            }
        }
    }
}

@media (min-width: 768px) {

    [lang^=ar]  .rlc-redesign-26 .rlc-bg-slider {
        .rlc-carousel .rlc-slide .rlc-overlay {
            transform: translateX(0);
        }
        &.rlc-loaded {
            .rlc-carousel {
                .rlc-slide .rlc-overlay {
                    transform: translateX(0);
                }
                &&.rlc-moving-next .rlc-slide.swiper-slide-active .rlc-overlay {
                    transform: translateX(-8em)!important;
                }
                &&.rlc-moving-prev .rlc-slide.swiper-slide-active .rlc-overlay {
                    transform: translateX(8em)!important;
                }
            }
        }
    }
}
@media (max-width: 767px) {

    .rlc-redesign-26 .rlc-bg-slider {
        min-height: calc(100svh - var(--rlc26-tickerHeight));
        height: calc(100svh - var(--rlc26-tickerHeight));
        background: none;

        &::after {
            display: none;
        }

        .rlc-in {
            height: 100%;
            min-height: unset;
            max-height: unset;

            .rlc-carousel {
                height: calc(100% - 4px);
                position: relative;
                top: 0;
                left: 0;
                transform: none;

                .rlc-carousel_wrapper {

                    .rlc-carousel-arrow {
                        display: none;
                    }

                    .swiper-wrapper {

                        .rlc-slide {

                            .rlc-imagery {
                                width: 100%;
                                transform: none;
                                top: 0; bottom: 0;
                                left: 0;

                                .rlc-poster {
                                    opacity: 1;
                                }

                                video,
                                .rlc-image {
                                    object-fit: cover;
                                    width: auto;
                                    height: 100vh;
                                    position: relative;
                                    left: 50%;
                                    transform: translateX(-50%);
                                }

                                .rlc-copygroup {
                                    width: 100%;
                                    z-index: 3;
                                    bottom: 4.25em;

                                    .rlc-image {
                                        width: 100%;
                                        height: auto;
                                        object-fit: unset;
                                    }

                                    .rlc-copy-in {
                                        width: 15.9375em;
                                        margin: 0 auto;

                                        .rlc-dek {
                                            margin: 1.5384615384615385em auto 0;
                                        }
                                    }
                                }
                            }

                            

                            .rlc-overlay {
                                display: none;
                            }
                        }
                    }

                }
            }


            .rlc-looppause {
                bottom: 1.25em;
                top: auto;
                transform: none;
                right: 1.25em;
            }
        }

    }
    [lang^=ar] .rlc-redesign-26 .rlc-bg-slider .rlc-in .rlc-carousel .rlc-carousel_wrapper .swiper-wrapper .rlc-slide{
        .rlc-imagery {
            direction: ltr;
            .rlc-copygroup {
              direction: rtl;  
            }
        }
    }
}



/* ENHANCED HERO */
.rlc-redesign-26 .rlc-hero-enhanced {
    height: 56.25em; 
    .rlc-background {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;

        .rlc-videocontainer {
            min-height: 100%;
            object-fit: cover;
        }
    }

    .rlc-hd {
        top: 0;
        z-index: 5;
        width: 28.625em;
        height: 17.25em;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        text-align: center;
        padding-bottom: 2.5em;
        .rlc-logo {
            width: 22.0625em;
            margin: 0 auto 0.875em;
        }
    }

    .rlc-imagery,
    .rlc-copygroup {
        width: 63.75em;
        height: 34.375em;
        position: absolute;
        left: 50%; bottom: 4.625em;
        transform: translateX(-50%);
    }

    .rlc-copygroup {
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 3;
        .rlc-links {
            margin-top: 0.9375em;
        }
    }

    .rlc-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        pointer-events: none;
        width: 100%;
        opacity: 0;
        transition: all 1s;
        transform: translateX(8em);
    }
    &.rlc-ready .rlc-overlay {
        opacity: 1;
        transform: translateX(0);
    }
}
@media (max-width: 767px) {

    .rlc-redesign-26 .rlc-hero-enhanced {
        height: 46.25em; 
        .rlc-background {
            .rlc-looppause {
                bottom: 0; left: 0;
            }
        }
        .rlc-hd {
            width: 17.4375em;
            height: 17.5625em;
            padding-bottom: 3.125em;
            .rlc-logo {
                width: 12.8125em;
                margin: 0 auto 0.625em;
            }
        }

        .rlc-imagery {
            width: 20.9375em;
            height: 27.0625em;
            bottom: 1.625em;
        }

        .rlc-copygroup {
            display: block;
            width: 19.6875em;
            height: auto;
            bottom: 5.625em;
        }

        .rlc-overlay {
            bottom: 1.625em;
            transform: translateX(0);
        }
    }
}

/* STICKY NAV */
.rlc-redesign-26 {
    &.rlc-polo #rlc-stickynav {
        .rlc-active {
            border-color: currentColor;
        }
        .rlc-in {
            background: rgba(0, 0, 0, 0.30);
            backdrop-filter: blur(0.75em);
            -webkit-backdrop-filter: blur(0.75em);

            #rlc-stickynavjumps {
                color: #fff;
                .rlc-active {
                    color: currentColor;
                }
            }
            #rlc-stickynavbuttons {
                &.rlc-ready {
                    .rlc-ul {
                        height: auto!important;
                        .rlc-link {
                            min-height: 2em;
                            margin-right: 3.125em;
                        }
                    }
                }
            }
        }
        .rlc-progress {
            display: none;
        }
    }
    
}
@media only screen and (max-width: 767px) {
    .rlc-redesign-26 {
        &.rlc-polo #rlc-stickynav {
            .rlc-menu.rlc-open {
                background: transparent;
            }
            #rlc-stickynavjumps .rlc-ul {
                background: rgba(0, 0, 0, 0.65);
                bottom: 0;
            }
            #rlc-stickynavbuttons {
                    .rlc-ul {
                        .rlc-link {
                            margin-right: 1.875em!important;
                        }
                    }
                
            }
        }
    }
}


/* CATEGORY MOSAICS */

.rlc-redesign-26 .rlc-categories {
    background: #fff;

    .rlc-hd {
        margin: 6.75em auto 3.4375em;

        .rlc-title {
            color: var(--Polo-Primary);
            letter-spacing: 0;
        }
    }

    .rlc-cols {
        margin: 0 auto;
        display: flex;
        justify-content: center;

        .rlc-copygroup {
            position: absolute;
            bottom: 1.125em;
            left: 0;
            width: 100%;
            text-align: center;

            .rlc-link {
                color: #fff;
                font-family: var(--foundersMed);
                font-size: 1em;
                line-height: 1.5em;
                letter-spacing: 0.0625em;
                text-transform: uppercase;
            }
        }
    }
}

@media (min-width: 768px) {
    .rlc-redesign-26 .rlc-categories {
        padding-bottom: 5.0625em;

        .rlc-col {
            width: 34.0625em;
            height: 37.75em;
            display: grid;
            grid-column-gap: 0.9375em;
            grid-row-gap: 0.6875em;
            margin: 0 0.46875em;

            &:nth-of-type(1) {
                .rlc-block:nth-of-type(1) {
                    grid-area: 1 / 1 / 2 / 2;
                }

                .rlc-block:nth-of-type(2) {
                    grid-area: 2 / 1 / 3 / 2;
                }

                .rlc-block:nth-of-type(3) {
                    grid-area: 1 / 2 / 3 / 3;
                }
            }

            &:nth-of-type(2) {
                .rlc-block:nth-of-type(1) {
                    grid-area: 1 / 1 / 3 / 2;
                }

                .rlc-block:nth-of-type(2) {
                    grid-area: 1 / 2 / 2 / 3;
                }

                .rlc-block:nth-of-type(3) {
                    grid-area: 2 / 2 / 3 / 3;
                }
            }

            .rlc-block {
                width: 16.5625em;
            }
        }
    }
}

@media (max-width: 767px) {

    .rlc-redesign-26 .rlc-categories {
        padding: 1.875em 0 5.125em;

        .rlc-hd {
            margin: 0 0 0.75em 1.625em;
        }

        .rlc-cols {
            width: 19.6875em;
            justify-content: space-between;

            .rlc-col {
                width: 9.5em;
                display: flex;
                flex-direction: column;

                .rlc-copygroup {
                    position: relative;
                    bottom: auto;
                    left: auto;
                    transform: none;
                    margin: 0.25em auto 0.5em;
                    text-align: center;
                    color: #000;
                    display: inline-flex;
                    justify-content: center;

                    .rlc-link {
                        font-size: 0.6875em;
                        line-height: 1.2727272727272727em;
                        letter-spacing: 0.09090909090909091em!important;
                        color: var(--Polo-Primary);
                    }
                }
            }


        }
    }
    [lang^=ar] .rlc-redesign-26 .rlc-categories .rlc-hd {
        margin: 0 1.625em 0.75em 0;
    }
}

/* HIGHLIGHTS */

.rlc-redesign-26 .rlc-highlights {
    .rlc-wrap {
        min-height: 42.875em;
        padding: 6.6875em 0;

        .rlc-dek {
            margin-top: 0.2857142857142857em;
        }

        .rlc-links {
            margin-top: 1.5em;
        }

        .rlc-in {
            position: relative;

            .rlc-hd {
                position: absolute;
                top: 1.25em;
                left: 42em;
                width: 22.25em;
            }

            .rlc-feat {
                margin-left: 7em;
                width: 30.5em;
            }

            .rlc-item {
                position: relative;

                .rlc-videocontainer {
                    .rlc-looppause {
                        top: 0.625em; left: 0.625em;
                        bottom: auto;
                        border: none;
                    }
                }

                .rlc-copygroup {
                    position: absolute;
                    bottom: 2.375em;
                    /* left: 1.75em; */
                    padding: 0 1.75em;
                    

                     .rlc-title {
                        font-size: 2em;
                        line-height: 1.1875em;
                        margin-top: 0.34375em;
                    }
                }
                &.rlc-feat {
                    .rlc-copygroup .rlc-title {
                        font-size: 2.75em;
                        line-height: 1.1818181818181819em;
                    }
                }
            }

            .rlc-items {
                position: absolute;
                bottom: 0;
                left: 42em;
                width: 48em;

                .rlc-carousel-scrollbar {
                    display: none;
                }
                .rlc-carousel-arrow {
                    background: #fff;
                    &::after {
                        border-color: #000;
                    }
                }
                .rlc-carousel-arrow.rlc-carousel-arrow-left {
                    left: 1.75em;
                }
                .rlc-carousel-arrow.rlc-carousel-arrow-right {
                    right: 3.5em;
                }

                .rlc-item {
                    width: 22.25em;
                    margin-right: 1em;
                    flex-shrink: 0;
                }
            }

            
        }
    }
}
@media (min-width: 768px) {

    .rlc-redesign-26 .rlc-highlights .rlc-wrap .rlc-in .rlc-items .rlc-item:last-of-type {
        margin-right: 2.5em;
    }

    [lang^=ar] .rlc-redesign-26 .rlc-highlights .rlc-wrap .rlc-in {
        .rlc-hd {
            left: auto; right: 42em;
            text-align: right;
        }
        .rlc-items {
            left: auto; right: 42em;
        }
        .rlc-feat {
            margin: 0 7em 0 0;
        }
        .rlc-item .rlc-copygroup {
            left: auto; right: 1.75em;
        }
    }

    [lang^=ar] .rlc-redesign-26 .rlc-highlights .rlc-wrap .rlc-in .rlc-items {
        .rlc-item {
            margin: 0 0 0 1em;
        }
        .rlc-item:last-of-type {
            margin: 0 0 0 2.5em;
        }
        .rlc-carousel-arrow.rlc-carousel-arrow-right {
            left: 1.75em; right: auto;
            transform: translateY(-50%) rotate(180deg);
        }
        .rlc-carousel-arrow.rlc-carousel-arrow-left {
            left: auto; right: 3.5em;
            transform: translateY(-50%) rotate(180deg);
        }

        
    }
}
@media (max-width: 767px) {
    .rlc-redesign-26 {
        .rlc-highlights {
            

            .rlc-wrap {
                min-height: 50.75em;
                /* height: 50.75em; */
                display: flex;
                flex-direction: column;
                justify-content: center;

                .rlc-dek {
                    width: 22.5em;
                }

                .rlc-in {
                    position: relative;
                    height: 100%;

                    .rlc-hd {
                        position: relative;
                        left: auto; top: auto;
                        margin-left: 1.875em;
                        /* padding-top: 4.625em; */
                        .rlc-title {
                            font-size: 1.625em;
                        }
                    }

                    .rlc-feat {
                        margin-top: 0.5em;
                        margin-left: 1.875em;
                        width: 19.688em;
                    }

                    .rlc-item {
                        .rlc-copygroup {
                            bottom: 1.24em;
                            padding: 0 1.25em;

                            .rlc-cat {
                                font-size: 0.625em;
                                line-height: 1.8em;
                            }

                             .rlc-title {
                                font-size: 1.25em;
                                line-height: 1.4em;
                                letter-spacing: 0;
                                margin-top: 0.25em;
                            }
                        }
                        &.rlc-feat {
                            .rlc-copygroup .rlc-title {
                                font-size: 1.75em;
                                line-height: 1.4285714285714286em;
                            }
                        }
                    }

                    .rlc-items {
                        overflow: hidden;
                        position: relative;
                        top: auto;
                        left: auto;
                        width: 21.5625em;
                        margin-top: 0.5em;
                        margin-left: 1.875em;
                        padding-bottom: 1.125em;

                        .rlc-carousel-arrow {
                            display: none;
                        }

                        .rlc-carousel-scrollbar {
                            display: block;
                            bottom: calc(-1em + 2px);
                            width: 19.6875em;
                            height: 2px;

                            &:before {
                                opacity: 1;
                            }
                            .swiper-scrollbar-drag {
                                /* width: calc(200% / var(--slide-count)); */
                                &:after {
                                    opacity: 1;
                                    background-color: #000;
                                }
                            }
                        }
                        

                        .rlc-item {
                            width: 14.337em;
                            margin-right: 0.5em;
                            &:last-child {
                                margin-right: 1.875em;
                            }
                        }
                    }

                    
                }
            }
        }
    }

    [lang^=ar] .rlc-redesign-26 {
        & .rlc-highlights {
            & .rlc-wrap {
                & .rlc-in {
                    .rlc-hd {
                        text-align: right;
                        margin: 0 1.875em 0 0;
                    }
                    .rlc-feat {
                        margin: 0.5em 1.875em 0 0;
                    }
                    .rlc-items {
                        margin: 0.5em 1.875em 0 0;
                        .rlc-item {
                            margin: 0 0 0 0.5em;
                            &:last-child {
                                margin: 0 0 0 1.875em;
                            }
                        }
                    }
                }
            }
        }
    }
}

/* PAGINATION CAROUSEL */

.rlc-redesign-26 .rlc-pagination-carousel {

    .swiper-pagination,
    .rlc-carousel-arrow {
        display: none;
    }

    .rlc-slide {
        .rlc-copygroup {
            .rlc-logo {
                /* width: 22.063em; */
                margin: 0 auto 1.5em;
            }

            .rlc-dek {
                margin-top: 0.5714285714285714em;
            }

            .rlc-links {
                margin-top: 1.5em;
            }
        }
    }
}

@media (max-width: 767px) {
    .rlc-redesign-26 .rlc-pagination-carousel {
        /* min-height: 100dvh; */

        .swiper-pagination {
            display: none;
        }

        .rlc-carousel-arrow {
            display: block;
            position: absolute;
            background: rgba(0, 0, 0, 0.20);
            bottom: 8.25em;
            top: auto;
            transform: none;
            visibility: visible !important;
            opacity: 1 !important;
            width: 40px;
            height: 40px;

            &&.swiper-button-next {
                right: 4.5em;
            }

            &&.swiper-button-prev {
                left: 4.5em;
            }

            &&::after {
                border-color: currentColor;
            }
        }

        .rlc-slide {
            .rlc-copygroup {

                .rlc-logo {
                    margin-bottom: 1.5em;
                }

                .rlc-dek {
                    margin-top: 0.214em;
                }

                .rlc-links {
                    margin-top: 1.574em;
                }

                .rlc-pillbutton {
                    margin: 1.25em 0 0;
                    max-width: 9.125em;
                }
            }
        }
    }
}


/* GRID TO CAROUSEL SECTION */
.rlc-redesign-26 .rlc-grid-to-carousel {
    .rlc-in {
        padding: 2.875em 3.5em 4.625em;
        .rlc-tiles {
            display: flex;
            justify-content: space-between;
            margin-bottom: 1em;
            .rlc-tile {
                width: 27em;
                &.rlc-desktop-wide {
                    width: 55em;
                }
                .rlc-copygroup {
                    position: absolute;
                    bottom: 0; left: 0;
                    padding: 2.75em 1.875em;
                    .rlc-title.rlc-sm {
                        margin-bottom: 0.35714285714285715em;
                    }
                }
                .rlc-videocontainer .rlc-looppause {
                    bottom: auto; top: 1em;
                }
            }
            &.rlc-carousel {
                display: block;
                .swiper-wrapper {
                    padding-bottom: 2.375em;
                }
                .rlc-carousel-arrow {
                    top: 16.5625em;
                    background: #fff;
                    border: 1px solid var(--Polo-Cool-Grey-4);
                    &.rlc-carousel-arrow-left {
                        left: 1em;
                    }
                    &.rlc-carousel-arrow-right {
                        right: 1em;
                    }
                    &::after {
                        border-color: #000;
                    }
                }
                .rlc-tile {
                    margin-right: 1em;
                    &:last-of-type {
                        margin-right: 0;
                    }
                }
                .rlc-carousel-scrollbar {
                    height: 0.375em;
                    width: 100%;
                    &::before {
                        opacity: 1;
                    }
                    .swiper-scrollbar-drag {
                        &::after {
                            opacity: 1;
                            background-color: var(--Polo-Primary);
                        }
                    }
                }
            }
        }
    }
}
[lang^=ar] .rlc-redesign-26 .rlc-grid-to-carousel .rlc-in {
    .rlc-tiles .rlc-tile .rlc-copygroup {
        left: auto; right: 0;
    }
    .rlc-carousel .rlc-carousel-arrow {
        transform: translateY(-50%) rotate(180deg);
        &.rlc-carousel-arrow-right {
            right: auto; left: 2.5em;
        }
        &.rlc-carousel-arrow-left {
            right: 2.5em;; left: auto
        }
    }
}
@media only screen and (max-width: 767px) {
    .rlc-redesign-26 .rlc-grid-to-carousel {
        .rlc-in {
            padding: 2.5625em 1.25em 3.75em;
            .rlc-tiles {
                margin-bottom: 1.25em;
                .rlc-tile {
                    width: 12.875em;
                    &.rlc-desktop-wide {
                        width: 20.9375em;
                    }
                    .rlc-copygroup {
                        padding: 1.25em 1.25em;
                    }
                }
                &.rlc-carousel {
                    .swiper-wrapper {
                        padding-bottom: 1.625em;
                        .rlc-slide {
                            .rlc-linecta {
                                display: none;
                            }
                            .rlc-looppause {
                                bottom: auto; top: 1em;
                            }
                        }
                    }
                    .rlc-carousel-arrow {
                        display: none;
                    }
                    .rlc-tile {
                        margin-right: 0.9375em;
                    }
                    .rlc-carousel-scrollbar {
                        height: 0.375em;
                        width: 100%;
                        &::before {
                            opacity: 1;
                            height: 4px;
                        }
                        .swiper-scrollbar-drag::after {
                            height: 4px;
                        }

                    }
                }
            }
        }
    }
}


/* CAMPAIGN SECTION */
.rlc-campaign-section {
    -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);
    .rlc-pinclip {
        height: 45em;
        .rlc-pin .rlc-looppause {
            left: auto; right: 1em;
        }
    }
    .rlc-wrap {
        background: #fff;
        position: relative;
        z-index: 1;
        padding: 6.25em 0;
        .rlc-hd {
            margin-bottom: 3.125em;
            .rlc-dek {
                margin: 0.8333333333333334em auto 0;
                width: 45.333333333333336em;
            }
            .rlc-links {
                margin-top: 1.875em;
            }
        }
        .rlc-autoslider {
            margin-bottom: 1.25em;
            .rlc-in {
                padding-bottom: 3.875em;
                .rlc-slide {
                    width: 13em;
                    margin: 0 0.5em;
                }
            }
            .rlc-looppause {
                left: auto;
                right: 1em;
                bottom: 0;
            }
        }
        .rlc-duo-grid {
            padding: 2em 3.5em 0;
            text-align: center;
            .rlc-in {
                overflow: hidden;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                transition: height 1s;
                .rlc-tile {
                    width: 41em;
                    min-height: 51.25em;
                    margin-bottom: 1em;
                    &.rlc-wide {
                        width: 100%;
                    }
                    .rlc-videocontainer {
                        .rlc-looppause {
                            bottom: auto; top: 1em;
                        }
                    }
                    &.rlc-carousel {
                        margin: 0 0 1em;
                        .rlc-intro {
                            position: absolute;
                            top: 2.5em; left: 2.5em;
                            width: 12.625em;
                            z-index: 2;
                            text-align: left;
                            .rlc-dek {
                                margin: 1em 0 2.5em;
                            }
                        }
                        .rlc-carousel-arrow {
                            background: #fff;
                            &::after {
                                border-color: #000;
                            }
                        }
                        .rlc-carousel-pagination {
                            bottom: 0;
                            width: 19.25em;
                            .swiper-pagination-bullet {
                                height: 100%;
                                &::before {
                                    opacity: 1;
                                    background: var(--Polo-Cool-Grey-2);
                                }
                                &.swiper-pagination-bullet-active::before {
                                    background: var(--Polo-Primary);
                                }
                            }
                        }
                        
                    }
                }
            }
            .rlc-viewmore,
            .rlc-viewclose {
                margin: 2.125em auto 0;
            }
            .rlc-spawnlookbook {
                margin: 3.125em auto 0;
            }
        }
    }
}
[lang^=ar] .rlc-redesign-26 .rlc-campaign-section .rlc-duo-grid .rlc-carousel .rlc-carousel-arrow {
    transform: translateY(-50%) rotate(180deg);
    &.rlc-carousel-arrow-right {
        right: auto; left: 1em;
    }
    &.rlc-carousel-arrow-left {
        right: 1em;; left: auto
    }
}
@media (max-width: 767px) {
    .rlc-campaign-section {
        .rlc-pinclip {
            height: 30.9375em;
        }
        .rlc-wrap {
            padding: 5em 0;
            .rlc-hd {
                margin-bottom: 2.5em;
                .rlc-dek {
                    width: 21.4375em;
                }
            }
            .rlc-autoslider {
                margin-bottom: 1.25em;
                .rlc-in {
                    padding-bottom: 2em;
                    .rlc-slide {
                        width: 12.8125em;
                    }
                }
            }
            .rlc-duo-grid {
                padding: 0 1.25em 0;
                .rlc-in {
                    .rlc-tile {
                        width: 10.3125em;
                        min-height: 12.875em;
                        height: auto;
                        margin-bottom: 0.3125em;
                        &.rlc-mobile-wide {
                            width: 100%;
                            min-height: 25.9375em;
                        }
                        &.rlc-carousel {
                            margin: 0 0 0.3125em;
                            /* .swiper-wrapper {
                                min-height: 29.6875em;
                            } */
                            .rlc-intro {
                                position: relative;
                                top: auto; left: auto;
                                width: 17.1875em;
                                text-align: center;
                                margin: 1.875em auto;
                            }
                            .rlc-slide .rlc-imagery {
                                height: 25.9375em;
                            }
                            .rlc-carousel-arrow {
                                top: 13.0625em;
                                &.rlc-carousel-arrow-left {
                                    left: 0.75em;
                                }
                                &.rlc-carousel-arrow-right {
                                    right: 0.75em;
                                }
                            }
                            .rlc-carousel-pagination {
                                visibility: visible;
                                transform: translate3D(-50%,0,0);
                                position: relative;
                                height: 2.25em;
                                width: 12.6875em;
                                .swiper-pagination-bullet {
                                    &::before {
                                        background: #fff;
                                    }
                                }
                            }
                            
                        }
                    }
                }
                .rlc-viewmore,
                .rlc-viewclose {
                    margin: 2.125em auto 0;
                }
            }
        }
    }
    [lang^=ar] .rlc-redesign-26 .rlc-campaign-section .rlc-wrap .rlc-duo-grid .rlc-in .rlc-tile.rlc-carousel {
        .swiper-pagination {
            transform: translateX(50%);
        }
        .rlc-carousel-arrow {
            &.rlc-carousel-arrow-right {
                left: 0.75em; right: auto;
            }
            &.rlc-carousel-arrow-left {
                right: 0.75em;
            }
        }
    }
}




/* PIN-CLIP EFFECT */

.rlc-redesign-26 .rlc-pinclip {
    overflow: hidden;

    .rlc-pin {
        /* height: calc(100vh - var(--rlc26-rlNavHeight)); */

        &&.rlc-fixed {
            position: fixed;
            width: 90em;
            top: var(--rlc26-topNavHeights);
            left: 50%;
            transform: translateX(-50%);
            z-index: -1;
        }

    }

    &&.rlc-bg-slider {
        .rlc-pin.rlc-fixed {
            top: 0;
        }

        .rlc-pin {
            .rlc-in {
                height: 100vh !important;

                .rlc-bg-fades {
                    .rlc-image {
                        height: 100%;
                        min-width: 100%;
                        width: auto;
                        left: 50%;
                        transform: translateX(-50%);
                    }
                }

                .rlc-slide {
                    .rlc-imagery {
                        position: absolute;
                        left: 50%;
                        bottom: 9.375em;
                        transform: translateX(-50%);
                    }
                }
            }
        }

    }

    &&.rlc-highlights {
        .rlc-wrap {
            position: relative;
            height: 100%;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;

            /* padding: 6.6875em 0; */
            .rlc-background {
                .rlc-image {
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    width: auto;
                    min-width: 100%;
                }

                ;
            }

            .rlc-in {
                position: relative;
                height: 42.875em;
                width: 90em;

            }
        }
    }

    &&.rlc-categories {
        padding: 0;

        .rlc-wrap {
            height: 100%;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;

            .rlc-hd {
                margin-top: 0;
            }
        }
    }

    .rlc-pagination-carousel {
        height: 100%;

        .rlc-carousel,
        .rlc-carousel_wrapper,
        .swiper-wrapper,
        .rlc-slide {
            height: 100%;

            .rlc-imagery {
                height: 100%;
                width: 100%;
                position: relative;
                overflow: hidden;

                .rlc-image {
                    min-height: 100%;
                    height: auto;
                    min-width: 100%;
                    width: auto;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                }
            }
        }
    }

}
@media (max-width: 767px) {

.rlc-redesign-26 .rlc-pinclip {
    .rlc-pin {
            &&.rlc-fixed {
                width: 100vw;
            }
        }
    }
}

.rlc-redesign-26 .rlc-fadeover {
    opacity: 0;

    &&.rlc-m2e {
        height: calc(100vh - var(--rlc26-rlNavHeight));

        .rlc-wrap {
            position: relative;
            height: 100%;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;

            .rlc-background {
                .rlc-image {
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    width: auto;
                    min-width: 100%;
                }

                ;
            }

            .rlc-hd {
                padding-top: 0;
            }
        }
    }
}


/* BEGIN LOOKBOOK STYLES */

.rlc-modalopen #usntA40Toggle {
    display: none !important;
}

body.rlc-modalopen {
    overflow: hidden !important;
    height: 100vh !important;
    position: relative !important;
}

#rlc-valoverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.5s;
    /* background: #000; */
    width: 100%;
    height: 100%;
    /* From https://css.glass */
    background: rgba(0, 0, 0, 0.75);
    border-radius: 1em;
    box-shadow: 0 0.25em 1.875em rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(0.4em);
    -webkit-backdrop-filter: blur(0.4em);
    &.rlc-open {
        opacity: 1;
    }
}

#rlc-valmodal {
    position: fixed;
    top: 0;
    left: 100%;
    transform: translateX(-33%);
    z-index: 1001;
    opacity: 0;
    transition:
        opacity 0.5s,
        transform 0.5s;
    color: #fff;

    .rlc-ll_manual.rlc-lazyLoad:after {
        display: none;
    }

    &.rlc-open {
        opacity: 1;
        transform: translateX(-100%);
    }

    .rlc-mobile-sticky-header {
        visibility: hidden;
        position: fixed;
        top: -1px;
        left: 0;
        width: 100%;
        z-index: 2;
        background: rgba(0, 0, 0, 0.45);
        box-shadow: 0 0.25em 1.875em rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(0.4em);
        -webkit-backdrop-filter: blur(0.4em);
        color: #fff;
        font-size: 0.875em;
        height: 3.75em;
        font-family: "LeJeuneDeck-Regular", "Times New Roman", Times, serif;
        text-align: left;
        padding: 0.75em 2.125em;
        transition:
            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
            visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        align-items: center;
        justify-content: flex-start;
        transform: translateY(-100%);
        opacity: 0;
        display: flex;
        &.rlc-slide-in {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            transition:
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
    }
    #rlc-valwrapper {
        width: 75.9375em;
        height: 100vh;
        background: #fff;

        .rlc-in {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            overflow: auto;
            overflow-y: scroll;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            color: #f5f5f2;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;

            .rlc-intro {
                margin: 6.125em auto 3em;
                width: 30em;
                text-align: center;
            }

            .rlc-grid {
                display: flex;
                flex-wrap: wrap;
                width: 69em;
                justify-content: space-between;
                align-items: center;
                margin: 0 auto 3.75em;

                .rlc-grid-item {
                    width: 34em;
                    position: relative;
                    margin-bottom: 1em;

                    &.rlc-wide {
                        width: 100%;
                    }

                    .rlc-imagery::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(200deg, rgba(0, 0, 0, 0.00) 87.76%, rgba(0, 0, 0, 0.20) 98.37%);
                    }

                    .rlc-copygroup {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;

                        .rlc-copygroup-in {
                            left: 1.3em;
                            bottom: 1.675em;

                            .rlc-title {
                                margin: 0;
                                text-transform: uppercase;
                                font-family: "Founders Grotesk text Regular", Arial, Helvetica, sans-serif;
                                font-size: 0.6875em;
                                line-height: 1em;
                                letter-spacing: 0.125em;
                            }
                        }
                    }
                }
            }
        }

        .rlc-close {
            position: absolute;
            top: 1.875em;
            right: 1.075em;
            width: 1.5em;
            height: 1.5em;
            transform: rotate(45deg);
            z-index: 3;
            color: #000;
            &::before,
            &::after {
                content: "";
                width: 100%;
                height: 1px;
                display: block;
                background-color: currentColor;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }
            &::after {
                transform: translateY(-50%) rotate(90deg);
            }
        }
    }
}
.rlc-header-visible #rlc-valwrapper .rlc-close {
    color: #fff;
}

@media screen and (max-width: 767px) {
    #rlc-valoverlay {
        display: none;
    }
    #rlc-valmodal {
        left: 0;
        transform: none;
        transition: opacity 0.5s;

        &.rlc-open {
            transform: none;
        }

        #rlc-valwrapper {
            width: 100vw;
            height: 100vh;

            .rlc-close {
                top: 1.2em;
                right: 1.75em;
                width: 1em;
                height: 1em;
            }

            .rlc-in {
                .rlc-intro {
                    margin: 3.75em auto 1.875em;
                    width: 90%;
                }

                .rlc-grid {
                    display: flex;
                    flex-wrap: wrap;
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto 3.75em;

                    .rlc-grid-item {
                        width: 19.6875em;
                        position: relative;
                        margin-bottom: 0.625em;

                        &.rlc-wide {
                            width: 19.6875em;
                        }

                        .rlc-copygroup {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;

                            .rlc-copygroup-in {
                                left: 0.75em;
                                bottom: 0.875em;
                            }
                        }
                    }
                }
            }

        }
    }
}


/* FIT GUIDE STYES */

#rl-content .rlc-redesign-26 .rlc-fitguide {
    padding: 6.25em 0 2.8125em;
    .rlc-hd {
        margin: 0 auto 3.125em;
        .rlc-cat {
            margin-bottom: 1.1538461538461537em;
            font-size: 0.6875em;
        }
        .rlc-dek {
            margin-top: 0.625em;
        }
        .rlc-links {
            margin: 1.25em auto;
            color: #9D9FA3;
            .rlc-pillbutton {
                margin: 0 0.25em;
                &.rlc-active {
                    color: var(--Polo-Primary);
                }
            }
        }
    }
    .rlc-guides {
        min-height: 45em;
        position: relative;
        .rlc-carousel {
            position: absolute;
            top: 0; left: 0;
            z-index: -1;
            opacity: 0;
            transition: opacity 0.5s;
            &.rlc-active {
                position: relative;
                z-index: 0;
                opacity: 1;
            }
        }
    }
    .rlc-carousel {
        .rlc-carousel_wrapper {
            padding-bottom: 2.5em;
        }
        .rlc-carousel-pagination {
            bottom: 0;
            width: 29.25em;
            height: 0.5em;
            .swiper-pagination-bullet {
                height: 100%;
                &::before {
                    opacity: 1;
                    background: var(--Polo-Cool-Grey-2);
                }
                &.swiper-pagination-bullet-active::before {
                    background: var(--Polo-Primary);
                }
            }
        }
        .rlc-carousel-arrow {
            background: #fff;
            &::after {
                border-color: #000;
            }
        }
        .rlc-slide {
            .rlc-in {
                display: flex;
                .rlc-pic,
                .rlc-hasvideo {
                    width: 50%;
                }
                .rlc-pic {
                    .rlc-copygroup {
                        position: absolute;
                        top: 3.125em; left: 3.125em;
                        width: 15.3125em;
                        .rlc-cat {
                            margin-bottom: 0.9090909090909091em;
                            font-size: 0.6875em;
                        }
                        .rlc-dek {
                            margin-top: 0.4166666666666667em;
                        }
                        .rlc-links {
                            margin-top: 1.25em;
                        }
                    }
                }
            }
            
        }
        .rlc-hasvideo {
            .rlc-poster,
            .rlc-placeholder,
            .rlc-logo {
                width: 100%;
            }
            .rlc-looppause {
                left: auto; right: 1em;
            }
            .rlc-copygroup {
                position: absolute;
                top: 50%; left: 50%;
                transform: translate(-50%,-50%);
                width: 27.0625em;
                text-align: center;
                .rlc-logo {
                    margin-bottom: 1.25em;
                }
                .rlc-title {
                    font-size: 3.75em;
                    line-height: 1.2em;
                }
                .rlc-scrollto {
                    margin-top: 1.25em;
                }
            }
        }
    }
}
[lang^=ar] .rlc-redesign-26 .rlc-fitguide .rlc-carousel .rlc-carousel-arrow {
    transform: translateY(-50%) rotate(180deg);
    &.rlc-carousel-arrow-right {
        right: auto; left: 1em;
    }
    &.rlc-carousel-arrow-left {
        right: 1em;; left: auto
    }
}
@media (max-width: 767px) {
    #rl-content .rlc-redesign-26 .rlc-fitguide {
        padding: 5em 0 3.125em;
        .rlc-hd {
            margin-bottom: 2.625em;
            .rlc-scrollable {
                overflow-x: auto;
                scrollbar-width: none; 
                -ms-overflow-style: none;
                &::-webkit-scrollbar {
                    display: none;
                }
            }
            .rlc-links {
                display: block;
                white-space: nowrap;
                padding-left: 2.625em;
                .rlc-pillbutton {
                    margin: 0 0.25em 0.5em;
                }
                .rlc-pillbutton:last-of-type {
                    margin-right: 2.625em;
                }
            }
        }
        .rlc-carousel {
            .rlc-carousel_wrapper {
                padding-bottom: 0;
            }
            .rlc-carousel-pagination {
                bottom: auto; top: 24.375em;
                width: 15.1875em;
                .swiper-pagination-bullet {
                    height: 100%;
                    &::before {
                        opacity: 1;
                        background: var(--Polo-Cool-Grey-2);
                    }
                    &.swiper-pagination-bullet-active::before {
                        background: var(--Polo-Primary);
                    }
                }
            }
            .rlc-carousel-arrow {
                top: 11.71875em;
                &.swiper-button-prev {
                    left: 0.625em;
                }
                &.swiper-button-next {
                    right: 0.625em;
                }
            }
            .rlc-slide {
                .rlc-in {
                    flex-direction: column;
                    .rlc-pic,
                    .rlc-hasvideo {
                        width: 100%;
                    }
                    .rlc-pic {
                        .rlc-copygroup {
                            position: relative;
                            top: auto; left: auto;
                            width: 19.875em;
                            margin: 3.4375em auto 0;
                        }
                    }
                }
            }
            .rlc-hasvideo {
                .rlc-poster,
                .rlc-placeholder,
                .rlc-logo {
                    width: 100%;
                }
                .rlc-looppause {
                    left: auto; right: 1em;
                }
                .rlc-copygroup {
                    width: 14.125em;
                    .rlc-title {
                        font-size: 2em;
                        line-height: 1.1875em;
                        letter-spacing: 0;
                    }
                }
            }
        }
    }
}


/* BEGIN MORE TO EXPLORE STYLES */
.rlc-redesign-26 .rlc-m2e .rlc-hd {
	padding: 6.25em 0 1.25em 3.5em;
	text-align: left;
}
.rlc-redesign-26 .rlc-m2e .rlc-hd .rlc-dek {
	font-size: 1.125em;
	line-height: 1.7777777777777777em;
	margin-top: 0;
}
.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-carousel-arrow {
	top: 22.4375em;
}
.rlc-redesign-26 .rlc-m2e .rlc-carousel .swiper-container {
	height: 35.625em;
}
	.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide {
		width: 27em;
		height: 31.875em;
		margin-right: 1em;
		padding: 0 3.5em 3.75em;
	}
	.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide:last-child {
		margin: 0;
	}
	[lang^=ar] .rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide:last-child {
		margin: 0 1em;
	}
		.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide .rlc-brand {
			margin-bottom: 0.9090909090909091em;
		}
		.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide .rlc-title {
			font-size: 1.75em;
			line-height: 1.4285714285714286em;
		}
.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-carousel-scrollbar {
	display: none;
}
@media screen and (max-width: 767px) {
	.rlc-redesign-26 .rlc-m2e .rlc-hd {
		padding: 1.9375em 0 1.25em;
		width: 15em;
	}
		.rlc-redesign-26 .rlc-m2e .rlc-hd .rlc-title {
			font-size: 1.75em;
			line-height: 1.3571428571428572em;
		}
		.rlc-redesign-26 .rlc-m2e .rlc-hd .rlc-dek {
			font-size: 0.875em;
			line-height: 1.7142857142857142em;
		}
	.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-carousel-arrow {
		display: none;
	}
	.rlc-redesign-26 .rlc-m2e .rlc-carousel .swiper-container {
		height: 25.3125em;
	}
		.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide {
			width: 14.375em;
			height: 22.25em;
			padding: 0 1.875em 1.875em;
		}
		.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide:last-of-type {
			margin-right: 1.5625em;
		}
			.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide .rlc-brand {
				margin-bottom: 0.6em;
			}
			.rlc-redesign-26 .rlc-m2e .rlc-carousel .rlc-slide .rlc-title {
				line-height: 1.3571428571428572em;
			}
}
/* END MORE TO EXPLORE STYLES */