/* Minification failed. Returning unminified contents.
(72,62): run-time error CSS1030: Expected identifier, found '>'
(72,75): run-time error CSS1031: Expected selector, found ')'
(72,75): run-time error CSS1025: Expected comma or open brace, found ')'
(1148,39): run-time error CSS1030: Expected identifier, found '['
(1148,54): run-time error CSS1031: Expected selector, found '='
(1148,54): run-time error CSS1025: Expected comma or open brace, found '='
(1152,18): run-time error CSS1030: Expected identifier, found '['
(1152,33): run-time error CSS1031: Expected selector, found '='
(1152,33): run-time error CSS1025: Expected comma or open brace, found '='
(1158,18): run-time error CSS1030: Expected identifier, found '['
(1158,33): run-time error CSS1031: Expected selector, found '='
(1158,33): run-time error CSS1025: Expected comma or open brace, found '='
(1163,19): run-time error CSS1030: Expected identifier, found '['
(1163,34): run-time error CSS1031: Expected selector, found '='
(1163,34): run-time error CSS1025: Expected comma or open brace, found '='
(1169,19): run-time error CSS1030: Expected identifier, found '['
(1169,34): run-time error CSS1031: Expected selector, found '='
(1169,34): run-time error CSS1025: Expected comma or open brace, found '='
(1175,43): run-time error CSS1030: Expected identifier, found '['
(1175,58): run-time error CSS1031: Expected selector, found '='
(1175,58): run-time error CSS1025: Expected comma or open brace, found '='
(3086,39): run-time error CSS1030: Expected identifier, found '.'
(3086,78): run-time error CSS1031: Expected selector, found ')'
(3086,78): run-time error CSS1025: Expected comma or open brace, found ')'
(3091,39): run-time error CSS1030: Expected identifier, found '.'
(3091,78): run-time error CSS1031: Expected selector, found ')'
(3091,78): run-time error CSS1025: Expected comma or open brace, found ')'
(3901,15): run-time error CSS1030: Expected identifier, found '.'
(3901,16): run-time error CSS1030: Expected identifier, found 'plp-check-availability'
(3901,38): run-time error CSS1031: Expected selector, found ')'
(3901,38): run-time error CSS1025: Expected comma or open brace, found ')'
(3906,19): run-time error CSS1030: Expected identifier, found '.'
(3906,20): run-time error CSS1030: Expected identifier, found 'plp-check-availability'
(3906,42): run-time error CSS1031: Expected selector, found ')'
(3906,42): run-time error CSS1025: Expected comma or open brace, found ')'
(3954,55): run-time error CSS1031: Expected selector, found '-'
(3954,55): run-time error CSS1025: Expected comma or open brace, found '-'
(11177,33): run-time error CSS1030: Expected identifier, found '.'
(11177,58): run-time error CSS1031: Expected selector, found ')'
(11177,58): run-time error CSS1025: Expected comma or open brace, found ')'
(11189,33): run-time error CSS1030: Expected identifier, found '.'
(11189,58): run-time error CSS1031: Expected selector, found ')'
(11189,58): run-time error CSS1025: Expected comma or open brace, found ')'
(11203,33): run-time error CSS1030: Expected identifier, found '.'
(11203,58): run-time error CSS1031: Expected selector, found ')'
(11203,58): run-time error CSS1025: Expected comma or open brace, found ')'
(11217,33): run-time error CSS1030: Expected identifier, found '.'
(11217,58): run-time error CSS1031: Expected selector, found ')'
(11217,58): run-time error CSS1025: Expected comma or open brace, found ')'
(11225,33): run-time error CSS1030: Expected identifier, found '.'
(11225,58): run-time error CSS1031: Expected selector, found ')'
(11225,58): run-time error CSS1025: Expected comma or open brace, found ')'
(11233,33): run-time error CSS1030: Expected identifier, found '.'
(11233,58): run-time error CSS1031: Expected selector, found ')'
(11233,58): run-time error CSS1025: Expected comma or open brace, found ')'
(11596,55): run-time error CSS1030: Expected identifier, found '#plpCalendar'
(11596,72): run-time error CSS1031: Expected selector, found ')'
(11596,72): run-time error CSS1025: Expected comma or open brace, found ')'
(11677,55): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(11677,76): run-time error CSS1031: Expected selector, found ')'
(11677,76): run-time error CSS1025: Expected comma or open brace, found ')'
(11686,55): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(11686,76): run-time error CSS1031: Expected selector, found ')'
(11686,76): run-time error CSS1025: Expected comma or open brace, found ')'
(11696,55): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(11696,76): run-time error CSS1031: Expected selector, found ')'
(11696,76): run-time error CSS1025: Expected comma or open brace, found ')'
(11707,55): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(11707,76): run-time error CSS1031: Expected selector, found ')'
(11707,76): run-time error CSS1025: Expected comma or open brace, found ')'
(11718,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(11718,71): run-time error CSS1031: Expected selector, found ')'
(11718,71): run-time error CSS1025: Expected comma or open brace, found ')'
(11739,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(11739,71): run-time error CSS1031: Expected selector, found ')'
(11739,71): run-time error CSS1025: Expected comma or open brace, found ')'
(11958,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(11958,71): run-time error CSS1031: Expected selector, found ')'
(11958,71): run-time error CSS1025: Expected comma or open brace, found ')'
(11980,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(11980,71): run-time error CSS1031: Expected selector, found ')'
(11980,71): run-time error CSS1025: Expected comma or open brace, found ')'
(12002,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(12002,78): run-time error CSS1031: Expected selector, found ')'
(12002,78): run-time error CSS1025: Expected comma or open brace, found ')'
(12012,55): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(12012,76): run-time error CSS1031: Expected selector, found ')'
(12012,76): run-time error CSS1025: Expected comma or open brace, found ')'
(12026,55): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(12026,76): run-time error CSS1031: Expected selector, found ')'
(12026,76): run-time error CSS1025: Expected comma or open brace, found ')'
(12037,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12037,71): run-time error CSS1031: Expected selector, found ')'
(12037,71): run-time error CSS1025: Expected comma or open brace, found ')'
(12084,74): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12084,90): run-time error CSS1031: Expected selector, found ')'
(12084,90): run-time error CSS1025: Expected comma or open brace, found ')'
(12196,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12196,71): run-time error CSS1031: Expected selector, found ')'
(12196,71): run-time error CSS1025: Expected comma or open brace, found ')'
(12644,74): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12644,90): run-time error CSS1031: Expected selector, found ')'
(12644,90): run-time error CSS1025: Expected comma or open brace, found ')'
(12661,74): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12661,90): run-time error CSS1031: Expected selector, found ')'
(12661,90): run-time error CSS1025: Expected comma or open brace, found ')'
(12698,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12698,71): run-time error CSS1031: Expected selector, found ')'
(12698,71): run-time error CSS1025: Expected comma or open brace, found ')'
(12732,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12732,71): run-time error CSS1031: Expected selector, found ')'
(12732,71): run-time error CSS1025: Expected comma or open brace, found ')'
(12743,55): run-time error CSS1030: Expected identifier, found '#plpCalendar'
(12743,72): run-time error CSS1031: Expected selector, found ')'
(12743,72): run-time error CSS1025: Expected comma or open brace, found ')'
(12754,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(12754,78): run-time error CSS1031: Expected selector, found ')'
(12754,78): run-time error CSS1025: Expected comma or open brace, found ')'
(12765,55): run-time error CSS1030: Expected identifier, found '#plpCalendar'
(12765,72): run-time error CSS1031: Expected selector, found ')'
(12765,72): run-time error CSS1025: Expected comma or open brace, found ')'
(12835,55): run-time error CSS1030: Expected identifier, found '#plpCalendar'
(12835,72): run-time error CSS1031: Expected selector, found ')'
(12835,72): run-time error CSS1025: Expected comma or open brace, found ')'
(12899,56): run-time error CSS1030: Expected identifier, found '#plpSearch'
(12899,71): run-time error CSS1031: Expected selector, found ')'
(12899,71): run-time error CSS1025: Expected comma or open brace, found ')'
(12922,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(12922,78): run-time error CSS1031: Expected selector, found ')'
(12922,78): run-time error CSS1025: Expected comma or open brace, found ')'
(12932,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(12932,78): run-time error CSS1031: Expected selector, found ')'
(12932,78): run-time error CSS1025: Expected comma or open brace, found ')'
(12959,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(12959,78): run-time error CSS1031: Expected selector, found ')'
(12959,78): run-time error CSS1025: Expected comma or open brace, found ')'
(12985,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(12985,78): run-time error CSS1031: Expected selector, found ')'
(12985,78): run-time error CSS1025: Expected comma or open brace, found ')'
(13013,73): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(13013,97): run-time error CSS1031: Expected selector, found ')'
(13013,97): run-time error CSS1025: Expected comma or open brace, found ')'
(13023,73): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(13023,97): run-time error CSS1031: Expected selector, found ')'
(13023,97): run-time error CSS1025: Expected comma or open brace, found ')'
(13036,73): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(13036,97): run-time error CSS1031: Expected selector, found ')'
(13036,97): run-time error CSS1025: Expected comma or open brace, found ')'
(13048,55): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(13048,78): run-time error CSS1031: Expected selector, found ')'
(13048,78): run-time error CSS1025: Expected comma or open brace, found ')'
(13062,73): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(13062,95): run-time error CSS1031: Expected selector, found ')'
(13062,95): run-time error CSS1025: Expected comma or open brace, found ')'
(13070,73): run-time error CSS1030: Expected identifier, found '#plpSpecialRates'
(13070,95): run-time error CSS1031: Expected selector, found ')'
(13070,95): run-time error CSS1025: Expected comma or open brace, found ')'
(13714,38): run-time error CSS1030: Expected identifier, found '.'
(13714,83): run-time error CSS1031: Expected selector, found ')'
(13714,83): run-time error CSS1025: Expected comma or open brace, found ')'
(14251,110): run-time error CSS1030: Expected identifier, found '.'
(14251,135): run-time error CSS1031: Expected selector, found ')'
(14251,135): run-time error CSS1025: Expected comma or open brace, found ')'
(14385,122): run-time error CSS1030: Expected identifier, found '.'
(14385,147): run-time error CSS1031: Expected selector, found ')'
(14385,147): run-time error CSS1025: Expected comma or open brace, found ')'
(15012,51): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(15012,74): run-time error CSS1031: Expected selector, found ')'
(15012,74): run-time error CSS1025: Expected comma or open brace, found ')'
(15018,51): run-time error CSS1030: Expected identifier, found '#plpRoomsAndGuests'
(15018,74): run-time error CSS1031: Expected selector, found ')'
(15018,74): run-time error CSS1025: Expected comma or open brace, found ')'
(15061,25): run-time error CSS1030: Expected identifier, found '.'
(15061,41): run-time error CSS1031: Expected selector, found ')'
(15061,41): run-time error CSS1025: Expected comma or open brace, found ')'
(15069,25): run-time error CSS1030: Expected identifier, found '.'
(15069,41): run-time error CSS1031: Expected selector, found ')'
(15069,41): run-time error CSS1025: Expected comma or open brace, found ')'
(15077,48): run-time error CSS1030: Expected identifier, found '.'
(15077,85): run-time error CSS1031: Expected selector, found ')'
(15077,85): run-time error CSS1025: Expected comma or open brace, found ')'
(15084,48): run-time error CSS1030: Expected identifier, found '.'
(15084,85): run-time error CSS1031: Expected selector, found ')'
(15084,85): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
    font-family: "Felicity";
    src: url("./fonts/Felicity.woff2") format("woff2"), /* Modern Browsers */ url("./fonts/Felicity.otf") format("opentype"); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap; 
}

body {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    /* background-color: red; */
}

div,
p {
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    /* color: hsl(0, 100%, 45%) !important; */
}

img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .plp-child-page-content-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

div[data-component="digex-hero-plain"] {
    margin-top: 0;
    padding: 0;
    background-color: white !important;
}

.sticky-wrapper {
    height: auto !important;
}

.fixed-plp-check-availability div[data-component="digex-hero-plain"],
.digex-page .check-availability-wrapper[data-component="digex-hero-plain"],
.plp-page .check-availability-wrapper[data-component="digex-hero-plain"] {
    background-color: transparent !important;
}

@media screen and (min-width: 1024px) {
    .digex-page.destinations-page main.digex-content-wrapper {
        margin-top: 145px;
    }

    .digex-page.destinations-page.template-property-listing-page main.digex-content-wrapper {
        margin-top: 175px;
    }
}

@media screen and (min-width: 1024px) {
    .digex-page.destinations-page.template-property-listing-page main.digex-content-wrapper,
    .digex-page.destinations-page main.digex-content-wrapper {
        margin-top: 222px;
    }
}
.digex-page.destinations-page.template-property-listing-page main.digex-content-wrapper.travelgrid,
.digex-page.destinations-page main.digex-content-wrapper:has(> .travelgrid){
  margin-top: 0 !important;
}


@media screen and (min-width: 767px) {
    .plp-section-heading:before,
    .plp-section-heading:after {
        content: none;
    }
}

@media screen and (min-width: 1024px) {
    .digex-child-page #mainArea {
        margin-top: 55px !important;
    }

    .home-page.digex-page.digex-child-page #mainArea {
        margin-top: 75px !important;
    }

    .home-page.plp-page.plp-child-page #mainArea {
        margin-top: 180px !important;
    }

    .plp-child-page #mainArea {
        margin-top: 90px !important;
    }
}

@media screen and (min-width: 1024px) {
    .digex-child-page #mainArea {
        margin-top: 142px !important;
    }

    .home-page.plp-page.digex-child-page #mainArea {
        margin-top: 152px !important;
    }

    .home-page.plp-page.digex-child-page.plp-child-page #mainArea {
        margin-top: 222px !important;
    }

    .plp-child-page #mainArea {
        margin-top: 122px !important;
    }
}

.plp-content-wrapper {
    position: relative;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.experience-matters-wrap {
    display: none;
}

@media screen and (min-width: 1024px) {
    .digex-loyalty-signup-header,
    .plp-hotel-heading-container {
        position: relative;
    }

    .experience-matters-wrap {
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        bottom: -120px;
        z-index: -1;
        opacity: 0.75;
    }

        .experience-matters-wrap .icon-experience-matters {
            width: 1.07em;
            font-size: 120px;
            color: #b7b09c;
        }
}

@media screen and (min-width: 1124px) {
    .experience-matters-wrap {
        right: -50px;
    }
}

@media screen and (min-width: 1224px) {
    .experience-matters-wrap {
        right: -110px;
    }
}

@media screen and (min-width: 1400px) {
    .experience-matters-wrap {
        right: -130px;
    }
}

[data-component="plp-offers"] .plp-offers-container .plp-offers-heading-container {
    margin-bottom: 32px;
}

    [data-component="plp-offers"] .plp-offers-container .plp-offers-heading-container p {
        display: block;
        letter-spacing: 0.0175em;
        font-size: 14px;
        line-height: 1.55;
        /* color: hsl(0, 100%, 45%) !important; */
    }

.digex-content-wrapper {
    position: relative;
    content-visibility: auto;
    contain-intrinsic-size: 1000px;

}

.digex-page .digex-hotel-container.container {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.widget-container {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

    .widget-container .widget-container-heading-container,
    .digex-page .digex-hotel-container .digex-hotel-heading-container {
        text-align: center;
    }

        .widget-container .widget-container-heading-container p,
        .digex-page .digex-hotel-container .digex-hotel-heading-container p,
        .container--select-room p {
            text-align: justify;
        }

@media screen and (min-width: 1024px) {
    .widget-container .widget-container-heading-container p,
    .digex-page .digex-hotel-container .digex-hotel-heading-container p,
    .container--select-room p {
        text-align: center;
    }
}

.widget-container .widget-container-heading-container {
    margin-bottom: 32px;
}

    .widget-container .widget-container-heading-container p,
    .digex-page .digex-hotel-container .digex-hotel-heading-container p,
    [data-component="plp-offers"] .plp-offers-container .plp-offers-heading-container > p,
    [data-component="loyalty-signup"] .digex-loyalty-signup-wrapper .digex-loyalty-signup-container .digex-loyalty-signup-header p {
        text-align: justify;
    }

@media screen and (min-width: 1024px) {
    .digex-page .digex-hotel-container .digex-hotel-heading-container .plp-hotel-heading {
        font-size: 36px;
    }

    .widget-container .widget-container-heading-container .widget-container-heading,
    .plp-page .plp-section-heading {
        margin-bottom: 16px;
    }

    .widget-container .widget-container-heading-container p,
    .digex-page .digex-hotel-container .digex-hotel-heading-container p,
    [data-component="plp-offers"] .plp-offers-container .plp-offers-heading-container > p,
    [data-component="loyalty-signup"] .digex-loyalty-signup-wrapper .digex-loyalty-signup-container .digex-loyalty-signup-header p {
        max-width: 1000px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.55;
        text-align: center;
        letter-spacing: 0.0175em;
        /* color: hsl(0, 100%, 45%) !important; */
    }
}

.plp-page [data-component] .plp-curalate-container.container,
.campaign-landing-page [data-component] .clp-curalate-container.container {
    max-width: 360px;
}

@media screen and (min-width: 620px) {
    .plp-page [data-component] .plp-curalate-container.container,
    .campaign-landing-page [data-component] .clp-curalate-container.container {
        max-width: 660px;
    }
}

@media screen and (min-width: 992px) {
    .plp-page [data-component] .plp-curalate-container.container,
    .campaign-landing-page [data-component] .clp-curalate-container.container {
        max-width: 1280px;
    }
}

.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .eNglGN,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .kiBnyM,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .cRpAzp,
.campaign-landing-page [data-component] .clp-curalate-container .sc-5zmgce-0.eNglGN {
    display: none;
}

.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .guyUHG,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .hivsCp,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .bcomsq {
    padding-bottom: 0;
}

.plp-page [data-component] .plp-curalate-container .share-blurb,
.campaign-landing-page [data-component] .clp-curalate-container .share-blurb {
    margin-top: -20px;
    line-height: 1.7;
}

.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .cnDLVW,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .bPSTrd,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .cnDLVW,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .bPSTrd {
    fill: #9a9fa3;
}

.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .frfWAT:active,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .frfWAT:focus,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .gtEtuA:active,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .gtEtuA:focus,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .frfWAT:active,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .frfWAT:focus,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .gtEtuA:active,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .gtEtuA:focus {
    outline: none;
}

.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .frfWAT:focus-visible,
.plp-page [data-component] .plp-curalate-container #crl8-gallery-carousel .gtEtuA:focus-visible,
.campaign-landing-page [data-component] .clp-curalate-container #crl8-gallery-carousel .frfWAT:focus-visible,
.campaign-landing-page [data-component="clp-curalate"] .clp-curalate-container #crl8-gallery-carousel .gtEtuA:focus-visible {
    outline: rgb(84, 84, 84) dotted 1px;
}

[data-component="plp-curalate"] .plp-curalate-container .plp-curalate-heading,
[data-component="clp-curalate"] .clp-curalate-container .clp-curalate-heading {
    border: 0;
}

.digex-page .digex-tertiary-link-arrow {
    margin-bottom: 24px;
}

    .digex-page .digex-tertiary-link-arrow a::after {
        content: "";
        background-image: url(img/tertiary-cta-arrow-r1.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 5px;
        min-width: 11px;
        position: relative;
        top: 0.5px;
        transition: transform 0.3s;
    }

    .digex-page .digex-tertiary-link-arrow a:hover:after {
        transform: translateX(3px);
    }

[data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container p {
    text-align: justify;
}

@media screen and (min-width: 1024px) {
    [data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container p {
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    [data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container p {
        text-align: center;
        font-size: 14px;
        line-height: 1.55;
        /* color: hsl(0, 100%, 45%) !important; */
    }
}

/* Fonts */
.jquery-modal [data-component] p,
.jquery-modal [data-component] li,
.jquery-modal .plp-modal p,
.jquery-modal .plp-modal li,
.plp-header [data-component] p,
.plp-header [data-component] li,
.plp-header .plp-modal p,
.plp-header .plp-modal li,
.digex-nav [data-component] p,
.digex-nav [data-component] li,
.digex-nav .plp-modal p,
.digex-nav .plp-modal li,
.digex-page [data-component] p,
.digex-page [data-component] li,
.digex-page .plp-modal p,
.digex-page .plp-modal li,
a.btn,
span.btn,
#leftNavigation a.btn,
.jquery-modal .digex-primary-cta,
.jquery-modal .plp-primary-cta,
.plp-header .digex-primary-cta,
.plp-header .plp-primary-cta,
.digex-nav .digex-primary-cta,
.digex-nav .plp-primary-cta,
.digex-page .digex-primary-cta,
.digex-page .plp-primary-cta,
.offers-page [data-component] p,
.offers-page [data-component] li,
.offers-page .offers-modal p,
.offers-page .offers-modal li,
[data-component="carousel-hero"] .carousel-hero-container .back-button a,
.clp-events-carousel-wrapper .clp-events-title,
.special-offers-selector-wrapper .featured-offers-card-container .description,
#mainArea .guest-favorites .callouts > div p,
.template-interest-page [data-component="plp-room-selector"] .plp-room-selector-container .plp-room-selector-content-container .plp-room-selector-items .plp-resort-item .plp-resort-overview .plp-resort-detail .plp-resort-hilite-container .plp-resort-description,
.template-interest-page [data-component="plp-room-selector"] .plp-room-selector-container .plp-room-selector-content-container .plp-room-selector-items .plp-resort-item .plp-resort-overview .plp-resort-detail .plp-resort-hilite-container .plp-resort-description p,
.offers-page [data-component] p,
.offers-page [data-component] li,
.offers-page .offers-modal p,
.offers-page .offers-modal li,
.contentOffsetTopOpaque {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    /* color: hsl(0, 100%, 45%) !important; */
}

[data-component="carousel-hero"] .carousel-hero-container .back-button a {
    line-height: 1;
}

.occasions-map-wrapper .details-container p,
.careers-page .careers-content-wrapper p {
    line-height: 1.55 !important;
}

.plp-page .plp-tertiary-link-arrow a,
[data-component="plp-resort-faqs"] .plp-resort-faqs-container .accordionItem .accordionItemHeading,
[data-component="plp-resort-faqs"] .plp-resort-faqs-container .plp-faq-answer,
.digex-page .digex-tertiary-link-arrow a,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li,
[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links li,
.iconMapsDirections,
.iconResortMap,
.btn3,
[data-component="carousel-hero"] .carousel-controls .control-text,
[data-component="carousel-hero"] .carousel-controls .page-category,
strong,
.plp-tertiary-link-arrow a {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    letter-spacing: 0.0175em;
}

    .digex-page .digex-hotel-container .digex-hotel-heading-container .plp-hotel-heading,
    [data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container .plp-hotel-heading,
    .jquery-modal [data-component] h2,
    .jquery-modal .plp-modal h2,
    .plp-header [data-component] h2,
    .plp-header .plp-modal h2,
    .digex-nav [data-component] h2,
    .digex-nav .plp-modal h2,
    .digex-page [data-component] h2,
    .digex-page .plp-modal h2,
    .jquery-modal .digex-section-heading,
    .plp-header .digex-section-heading,
    .digex-nav .digex-section-heading,
    .digex-page .digex-section-heading,
    .plp-page .plp-section-heading,
    .widget-container-heading,
    .wildcard-widget--text-panel-title,
    [data-component="digex-calendar"] .digex-calendar-container .new-month,
    .hotelName,
    h4,
    .h4Style,
    .jquery-modal [data-component] .plp-resort-title-container h2,
    .jquery-modal [data-component] .plp-resort-title-container .plp-resort-welcome,
    .jquery-modal .plp-modal .plp-resort-title-container h2,
    .jquery-modal .plp-modal .plp-resort-title-container .plp-resort-welcome,
    .plp-header [data-component] .plp-resort-title-container h2,
    .plp-header [data-component] .plp-resort-title-container .plp-resort-welcome,
    .plp-header .plp-modal .plp-resort-title-container h2,
    .plp-header .plp-modal .plp-resort-title-container .plp-resort-welcome,
    .digex-nav [data-component] .plp-resort-title-container h2,
    .digex-nav [data-component] .plp-resort-title-container .plp-resort-welcome,
    .digex-nav .plp-modal .plp-resort-title-container h2,
    .digex-nav .plp-modal .plp-resort-title-container .plp-resort-welcome,
    .digex-page [data-component] .plp-resort-title-container h2,
    .digex-page [data-component] .plp-resort-title-container .plp-resort-welcome,
    .digex-page .plp-modal .plp-resort-title-container h2,
    .digex-page .plp-modal .plp-resort-title-container .plp-resort-welcome,
    [data-component="plp-room-selector"] .plp-room-selector-container .plp-room-selector-content-container .plp-room-selector-items .plp-resort-item .plp-resort-overview .plp-resort-detail .plp-resort-hilite-container .plp-resort-heading,
    [data-component="plp-room-selector"] .plp-room-selector-container .plp-room-selector-content-container .plp-room-selector-items .plp-resort-item .plp-resort-overview .plp-resort-more .plp-resort-more-heading h4,
    [data-component="plp-room-selector"] .plp-room-selector-container .plp-room-selector-content-container .plp-room-selector-items .plp-resort-item .plp-resort-overview .plp-resort-more .plp-resort-more-body h5,
    .jquery-modal [data-component] h3,
    .jquery-modal .plp-modal h3,
    .plp-header [data-component] h3,
    .plp-header .plp-modal h3,
    .digex-nav [data-component] h3,
    .digex-nav .plp-modal h3,
    .digex-page [data-component] h3,
    .digex-page .plp-modal h3,
    .jquery-modal [data-component] h3,
    .jquery-modal .plp-modal h3,
    .plp-header [data-component] h3,
    .plp-header .plp-modal h3,
    .digex-nav [data-component] h3,
    .digex-nav .plp-modal h3,
    .digex-page [data-component] h3,
    .digex-page .plp-modal h3,
    h2,
    .h2Style,
    .offers-page [data-component] h2,
    .offers-page .offers-modal h2,
    .offers-page [data-component] h3.alternate,
    .offers-page .offers-modal h3.alternate,
    .services-detail-wrapper .services-detail-body li.title h3,
    .occasions-map-wrapper .occasions-map-marker-details .title,
    [data-component="things-todo"].digex-things-todo .digex-things-todo-container .digex-things-todo-content .digex-things-todo-item .things-todo-text h3,
    [data-component="plp-resort-faqs"] .plp-resort-faqs-container .accordionItem .accordionItemHeading button,
    .spaces-carousel-wrapper .spaces-carousel-item .spaces-text-container h2,
    .occasions-offers-card-container h4,
    .clp-events-carousel-wrapper .carousel-item-inner .title,
    .video-capable-double-panel-wrapper .video-capable-double-panel-container .text-wrapper .title,
    .bb-featured-topic-wrapper .featured-topic-heading,
    .bb-featured-topic-wrapper .featured-topic-highlight-container .featured-topic-highlight-title,
    .bb-featured-topic-wrapper .featured-topic-carousel .title,
    .booker-wrapper h2,
    .digex-page .plp-section-heading--mobile-booking-bar-heading,
    .plp-page .plp-section-heading--mobile-booking-bar-heading,
    .rfp-page .plp-section-heading--mobile-booking-bar-heading,
    .offers-page .featured-offers-card-container .featured-offers-card-top .featured-offers-title,
    .clp-events-carousel-theme-4040cc9e8b02427892a6522ec5730a86 .clp-events-title {
        /* replace font-family: "ivypresto-display",serif; */
        font-family: "sweet-sans-pro", sans-serif;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: uppercase;
    }

    [data-component="plp-resort-faqs"] .plp-resort-faqs-container .accordionItem .accordionItemHeading button,
    [data-component="plp-resort-faqs"] .plp-resort-faqs-container .accordionItem .accordionItemHeading {
        font-family: "sweet-sans-pro", sans-serif !important;
    }

[data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container .plp-hotel-heading {
    line-height: 1.3;
    font-size: 28px;
}

[data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container h3.plp-hotel-heading {
    font-size: 24px;
}

.widget-container-heading {
    font-size: 26px;
}

.digex-page .digex-section-heading {
    border: 0;
}

.digex-page #mainContent p {
    margin: 1em 0;
}

@media screen and (min-width: 1024px) {
    [data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container .plp-hotel-heading {
        font-size: 36px;
    }

    [data-component="plp-hotel"] .plp-hotel-container .plp-hotel-heading-container h3.plp-hotel-heading {
        font-size: 32px;
    }

    .widget-container-heading,
    .plp-page .plp-section-heading,
    .digex-page .digex-section-heading,
    .digex-page [data-component] h2 {
        font-size: 32px;
    }

    .digex-page #mainContent h2 {
        font-size: 21px;
    }
}

h1,
.h1Style {
    font-family: "ivypresto-display", serif;
    font-weight: 100;
}

.jquery-modal .digex-primary-cta,
.jquery-modal .plp-primary-cta,
.plp-header .digex-primary-cta,
.plp-header .plp-primary-cta,
.digex-nav .digex-primary-cta,
.digex-nav .plp-primary-cta,
.digex-page .digex-primary-cta,
.digex-page .plp-primary-cta {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    letter-spacing: 0.0175em;
    line-height: 40px;
    /* color: hsl(0, 100%, 45%) !important; */
}

.template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container .plp-hero-image {
    height: 100%;
    object-fit: cover;
}

.template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container {
    margin-top: 100px;
}

.template-property-offers-landing-page.digex-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 0;
}

.template-property-offers-landing-page [data-component="plp-resort-title"] {
    display: block;
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
}

.template-property-offers-landing-page .plp-hero-image-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+10,000000+100&0+10,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a66c6c6c',GradientType=0 ); /* IE6-9 */
}


/* template-property-offers-landing-page */
.template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container,
.template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container .plp-hero-slider,
.template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container .plp-hero-image {
    height: 374px;
}

    .template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container .plp-hero-slider {
        top: 0;
    }

@media screen and (min-width: 1024px) {
    .template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container,
    .template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container .plp-hero-image {
        height: calc(100vh - 190px);
    }

    .template-property-offers-landing-page .plp-header [data-component="plp-hero"] .plp-hero-container .plp-check-availability.fixed-subnav {
        margin-top: 0;
    }

    .template-property-offers-landing-page [data-component="plp-resort-title"] {
        display: block;
        position: absolute;
        left: 0;
        bottom: 100px;
        padding: 0 24px;
    }
}

@media screen and (min-width: 1024px) {
    .template-property-offers-landing-page [data-component="plp-subnav"] .plp-subnav-links-wrapper {
        padding: 0;
    }

    .template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container,
    .template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container .plp-hero-image {
        height: calc(100vh - 242px);
    }

    .template-property-offers-landing-page [data-component="plp-hero"] .plp-hero-container {
        /* margin-top: 142px; */
        margin-top: 0;
    }

    .template-property-offers-landing-page .plp-header [data-component="plp-hero"] .plp-hero-container .plp-check-availability.fixed-subnav {
        margin-top: 0;
    }
}

.template-property-offers-landing-page .plp-image-overlay {
    display: none;
}

@media screen and (min-width: 1024px) {
    .template-property-offers-landing-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        border-top: 1px solid #003e52;
    }
}

/* /template-property-offers-landing-page */

/* plp-page.resort */
.plp-page.resort div[data-component="digex-hero-plain"] {
    background-color: transparent !important;
}

.plp-page.resort .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 100px;
}

.plp-page.resort [data-component="plp-subnav"] {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

@media screen and (min-width: 1024px) {
    .plp-page.resort [data-component="plp-subnav"] {
        box-shadow: none;
    }

    .plp-page.resort div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
    }

    .plp-page.resort #mainArea {
        margin-top: 180px !important;
    }
}

@media screen and (min-width: 1024px) {
    .plp-page.resort [data-component="plp-subnav"].fixed-subnav {
        top: 96px;
        /* transition: top 0.6s; */
    }

    .home-page.digex-child-page [data-component="plp-subnav"].fixed-subnav {
        top: 0;
        /* transition: top 0.6s; */
    }

    .plp-page.resort div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 142px;
        /* transition: top 0.6s; */
    }

    .plp-page.resort.fixed-plp-check-availability.nav-has-scrolled [data-component="plp-subnav"].fixed-subnav {
        top: 72px;
    }

    .home-page.digex-child-page.fixed-plp-check-availability.nav-has-scrolled [data-component="plp-subnav"].fixed-subnav {
        top: 0;
    }
}
/* /plp-page.resort */

/* template-interest-page */
@media screen and (min-width: 1024px) {
    .template-interest-page .rmr__interests-hero-wrapper {
        margin-top: 65px;
    }
}

@media screen and (min-width: 1024px) {
    .template-interest-page .rmr__interests-hero-wrapper {
        margin-top: 142px;
    }
}
/* template-interest-page */

/* Special Offers */
[data-component="resort-filter"] .plp-room-filters .filter-column.plp-filter-heading {
    font-size: 24px;
}

/* select a room */
[data-component="plp-room-selector"] .plp-room-selector-container .plp-room-selector-content-container .plp-room-selector-items .plp-room-item .plp-room-overview .plp-room-hilite-container .plp-room-hilites .plp-room-hilite .plp-room-action {
    background-color: #003e52;
    font-size: 13px;
}

.contact-us-wrapper {
    background-color: #cac1b9;
    color: #000;
}

    .contact-us-wrapper .contact-us .email a,
    .contact-us-wrapper .contact-us .phone a {
        color: #000;
    }

    .contact-us-wrapper .digex-secondary-cta {
        border-color: #222221 !important;
        background-color: #222221;
    }

.plp-hotel-heading-container p {
    font-size: 16px;
    line-height: normal;
}

.digex-page [data-component] .guest-room-list h2 {
    font-size: 21px;
}

.digex-page [data-component] .guest-room-list p {
    font-size: 14px;
    line-height: 1.55;
    padding: 0;
    margin: 15px 0;
    letter-spacing: 0.0175em;
    /* color: hsl(0, 100%, 45%) !important; */
}

.rotating-text-wrapper .rotating-text-title h2 {
    color: #f9f6ed;
}

.clp-events-carousel-wrapper .carousel-item-inner .title {
    line-height: 1.1;
}

#leftNavigation ul li a.active,
#leftNavigation ul li a.active,
#leftNavigation ul li a:hover,
#leftNavigation ul li a:focus,
#leftNavigation ul ul li a:hover,
#leftNavigation ul ul li a.active:hover,
#leftNavigation ul ul li a:focus,
#leftNavigation ul ul li a.active:focus,
#leftNavigation ul ul li a.active,
#leftNavigation ul ul li a:hover,
#leftNavigation ul ul li a:focus,
#leftNavigation ul ul ul li a:hover,
#leftNavigation ul ul ul li a.active:hover,
#leftNavigation ul ul ul li a:focus,
#leftNavigation ul ul ul li a.active:focus {
    font-weight: 400;
}

.offers-page .featured-offers-card-wrapper .featured-offers-title {
    margin: 0;
}

.blocker div[id^="room-carousel"].carousel-modal .plp-room-details .plp-room-action {
    background-color: #003e52;
    font-size: 14px;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li a {
    font-size: 14px;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.plp-account-dropdown,
[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown,
[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.plp-account-dropdown,
[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.digex-account-dropdown {
    padding-bottom: 16px;
}

    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.plp-account-dropdown .plp-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.plp-account-dropdown .digex-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown .plp-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown .digex-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.plp-account-dropdown .plp-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.plp-account-dropdown .digex-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.digex-account-dropdown .plp-account-heading,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.digex-account-dropdown .digex-account-heading {
        height: 30px;
        font-family: "Lato", sans-serif;
        font-weight: 300;
        letter-spacing: 0.0175em;
        line-height: 30px;
    }
    [data-component="digex-nav"] .digex-nav-section .nav-dropdown .digex-account-body .plp-account-info .plp-account-item{
        display: flex;
        justify-content: space-between;
    }
    [data-component="plp-nav"] .plp-nav-section .nav-dropdown .plp-account-body .plp-account-info .plp-account-item{
        display: flex;
        justify-content: space-between;
    }
[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown a:not(.digex-primary-cta):not(.plp-primary-cta),
[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown a:not(.digex-primary-cta):not(.plp-primary-cta) {
    color: #003e52;
    text-decoration: underline;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    letter-spacing: 0.0175em;
    line-height: 36px;
    font-size: 14px !important;

}
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .nav-dropdown a:not(.digex-primary-cta):not(.plp-primary-cta),
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links span .nav-dropdown a:not(.digex-primary-cta):not(.plp-primary-cta) {
    color: #003e52;
    text-decoration: underline;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    letter-spacing: 0.0175em;
    line-height: 36px;
    font-size: 14px !important;
}


@media screen and (min-width: 1024px) {
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li.digex-mobile-account-switch.nav-dropdown-link:after {
        background-image: url(/assets/css/2023/img/arrow-forward--white.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        transform: rotate(90deg);
        padding: 0;
        position: absolute;
        top: -1px;
        right: 3px;
        transition: transform 0.3s;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: "";
        height: 13px;
        width: 13px;
    }

    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li.digex-mobile-account-switch.nav-dropdown-link.rotate:after {
        transform: rotate(-90deg);
    }

    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.plp-account-dropdown,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.plp-account-dropdown,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.digex-account-dropdown,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .nav-dropdown.plp-account-dropdown {
        left: -160px;
        top: 55px;
        transition: top 0.6s;
    }
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.plp-account-dropdown,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.plp-account-dropdown,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.digex-account-dropdown,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .nav-dropdown.plp-account-dropdown {
      width: 250px !important;
    }
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown .digex-account-body .plp-account-info .plp-account-item ,
    [data-component="plp-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown .plp-account-body .plp-account-info .plp-account-item,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown .digex-account-body .plp-account-info .plp-account-item span ,
    [data-component="plp-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown .plp-account-body .plp-account-info .plp-account-item span ,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .nav-dropdown.plp-account-dropdown .plp-account-body .plp-account-info .plp-account-item ,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .nav-dropdown.plp-account-dropdown .plp-account-body .plp-account-info .plp-account-item span  {
        font-size: 12px !important;
    }
 
    .nav-has-scrolled [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.plp-account-dropdown,
    .nav-has-scrolled [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .nav-dropdown.digex-account-dropdown,
    .nav-has-scrolled [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.plp-account-dropdown,
    .nav-has-scrolled [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span .nav-dropdown.digex-account-dropdown,
    .nav-has-scrolled [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .nav-dropdown.plp-account-dropdown {
        top: 46px;
    }
}

@media (min-width: 1024px) {
    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li a.subnav-link--active:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 9px;
        width: 100%;
        height: 1px;
        background: #000;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper:hover .digex-subnav-links-container .digex-subnav-component-links li a.subnav-link--active:after {
        bottom: 9px;
    }
}

@media (min-width: 1024px) {
    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li a.subnav-link--active:after {
        bottom: 14px;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper:hover .digex-subnav-links-container .digex-subnav-component-links li a.subnav-link--active:after {
        bottom: 14px;
    }
}

.clp-events-carousel-theme-4040cc9e8b02427892a6522ec5730a86 .clp-events-title h2,
.bb-featured-topic-wrapper .featured-topic-heading h2 {
    margin: 0;
    font-size: 38px;
    line-height: 58.9px;
}

.clp-events-carousel-wrapper .clp-events-title img,
.bb-featured-topic-wrapper .featured-topic-heading .heading-icon {
    display: none;
}

@media screen and (max-width: 767px) {
    .clp-events-carousel-theme-4040cc9e8b02427892a6522ec5730a86 .clp-events-title {
        margin-left: 24px;
    }

        .clp-events-carousel-theme-4040cc9e8b02427892a6522ec5730a86 .clp-events-title h2 {
            margin: 0;
            font-size: 32px;
            line-height: 1;
        }

    .bb-featured-topic-wrapper .featured-topic-heading {
        margin-left: 80px;
        margin-right: 24px;
    }

        .bb-featured-topic-wrapper .featured-topic-heading h2 {
            margin: 0;
            font-size: 32px;
            line-height: 1;
        }
}

.video-capable-double-panel-wrapper {
    margin-bottom: 100px;
}

.digex-page.home-page.digex-child-page.template-group-landing-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 100px;
}

.template-group-landing-page.digex-child-page div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
.template-group-landing-page.digex-child-page.nav-has-scrolled div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
    top: 65px;
}

.glp-hero-wrapper {
    margin-top: 0;
}

@media (min-width: 1024px) {
    .digex-page.home-page.digex-child-page.template-group-landing-page [data-component="digex-nav"] {
        top: 0;
    }

    .digex-page.home-page.digex-child-page.template-group-landing-page [data-component="digex-subnav"] {
        position: relative;
        top: 0;
    }

    .template-group-landing-page.digex-child-page div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
    }

    .template-group-landing-page.digex-child-page.nav-has-scrolled div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
    }

    .glp-hero-wrapper {
        margin-top: 200px;
    }
}

@media (min-width: 1024px) {
    .digex-page.home-page.digex-child-page.template-group-landing-page [data-component="digex-nav"] {
        top: 0;
    }

    .digex-page.home-page.digex-child-page.template-group-landing-page [data-component="digex-subnav"] {
        position: relative;
        top: 0;
    }

    .template-group-landing-page.digex-child-page div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability,
    .template-group-landing-page.digex-child-page div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        position: fixed;
        top: 142px;
        /* transition: top 0.6s; */
    }

    .template-group-landing-page.digex-child-page.nav-has-scrolled div[data-component="digex-hero-plain"] div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
    }

    .glp-hero-wrapper {
        margin-top: 300px;
    }
}

.video-loader.is-visible {
    display: none;
}

body.resort #leftNavigation a.active {
    background-color: #f2f0ee;
}

body.resort #leftNavigation .sectionTitle,
#leftNavigation a.sectionTitle.active,
body.resort #leftNavigation a.sectionTitle.active {
    background-color: #222221;
    color: #f9f6ed;
}

header [data-component="standalone-nav"] [data-component="plp-subnav"] .plp-subnav-links-wrapper {
    background-color: transparent;
}
.template-select-guests  .alert-module-container {
    top: -32px;
}

.sweet-sans-pro-h2 {
    font-size: 26px;
    font-family: "sweet-sans-pro", sans-serif;
    font-weight: 500;
    letter-spacing: normal;
}

@media (min-width: 1024px) {
    .sweet-sans-pro-h2 {
        font-size: 32px;
    }
}

@media (min-width: 1140px) {
    .container-extra-wide {
        width: 86.6vw !important;
        max-width: 1420px !important;
        margin: 0 auto;
    }

    .container-extra-extra-wide {
        width: 100% !important;
        max-width: 1420px !important;
        margin: 0 auto;
    }

    .horizontal-accordion-container.container-extra-wide {
        width: 100% !important;
        max-width: 1470px !important;
    }
}

.prevent-scrolling {
    overflow: hidden;
}

/* Adjustments for property pages without a subMenu < 1024px */
.offers-page.digex-page.home-page:has([data-component="plp-subnav"]) .carousel-hero-wrapper.offers-detail-wrapper {
    margin-top: 30px;
}

.offers-page:has([data-component="plp-subnav"]) .plp-hero-slider-wrapper .plp-hero-container,
.offers-page:has([data-component="plp-subnav"]) .hero-wrapper--video .plp-hero-container,
.offers-page:has([data-component="plp-subnav"]) [data-component="plp-hero"] .plp-hero-container {
    margin-top: 65px;
}

.offers-page:has([data-component="plp-subnav"]) .hero-wrapper--video .hero-video {
    top: 0;
}

@media (max-width: 1023px) {
    .plp-page:has([data-component="plp-subnav"]) .plp-hero-slider-wrapper .plp-hero-slider,
    .plp-page:has([data-component="plp-subnav"]).template-hotels .hero-wrapper--video .hero-video {
        top: 0;
        margin-top: 65px;
    }

    .plp-page:has([data-component="plp-subnav"]) .plp-section-heading--mobile-booking-bar-heading, .plp-page .plp-section-heading--mobile-booking-bar-heading {
        margin-top: 65px;
    }
}

@media (min-width: 1024px) {
    .offers-page.digex-page.home-page:has([data-component="plp-subnav"]) .carousel-hero-wrapper.offers-detail-wrapper {
        margin-top: 50px;
    }
}
.bb-featured-topic-wrapper {
    padding: 30px 0;
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper {
        padding: 20px 0;
    }
}


.bb-featured-topic-wrapper .featured-topic-heading {
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    font-family:"sweet-sans-pro",sans-serif;
    font-size: 32px;
    margin:0 22px 25px;
    position: relative;
    font-weight: 500;
}
@media screen and (min-width: 1024px) {
.bb-featured-topic-wrapper .featured-topic-heading {
    font-size: 38px;
    margin:0 35px 25px;
    position: relative;
}
}
.bb-featured-topic-wrapper .featured-topic-heading h2 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-family:"sweet-sans-pro",sans-serif;
    font-size: 32px;

} 
@media screen and (min-width: 1024px) {
    .bb-featured-topic-wrapper .featured-topic-heading h2 {
        margin: 0;
        text-transform: uppercase;
        font-weight: 500;
        font-family:"sweet-sans-pro",sans-serif;
        font-size: 38px;
    
    } 
}
.bb-featured-topic-wrapper .featured-topic-container .slick-list .slick-track .slick-slide .featured-topic-item .digex-bg-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.66667%;
}
.bb-featured-topic-wrapper .featured-topic-container .slick-list .slick-track .slick-slide div {
    margin: 0 10px;

}
@media screen and (min-width:1024px) {
    .bb-featured-topic-wrapper .featured-topic-heading {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        font-size: 38px;
        margin: 0 110px 35px 110px;
        position: relative;
    }   
}

.bb-featured-topic-wrapper .featured-topic-highlight-container .digex-bg-image {
    width: 100%;
    max-width: 750px;
    min-width: 750px;
    position: relative;
}
/* .bb-featured-topic-wrapper .featured-topic-highlight-container .digex-bg-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.66667%;
} */
.bb-featured-topic-wrapper .featured-topic-highlight-container .digex-bg-image {
    background-position: center;
    background-size: cover;
}
@media screen and (max-width:1200px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container .digex-bg-image {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
}


 



@media screen and (max-width: 767px) {
    .bb-featured-topic-wrapper.featured-topic-title-left-right .featured-topic-heading {
        margin-left: 0;
        margin-right: 90px;
    }
}
.bb-featured-topic-wrapper.featured-topic-title-left-right .featured-topic-heading .heading-icon {
    margin-right: 5px;
}
@media screen and (min-width:1024px) {
    .bb-featured-topic-wrapper .featured-topic-container {
        margin: auto;
        padding: 0 100px;
        max-width: 1200px;
    }
}



@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-container {
        padding: 0 20px;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left {
    display: -ms-flexbox;
    display: flex;
    margin: 70px 0;
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-image {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 35px 0 30px;
        overflow: hidden;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-topic-highlight {
    margin-left: 40px;
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-topic-highlight {
        margin: 25px 0 0;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-bg-image img {
    width: 100%;
    height:100%;
    object-fit: fill;
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left img {
    width: 100%;
    height:100%;
    object-fit: fill;
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left img {
    width: 100%;
    height:100%;
    object-fit: fill;
}
@media screen and (max-width: 1200px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-topic-highlight-img {
        width: 50%;
    }
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-topic-highlight-img {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        width: 50%;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-bg-image {
    width: 100%;
    max-width: 750px;
    min-width: 750px;
    position: relative;
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-image{
    width: 100%;
    max-width: 750px;
    min-width: 750px;
    position: relative;
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-bg-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.66667%;
 
}
@media screen and (max-width: 1200px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-bg-image {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left  {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-bg-image {
        max-width: inherit;
        min-width: inherit;
        height: 100%;
        width: 100%;
    }
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left  {
        max-width: inherit;
        min-width: inherit;
        height: 100%;
        width: 100%;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-left .featured-topic-highlight-title {
    font-family: "sweet-sans-pro",sans-serif;
    font-size: 28px;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
}
.bb-featured-topic-wrapper .featured-topic-highlight .featured-topic-highlight-description {
    font-family: "Lato",sans-serif;
    font-size: 14px;
    line-height: 21.7px;
    margin: 0 0 15px;
    margin-bottom: 10px;
    font-weight: 300;
}
@media screen and (max-width:1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-secondary-cta {
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        border:1px solid #000;
        color: #000;
        font-family: "Lato",sans-serif;
        font-weight: 300;
        text-decoration: none;
        text-align: center;
        height: 40px;
        margin: 20px 0 0 0;
    
    }
}


@media screen and (min-width: 1024px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-secondary-cta {
        width: 230px;
        height: 42px;
    }
}
/* Image position right */


.bb-featured-topic-wrapper .featured-topic-highlight-container-right {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    margin: 70px 0;
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 35px 0 30px;
        overflow: hidden;
    }
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 35px 0 30px;
        overflow: hidden;
    }
}

.bb-featured-topic-wrapper .featured-topic-highlight-container-right .featured-topic-highlight {
    margin-right: 40px;
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .featured-topic-highlight {
        margin: 25px 0 0;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-bg-image img {
    width: 100%;
    height:100%;
    object-fit: fill;
}
@media screen and (max-width: 1200px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .featured-topic-highlight-img {
        width: 50%;
    }
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .featured-topic-highlight-img {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 195px;
        width: 100%;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-bg-image {
    width: 100%;
    max-width: 750px;
    min-width: 750px;
    position: relative;
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-bg-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.66667%;
 
}

.bb-featured-topic-wrapper .featured-topic-carousel .featured-topic-item .digex-bg-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.66667%;
 
}

.bb-featured-topic-wrapper .featured-topic-carousel .featured-topic-item  {
    padding: 15px 0;
 
}
@media screen and (max-width: 1200px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-bg-image {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-bg-image {
        max-width: inherit;
        min-width: inherit;
        height: 100%;
        width: 100%;
    }
}
.bb-featured-topic-wrapper .featured-topic-highlight-container-right .featured-topic-highlight-title {
    font-family: "sweet-sans-pro",sans-serif;
    font-size: 28px;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
}
.bb-featured-topic-wrapper .featured-topic-highlight .featured-topic-highlight-description {
    font-family: "Lato",sans-serif;
    font-size: 14px;
    line-height: 21.7px;
    margin: 0 0 15px;
    margin-bottom: 10px;
    font-weight: 300;
}
@media screen and (max-width: 1023px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-secondary-cta {
        margin: 20px 0 0 0;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        border:1px solid #000;
        color: #000;
        font-family: "Lato",sans-serif;
        font-weight: 300;
        text-decoration: none;
        text-align: center;
        height: 40px;
        width: 300px;
    }  
}


    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-secondary-cta {
        width: 275px;
        height: 42px;
    }
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-secondary-cta {
        width: 275px;
        height: 42px;
    }


@media screen and (min-width:375px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-secondary-cta {
        width: 330px;
        height: 42px;
    }
}
@media screen and (min-width:425px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-secondary-cta {
        width: 330px;
        height: 42px;
    }
}
@media screen and (min-width: 1024px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-left .digex-secondary-cta {
        width: 230px;
        height: 42px;
        margin: 0;

    }
}
@media screen and (min-width: 1024px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-secondary-cta {
        width: 230px;
        height: 42px;
        margin: 0;
    }
}

@media screen and (min-width:375px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-secondary-cta {
        width: 330px;
        height: 42px;
    }
}
@media screen and (min-width:425px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-secondary-cta {
        width: 330px;
        height: 42px;
    }
}
@media screen and (min-width: 1024px) {
    .bb-featured-topic-wrapper .featured-topic-highlight-container-right .digex-secondary-cta {
        width: 230px;
        height: 42px;
    }
}
.bb-featured-topic-wrapper .featured-topic-container .digex-secondary-cta {
    margin-top: 24px;
}
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

[data-component="standalone-nav"],
.plp-navigation,
.header-navigation {
    position: fixed;
    top: 32px;
    z-index: 9998;
    left: 0;
    width: 100%;
}
.template-select-guests  .alert-module-container {
    top: -32px;
}


.digex-page.template-interest-page [data-component="standalone-nav"],
.header-navigation {
    top: 0;
}

.template-interest-page .rmr__interests-hero-wrapper {
    margin-top: 100px;
    margin-bottom: -32px;
}

@media screen and (min-width: 1024px) {
    .template-interest-page .rmr__interests-hero-wrapper {
        margin-bottom: 0;
    }
}

.template-interest-page .rmr__interests-hero-wrapper .rmr__interests-hero-nav {
    top: 0;
}

.digex-page.destinations-page .digex-header {
    position: relative;
    top: 0;
    z-index: 9998;
}

.digex-page.destinations-page .digex-header [data-component="digex-nav"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .digex-page.destinations-page .digex-header {
        position: fixed;
        left: 0;
        width: 100%;
    }

    .digex-page.destinations-page .digex-header [data-component="digex-nav"] {
        position: relative;
        top: auto;
        left: auto;
    }
}

.careers-page.plp-page [data-component="standalone-nav"],
.digex-child-page [data-component="standalone-nav"],
.plp-navigation {
    top: 0;
}

.digex-page.destinations-page .digex-header .plp-check-availability {
    position: relative;
    top: auto;
}

@media screen and (max-width: 767px) {
    [data-component="digex-nav"],
    [data-component="plp-nav"] {
        display: block !important;
    }
}

[data-component="digex-nav"],
[data-component="plp-nav"] {
    padding: 0 24px;
    background-color: #222221;
}

/* Mobile menu */
[data-component="main-nav-dropdown"].main-nav {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    background-color: #222221;
    border: 0;
    overflow-y: hidden;
    transform: translateY(-100%);
    /* transition: transform 0.5s ease-out, opacity 0.5s ease-out 0.25s, visibility 0.5s ease-out 0.25s; */
    transition: transform 0.75s;
    box-shadow: none;
}

div[data-component="plp-check-availability"].plp-check-availability,
div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
    z-index: 9995;
}

[data-component="main-nav-dropdown"].main-nav.opened {
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    transform: translateY(65px);
    z-index: 9997;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links {
    margin-top: 0;
    padding: 0;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links li:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-main-nav-subnav li {
    border: none;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links.plp-main-nav-links--account {
    margin-top: 40px;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links.plp-main-nav-links--account li {
    border: none;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links a {
    flex-grow: 1;
    position: relative;
    display: block;
    padding: 0 20px !important;
    color: #fff;
    line-height: 70px;
    font-family: "Lato";
    font-weight: 300;
    letter-spacing: normal;
    font-size: 14px;
    transition: transform 0.5s;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 26px;
    width: 100%;
    height: 1px;
    background-color: transparent;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links a.subnav-link--active::after {
    background-color: #fff;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .icon-arrow_forward {
    position: absolute;
    right: 20px;
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    color: #fff;
    font-size: 18px;
    z-index: -1;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle:after {
    content: none;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle-parent .icon-arrow_forward {
    transform: rotate(90deg);
    transition: transform 0.3s;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle.open .plp-nav-link-toggle-parent .icon-arrow_forward {
    transform: rotate(-90deg);
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle .plp-main-nav-subnav li {
    padding-right: 0 !important;
}

[data-component="main-nav-dropdown"].main-nav .plp-main-nav-links .plp-nav-link-toggle .plp-main-nav-subnav li:last-of-type {
    border-bottom: none;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle {
    position: relative;
    display: block;
    width: 32px;
    height: 28px;
    margin-right: 0;
    padding: 0;

    /* smaller */
    width: 24px;
    height: 20px;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle .digex-hamburger-icon,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle .plp-hamburger-icon {
    margin-right: 0;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle .digex-hamburger-icon div,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle .plp-hamburger-icon div {
    position: absolute;
    width: 32px;
    height: 3px;
    margin: 0 !important;
    transform-origin: 0 0;
    transition: transform 0.3s ease-out;

    /* smaller */
    width: 24px;
    height: 2px;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle .digex-hamburger-icon div:first-of-type,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle .plp-hamburger-icon div:first-of-type {
    top: 0;
    left: 0;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle[aria-expanded="true"] .digex-hamburger-icon div:first-of-type,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle[aria-expanded="true"] .plp-hamburger-icon div:first-of-type {
    transform: rotate(45deg) scaleX(1.17);

    /* smaller */
    transform: rotate(45deg) scaleX(1.16);
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle .digex-hamburger-icon div:last-of-type,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle .plp-hamburger-icon div:last-of-type {
    bottom: 0;
    left: 0;
    transform-origin: 0 100%;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle[aria-expanded="true"] .digex-hamburger-icon div:last-of-type,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle[aria-expanded="true"] .plp-hamburger-icon div:last-of-type {
    transform: rotate(-45deg) scaleX(1.17) translateY(1px);

    /* smaller */
    transform: rotate(-45deg) scaleX(1.12) translateY(1px);
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle .digex-hamburger-icon div.middle-bar,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle .plp-hamburger-icon div.middle-bar {
    top: 12.5px;
    left: 0;
    opacity: 1;
    margin: 0;
    transform-origin: 0 50%;

    /* smaller */
    top: 9px;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li .digex-nav-toggle[aria-expanded="true"] .digex-hamburger-icon div.middle-bar,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li .plp-nav-toggle[aria-expanded="true"] .plp-hamburger-icon div.middle-bar {
    opacity: 0;
    transform: scaleX(0);
}
/* end Mobile menu */

/* digex-nav */
[data-component="digex-nav"] .digex-navbar .digex-nav-section li:last-of-type,
[data-component="plp-nav"] .plp-navbar .plp-nav-section li:last-of-type {
    margin-right: 0;
    padding-right: 0;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section #account-li .digex-mobile-visible img,
[data-component="plp-nav"] .plp-navbar .plp-nav-section #account-li .plp-mobile-visible img {
    width: 1.145038167938931em;
    height: 1em;
    font-size: 26px;
}

[data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-mobile-account-switch .digex-mobile-visible,
[data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-mobile-account-switch .plp-mobile-visible {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
}

[data-component="digex-nav"] .digex-navbar,
[data-component="plp-nav"] .plp-navbar {
    height: 65px;
    align-items: center;
}

[data-component="digex-nav"] .digex-navbar h1,
[data-component="digex-nav"] .digex-navbar > a,
[data-component="plp-nav"] .plp-navbar h1,
[data-component="plp-nav"] .plp-navbar > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 70px;
}

[data-component="plp-nav"] .plp-navbar > a[href*="san-antonio-mokara"],
[data-component="plp-nav"] .plp-navbar > a[href*="villas-amelia-island"] {
    font-size: 40px;
}

[data-component="digex-nav"] .digex-navbar h1 a,
[data-component="plp-nav"] .plp-navbar h1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

[data-component="digex-nav"] .digex-navbar h1 a:hover,
[data-component="plp-nav"] .plp-navbar h1 a:hover {
    color: #fff;
}

[data-component="digex-nav"] h1 .icon,
[data-component="plp-nav"] h1 .icon,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-arrow button .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

[data-component="plp-nav"] h1 .icon-San_Diego_Hotel_Horizontal {
    width: 6.3505859375em;
}

[data-component="digex-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-width-290,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-width-290,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-width-290 {
    width: 3.22222em;
}

[data-component="digex-nav"] h1 .icon.icon-Omni_Logo_Hor,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor {
    width: auto;
    height: 70px;
    filter: brightness(0) invert(1);
}
[data-component="digex-nav"] .digex-navbar picture,
[data-component="plp-nav"] .plp-navbar picture {
  display: flex;
}
@media screen and (min-width: 1024px) {
    [data-component="digex-nav"] h1 .icon.icon-Omni_Logo_Hor,
    [data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor,
    [data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor {
        width: auto;
        height: 90px;
        filter: brightness(0) invert(1);
    } 
}

[data-component="digex-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-atl-cnn,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-atl-cnn,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-atl-cnn {
    width: 7.21em;
}

[data-component="plp-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-width-341,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-width-341,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-width-341 {
    width: 3.78888em;
}

[data-component="plp-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-width-318,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-width-318,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-width-318 {
    width: 3.53333em;
}

[data-component="plp-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-width-385,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-width-385,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-width-385 {
    width: 4.27777em;
}

[data-component="plp-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-width-416,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-width-416,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-width-416 {
    width: 3.290303687463889em;
}

[data-component="plp-nav"] h1 .icon.icon-Omni_Logo_Hor.icon-width-529,
[data-component="digex-nav"] .digex-navbar .icon.icon-Omni_Logo_Hor.icon-width-529,
[data-component="plp-nav"] .plp-navbar .icon.icon-Omni_Logo_Hor.icon-width-529 {
    width: 3.457516339869281em;
}

@media screen and (min-width: 1024px) {
    [data-component="main-nav-dropdown"].main-nav {
        display: none !important;
    }

    [data-component="digex-nav"],
    [data-component="plp-nav"] {
        padding: 28px 35px;
        transition: padding 0.6s;
    }

    [data-component="digex-nav"].scrolled,
    [data-component="plp-nav"].scrolled {
        padding: 12px 35px 20px;
    }

    [data-component="standalone-nav"] *,
    .plp-page .plp-navigation * {
        box-sizing: border-box;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links.plp-nav-links-left li:first-of-type {
        display: none;
    }

    [data-component="digex-nav"] .digex-navbar,
    [data-component="plp-nav"] .plp-navbar {
        align-items: flex-end;
        height: 40px;
    }

    [data-component="digex-nav"] .digex-navbar h1,
    [data-component="digex-nav"] .digex-navbar > a,
    [data-component="plp-nav"] .plp-navbar h1,
    [data-component="plp-nav"] .plp-navbar > a {
        font-size: 90px;
        transition: transform 0.6s ease-out;
    }

    [data-component="plp-nav"] .plp-navbar > a[href*="san-antonio-mokara"],
    [data-component="plp-nav"] .plp-navbar > a[href*="villas-amelia-island"] {
        font-size: 60px;
    }

    [data-component="digex-nav"].scrolled .digex-navbar h1,
    [data-component="digex-nav"].scrolled .digex-navbar > a {
        /* matrix(scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY()) */
        transform: matrix(0.81439, 0, 0, 0.81439, 0, 4);
    }

    [data-component="plp-nav"].scrolled .plp-navbar h1,
    [data-component="plp-nav"].scrolled .plp-navbar > a {
        /* matrix(scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY()) */
        transform: matrix(0.81439, 0, 0, 0.81439, 0, 0);
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-right.plp-nav-section .plp-nav-links {
        display: flex;
        margin: 0;
    }

    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li.nav-dropdown-link,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li.nav-dropdown-link,
    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links span {
        height: auto;
        line-height: 1;
    }

    [data-component="digex-nav"] .digex-navbar .digex-nav-section .digex-nav-links li.nav-dropdown-link::after,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li.nav-dropdown-link::after {
        content: none;
    }

    [data-component="digex-nav"] .digex-navbar .digex-nav-section.digex-nav-right {
        display: flex;
        align-items: flex-end;
        position: relative;
        top: 4px;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links span {
        line-height: 1;
    }
}
/* end digex-nav */

/* digex-subnav */

[data-component="digex-subnav"] .digex-subnav-links-wrapper,
[data-component="plp-subnav"] {
    background-color: #f2f0ee !important;
    height: 35px;
    position: relative;
    top: -35px;
    width: 100%;
}

[data-component="plp-subnav"] {
    top: 0;
    transition: top 0.6s;
    z-index: 9995;
}

.plp-child-page [data-component="plp-subnav"] {
    position: relative;
    top: 0;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

[data-component="digex-subnav"].fixed-subnav {
    background-color: transparent;
}

@media screen and (max-width: 767px) {
    .home-page.plp-page.plp-child-page.corporate-rates-page div[data-component="digex-hero-plain"] {
        min-height: initial !important;
    }
}

.home-page.plp-page.plp-child-page.corporate-rates-page #mainArea {
    margin-top: 10px !important;
}

.home-page.plp-page.plp-child-page.corporate-rates-page .digex-hero-plain-legacy #mainArea {
    margin-top: 0 !important;
}

@media screen and (min-width: 1024px) {
    .rfp-page.plp-child-page [data-component="plp-subnav"] {
        box-shadow: none;
    }

    .home-page.plp-page.plp-child-page.corporate-rates-page #mainArea {
        margin-top: 100px !important;
    }

    .home-page.plp-page.plp-child-page.corporate-rates-page .digex-hero-plain-legacy #mainArea {
        margin-top: 180px !important;
    }
}

@media screen and (min-width: 1024px) {
    [data-component="plp-subnav"].fixed-subnav {
        z-index: 9995;
    }

    .home-page.plp-page.plp-child-page.corporate-rates-page [data-component="plp-subnav"] {
        position: relative;
        top: 0;
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
    }

    .home-page.plp-page.plp-child-page.corporate-rates-page.nav-has-scrolled [data-component="plp-subnav"] {
        top: 0;
    }

    .home-page.plp-page.plp-child-page.corporate-rates-page #mainArea {
        margin-top: 142px !important;
    }

    .home-page.plp-page.plp-child-page.corporate-rates-page .digex-hero-plain-legacy #mainArea {
        margin-top: 222px !important;
    }
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container {
    display: flex;
    justify-content: center;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links {
    position: relative;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children {
    top: 46px;
    left: 20px;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #f2f0ee;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children > a:after,
.home-page.digex-child-page [data-component="digex-subnav"] .digex-subnav-links-container .digex-subnav-component-links .has-children a:after,
.destinations-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children a:after,
.template-interest-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children a:after {
    position: relative;
    top: 1px;
    left: 3px;
    display: inline-block;
    margin-left: 0;
    background-image: url(img/arrow-forward.svg);
    transform: rotate(90deg);
    transition: transform 0.3s;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li.open a:after,
.home-page.digex-child-page [data-component="digex-subnav"] .digex-subnav-links-container .digex-subnav-component-links .has-children.open a:after,
.destinations-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children.open a:after,
.template-interest-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children.open a:after {
    transform: rotate(-90deg);
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper:hover .digex-subnav-links-container .digex-subnav-component-links .has-children a:after {
    top: 3px;
    background-image: url(img/arrow-forward.svg);
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li.has-children svg {
    position: absolute;
    top: 17px;
    right: 0;
    font-size: 12px;
    color: #000;
    transform: rotate(90deg);
    transition: transform 0.3s ease-out;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li.has-children.open svg {
    transform: rotate(-90deg);
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li.has-children {
    padding-right: 0;
}

@media screen and (min-width: 1024px) {
    .careers-page.plp-page [data-component="digex-nav"] {
        padding: 28px 35px;
        transition: padding 0.6s;
    }

    .careers-page.plp-page [data-component="digex-nav"].scrolled {
        padding: 12px 35px 20px;
    }

    .careers-page.plp-page [data-component="digex-nav"] .digex-navbar {
        align-items: flex-end;
        height: 40px;
    }

    .careers-page.plp-page [data-component="digex-nav"] .digex-navbar h1 {
        transition: transform 0.6s ease-out;
    }

    .careers-page.plp-page [data-component="digex-nav"].scrolled .digex-navbar h1 {
        transform: matrix(0.81439, 0, 0, 0.81439, 0, 4);
    }

    .careers-page.plp-page [data-component="digex-nav"] .digex-navbar .digex-nav-section.digex-nav-right {
        display: flex;
        align-items: flex-end;
        position: relative;
        top: 4px;
    }

    .careers-page.plp-page [data-component="digex-nav"] .digex-navbar .digex-nav-section.digex-nav-right li {
        line-height: 1;
    }

    .careers-page.plp-page [data-component="digex-nav"] .digex-navbar .digex-nav-section.digex-nav-right li:not(.digex-mobile-account-switch) {
        display: inline-block;
    }

    .careers-page.plp-page [data-component="digex-nav"] .digex-navbar .digex-nav-section.digex-nav-right li {
        font-size: 11px;
        letter-spacing: 0.0175em;
    }

    .careers-page.plp-page [data-component="digex-subnav"] {
        height: 46px;
        background-color: #f2f0ee;
    }

    .careers-page.plp-page [data-component="digex-subnav"] .digex-subnav-links-wrapper {
        top: 0px;
        width: 100%;
        height: 46px;
        padding: 0 35px;
    }

    .template-brand-offer-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li {
        line-height: 35px;
    }

    .careers-page.plp-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li {
        line-height: 46px;
    }
}

[data-component="digex-subnav"] {
    display: block;
    height: 35px;
    z-index: 9995;
    top: -32px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

.campaign-landing-page.offers-page.template-campaign-landing-page [data-component="digex-subnav"] {
    top: 0;
}

.campaign-landing-page.offers-page.template-campaign-landing-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 0;
}

@media screen and (min-width: 1024px) {
    .campaign-landing-page.offers-page.template-campaign-landing-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
    }
}

.template-brand-offer-page [data-component="digex-subnav"] {
    top: 0;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper {
    top: 0;
}

/* Hide subnav links while hamburger menu is visible (mobile booking bar breakpoint) */
@media screen and (max-width: 1023px) {
    [data-component="digex-subnav"] .digex-subnav-links-wrapper {
        display: none !important;
    }

    [data-component="digex-subnav"] {
        height: 0 !important;
        min-height: 0;
        overflow: hidden;
        box-shadow: none !important;
    }
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li a,
[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children li a,
[data-component="digex-subnav"] .digex-subnav-links-wrapper:hover .digex-subnav-links-container .digex-subnav-component-links li a {
    display: block;
    font-size: 14px;
    color: #222221;
    text-decoration: none;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li {
    line-height: 35px;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children {
    top: 35px;
    border: 1px solid #c3c3c3;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li.open .digex-subnav-children:before {
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #c3c3c3 transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 50%;
    top: -8px;
    transform: translateX(50%);
    width: 0;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children li a {
    padding: 2px 0;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-arrow button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links {
    overflow: visible;
}

@media screen and (min-width: 1024px) {
    [data-component="digex-subnav"],
    [data-component="plp-subnav"] {
        display: block;
        height: 46px;
    }

    [data-component="plp-subnav"].fixed-subnav {
        z-index: 9995;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper,
    [data-component="plp-subnav"] .plp-subnav-links-wrapper,
    [data-component="plp-subnav"].fixed-subnav {
        top: 0px;
        width: 100%;
        height: 46px;
        padding: 0 35px;
    }

    [data-component="plp-subnav"].fixed-subnav {
        top: 96px;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper:hover,
    [data-component="plp-subnav"] .plp-subnav-links-wrapper:hover,
    [data-component="plp-subnav"] .plp-subnav-links-wrapper,
    [data-component="digex-subnav"] .digex-subnav-links-wrapper,
    [data-component="plp-subnav"].fixed-subnav .plp-subnav-links-wrapper {
        background-color: #f2f0ee;
        transition: none;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li,
    [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li,
    .template-brand-offer-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li {
        line-height: 46px;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links > li a,
    [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li a {
        color: #222221;
        font-size: 14px;
        line-height: 46px;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children {
        top: 46px;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper:hover .digex-subnav-links-container .digex-subnav-component-links li a,
    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children li a {
        color: #000;
    }

    [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links .has-children .digex-subnav-children li a {
        padding: 2px 0;
        line-height: 20px;
    }
}

/* end digex-subnav */

/* plp-subnav */
.plp-child-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
    top: 0;
}

.home-page.digex-child-page [data-component="plp-subnav"],
.home-page.digex-child-page [data-component="plp-subnav"].fixed-subnav {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

@media screen and (min-width: 1024px) {
    .plp-child-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
    }
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper {
    top: 0;
}

[data-component="plp-subnav"].fixed-subnav {
    position: relative;
    top: 0;
    /* transition: top 0.3s; */
}

@media screen and (min-width: 1024px) {
    [data-component="plp-subnav"].fixed-subnav {
        top: 0;
        padding: 0;
        transition: none;
    }

    .plp-child-page [data-component="plp-subnav"].fixed-subnav {
        top: 96px;
        box-shadow: none;
    }

    .plp-child-page.nav-has-scrolled [data-component="plp-subnav"].fixed-subnav {
        top: 72px;
    }

    .home-page.digex-child-page [data-component="plp-subnav"],
    .home-page.digex-child-page [data-component="plp-subnav"].fixed-subnav {
        box-shadow: none;
    }
}

[data-component="plp-subnav"].fixed-subnav .plp-subnav-links-wrapper {
    background-color: transparent;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-arrow,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-arrow {
    width: auto;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-arrow button,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-arrow button {
    display: block !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background-color: #f2f0ee;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-arrow.plp-arrow-right-wrapper {
    right: 0;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-arrow button span,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-arrow button span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}

[data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-arrow button.prev svg,
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-arrow button.prev svg {
    transform: rotate(-180deg);
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li a,
div[data-component="standalone-nav"] [data-component="plp-subnav"].fixed-subnav .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li a,
[data-component="digex-subnav"].fixed-subnav .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links li a,
.plp-header div[data-component="standalone-nav"] [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li a {
    color: #000 !important;
    font-size: 14px;
}

/* overwriting a weird legacy rule */
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    [data-component="plp-subnav"] .plp-subnav-links-wrapper:hover .plp-subnav-links-container .plp-subnav-component-links li a:hover:after {
        background: initial;
        background-image: url(img/arrow-forward.svg);
    }
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children > a:after {
    position: relative;
    top: 1px;
    left: 3px;
    display: inline-block;
    margin-left: 0;
    background-image: url(img/arrow-forward.svg);
    transform: rotate(90deg);
    transition: transform 0.3s;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children > a {
    align-items: center;
    display: flex;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children > a:after,
[data-component="plp-subnav"] .plp-subnav-links-wrapper:hover .plp-subnav-links-container .plp-subnav-component-links .has-children > a:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    height: 13px;
    width: 13px;
    position: relative;
    top: 0;
    left: 3px;
    display: inline-block;
    margin-left: 0;
    background-image: url(img/arrow-forward.svg);
    transform: rotate(90deg);
    transition: transform 0.3s;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper:hover .plp-subnav-links-container .plp-subnav-component-links .has-children > a:after {
    top: 0;
    background-image: url(img/arrow-forward.svg);
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children .plp-subnav-children {
    position: absolute;
    display: none;
    flex-direction: column;
    top: 35px;
    left: 26px;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #f2f0ee;
    border: 1px solid #c3c3c3;
    list-style-type: none;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links > li.open .plp-subnav-children {
    display: flex;
    z-index: 9;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links > li.open .plp-subnav-children:before {
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #c3c3c3 transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 50%;
    top: -8px;
    transform: translateX(50%);
    width: 0;
}

[data-component="plp-subnav"],
[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links {
    overflow: visible;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children .plp-subnav-children li {
    left: auto !important;
    margin: 0 15px;
    line-height: 1.5;
    text-align: left;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children .plp-subnav-children li a {
    display: block;
    padding: 2px 0;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

[data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li.has-children.open > a:after {
    transform: rotate(-90deg);
}

@media screen and (min-width: 1024px) {

    [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children .plp-subnav-children {
        left: 20px;
    }

    [data-component="plp-subnav"] .plp-subnav-links-wrapper:hover .plp-subnav-links-container .plp-subnav-component-links li a {
        color: #000;
    }

    [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li a.subnav-link--active:after {
        background-color: #003e52 !important;
    }

    [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children .plp-subnav-children {
        top: 46px;
    }

}

@media screen and (min-width: 1200px) {

    [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links .has-children .plp-subnav-children {
        left: 35px;
    }
}

/* end plp-subnav */

@media screen and (max-width: 1023px) {
    .floating-promo-wrapper {
        margin-top: 65px;
    }
}

.campaign-landing-page .floating-promo-wrapper {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
    z-index: 1000;
}

@media screen and (min-width: 1024px) {
    .campaign-landing-page .floating-promo-wrapper {
        top: 144px;
    }

    .campaign-landing-page.template-campaign-landing-page .floating-promo-wrapper {
        top: 179px;
    }
}

@media screen and (min-width: 1024px) {
    .campaign-landing-page .floating-promo-wrapper {
        position: fixed;
        top: 300px;
        left: auto;
        right: 50px;
        border: 0;
        transition: top 0.6s;
    }

    .campaign-landing-page.template-campaign-landing-page .floating-promo-wrapper {
        top: 310px;
    }

    .campaign-landing-page.nav-has-scrolled .floating-promo-wrapper {
        top: 230px;
    }
}

.floating-promo-wrapper .floating-promo-trigger {
    background-color: #003e52;
}

.campaign-landing-page .promo-banner-wrapper {
    background-color: #003e52;
    color: #fff;
}

.floating-promo-wrapper .floating-promo-trigger-mobile {
    background-color: #003e52;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .campaign-landing-page .promo-banner-wrapper {
        margin-top: 142px;
        border: 0;
    }

    .floating-promo-special-wrapper {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.6s, visibility 0.6s;
    }
}

.floating-promo-special-wrapper.show {
    opacity: 1;
    visibility: visible;
}

.offers-page.template-brand-offer-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 0;
}

.offers-page.template-brand-offer-page.fixed-plp-check-availability [data-component="plp-subnav"].fixed-subnav,
.offers-page.template-brand-offer-page.fixed-plp-check-availability.nav-has-scrolled [data-component="plp-subnav"].fixed-subnav {
    position: relative;
    top: 0;
}

@media screen and (min-width: 1024px) {
    .offers-page.template-brand-offer-page.fixed-plp-check-availability header,
    .offers-page.template-brand-offer-page header {
        height: 145px;
    }
}

@media screen and (min-width: 1024px) {
    .offers-page.template-brand-offer-page.fixed-plp-check-availability header,
    .offers-page.template-brand-offer-page header
     {
        height: 222px;
    }
}


.rfp-page.plp-child-page [data-component="standalone-nav"] {
    top: 0;
}

@media screen and (min-width: 1024px) {
    .rfp-page.plp-child-page [data-component="plp-subnav"].fixed-subnav {
        box-shadow: none;
    }

    .rfp-page.home-page.digex-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 65px;
    }

    .rfp-page.plp-child-page div[data-component="plp-check-availability"].plp-check-availability,
    .rfp-page.plp-child-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        position: fixed;
        top: 100px;
        border-top: 1px solid #003e52;
        transition: top 0.6s;
    }

    .rfp-page.home-page.digex-page.fixed-plp-check-availability .site-container {
        margin-top: 145px;
        border-top: 1px solid #003e52;
    }

    .rfp-page.home-page.digex-page .site-container,
    .rfp-page.plp-child-page .site-container,
    .rfp-page.plp-child-page.fixed-plp-check-availability .site-container {
        margin-top: 180px;
    }
}

@media screen and (min-width: 1024px) {
    .rfp-page.plp-child-page [data-component="plp-subnav"],
    .rfp-page.plp-child-page.nav-has-scrolled [data-component="plp-subnav"].fixed-subnav {
        top: 0;
    }

    .enhanced-inner-page.rfp-page.plp-child-page [data-component="plp-subnav"],
    .enhanced-inner-page.rfp-page.plp-child-page.nav-has-scrolled [data-component="plp-subnav"].fixed-subnav {
        top: 0;
    }

    .rfp-page.home-page.digex-page div[data-component="plp-check-availability"].plp-check-availability,
    .rfp-page.plp-child-page div[data-component="plp-check-availability"].plp-check-availability,
    .rfp-page.plp-child-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        position: fixed;
        top: 142px;
        border-top: 1px solid #003e52;
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
        /* transition: top 0.6s; */
    }

    .rfp-page.home-page.digex-page.nav-has-scrolled div[data-component="plp-check-availability"].plp-check-availability,
    .rfp-page.plp-child-page.nav-has-scrolled div[data-component="plp-check-availability"].plp-check-availability {
        top: 118px;
    }

    .rfp-page.home-page.digex-page .site-container,
    .rfp-page.home-page.digex-page.fixed-plp-check-availability .site-container {
        margin-top: 222px;
    }

    .rfp-page.plp-child-page .site-container,
    .rfp-page.plp-child-page.fixed-plp-check-availability .site-container {
        margin-top: 222px;
    }

    .rfp-page.plp-child-page [data-component="plp-subnav"].fixed-subnav,
    .rfp-page.plp-child-page div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        /* transition: top 0.6s; */
    }
}

.enhanced-inner-page.rfp-page.plp-child-page .site-container {
    margin-top: 100px;
}

@media screen and (min-width: 1024px) {
    .enhanced-inner-page.rfp-page.plp-child-page .site-container {
        margin-top: 142px;
    }
}

.home-page.digex-child-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-component-links li a {
    color: #000;
}

.digex-navbar a:focus,
.digex-navbar a:hover {
    color: #fff;
}

.digex-child-page.template-blank-page .bs3-container {
    margin-top: 64px;
}

@media screen and (min-width: 1024px) {
    .digex-child-page.template-blank-page .bs3-container {
        margin-top: 142px;
    }
}

@media screen and (min-width: 1024px) {
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li.nav-dropdown-link:after,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links span.nav-dropdown-link:after {
        background-image: url(img/arrow-forward--white.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        transform: rotate(90deg);
        padding: 6.5px;
        position: absolute;
        top: -1px;
        right: -18px;
        transition: transform 0.3s;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li.plp-mobile-account-switch.nav-dropdown-link {
        margin-right: 30px;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li:last-of-type.plp-mobile-account-switch.nav-dropdown-link {
        margin-right: 0;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li.plp-mobile-account-switch.nav-dropdown-link:after {
        right: 2px;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li:last-of-type.plp-mobile-account-switch.nav-dropdown-link:after {
        right: -18px;
    }

    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links li.nav-dropdown-link.rotate:after,
    [data-component="plp-nav"] .plp-navbar .plp-nav-section .plp-nav-links span.nav-dropdown-link.rotate:after {
        transform: rotate(-90deg);
        top: -1px;
    }
}

@media screen and (min-width: 1024px) {
    .home-page.digex-child-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-component-links li a.subnav-link--active:after {
        bottom: 8px;
    }

    .careers-page.plp-page [data-component="plp-subnav"] .plp-subnav-links-wrapper .plp-subnav-links-container .plp-subnav-component-links li a.subnav-link--active:after,
    .careers-page.plp-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-links-container .digex-subnav-component-links li a.subnav-link--active:after {
        bottom: 13px;
    }
}

@media screen and (min-width: 1024px) {
    .home-page.digex-child-page [data-component="digex-subnav"] .digex-subnav-links-wrapper .digex-subnav-component-links li a.subnav-link--active:after {
        bottom: 13px;
    }
}

/* video */
.hero-wrapper--video .hero-video {
    top: 32px;
    top: 68px; /* 6/28 adjusted for the brand home page */
}

/* Tablet: subnav hidden below 1024px — nav-only offset (no white gap) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hero-wrapper--video .hero-video {
        top: 50px;
    }

    .plp-page.template-hotels .hero-wrapper--video .hero-video,
    .template-property-offers-landing-page .hero-wrapper--video .hero-video {
        top: 50px;
    }

    .digex-page.template-interest-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video {
        margin-top: 50px;
    }
}

/* 7/6 adjustments for the property home page video heroes (desktop only; tablet uses nav-only offset above) */
@media screen and (min-width: 1024px) {
    .plp-page.template-hotels .hero-wrapper--video .hero-video {
        top: 100px;
    }
}

@media screen and (min-width: 1024px) {
    .plp-page.template-hotels .hero-wrapper--video .plp-check-availability {
        margin-top: 100px;
    }

    .plp-page.template-hotels
        .hero-wrapper--video
        .plp-check-availability.fixed-subnav {
        margin-top: 0;
    }
}
/* https://omni-static-pages.netlify.app/styles/rebrand-hero.css */
@media screen and (min-width: 1024px) {
    .template-property-offers-landing-page .hero-wrapper--video .hero-video,
    .plp-page.template-hotels .hero-wrapper--video .hero-video {
        top: 142px;
    }

    .template-property-offers-landing-page
        .hero-wrapper--video
        .plp-check-availability,
    .plp-page.template-hotels .hero-wrapper--video .plp-check-availability {
        margin-top: 142px;
    }

    .fixed-plp-check-availability .phantom-check-availability,
    .fixed-plp-check-availability .phantom-check-availability--video {
        display: block;
        /* height: 64px; */
        height: 100px; /* accommodations-lp.html */
    }

    .fixed-plp-check-availability .phantom-check-availability--video {
        /* height: 198px; */
        height: 222px;
    }

    .fixed-plp-check-availability:has(.sticky-wrapper[style="height: 242px;"])
        .phantom-check-availability--video {
        height: 242px; /* accommodations-lp-w-video.html */
    }

    .fixed-plp-check-availability:has(.sticky-wrapper[style="height: 208px;"])
        .phantom-check-availability--video {
        height: 208px; /* homepage-header-and-footer-2023.html */
    }

    .subnav-dropdown-menu-exists
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        transform: translateY(0);
        transition: transform 0.1s;
    }

    .digex-page.home-page.template-homepage
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        transition: none !important;
    }

    .subnav-dropdown-menu-exists.dropdown-open
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        transform: translateY(46px);
        transition: transform 0.3s !important;
    }
}

@media screen and (max-width: 767px) {
    .careers-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video.hero-container--video-is-careers
        .hero-video {
        top: 65px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .careers-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video.hero-container--video-is-careers
        .hero-video {
        top: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .hero-wrapper--video .hero-video {
        top: 68px; /* 6/28 adjusted for the brand home page */
    }

    .careers-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video.hero-container--video-is-careers
        .hero-video {
        top: 142px;
    }
}

@media screen and (min-width: 1024px) {
    .hero-wrapper--video .hero-video {
        top: 108px;
    }
}

.hero-wrapper--video .video-player-wrapper {
    top: 0;
    height: 100%;
}

.hero-wrapper--video .plp-hero-container.hero-container--video {
    height: 56.25vw; /* 16/9 */
    height: 374px;
}

@media screen and (max-width: 767px) {
    .digex-page.template-interest-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video {
        margin-top: 68px;
    }
}

@media screen and (min-width: 1024px) {
    .digex-page .hero-wrapper--video .plp-hero-container.hero-container--video {
        height: calc(100vh - 190px); /* full height - (nav + booker) */
    }

    .digex-page.template-interest-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video {
        height: calc(100vh - 190px);
        margin-top: 68px;
        margin-bottom: 32px;
    }

    .plp-page .hero-wrapper--video .plp-hero-container.hero-container--video {
        height: calc(100vh - 190px); /* full height - (nav + booker) */
    }

    .careers-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video.hero-container--video-is-careers {
        height: 700px;
        margin-bottom: 142px; /* nav height */
    }

    .careers-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video.hero-container--video-is-careers
        .hero-video {
        top: 142px;
    }
}

@media screen and (min-width: 1024px) {
    .digex-page .hero-wrapper--video .plp-hero-container.hero-container--video {
        height: calc(100vh - 240px); /* full height - (nav + booker) */
    }

    .plp-page .hero-wrapper--video .plp-hero-container.hero-container--video {
        height: calc(100vh - 240px); /* full height - (nav + booker) */
    }

    .digex-page.template-interest-page
        .hero-wrapper--video
        .plp-hero-container.hero-container--video {
        height: calc(100vh - 242px);
        margin-top: 32px;
        margin-bottom: 110px;
    }

    .careers-page
        [data-component="plp-hero"].hero-wrapper--video
        .plp-hero-container {
        height: 700px;
    }
}

.hero-video .video-controls {
    display: flex;
}
@media screen and (min-width: 1024px) {
    .hero-video .video-controls {
        display: none;
    }
    .hero-video:hover .video-controls {
        display: flex;
    }
}

.hero-video .video-controls {
    position: absolute;
    bottom: 45px;
    right: 20px;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .hero-wrapper--video .video-controls {
        bottom: 60px;
        right: 34px;
        left: auto;
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .hero-wrapper--video .video-controls {
        bottom: 75px;
        right: 20px;
    }
}

.hero-wrapper--video .video-controls .is-control {
    position: relative;
    left: auto;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 12px;
    padding: 0;
    background: transparent;
    font-size: 18px;
    color: #fff;
    border: 2px solid white;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s linear;
}

.hero-wrapper--video .video-controls .rotation-button.is-control {
    font-size: 15px;
}

.hero-wrapper--video .hero-video.hero-video--disable-volume .captions-button {
    left: auto;
}

.hero-wrapper--video .video-controls .is-control span > span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-wrapper--video .video-controls .is-control span.fa-pause {
    position: relative;
    left: 0.125px;
}

.hero-wrapper--video .hero-video .rotation-button .pause-container.is-visible,
.hero-wrapper--video .hero-video .rotation-button .resume-container.is-visible,
.hero-wrapper--video .hero-video .volume-button .unmute-container.is-visible,
.hero-wrapper--video .hero-video .volume-button .mute-container.is-visible,
.hero-wrapper--video
    .hero-video
    .captions-button
    .captions-on-container.is-visible,
.hero-wrapper--video
    .hero-video
    .captions-button
    .captions-off-container.is-visible {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* slider */
.plp-hero-slider-wrapper .plp-hero-slider {
    top: 100px;
}

.digex-page.home-page.template-homepage
    .plp-hero-slider-wrapper
    .plp-hero-slider {
    top: 0;
    margin-top: 68px;
}

@media (min-width: 1024px) {
    .plp-hero-slider-wrapper .plp-hero-slider {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin-top: 100px;
    }
}

@media (min-width: 1024px) {
    .plp-hero-slider-wrapper .plp-hero-slider {
        margin-top: 142px;
    }

    .digex-page.home-page.template-homepage
        .plp-hero-slider-wrapper
        .plp-hero-slider {
        margin-top: 110px;
    }
}

.plp-hero-slider-wrapper .plp-hero-container,
.plp-hero-slider-wrapper .plp-hero-slider__slide,
.plp-hero-slider-wrapper .plp-hero-slider__slide img {
    height: 374px;
}

@media screen and (min-width: 1024px) {
    .digex-page .plp-hero-slider-wrapper .plp-hero-container,
    .digex-page .plp-hero-slider-wrapper .plp-hero-slider__slide,
    .digex-page .plp-hero-slider-wrapper .plp-hero-slider__slide img {
        height: calc(100vh - 190px); /* full height - (nav + booker) */
    }

    .plp-page .plp-hero-slider-wrapper .plp-hero-container,
    .plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide,
    .plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide img {
        height: calc(100vh - 190px); /* full height - (nav + booker) */
    }
}

@media screen and (min-width: 1024px) {
    .digex-page .plp-hero-slider-wrapper .plp-hero-container,
    .digex-page .plp-hero-slider-wrapper .plp-hero-slider__slide,
    .digex-page .plp-hero-slider-wrapper .plp-hero-slider__slide img {
        height: calc(100vh - 242px); /* full height - (nav + booker) */
    }

    .plp-page .plp-hero-slider-wrapper .plp-hero-container,
    .plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide,
    .plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide img {
        height: calc(100vh - 242px); /* full height - (nav + booker) */
    }
}

.plp-hero-slider-wrapper .slick-arrow .icon-arrow_forward {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    color: #fff;
    font-size: 30px;
    mix-blend-mode: difference;
}

.plp-hero-slider-wrapper .previous-button,
.plp-hero-slider-wrapper .next-button {
    top: calc(50% - 15px);
    background-image: none;
    background-color: transparent;
    border: 0;
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .previous-button,
    .plp-hero-slider-wrapper .next-button {
        top: calc(50% - 25px);
    }
}

@media screen and (min-width: 558px) {
    .plp-hero-slider-wrapper .plp-hero-slider__slide-content {
        max-width: 75%;
        margin: 0 auto 0 0;
    }
}

.plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide-content-wrap,
.digex-page.home-page
    .plp-hero-slider-wrapper
    .plp-hero-slider__slide-content-wrap {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 60px;
    padding: 0 40px;
    z-index: 20;
}

@media screen and (min-width: 1024px) {
    .plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide-content-wrap,
    .digex-page.home-page
        .plp-hero-slider-wrapper
        .plp-hero-slider__slide-content-wrap {
        display: block;
    }

    .plp-hero-slider-wrapper .plp-hero-slider__slide-content-wrap,
    .plp-page .plp-hero-slider-wrapper .plp-hero-slider__slide-content-wrap {
        top: auto;
        bottom: 100px;
    }
}

.plp-hero-slider__slide-content-flare {
    font-size: 40px;
    font-family: "Felicity", Georgia;
    color: #fff;
    text-indent: 12px;
    line-height: 1.7;
    text-transform: none !important;
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .plp-hero-slider__slide-content {
        max-width: 70%;
        padding-left: 60px;
        padding-right: 60px;
    }

    .plp-hero-slider__slide-content-flare {
        font-size: 100px;
        text-indent: 12px;
    }
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .plp-hero-slider__slide-content {
        padding-left: 84px;
        padding-right: 84px;
    }

    .plp-hero-slider__slide-content-flare {
        font-size: 120px;
        text-indent: 16px;
    }
}

.plp-hero-slider-wrapper .slick-slide-controls {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .slick-slide-controls {
        bottom: 20px;
        right: 34px;
        left: auto;
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .slick-slide-controls {
        bottom: 30px;
        right: 80px;
    }
}

.plp-hero-slider-wrapper .slick-slide-controls .slick-slider-dots {
    position: relative;
    z-index: 10;
}

.plp-hero-slider-wrapper .slick-slide-controls .slick-dots {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    width: auto;
}

.plp-hero-slider-wrapper .slick-slide-controls .slick-dots li {
    height: auto;
    width: auto;
}

.plp-hero-slider-wrapper .slick-slide-controls .slick-dots li button {
    display: block;
    height: 15px;
    width: 15px;
    margin: 0 8px;
    padding: 0;
    border: 2px solid white;
    background-color: transparent;
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .slick-slide-controls .slick-dots li button {
        margin: 0 6px;
    }
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .slick-slide-controls .slick-dots li button {
        margin: 0 4px;
    }
}

.plp-hero-slider-wrapper
    .slick-slide-controls
    .slick-dots
    li.slick-active
    button {
    background-color: white;
    mix-blend-mode: difference;
    color: white;
}

.plp-hero-slider-wrapper .slick-slide-controls .is-control {
    position: relative;
    left: auto;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-left: 12px;
    padding: 0;
    background: transparent;
    font-size: 8px;
    color: #fff;
    border: 2px solid white;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s linear;
}

.plp-hero-slider-wrapper .slick-slide-controls .is-control span > span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.plp-hero-slider-wrapper .slick-slide-controls .is-control span.fa-pause {
    position: relative;
    left: 0.125px;
}

.plp-hero-slider-wrapper .plp-hero-slider__slide-overlay {
    top: 444px;
    display: none;
}

.plp-hero-slider-wrapper .plp-hero-slider__slide {
    background-color: #fff;
}

.plp-hero-slider-wrapper .plp-hero-slider__slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+30,000000+100&0+30,0.65+100 */
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.65) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.65) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.65) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a66c6c6c',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 768px) {
    .plp-hero-slider-wrapper .plp-hero-slider__slide:after {
        top: 65px;
    }
}

.plp-hero-slider-wrapper .plp-hero-slider__slide-content-title {
    font-size: 24px;
}

.plp-hero-slider-wrapper
    .plp-hero-slider__slide-content-title
    .first-letter-large {
    font-size: 24px;
}

.plp-hero-slider-wrapper .plp-hero-slider__slide-content-blurb,
.plp-hero-slider-wrapper .plp-hero-slider__slide-content-blurb a {
    font-family: "Lato", sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    text-transform: none !important;
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .plp-hero-slider__slide-content-title,
    .plp-hero-slider-wrapper
        .plp-hero-slider__slide-content-title
        .first-letter-large {
        font-size: 48px;
    }

    .plp-hero-slider-wrapper .plp-hero-slider__slide-content-blurb,
    .plp-hero-slider-wrapper .plp-hero-slider__slide-content-blurb a {
        font-family: "Lato", sans-serif !important;
        font-weight: 400;
        font-size: 20px;
        text-transform: none !important;
    }
}

.plp-hero-slider-wrapper .plp-hero-slider__slide-content-blurb a::after {
    top: 3px;
    left: 6px;
    background-image: url(img/hero-slider-cta-arrow-white.svg);
    background-size: 100%;
}

@media screen and (min-width: 1024px) {
    .plp-hero-slider-wrapper .plp-hero-slider__slide-content-blurb a::after {
        top: 5px;
    }
}

[data-component="plp-resort-title"] .plp-resort-page-links .plp-page-link {
    font-weight: 300;
}

.campaign-landing-page .clp-hero-wrapper,
.campaign-landing-page .clp-hero-wrapper * {
    box-sizing: border-box;
}

.campaign-landing-page .clp-hero-wrapper {
    position: relative;
    /* margin-top: 100px; */
}
@media screen and (max-width: 768px) {
    .hide-nav-mobile + .campaign-landing-page .clp-hero-wrapper,
    .hide-nav-mobile ~ .campaign-landing-page .clp-hero-wrapper {
        margin-top: 0 !important;
    }
}

.campaign-landing-page .clp-hero-wrapper .clp-hero-image-wrapper {
    height: 530px;
}

.campaign-landing-page .clp-hero-wrapper .clp-hero-text-container {
    top: 95px;
    left: 0;
    bottom: auto;
    margin: 0 20px;
    padding: 50px 20px;
    width: auto;
}

.campaign-landing-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 0;
}

.campaign-landing-page
    .clp-hero-wrapper
    .clp-hero-text-container
    .clp-hero-title:empty,
.campaign-landing-page .clp-hero-wrapper .clp-hero-text-container p:empty {
    display: none;
}

.campaign-landing-page .clp-hero-wrapper .clp-hero-text-container h1 {
    margin-top: 0;
}

@media screen and (min-width: 1024px) {
    .campaign-landing-page .clp-hero-wrapper .clp-hero-image-wrapper {
        height: calc(100vh - 184px);
    }

    .campaign-landing-page .clp-hero-wrapper .clp-hero-text-container {
        top: auto;
        left: 100px;
        bottom: 20px;
        margin: 0 20px;
        padding: 60px 30px;
        width: 500px;
    }
}

@media screen and (min-width: 1024px) {
    .campaign-landing-page .clp-hero-wrapper {
        margin-top: 0;
    }

    .campaign-landing-page.template-campaign-landing-page .clp-hero-wrapper {
        margin-top: 142px;
    }

    .campaign-landing-page .clp-hero-wrapper .clp-hero-image-wrapper {
        height: calc(100vh - 242px);
        min-height: 465px;
    }
}

.template-offers-landing-page
    [data-component="plp-hero"].offers-hero
    .plp-hero-container {
    height: auto;
}

.template-offers-landing-page
    [data-component="plp-hero"].offers-hero
    .plp-hero-container
    .plp-hero-image,
.template-offers-landing-page [data-component="plp-resort-title"],
.template-offers-landing-page .plp-image-overlay {
    height: 720px;
}

.template-interest-page .rmr__interests-hero-wrapper .rmr__interests-hero {
    height: 400px;
}

.template-offers-landing-page [data-component="plp-resort-title"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

@media screen and (min-width: 1024px) {
    .template-offers-landing-page
        [data-component="plp-hero"].offers-hero
        .plp-hero-container
        .plp-hero-image,
    .template-offers-landing-page [data-component="plp-resort-title"],
    .template-offers-landing-page .plp-image-overlay,
    .template-interest-page .rmr__interests-hero-wrapper .rmr__interests-hero {
        height: calc(100vh - 155px);
    }

    .template-interest-page
        .rmr__interests-hero-wrapper
        .rmr__interests-hero-image-overlay {
        top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .template-offers-landing-page
        [data-component="plp-hero"].offers-hero
        .plp-hero-container
        .plp-hero-image,
    .template-offers-landing-page .plp-image-overlay,
    .template-offers-landing-page [data-component="plp-resort-title"],
    .template-interest-page .rmr__interests-hero-wrapper .rmr__interests-hero {
        height: calc(100vh - 242px);
    }

    .template-offers-landing-page .clp-hero-wrapper .clp-hero-image-wrapper {
        height: calc(100vh - 292px);
    }

    .template-interest-page .rmr__interests-hero-wrapper {
        margin-top: 142px;
        margin-bottom: 0;
    }
}

.template-destination-details .plp-hero-wrapper {
    margin-top: 65px;
}

.template-destination-details [data-component="plp-hero"] .plp-hero-container {
    height: 400px;
}

.template-destination-details.digex-page.home-page
    .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 0;
}

.template-destination-details [data-component="plp-resort-title"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0;
}

@media screen and (min-width: 1024px) {
    .template-destination-details .plp-hero-wrapper {
        margin-top: 65px;
    }

    .template-destination-details
        [data-component="plp-hero"]
        .plp-hero-container {
        height: calc(100vh - 155px);
    }

    .template-destination-details
        [data-component="plp-hero"]
        .plp-hero-container
        .plp-hero-image {
        height: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .template-destination-details .plp-hero-wrapper {
        margin-top: 142px;
    }

    .template-destination-details
        [data-component="plp-hero"]
        .plp-hero-container {
        height: calc(100vh - 242px);
    }
}

.template-destination-details
    [data-component="plp-hero"]
    .plp-hero-container
    .plp-nudge {
    top: initial;
    bottom: 50px;
}

@media screen and (min-width: 1024px) {
    .template-destination-details
        [data-component="plp-hero"]
        .plp-hero-container
        .plp-nudge {
        top: initial;
    }
}

/* Hide slider controls if there's only one image/slide */
.plp-hero-slider-wrapper.plp-hero-slider-wrapper--static-hero .rotation-button,
.plp-hero-slider-wrapper.plp-hero-slider-wrapper--static-hero .previous-button,
.plp-hero-slider-wrapper.plp-hero-slider-wrapper--static-hero .next-button,
.plp-hero-slider-wrapper.plp-hero-slider-wrapper--static-hero
    .slick-slide-controls {
    display: none !important;
}

/* apply only when .plp-check-availability is NOT present */
body:not(:has(.plp-check-availability)) .plp-hero-wrapper.hero-wrapper--video {
    margin-bottom: 120px;
}

@media screen and (min-width: 1024px) {
    body:not(:has(.plp-check-availability)) .plp-hero-wrapper.hero-wrapper--video {
        margin-bottom: 200px;
    }
}

[data-component="plp-footer"] {
    background-color: #222221;
    text-align: left;
    content-visibility: auto;
    contain-intrinsic-size:400px;
}
.template-select-guests [data-component="plp-footer"] {
  background-color: #222221;
}

.digex-page [data-component] .plp-footer-container.container {
    width: 100%;
    width: initial;
    max-width: 100%;
    padding: 50px 24px;
}

@media screen and (min-width: 1024px) {
    .digex-page [data-component] .plp-footer-container.container {
        padding: 70px 48px 60px;
    }

    .plp-footer-container--mobile {
        display: none;
    }

    .plp-footer-container-top {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1400px) {
    .digex-page [data-component] .plp-footer-container.container {
        padding: 90px 48px 70px;
    }
}

.digex-page [data-component="plp-footer"].plp-footer-wrapper--property .plp-footer-container.container {
    padding: 50px 24px;
}

@media screen and (min-width: 375px) {
    .digex-page.plp-page [data-component="plp-footer"]--property .plp-footer-container.container {
        padding: 50px 24px;
    }

    .digex-page [data-component="plp-footer"].plp-footer-wrapper--property .plp-footer-container.container {
        padding: 50px 40px;
    }
}

@media screen and (min-width: 568px) {
    .digex-page.plp-page [data-component="plp-footer"].plp-footer-wrapper--property .plp-footer-container.container {
        padding: 50px 40px;
    }
}

@media screen and (min-width: 1024px) {
    .digex-page [data-component="plp-footer"].plp-footer-wrapper--property .plp-footer-container.container {
        padding: 70px 48px 60px;
    }
}

.plp-footer-nav-links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 150px;
    margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
    .plp-footer-nav-links {
        margin-bottom: 32px;
    }
}

.digex-page [data-component] .plp-footer-nav-links li {
    width: 50%;
    line-height: 36px;
}

@media screen and (min-width: 568px) {
    .plp-footer-nav-links {
        height: 112px;
    }
    
    .digex-page [data-component] .plp-footer-nav-links li {
        width: 33.3333%;
    }

    .careers-page .plp-footer-nav-links {
        flex-direction: row;
        height: auto;
    }

    .digex-page.careers-page [data-component] .plp-footer-nav-links li {
        width: 25%;
    }
}

@media screen and (min-width: 768px) {
    .plp-footer-nav-links {
        flex-direction: row;
        height: auto;
    }

    .digex-page [data-component] .plp-footer-nav-links li,
    .digex-page.careers-page [data-component] .plp-footer-nav-links li {
        width: auto;
        padding-right: 32px;
        line-height: 28px;
    }
}

@media screen and (min-width: 992px) {
    .digex-page [data-component] .plp-footer-nav-links li {
        padding-right: 28px;
    }
}


@media screen and (min-width: 1140px) {
    .digex-page [data-component] .plp-footer-nav-links li {
        padding-right: 36px;
    }
}

.digex-page [data-component] .plp-footer-nav-links li a {
    font-size: 12px;
}

@media screen and (min-width: 1024px) {
    .plp-footer-main-col {
        margin-right: 48px;
    }
}

@media screen and (min-width: 1024px) {
    .plp-footer-secondary-col {
        max-width: 400px;
    }

    .plp-footer-secondary-col-content {
        max-width: 280px;
        margin-left: auto;
    }
}

.footer-social-media-links {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .footer-social-media-links {
        justify-content: flex-start;
    }
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-nav-wrapper {
    max-width: 100%;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-nav-wrapper .plp-footer-nav-links li:last-of-type {
    padding-right: 0;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-nav-wrapper .plp-footer-nav-links li .footer-nav-link {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 300;
    text-decoration: underline !important;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links {
    color: white;
    font-size: 14px;
    font-weight: 300;
}

.footer-brand[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links {
    display: flex;
}

.footer-brand[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links>span {
    width: 50%;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links > span {
    display: block;
    margin: 8px 0;
    line-height: 1.5;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links > span a {
    margin-right: 0;
}

@media screen and (min-width: 568px) {
    .footer-brand[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links>span {
        width: 33.3333%;
    }
}

@media screen and (min-width: 768px) {
    [data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links {
        display: flex;
    }

    .footer-brand[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links>span {
        width: auto;
    }

    [data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links > span {
        margin: 4px 0;
    }

    [data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links > span a {
        margin-right: 26px;
    }
}

@media screen and (min-width: 1024px) {
    [data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links {
        flex-wrap: wrap;
        margin-bottom: 32px;
    }
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links .plp-contact-link {
    text-decoration: none;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links > span:last-of-type a {
    margin-right: 0;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links > span:last-of-type a {
    margin-right: 0;
}

@media screen and (min-width: 1024px) {
    [data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links .plp-contact-link:last-of-type {
        text-decoration: none;
    }
}

[data-component="plp-footer"].plp-footer-wrapper--property .plp-footer-container .plp-footer-contact-links > span {
    display: inline-block;
    line-height: 2;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-help-links {
    color: white;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    /* color: hsl(0, 100%, 45%) !important; */
}

@media screen and (min-width: 1024px) {
    [data-component="plp-footer"] .plp-footer-container .plp-footer-help-links {
        max-width: 410px;
        margin-right: 48px;
    }
}

@media screen and (min-width: 1400px) {
    [data-component="plp-footer"] .plp-footer-container .plp-footer-help-links {
        max-width: 100%;
    }
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-help-links a {
    text-decoration: underline;
    color: white;
    text-underline-offset: 4px; /* Adjust spacing */
}

.digex-page [data-component] .plp-footer-select-guest-wrapper p {
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    /* color: hsl(0, 100%, 45%) !important; */
}

@media screen and (min-width: 1024px) {
    .plp-footer-select-guest-wrapper {
        margin-bottom: 0;
    }
}

.digex-page [data-component] .plp-footer-select-guest-wrapper .sg-logo {
    margin-bottom: 8px;
    text-transform: uppercase;
}

.digex-page [data-component] .plp-footer-select-guest-wrapper .sg-logo strong {
    font-weight: 400;
}
.digex-page [data-component] .plp-footer-select-guest-wrapper .sg-logo{
    font-weight: bold;
    font-size: 14px;
    line-height: 1.55;
}

.digex-page [data-component] .footer-social-media-links li {
    margin-right: 40px;
}

@media screen and (max-width: 439px) {
    .digex-page.careers-page [data-component] .footer-social-media-links li {
        margin-right: 30px;
    }
}

@media screen and (min-width: 568px) {
    .digex-page [data-component] .footer-social-media-links li {
        margin-right: 48px;
    }
}

@media screen and (min-width: 1024px) {
    .digex-page [data-component] .footer-social-media-links li {
        margin-right: 20px;
    }
}

.digex-page [data-component] .footer-social-media-links li:last-of-type {
    margin-right: 0;
}

.digex-page [data-component] .footer-social-media-links li .social-media-link {
    font-size: 18px;
}

.digex-page [data-component] .footer-social-media-links li .social-media-link.instagram {
    font-size: 20px;
}

.careers-page .footer-social-media-links .social-media-link.glassdoor-link {
    display: flex;
    align-items: center;
    height: 100%;
}

.plp-footer-social-wrapper {
    margin-bottom: 22px;
}

.plp-footer-social-wrapper h2.plp-footer-heading.alternate.h3 {
    display: none;
}

.plp-footer-container-bottom {
    margin-top: 10px;
}

.plp-footer-container-bottom {
    display: flex;
    flex-direction: column-reverse;
}

@media screen and (min-width: 1024px) {
    .plp-footer-container-bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
    }
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-copyright-wrapper {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    margin-top: 1em;
    padding: 0;
    border: 0;
}

@media screen and (min-width: 1024px) {
    [data-component="plp-footer"] .plp-footer-container .plp-footer-copyright-wrapper {
        margin-top: 0;
    }
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-copyright-wrapper .plp-footer-copyright,
[data-component="plp-footer"] .plp-footer-container .plp-footer-site-links a {
    text-transform: capitalize;
    font-weight: 300 !important;
    letter-spacing: 0.05em;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-copyright-wrapper .plp-footer-copyright {
    line-height: 1.5;
}

.plp-footer-site-links {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (min-width: 1024px) {
    .plp-footer-site-links {
        margin: 1em 0 0;
    }
}

.plp-footer-site-links li {
    margin-right: 20px;
}

.digex-page [data-component] .plp-footer-site-links li {
    margin: 0 10px;
}

.digex-page [data-component] .plp-footer-site-links li:last-of-type {
    margin-right: 0;
}

/* hover effect for the links */
[data-component="plp-footer"] a.hover-fade,
[data-component="plp-footer"] a.link-decoration {
    position: relative;
}
[data-component="plp-footer"] a.hover-fade {
    text-decoration: underline !important;
    text-underline-offset: 4px !important; 
}

[data-component="plp-footer"] a.hover-fade::after,
[data-component="plp-footer"] a.link-decoration:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* [data-component="plp-footer"] a.hover-fade.hover-fade--white::after {
    background-color: #fff;
} */

[data-component="plp-footer"] a.hover-fade:hover::after {
    opacity: 1;
}

[data-component="plp-footer"] a.link-decoration::after {
    opacity: 1;
}

[data-component="plp-footer"] a.link-decoration.link-decoration--white:after {
    background-color: #fff;
}

[data-component="plp-footer"] .plp-footer-container .plp-footer-contact-links .plp-contact-link.link-decoration--underline {
    text-decoration: underline;
}

.digex-page .plp-footer-wrapper ul {
    list-style-type: none;
    margin-top: 0;
}

.careers-page .follow-us-bottom-content {
    display: none;
}

footer .res-inquiries.show-on-lg {
    display: none;
}

@media screen and (min-width: 1024px) {
    footer .res-inquiries.show-on-lg {
        display: block;
    }

    footer .res-inquiries.show-on-sm {
        display: none;
    }
}
[data-component="digex-hero-plain"].check-availability-wrapper {
    min-height: initial !important;
    padding: 0;
}

/* Booking bar — Lato site-wide (exclude icon font classes) */
div[data-component="plp-check-availability"].plp-check-availability,
div[data-component="plp-check-availability"].plp-check-availability
    *:not([class*="fa-"]):not(.icon):not(.fas):not(.far):not(.fab):not(.fal),
.plp-section-heading--mobile-booking-bar-heading,
.plp-section-heading--mobile-booking-bar-heading * {
    font-family: "Lato", sans-serif;
}

/* Bootstrap clearfix on .container injects ::before/::after table rows — disable for booking bar */
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container::before,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container::after {
    content: none !important;
    display: none !important;
}

.digex-page .plp-section-heading--mobile-booking-bar-heading,
.plp-page .plp-section-heading--mobile-booking-bar-heading,
.rfp-page .plp-section-heading--mobile-booking-bar-heading {
    margin: 100px 0 0;
    margin-bottom: 0 !important;
    padding: 32px 0 0;
    background-color: #f2f0ee;
    border: 0 !important;
}

.digex-page.home-page.template-homepage
    .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 68px;
}

.digex-page.home-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 32px;
}

.digex-page.destinations-page .plp-section-heading--mobile-booking-bar-heading,
.digex-page.digex-child-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 65px;
}

.home-page.plp-page.plp-child-page
    .plp-section-heading--mobile-booking-bar-heading,
.rfp-page.plp-child-page .plp-section-heading--mobile-booking-bar-heading,
.offers-page.digex-page.template-property-offer-page
    .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 100px;
}

.offers-page.digex-page.home-page.template-property-offer-page
    [data-component="plp-subnav"] {
    top: 0;
    transition: none;
}

.offers-page.digex-page.home-page.template-property-offer-page
    [data-component="plp-subnav"].fixed-subnav {
    top: 0;
}

.offers-page.digex-page.home-page.template-property-offer-page
    div[data-component="plp-check-availability"].plp-check-availability,
.offers-page.digex-page.home-page.template-property-offer-page
    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
    top: 0;
}

@media screen and (min-width: 1024px) {
    .offers-page.digex-page.home-page.template-property-offer-page header {
        height: 180px;
    }

    .home-page.digex-child-page [data-component="plp-subnav"],
    .home-page.digex-child-page [data-component="plp-subnav"].fixed-subnav {
        box-shadow: none;
    }

    .offers-page.digex-page.home-page.template-property-offer-page
        div[data-component="plp-check-availability"].plp-check-availability,
    .offers-page.digex-page.home-page.template-property-offer-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        position: fixed;
        top: 100px;
        border-top: 1px solid #222221;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.125);
    }
}

@media screen and (min-width: 1024px) {
    .offers-page.digex-page.home-page.template-property-offer-page header {
        height: 222px;
    }

    .offers-page.digex-page.home-page.template-property-offer-page
        [data-component="plp-subnav"],
    .offers-page.digex-page.home-page.template-property-offer-page
        [data-component="plp-subnav"].fixed-subnav {
        position: relative;
        top: 0;
        /* transition: top 0.6s; */
    }

    .offers-page.digex-page.home-page.template-property-offer-page
        div[data-component="plp-check-availability"].plp-check-availability,
    .offers-page.digex-page.home-page.template-property-offer-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 142px;
        /* transition: top 0.6s; */
    }

    .offers-page.digex-page.home-page.template-property-offer-page.nav-has-scrolled
        div[data-component="plp-check-availability"].plp-check-availability,
    .offers-page.digex-page.home-page.template-property-offer-page.nav-has-scrolled
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
    }
}

@media screen and (max-width: 1023px) {
    .digex-child-page .plp-section-heading--mobile-booking-bar-heading {
        margin-top: 60px;
    }

    .plp-child-page .plp-section-heading--mobile-booking-bar-heading {
        margin-top: 100px;
    }

    /* Home/brand pages: booking bar follows hero — no extra top margin gap */
    .digex-page.home-page .plp-section-heading--mobile-booking-bar-heading,
    .digex-page.home-page.template-homepage
        .plp-section-heading--mobile-booking-bar-heading {
        margin-top: 0 !important;
        padding-top: 32px;
    }

    .booker-wrapper,
    .booking-bar {
        margin-top: 0;
        padding-top: 0;
        background-color: #f2f0ee;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability,
    .plp-hero-slider-wrapper
    div[data-component="plp-check-availability"].plp-check-availability,
    .hero-wrapper--video .plp-check-availability {
        margin-top: 0 !important;
    }

    .sticky-wrapper {
        height: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        position: relative;
        top: 0;
        left: auto;
        box-shadow: none;
    }

    
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open {
        position: relative;
        display: block !important;
        flex-direction: column !important;
        width: 100%;
        max-width: 100% !important;
        height: auto;
        margin: 0;
        padding-top: 8px;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        background-color: #f2f0ee;
        border: 0;
        z-index: 9999999;
        font-family: "Lato", sans-serif;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown-link
        .nav-mobile-link {
        display: block !important;
    }

    [data-component="plp-check-availability"] .nav-dropdown {
        background-color: transparent;
    }

    [data-component="plp-check-availability"] input[type="text"],
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper
        #date-start-input,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper
        #date-end-input {
        background-color: transparent;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-left: 20px;
        display: block !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section {
        display: block !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        display: block !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta
        .large-screen,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .large-screen {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta
        .small-screen,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .small-screen {
        display: inline !important;
    }

    div[data-component="plp-check-availability"]
        .check-availability-section
        > button:focus,
    div[data-component="plp-check-availability"]
        .check-availability-section
        > button:active,
    div[data-component="plp-check-availability"]
        .check-availability-section
        > button {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 0;
        border: 0 !important;
        background-color: transparent;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section
        .nav-dropdown {
        padding: 6px 24px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        .section-content {
        width: calc(100% - 48px);
        margin: 0 24px;
        padding-left: 5px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.search-section
        .plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        .plp-search-dropdown
        #plp-rooms-detail,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        .section-content {
        /* border-bottom: 1px solid #000; */
        box-shadow: 0 0 15px 5px #00000040 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .plp-search-dropdown
        .plp-input-wrapper:before {
        content: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper {
        padding-left: 5px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper
        #date-start-input,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper
        #date-end-input {
        width: 115px;
        text-align: left;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper
        #date-end-input {
        margin-left: 16px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        .nav-dropdown.open {
        top: 40px;
        margin-bottom: 70px;
    }

    .digex-page
        div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section {
        margin-top: 30px;
        margin-bottom: 24px;
        padding: 10px 24px;
        box-shadow: none;
        background-color: transparent;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        input[type="checkbox"]
        + label:before,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        input[type="radio"]
        + label:before,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown
        .plp-input-wrapper
        input[type="text"].disabled {
        background-color: transparent;
    }

    .digex-page
        div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .large-screen {
        display: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        .plp-search-dropdown
        #plp-rooms-detail {
        padding-left: 4px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .nav-dropdown-content.search-content,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        .nav-dropdown.open
        .plp-input-wrapper {
        padding-left: 5px;
    }
}

.booker-blurb.small-screen {
    margin: 0;
    padding: 0 24px 24px;
    background-color: #f9f6ed;
}

.booker-blurb.small-screen p {
    font-size: 14px;
    line-height: 20px;
}

.booker-blurb.small-screen p:first-of-type {
    margin-top: 0;
}

@media (min-width: 1024px) {
    .booker-blurb.small-screen {
        display: none;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    .date-day-count {
    display: none;
}

@media (min-width: 420px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown
        .plp-date-input-wrapper
        .date-day-count {
        display: block;
    }
}

@media (min-width: 1024px) {
    .digex-page
        div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .small-screen {
        display: none;
    }

    .digex-page
        div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .large-screen {
        display: block;
    }
}

.template-interest-page .plp-hero-wrapper .sticky-wrapper,
.plp-hero-slider-wrapper .sticky-wrapper {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
}

/* .plp-page .plp-content-wrapper .plp-section-heading {
    padding-top: 65px;
} */
.plp-page .plp-content-wrapper .plp-resort-faqs-heading {
   font-size: 26px;
}
@media screen and (min-width: 1024px) {
    .plp-page .plp-content-wrapper .plp-resort-faqs-heading
    {
        font-size: 32px;
       }
}
div[data-component="plp-check-availability"].plp-check-availability *,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section {
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    *:focus {
    box-shadow: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container.open
    .check-availability-section {
    box-sizing: border-box;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .plp-section-heading--mobile-booking-bar-heading {
        display: none !important;
    }

    div[data-component="plp-check-availability"]
        .plp-check-availability-container.container {
        height: 36px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown {
        top: 26px;
    }

    .digex-page .nav-dropdown:before {
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #c3c3c3 transparent;
        content: "";
        height: 0;
        position: absolute;
        right: 50%;
        top: -8px;
        transform: translateX(50%);
        width: 0;
    }
}

.home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
    top: 0;
}

.home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
    .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 100px;
}

@media screen and (min-width: 1024px) {
    .hero-wrapper--video .plp-check-availability {
        margin-top: 32px;
        margin-top: 68px;
    }

    .digex-page.home-page .plp-hero-slider-wrapper .plp-check-availability {
        margin-top: 32px;
    }

    .digex-page.home-page
        .plp-hero-slider-wrapper
        .plp-check-availability.fixed-subnav {
        top: 33px;
    }
    /* .booker-wrapper .sticky-wrapper {
        background-color: #f9f6ed;
    } */

    div[data-component="plp-check-availability"].plp-check-availability {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* transition: height 0.3s; */
        padding: 20px 0;
        background-color: #f2f0ee;
    }
    


    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
        background-color: #f2f0ee;
        box-shadow: 0 0 15px 5px #00000040;
    }

    .home-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-child-page
        div[data-component="digex-hero-plain"]
        div[data-component="plp-check-availability"].plp-check-availability,
    .home-page.digex-page.digex-child-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 65px;
    }

    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        border: 0;
    }

    .digex-page.template-interest-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-page.home-page.template-homepage
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page.plp-page.plp-child-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .rfp-page.home-page.plp-page.plp-child-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page.digex-page.digex-child-page.campaign-landing-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-page.home-page.digex-child-page.template-brand-offer-page.template-blank-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
    }

    .home-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .plp-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        border-top: 1px solid #222221;
    }

    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
        [data-component="digex-subnav"].fixed-subnav {
        box-shadow: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container {
        width: 100%;
        max-width: 720px;
        justify-content: space-between;
        border: 0;
        background-color: transparent;
    }
}
@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-sub-wrapper {
        max-width: 720px;
    }
}
@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-sub-wrapper {
        max-width: 930px;
    }
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper {
    background-color: #f2f0ee;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper {
        padding: 0 24px 12px;
    display: flex;
    flex-direction: column;
	
}
@media screen  and (min-width: 1024px){
    div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper {
    margin-top: 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
}
}
@media screen  and (min-width: 1024px){
    div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    #connectedRoomsWrapper2 {
     border-top: 1px solid #222221;
     border-bottom: 1px solid #222221;
     padding: 15px 0;
}
}

div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputWrapper
    #stayTogetherCheckbox {
    display: flex;
    accent-color: #222221;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    opacity: 1;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper {
    display: flex;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent {
    display: flex;
    gap: 90px;

}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent button {
    all: unset;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent button:focus-visible {
        outline: 2px solid black;
        outline-offset: 3px;
    }
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    .inputContentWrapper {
    display: flex;
    flex-direction: column;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper 
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    img {
        cursor: pointer;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .mainText {
    color: #222221;
    font-family: "Lato", "sans-serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper
    .connectedRoomsWrapper
    .subText {
    color: #222221;
    font-family: "Lato", "sans-serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    > button.connected-rooms-info-open {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    > button.connected-rooms-info-open
    img,
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    > button.connected-rooms-info-close
    img {
    pointer-events: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper.is-open {
    display: flex;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    > button.connected-rooms-info-close {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 5px;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    > button.connected-rooms-info-close:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    > button.connected-rooms-info-open:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 3px;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper button {
        all: unset;
}
.inputWrapper input[type="checkbox"] {
    outline: 2px solid black; /* Simulated border */
    outline-offset: -2px; /* Ensures the outline sticks to the checkbox */
}
.inputWrapper input[type="checkbox"]:focus-visible {
    outline: 2px solid black;
    outline-offset: 3px;
}
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper button:focus-visible {
        outline: 2px solid black;
        outline-offset: 3px;
    }
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper {
    display: none;
    align-items: start;
    margin-top: 8px;
}
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper img {
        cursor: pointer;
}

div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescriptionWrapper
    .subTextDescription {
    color: #222221;
    font-family: "Lato", "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    display: flex;
}
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescriptionWrapper {
    display: flex;
    flex-direction: column;
    margin-left: 16px !important;
}
div[data-component="plp-check-availability"].plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescription:first-child {
    margin-bottom: 8px;
}


/* Dynamic Connected Rooms */
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper {
        padding: 0 24px 12px;
    display: flex;
    flex-direction: column;
}
@media screen  and (min-width: 1024px){
    div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper {
    margin-top: 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
}
}

div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputWrapper
    #stayTogetherCheckbox {
    display: flex;
    accent-color: #222221;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    opacity: 1;

}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper {
    display: flex;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent {
    display: flex;
    gap: 28px;
    align-items: center;

}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    .inputContentWrapper {
    display: flex;
    flex-direction: column;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .connectedRoomsSubWrapper
    .inputImageWithContent
    img {
        width: 18px;
        height: 18px;
        cursor: pointer;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .descriptionWrapper img {
        cursor: pointer;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .mainText {
    color: #222221;
    font-family: "Lato", "sans-serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
}
div[data-component="plp-check-availability"].plp-check-availability .plp-sub-wrapper .check-availability-section
    .connectedRoomsWrapper
    .subText {
    color: #222221;
    font-family: "Lato", "sans-serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

div[data-component="plp-check-availability"].plp-check-availability .check-availability-section
    .connectedRoomsWrapper
    .descriptionWrapper {
    display: none;
    align-items: start;
    margin-top: 8px;
}

div[data-component="plp-check-availability"].plp-check-availability .check-availability-section
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescriptionWrapper
    .subTextDescription {
    color: #222221;
    font-family: "Lato", "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    display: flex;
}
div[data-component="plp-check-availability"].plp-check-availability .check-availability-section
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescriptionWrapper {
    display: flex;
    flex-direction: column;
    margin-left: 16px !important;
}
div[data-component="plp-check-availability"].plp-check-availability .check-availability-section
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescription:first-child {
    margin-bottom: 8px;
}

.digex-child-page
    .plp-check-availability.plp-check-availability-legacy.fixed-subnav {
    top: 0;
}
.digex-header
    .alert-module-wrap
    .alert-module-container
    .sticky-wrapper
    div[data-component="plp-check-availability"].plp-check-availability
    .fixed-subnav {
    top: 164px;
}

@media screen and (min-width: 1024px) {
    .digex-page.template-interest-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-page.home-page.template-homepage
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-child-page.nav-has-scrolled
        div[data-component="digex-hero-plain"]
        div[data-component="plp-check-availability"].plp-check-availability,
    .digex-page.home-page.digex-child-page.template-brand-offer-page.template-blank-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
        /* transition: top 0.6s; */
    }

    .home-page.digex-page.digex-child-page.campaign-landing-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        position: fixed;
        top: 118px;
        border-top: 1px solid #222221;
    }

    .home-page
        .plp-hero-slider-wrapper
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        margin-top: 85px;
    }

    /* .hero-wrapper--video .plp-check-availability {
        margin-top: 108px;
    } */

    .home-page.plp-page.digex-child-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-child-page
        div[data-component="digex-hero-plain"]
        div[data-component="plp-check-availability"].plp-check-availability,
    .home-page.plp-page.plp-child-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 142px;
    }

    .home-page.plp-page.digex-child-page.nav-has-scrolled
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
    }

    /* .digex-page.destinations-page
        div[data-component="plp-check-availability"].plp-check-availability {
        height: 100%;
    } */

    /* div[data-component="plp-check-availability"].plp-check-availability {
        height: 100px;
    } */

    div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .digex-page.destinations-page
        div[data-component="plp-check-availability"].plp-check-availability {
        border-top: 1px solid #222221;
    }

    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
        div[data-component="plp-check-availability"].plp-check-availability,
    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 142px;
    }

    .plp-child-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 142px;
        /* transition: top 0.3s; */
    }

    .plp-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
    }

    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page.nav-has-scrolled
        div[data-component="plp-check-availability"].plp-check-availability,
    .plp-child-page.nav-has-scrolled
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav,
    .home-page.offers-page.digex-page.digex-child-page.template-brand-offer-page.nav-has-scrolled
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
    }
}

div[data-component="plp-check-availability"]
    .check-availability-section
    > button:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.book-section
    .plp-primary-cta:focus-visible {
    outline: 2px solid black;
    outline-offset: 3px;
    z-index: 10;
}

@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"]
        .check-availability-section
        > button:focus,
    div[data-component="plp-check-availability"]
        .check-availability-section
        > button:active,
    div[data-component="plp-check-availability"]
        .check-availability-section
        > button {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section {
        min-height: 36px;
        height: 36px;
        padding-left: 10px;
        background-color: #fff;
        border-bottom: 1px solid #c3c3c3;
    }
}

[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section {
    margin-right: 0;
}

.digex-page
    div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.book-section {
    position: relative;
    width: 100%;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info-detail {
    padding-left: 20px;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info
    .info-show,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info-detail
    .info-hide {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    text-indent: 1px;
    font-size: 14px;
    /* border: 0; */
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info-detail
    .info-hide {
    position: absolute;
    left: 0;
    font-size: 14px;
    text-decoration: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .plp-number-input-wrapper
    > button
    > i,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info
    .info-show
    > i,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info-detail
    .info-hide
    > i {
    pointer-events: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .plp-number-input-wrapper
    > button {
    background-color: transparent;
    border-radius: 50%;
    color: #000;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
    cursor: pointer;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .plp-number-input-wrapper
    > input[type="text"] {
    background-color: transparent;
}

@media screen and (min-width: 1024px) {
    .digex-page
        div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section {
        width: 140px;
        padding-left: 0;
        margin-right: 0;
    }
}

.digex-page
    div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.book-section
    .plp-primary-cta {
    height: 36px;
    line-height: 36px;
    background-color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .section-content:not(.search-section-content):before {
    content: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .search-section-content
    p:before {
    content: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .section-content
    p,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .dates-section-content
    p,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .rooms-section-content
    p {
    padding-left: 0;
    line-height: 36px;
    font-weight: 400;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .rates-section-content
        p {
        width: auto;
        padding-right: 20px;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .icon {
    cursor: pointer;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section:not(:last-child)
    .icon {
    top: 50%;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: -6px;
    background-image: none;
    transform: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .icon
    svg.large-screen,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .icon
    svg.large-screen {
    display: none;
}

@media (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .icon
        i.small-screen,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .icon
        i.small-screen {
        display: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .icon
        svg.large-screen,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .icon
        svg.large-screen {
        display: block;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .icon,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .icon {
    margin-top: -8px;
}

@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section:not(:last-child)
        .icon
        svg {
        transform: rotate(90deg);
        transition: transform 0.3s;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rotate
        .icon
        svg {
        transform: rotate(-90deg);
    }
}

@media (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section:not(:last-child)
        .icon {
        top: auto;
        right: 3px;
        width: 12px;
        height: 12px;
        margin-top: initial;
        transform: translateY(12px) rotate(90deg);
        transition: transform 0.3s;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rotate
        .icon {
        transform: translateY(12px) rotate(-90deg);
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section:not(:last-child)
    .icon
    i {
    font-size: 18px;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section:not(:last-child)
    .icon
    .icon-arrow_forward {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    color: #000;
    font-size: 20px;
}

@media (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section:not(:last-child)
        .icon
        .icon-arrow_forward {
        font-size: 12px;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info {
    display: flex;
    align-items: center;
    padding-bottom: 0;
}

@media (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section {
        width: 150px;
        padding-left: 10px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section {
        width: 130px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section {
        width: 130px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        width: 130px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown {
        border: 1px solid #c3c3c3;
        box-shadow: 0 0 15px 5px #00000040;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .nav-dropdown {
        left: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .nav-dropdown::before {
        right: 233px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown {
        left: -115px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        .plp-search-dropdown {
        left: -50px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown {
        box-sizing: border-box;
        left: -118px;
        width: 400px;
        box-shadow: 0 0 15px 5px #00000040
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .nav-dropdown::before {
        right: 216px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown
        .input-section-wrapper--special-rates {
        display: flex;
        justify-content: space-between;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown
        .input-section-wrapper--special-rates
        .special-rates-col {
        width: 50%;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .special-rates-col-1
        input[type="radio"]
        + label {
        margin: 8px 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info
        sup {
        align-self: normal;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-special-guest
        a {
        display: inline-block;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info-detail {
        padding: 0 0 0 10px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info
        .info-show,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info-detail
        .info-hide {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        border: 1px solid #000;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info-detail
        .info-hide {
        width: 14px;
        height: 14px;
        left: -20px;
        top: 16px;
        text-decoration: none;
        font-size: 14px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section
        .form-floating {
        margin-top: 8px;
    }
}

@media (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container {
        max-width: unset;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section {
        width: 240px;
    }
    

    /* div[data-component="plp-check-availability"].plp-check-availability
    /* div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section {
        width: 190px;
    } */

    

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section {
        width: 170px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        width: 150px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .nav-dropdown {
        left: -38px;
        box-shadow: 0 0 15px 5px #00000040
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .nav-dropdown::before {
        right: 50%;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .nav-dropdown {
        left: -85px;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        .plp-search-dropdown {
        left: -30px;
    }
    

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown {
        box-sizing: border-box;
        left: -125px;
        width: 400px;
        box-shadow: 0 0 15px 5px #00000040
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .nav-dropdown::before {
        right: 50%;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown
        .input-section-wrapper--special-rates {
        display: flex;
        justify-content: space-between;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-search-dropdown
        .input-section-wrapper--special-rates
        .special-rates-col {
        width: 50%;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .special-rates-col-1
        input[type="radio"]
        + label {
        margin: 8px 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info
        sup {
        align-self: normal;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .plp-special-guest
        a {
        display: inline-block;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .plp-info-detail {
        padding: 0 !important;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .child-ages
    .child-ages-dropdowns
    .age-select:after {
    background-image: url(img/tertiary-cta-arrow-r1.svg);
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper {
    position: relative;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    .plp-search-clear {
    display: none;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    background-image: url(../img/close-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    z-index: 2;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    .plp-search-clear.is-visible {
    display: block;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    .plp-search-clear:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 2px;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-weight: 400;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-weight: 400;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    input::-ms-input-placeholder {
    /* Microsoft Edge */
    font-weight: 400;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .nav-dropdown-title-stacked
    h2.nav-dropdown-title,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .nav-dropdown-state
    .search-term,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .nav-dropdown-city
    .search-term,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .nav-dropdown-content.offers-list
    .nav-dropdown-title {
    font-family: "sweet-sans-pro", sans-serif;
    font-weight: 500;
}
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .nav-dropdown-content.offers-list
    .nav-dropdown-title {
    box-shadow: 0 0 3px gray;
}

 

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .nav-dropdown-state {
    margin: 0;
    padding-top: 15px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .nav-dropdown-state
    .search-term {
    font-family: "sweet-sans-pro", sans-serif;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222221 !important;
    line-height: normal !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .nav-dropdown-city {
    margin: 0;
    padding-top: 5px;
    font-weight: 500;
    line-height: normal;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .nav-dropdown-city
    .search-term {
    font-family: "sweet-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    #date-start-input,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    #date-end-input,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    .date-day-count,
[data-component="digex-calendar"]
    .digex-calendar-container
    .calendar-day-container.selected
    .calendar-day
    span,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    #plp-rooms-detail {
    font-weight: 400;
    border: 0;
}
@media screen and (min-width: 1024px) {
   div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    #plp-rooms-detail {
    font-weight: 400;
    border-bottom: 1px solid #222221;
    margin-bottom: 15px;
} 
}
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    .date-day-count {
        border: 0 !important;
    }


@media (min-width: 1024px) {
    .digex-page.destinations-page.template-property-listing-page
        .digex-header
        .plp-check-availability {
        top: 100px;
        border-top: 1px solid #222221;
    }
}

@media (min-width: 1024px) {
    .digex-page.destinations-page.template-property-listing-page
        .digex-header
        .plp-check-availability {
        top: 142px;
    }

    .digex-page.destinations-page.template-property-listing-page.nav-has-scrolled
        .digex-header
        .plp-check-availability {
        top: 118px;
    }
}

.template-offers-landing-page .plp-hero-container {
    margin-top: 65px;
}

.template-offers-landing-page .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 0;
}

.digex-page.template-interest-page
    .plp-section-heading--mobile-booking-bar-heading {
    margin-top: 32px;
}

.template-offers-landing-page [data-component="digex-subnav"],
.template-offers-landing-page.fixed-plp-check-availability
    [data-component="digex-subnav"] {
    top: 0;
}

@media (min-width: 1024px) {
    .template-offers-landing-page.fixed-plp-check-availability
        [data-component="digex-subnav"] {
        box-shadow: none;
    }

    .template-offers-landing-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 100px;
        border-top: 1px solid #222221;
    }
}

@media (min-width: 1024px) {
    .template-offers-landing-page .plp-hero-container,
    .template-offers-landing-page
        [data-component="plp-hero"]
        .plp-hero-container
        .plp-hero-image {
        height: calc(100vh - 242px);
    }

    .template-offers-landing-page .plp-hero-container {
        margin-top: 142px;
    }

    .template-offers-landing-page
        div[data-component="plp-check-availability"].plp-check-availability.fixed-subnav {
        top: 118px;
    }
}
@media screen and (max-width: 1023px) {
   .plp-hero-slider-wrapper .plp-hero-slider__slide img.plp-hero-image--x {
      height: 470px !important;       /* adjust as needed */
      width: 100%;
      object-fit: cover;   /* keeps crop looking good */
    }
  }
  @media screen and (max-width: 1023px) {
   .plp-hero-slider-wrapper .plp-hero-slider__slide img.plp-hero-image--x {
      height: 530px !important;       /* adjust as needed */
      width: 100%;
      object-fit: cover;   /* keeps crop looking good */
    }
  }
  @media screen and (max-width:767px) {
    .plp-hero-wrapper.plp-hero-slider-wrapper.hero-plain {
      height: 470px !important;       /* adjust as needed */
      width: 100%;
      object-fit: cover;   /* keeps crop looking good */
    }
    
  }
  @media screen and (max-width:767px) {
    .plp-hero-slider__slide.plain-hero {
        height: 530px !important;       /* adjust as needed */
      width: 100%;
      object-fit: cover;   /* keeps crop looking good */
    }
    
  }
  @media screen and (max-width:767px) {
   .plp-hero-wrapper.plp-hero-slider-wrapper.hero-plain .plp-hero-slider-wrapper .plp-hero-slider__slide:after {
        height: 470px !important;       /* adjust as needed */
      width: 100%;
      object-fit: cover;   /* keeps crop looking good */
   }
    
  }
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section
    .plp-search-dropdown
    .plp-input-wrapper
    .input-section-wrapper
    [type="radio"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: block;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    input[type="radio"]:focus-visible
    + label:before,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .plp-input-wrapper
    input:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .nav-dropdown-content
    a:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    #date-start-input:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    #date-end-input:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    input[type="checkbox"]:focus-visible
    + label:before,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    input[type="radio"]:focus-visible
    + label:before,
[data-component="digex-calendar"]
    .digex-calendar-container
    .calendar-day-container
    .calendar-day:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .nav-dropdown-content
    .plp-number-input-wrapper
    > button:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info
    .info-show:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section
    .nav-dropdown
    .plp-info-detail
    .info-hide:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section
    .plp-search-dropdown
    .plp-input-wrapper
    .input-section-wrapper
    p.plp-info
    a:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section
    .plp-search-dropdown
    .plp-input-wrapper
    .input-section-wrapper
    p.plp-special-guest
    a:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section
    .plp-search-dropdown
    .plp-input-wrapper
    input[type="text"]:focus-visible {
    outline-offset: 3px;
    outline: 2px solid black;
}

[data-component="digex-calendar"]
    .digex-calendar-container
    .calendar-day-container
    .calendar-day:focus-visible {
    outline-offset: -2px;
}
[data-component="digex-calendar"]
    .digex-calendar-container
    .calendar-day-container
    .calendar-day:focus-visible {
    border-radius: 0%;
}
[data-component="digex-calendar"] .digex-calendar-container .calendar-day-container.selected.end button:focus-visible {
  border-radius: 0%;
  /* outline: 5px solid #000; */
}
[data-component="digex-calendar"] .digex-calendar-container .calendar-day-container.selected.start button:focus-visible {
  border-radius: 0% !important;

}
[data-component="digex-calendar"] .digex-calendar-container .calendar-day-container.selected.end button:focus-visible {
  border-radius: 0% !important;
}
[data-component="digex-calendar"]
.digex-calendar-container
.calendar-day-container
button:focus-visible {
  outline: 3px solid #0072CE !important; /* Omni blue */
  outline-offset: 2px;
  border-radius: 4px;
  transition: outline 0.2s ease-in-out;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .digex-calendar-container
    .calendar-day-container
    button:focus-visible {
    outline: 3px solid #222221 !important;
    outline-offset: -2px;
    border-radius: 0 !important;
}

@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-sub-wrapper
        .nav-dropdown.connectedRoomsClose:not(.open)
        #connectedRoomsWrapper2 {
        display: none !important;
    }
}
@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-sub-wrapper
        .nav-dropdown
        #connectedRoomsWrapper2 {
        padding: 15px 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open
        #connectedRoomsWrapper2.is-stay-together-eligible {
        flex-shrink: 0;
        position: relative;
        z-index: 0;
        margin: 16px 0 0;
        padding: 16px 0 0;
        border-top: 1px solid #222221;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open
        .nav-dropdown-content {
        flex: 1 1 auto;
        min-height: 0;
        max-height: min(520px, calc(100dvh - 240px));
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-width: auto;
        scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
    }
}

/* Property search validation — hidden until BOOK without a hotel (matches P3 #hotel-list-error) */
div[data-component="plp-check-availability"].plp-check-availability
    .check-availability-section.search-section
    .plp-search-dropdown
    .search-section-error {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .check-availability-section.search-section
    .plp-search-dropdown
    .search-section-error[hidden] {
    display: none !important;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-number-input-wrapper
    > button.decrease:disabled,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-number-input-wrapper
    > button.increase:disabled,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-number-input-wrapper
    > button.increase.is-limit-reached {
    opacity: 0.35;
    cursor: not-allowed;
}

/* P3 rooms/guests +/- — desktop dropdown panels only (bookings.omnihotels.com) */
@media screen and (min-width: 1024px) {
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    margin: 0;
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #222221 !important;
    border-radius: 50%;
    color: #222221;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease
    > i,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase
    > i {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease::before {
    content: "-";
    color: #222221;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase::before {
    content: "+";
    color: #222221;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease:disabled,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase:disabled,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase.is-limit-reached {
    opacity: 0.35;
    cursor: not-allowed;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    .info-show:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .info-show:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select:focus-within,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.is-focused,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-value:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    > .close-dropdown:focus-visible {
    outline: 3px solid #222221;
    outline-offset: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease.is-active,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase.is-active {
    border: 2px solid #222221 !important;
    outline: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > input[type="text"] {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    color: #222221;
    align-self: center;
    width: 40px;
    height: 40px;
}
}

/*
 * Booking bar typography mirror (www.omnihotels.com)
 * Matches digex-page defaults: Lato 300, 14px, line-height 1.55, letter-spacing 0.0175em
 */
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-sub-wrapper,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    input,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    button,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    label,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    legend,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .nav-dropdown {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-sub-wrapper
    .connectedRoomsWrapper
    .mainText,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-sub-wrapper
    .connectedRoomsWrapper
    .subText,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescriptionWrapper
    .subTextDescription {
    font-family: "Lato", sans-serif;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-sub-wrapper
    .connectedRoomsWrapper
    .mainText {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.55;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-sub-wrapper
    .connectedRoomsWrapper
    .subText {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .connectedRoomsWrapper
    .descriptionWrapper
    .subTextDescriptionWrapper
    .subTextDescription {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

/* P3 facade row icons — search, calendar & rooms/guests (desktop only) */
@media screen and (min-width: 1024px) {
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .search-section-content
    p::before,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .rooms-section-content
    p::before {
    content: url(../img/plp-search-icon.svg);
    position: relative;
    top: 5px;
    padding-right: 10px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .dates-section-content
    p {
    display: inline-flex !important;
    align-items: center;
    padding-left: 25px;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .dates-section-content
    p::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url(../img/plp-calendar-icon.svg) no-repeat center / contain;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .dates-section-content
    p::after {
    content: none !important;
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background-image: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    flex-shrink: 0;
    background: url(../img/plp-calendar-icon.svg) no-repeat center / contain;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    #date-start-input,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .nav-dropdown
    .plp-date-input-wrapper
    #date-end-input {
    margin-left: 0 !important;
}

/* div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .plp-input-wrapper::before {
    content: url(../img/plp-search-icon.svg);
    position: relative;
    top: 5px;
    padding-right: 10px;
} */

/* P3 special rates facade — + / - icon (mobile + desktop, DigEx + legacy) */
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section.nav-dropdown-link
    .rates-section-content
    p {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: 10px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section.nav-dropdown-link
    .special-rates-icon {
    display: inline-block !important;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 0;
    flex-shrink: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    overflow: hidden;
    visibility: visible !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23222221' stroke-width='1.5' d='M7 3.5v7M3.5 7h7'/%3E%3C/svg%3E")
        no-repeat center / contain;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section.nav-dropdown-link
    .special-rates-icon::before,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section.nav-dropdown-link
    .special-rates-icon::after {
    content: none;
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section.nav-dropdown-link.rotate
    .special-rates-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23222221' stroke-width='1.5' d='M3.5 7h7'/%3E%3C/svg%3E");
}
}

@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        background-color: #f2f0ee;
        padding: 20px 0;
        box-sizing: border-box;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability.fixed-subnav {
        width: 100%;
        max-width: none;
        background-color: #f2f0ee !important;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.125);
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability.fixed-subnav
        .plp-sub-wrapper {
        background-color: transparent !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-sub-wrapper {
        width: 100%;
        max-width: 1130px !important;
        margin: 0 auto;
        padding: 0;
        background-color: transparent;
        box-sizing: border-box;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open {
        display: grid;
        grid-template-columns:
            minmax(200px, 303px)
            minmax(140px, 221px)
            minmax(150px, 233px)
            minmax(125px, 301px)
            minmax(140px, auto);
        grid-auto-flow: column;
        align-items: start;
        width: 100%;
        max-width: 1130px !important;
        min-height: 36px;
        height: auto;
        margin: 0 auto;
        padding: 0;
        overflow: visible;
        background-color: #fff;
        box-sizing: border-box;
        font-size: 14px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section {
        position: relative;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rotate {
        z-index: 20;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown.open {
        display: block;
        visibility: visible;
        opacity: 1;
        z-index: 25;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section {
        width: auto !important;
        max-width: 303px;
        min-width: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section {
        width: auto !important;
        max-width: 221px;
        min-width: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section {
        width: auto !important;
        max-width: 233px;
        min-width: 0;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        width: auto !important;
        max-width: 301px;
        min-width: 0;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .rates-section-content
        p {
        max-width: 100%;
        overflow: visible !important;
        text-overflow: ellipsis;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section {
        width: auto !important;
        min-width: 0;
        min-height: 36px;
        height: auto;
        /* padding-left: 0 !important; */
        margin-right: 0;
        border-bottom: none !important;
        background-color: #fff;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section:not(.book-section)
        > button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        min-height: 36px;
        margin: 0;
        padding: 0 10px;
        background-color: #fff;
        background-image: none;
        background-repeat: no-repeat;
        border: 0 !important;
        box-sizing: border-box;
        cursor: pointer;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        > button::after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        > button::after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        > button::after {
        content: "";
        height: 25px;
        width: 1px;
        background-color: #222221;
        position: absolute;
        z-index: 1;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Rooms ::after is the column divider — hide legacy left pipe on special rates row */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .section-content::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .rates-section-content::before {
        content: none !important;
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .section-content
        p {
        padding-left: 10px;
        padding-right: 4px;
        margin: 0;
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 36px !important;
        letter-spacing: 0.0175em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        color: #000;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .search-section-content
        p::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        .rooms-section-content
        p::before {
        content: url(../img/plp-search-icon.svg);
        position: relative;
        top: 5px;
        padding-right: 10px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .dates-section-content
        p {
        display: inline-flex !important;
        align-items: center;
        padding-left: 25px;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .dates-section-content
        p::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        min-width: 18px;
        margin-right: 12px;
        flex-shrink: 0;
        background: url(../img/plp-calendar-icon.svg) no-repeat center / contain;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .dates-section-content
        p::after {
        content: none !important;
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .rates-section-content
        p {
        display: flex !important;
        align-items: center;
        text-transform: lowercase;
        max-width: 100%;
        width: auto !important;
        overflow: visible !important;
        text-overflow: ellipsis;
        gap: 10px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon {
        display: inline-block !important;
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin-right: 0;
        flex-shrink: 0;
        font-size: 0;
        line-height: 0;
        color: transparent;
        overflow: hidden;
        visibility: visible !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23222221' stroke-width='1.5' d='M7 3.5v7M3.5 7h7'/%3E%3C/svg%3E")
            no-repeat center / contain;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon::after {
        content: none;
        display: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link.rotate
        .special-rates-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23222221' stroke-width='1.5' d='M3.5 7h7'/%3E%3C/svg%3E");
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section {
        width: auto !important;
        min-width: 140px;
        padding: 0 !important;
        margin: 0;
        box-shadow: none;
        background-color: transparent;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 36px;
        min-height: 36px;
        margin: 0;
        padding: 0 20px;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 36px;
        letter-spacing: 0.0175em;
        text-transform: none;
        background-color: #222221;
        color: #fff;
        box-sizing: border-box;
        border: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .small-screen {
        display: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .large-screen {
        display: block;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-sub-wrapper
        .connectedRoomsWrapper {
        max-width: 1130px;
        margin: 16px auto 0;
        padding: 0;
    }
}
@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability {
        width: 100%;
        max-width: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-sub-wrapper {
        max-width: 1130px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open {
        max-width: 1130px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section {
        width: auto !important;
        max-width: 303px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        width: auto !important;
        max-width: 301px;
    }

    /* P3 picker close (X) — bookings.omnihotels.com widget-dropdown-to-in-place */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown.plp-search-dropdown.open
        > .close-dropdown {
        display: block;
        position: absolute;
        top: 0.6rem;
        right: 0.6rem;
        width: 1rem;
        height: 1rem;
        padding: 0;
        margin: 0;
        border: none;
        background-color: transparent;
        background-image: url(../img/close-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        z-index: 30;
        text-indent: -9999px;
        overflow: hidden;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown.plp-search-dropdown.open
        > .close-dropdown:focus-visible {
        outline: 3px solid #222221;
        outline-offset: 2px;
    }

    /* Property / hotel dropdown — mirror bookings.omnihotels.com hotels picker */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.open {
        display: flex;
        flex-direction: column;
        position: absolute !important;
        left: 0;
        top: 36px;
        width: 360px;
        max-width: 360px;
        max-height: none;
        box-sizing: border-box;
        padding: 20px 40px;
        border: 1px solid #c3c3c3;
        box-shadow: 0 0 15px 5px #00000040;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 25;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.nav-dropdown.open::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        top: -8px !important;
        right: 233px !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 8px 8px 8px !important;
        border-color: transparent transparent #c3c3c3 transparent !important;
        transform: none !important;
        pointer-events: none;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.nav-dropdown.open::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: -7px !important;
        right: 233px !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 7px 7px 7px !important;
        border-color: transparent transparent #fff transparent !important;
        transform: none !important;
        pointer-events: none;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper {
        box-shadow: none !important;
        padding: 0;
        margin-bottom: 15px;
        position: relative;
    }
    

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper
        .plp-search-clear {
        display: none;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        padding: 0;
        margin-bottom: 10px;
        border: none;
        background-color: transparent;
        background-image: url(../img/close-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        cursor: pointer;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper
        .plp-search-clear.is-visible {
        display: block;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper
        .plp-search-clear:focus-visible {
        outline: 2px solid #222221;
        outline-offset: 2px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper::before {
        content: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper
        #plp-search-input {
        border: none;
        background-color: transparent;
        background-image: url(../img/plp-search-icon.svg);
        background-repeat: no-repeat;
        background-position: 3px 50%;
        background-size: 16px;
        box-shadow: none !important;
        padding: 0 22px 0 20px;
        min-height: 25px;
        width: 100%;
        max-width: 100%;
        text-overflow: ellipsis;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.0175em;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .search-section-error {
        color: #dc3545;
        font-weight: 400;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        display: none;
        padding: 0 0 8px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.open
        .nav-dropdown-content.search-content {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        max-height: none;
        overflow: visible;
        margin-top: 0;
        padding-top: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.open
        .nav-dropdown-content.search-content
        .nav-dropdown-title {
        font-family: "sweet-sans-pro", sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-transform: none;
        margin: 0 0 15px;
        padding: 0 !important;
        position: static;
        width: auto;
        height: auto;
        background-color: transparent;
        box-shadow: none;
        color: #000;
        padding-bottom: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container {
        list-style: none;
        margin: 0 0 20px;
        padding: 0;
        display: block;
        position: relative;
        max-height: 236px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: auto;
        scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container::-webkit-scrollbar {
        width: 8px;
        background-color: rgba(0, 0, 0, 0.12);
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.45);
        border-radius: 100px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container::-webkit-scrollbar-thumb:active {
        background: rgba(0, 0, 0, 0.61);
    }

    @media screen and (max-width: 1024px) {
        div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
            .plp-check-availability-container.container
            .check-availability-section.search-section
            #plpSearch.plp-search-dropdown
            .nav-dropdown-content.search-content
            ul.nav-dropdown-state-container {
            margin: 0;
        }
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container::before {
        content: "";
        /* box-shadow: 0 0 3px gray; */
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 5px;
        pointer-events: none;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container::before {
        top: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container::after {
        bottom: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container
        > li {
        margin-bottom: 12px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        ul.nav-dropdown-state-container
        > li:last-child {
        margin-bottom: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-state {
        display: block;
        margin: 0;
        padding-top: 15px;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-state
        .search-term {
        font-family: "sweet-sans-pro", sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #222221;
        padding: 0;
        line-height: normal;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-city-container {
        list-style: none;
        margin: 0 0 0 8px;
        padding: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-city-container
        > li {
        margin-bottom: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-city {
        display: block;
        margin: 0;
        padding-top: 10px;
        font-weight: 500;
        line-height: normal;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-city
        .search-term {
        font-family: "sweet-sans-pro", sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #222221;
        padding: 0;
        line-height: normal;
        text-transform: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-hotel-container {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-hotel {
        margin: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-hotel
        a {
        display: block;
        min-height: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 0 !important;
        padding: 0.5px 5px;
        background-color: transparent;
        border: solid 1px transparent;
        border-left: 1px solid rgb(211, 211, 211);
        font-family: "sweet-sans-pro", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3;
        color: #222221;
        text-decoration: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-content.search-content
        .nav-dropdown-city-container
        .nav-dropdown-city {
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-hotel
        a::before {
        content: none;
        display: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-hotel
        a:hover,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .nav-dropdown-hotel
        a:focus {
        color: #fff;
        background-color: #222221;
    }

    /* Dates / calendar dropdown — desktop panel positioning only */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.open {
        display: flex;
        flex-direction: column;
        position: absolute !important;
        left: -85px;
        top: 36px;
        width: 400px;
        max-width: min(400px, calc(100vw - 40px));
        box-sizing: border-box;
        padding: 20px;
        border: 1px solid #c3c3c3;
        box-shadow: 0 0 15px 5px #00000040;
        background-color: #fff;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 25;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.nav-dropdown.open::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        top: -8px !important;
        right: 50% !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 8px 8px 8px !important;
        border-color: transparent transparent #c3c3c3 transparent !important;
        transform: translateX(50%) !important;
        pointer-events: none;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.nav-dropdown.open::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: -7px !important;
        right: 50% !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 7px 7px 7px !important;
        border-color: transparent transparent #fff transparent !important;
        transform: translateX(50%) !important;
        pointer-events: none;
        z-index: 2;
    }

    /* Rooms/guests dropdown — desktop panel positioning only */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        left: -50px;
        top: 36px;
        width: 400px;
        max-width: min(400px, calc(100vw - 40px));
        max-height: min(560px, calc(100vh - 180px));
        max-height: min(560px, calc(100dvh - 180px));
        box-sizing: border-box;
        padding: 20px 40px;
        border: 1px solid #c3c3c3;
        box-shadow: 0 0 15px 5px #00000040;
        background-color: #fff;
        overflow: hidden;
        overscroll-behavior: contain;
        min-height: 0;
        min-width: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open
        .nav-dropdown-content.search-content {
        flex: 1 1 auto;
        min-height: 0;
        max-height: min(480px, calc(100dvh - 260px));
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 0 !important;
        scroll-padding: 12px;
        scrollbar-width: auto;
        scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open
        #connectedRoomsWrapper2 {
        flex-shrink: 0;
        position: relative;
        z-index: 0;
        margin-top: 0;
        padding-top: 16px;
        border-top: 1px solid #222221;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown
        .plp-input-wrapper {
        box-shadow: none !important;
        margin: 0;
        position: relative;
        flex-shrink: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.nav-dropdown.open::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        top: -8px !important;
        right: 50% !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 8px 8px 8px !important;
        border-color: transparent transparent #c3c3c3 transparent !important;
        transform: translateX(50%) !important;
        pointer-events: none;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.nav-dropdown.open::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: -7px !important;
        right: 50% !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 7px 7px 7px !important;
        border-color: transparent transparent #fff transparent !important;
        transform: translateX(50%) !important;
        pointer-events: none;
        z-index: 2;
    }


    /* Special rates dropdown — omnihotels.com two-column panel */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.open {
        display: block !important;
        position: absolute !important;
        left: -118px !important;
        right: auto !important;
        top: 68px !important;
        width: 400px !important;
        max-width: 400px !important;
        box-sizing: border-box;
        padding: 20px 40px !important;
        border: 1px solid #c3c3c3 !important;
        box-shadow: 0 0 15px 5px #00000040 !important;
        background-color: #fff;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 25;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.nav-dropdown.open::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        top: -8px !important;
        right: 216px !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 8px 8px 8px !important;
        border-color: transparent transparent #c3c3c3 transparent !important;
        transform: none !important;
        pointer-events: none;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.nav-dropdown.open::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: -7px !important;
        right: 216px !important;
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 0 7px 7px 7px !important;
        border-color: transparent transparent #fff transparent !important;
        transform: none !important;
        pointer-events: none;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper {
        padding: 0;
        box-shadow: none !important;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.55;
        letter-spacing: 0.0175em;
        color: #222221;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        a {
        font-family: "Lato", sans-serif !important;
        color: #222221;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper.special-guest-section {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .required-field-text {
        font-family: "Lato", sans-serif;
        font-size: 0.8rem;
        line-height: 1.3;
        color: #222221;
        margin: 0 0 0.5rem;
        padding: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .rates-selection,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates.rates-selection {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        border: none;
        border-bottom: 1px solid #d8d8d8;
        margin: 0 0 10px;
        padding: 0 0 10px;
        width: 100%;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col {
        width: 50% !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper.rates-selection:not(:last-child),
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates:not(:last-child) {
        border-bottom: 1px solid #d8d8d8 !important;
        margin-bottom: 20px !important;
        padding-bottom: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        .p.radio-text-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        p.radio-input {
        max-height: none !important;
        height: auto !important;
        margin-top: 0 !important;
        width: 100% !important;
        margin-bottom: 1.5rem;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        .p
        label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        p
        label {
        height: auto !important;
    }

    /* Legacy production radios — label pseudo-elements (omnihotels.com) */

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .rates-selection
        > :last-child {
        margin-bottom: 0;
    }

    /* Override legacy SCSS that clips/hides radios in rates panel */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        .input-section-wrapper
        [type="radio"] {
        display: block !important;
        position: absolute !important;
        opacity: 0 !important;
        width: 13px !important;
        height: 13px !important;
        margin: 0 !important;
        padding: 0 !important;
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        cursor: pointer;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]
        + label {
        margin: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__label {
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        letter-spacing: 0.0175em !important;
        margin: 0;
        padding: 0 0 0 20px !important;
        position: relative;
        text-transform: inherit !important;
        width: auto;
        height: auto;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        .radio-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        p.radio-input {
        margin: 0 0 8px !important;
    }

    /* div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        input[type="radio"]
        + label {
        margin: 8px 0 !important;
    } */

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__label {
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        margin: 0;
        padding: 0 !important;
        position: relative;
        width: 13px;
        min-width: 13px;
        height: 13px;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__label:before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__label:after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__label:before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__label:after {
        content: none !important;
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .custom-radio {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        display: inline-block !important;
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #222221 !important;
        border-radius: 50% !important;
        background-color: #fff;
        box-sizing: border-box !important;
        vertical-align: middle;
        cursor: pointer;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__label
        .custom-radio {
        top: 50% !important;
        margin-top: -6.5px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__label
        .custom-radio {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin-top: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .custom-radio:after {
        content: "" !important;
        display: none !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 5px !important;
        height: 5px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background-color: #222221 !important;
        background-image: none !important;
        transform: translate(-50%, -50%) !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]:checked
        + .radio-input__label
        .custom-radio,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]:checked
        + .radio-text-input__label
        .custom-radio {
        border-color: #222221 !important;
        background-color: #fff;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]:checked
        + .radio-input__label
        .custom-radio:after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]:checked
        + .radio-text-input__label
        .custom-radio:after {
        display: block !important;
    }

    /* Legacy production checked state — label pseudo-elements */

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__radio {
        left: 0;
        top: 0;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input.p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input {
        display: grid !important;
        grid-template-areas: "check input" ". error";
        grid-template-columns: auto 1fr;
        gap: 0;
        align-items: end;
        max-height: none !important;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__radio {
        position: absolute !important;
        left: -4px !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: auto !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 0;
        opacity: 0 !important;
        display: block !important;
        background: transparent !important;
        border: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        cursor: pointer;
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__label {
        grid-area: check;
        align-self: end;
        flex: none;
        width: 13px;
        min-width: 13px;
        padding: 0 !important;
        margin: 0 0 6px;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input
        .form-floating {
        grid-area: input;
        flex: none;
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        top: auto !important;
        width: auto !important;
        min-width: 0;
        min-height: 24px;
        height: 24px;
        margin: 0 0 3px;
        padding: 0;
        box-sizing: border-box;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input
        .floating-label {
        left: 27px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input
        label {
        height: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .text-input__input {
        width: 100%;
        max-height: 20px;
        box-sizing: border-box;
        border: none !important;
        border-bottom: 1px solid #222221 !important;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 0 2px;
        min-height: 0;
        height: auto;
        z-index: 1;
        font-family: "Lato", sans-serif !important;
        font-size: 12px;
        font-weight: 400;
        color: #222221;
        opacity: 1;
        outline: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .floating-label {
        pointer-events: none;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        text-transform: uppercase;
        font-family: "Lato", sans-serif !important;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: normal;
        color: #222221;
        padding: 0;
        margin: 0;
        height: auto;
        border: none;
        background: transparent;
        transform: none;
        transition: transform 0.2s ease, font-size 0.2s ease;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input
        .radio-text-input__input {
        margin-top: 14px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__input:focus
        ~ .floating-label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__input:not(:placeholder-shown)
        ~ .floating-label {
        transform: translateY(-13px) translate(-5px);
        font-size: 10px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .text-input.form-floating {
        min-height: 24px;
        height: 24px;
        padding: 0;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .text-input__input {
        margin-top: 14px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .text-input__input:focus
        ~ .floating-label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .text-input__input:not(:placeholder-shown)
        ~ .floating-label {
        transform: translateY(-13px) translate(-5px);
        font-size: 10px;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest-section {
        margin: 0;
        padding: 0;
        border: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest {
        display: grid;
        grid-template-areas:
            "heading button"
            "link link";
        grid-template-columns: auto 1fr;
        grid-gap: 0 10px;
        position: relative;
        margin-bottom: 0.5rem;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest__title {
        grid-area: heading;
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.55;
        letter-spacing: 0.0175em;
        color: #222221;
        text-transform: lowercase;
        margin: 0 0 5px;
        padding: 0;
        max-height: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest__link {
        grid-area: link;
        display: block;
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.55;
        letter-spacing: 0.0175em;
        color: #222221;
        text-decoration: underline;
        margin-top: 0.5rem;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest
        .info-show {
        grid-area: button;
        justify-self: end;
        align-self: start;
        position: static;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        min-width: 16px;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0.0175em;
        color: #222221;
        border: 1px solid #222221;
        border-radius: 50%;
        text-decoration: none;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest
        .info-show
        span {
        line-height: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-info-detail {
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.55;
        letter-spacing: 0.0175em;
        padding: 10px 0 !important;
        margin: 0;
        max-height: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest-section
        .text-input.form-floating {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: 100%;
        margin-top: 24px !important;
        font-size: 12px;
        letter-spacing: 0.0175em;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .form-floating {
        margin-top: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest
        .plp-info,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-guest
        .plp-special-guest {
        position: static;
        display: block;
        max-height: none !important;
        line-height: 1.5;
    }
}

@media (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.open {
        left: -118px !important;
        right: auto !important;
        width: 400px !important;
        max-width: 400px !important;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    .plp-room-selector
    .plp-number-input-wrapper {
    border-bottom: none;
    margin-bottom: 0;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total {
    border: 0 !important;
    border-top: 0 !important;
    min-width: 0;
    margin-top: 0;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > legend.nav-dropdown-title,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > h2.nav-dropdown-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 0;
    border-top: 0;
    padding: 0;
    margin-bottom:15px;
    background-color: transparent;
    box-shadow: none;
    float: none;
    white-space: nowrap;
}
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > legend.nav-dropdown-title {
        font-family: "Arial",sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 100%;
        color: #222221;
    }


div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > legend.nav-dropdown-title::before,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > h2.nav-dropdown-title::before {
    content: none;
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > legend.nav-dropdown-title::after,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    .plp-search-dropdown
    .nav-dropdown-content
    fieldset.plp-room-detail.group-total
    > h2.nav-dropdown-title::after {
    content: "";
    flex: 1 1 auto;
    min-width: 0;
    height: 0;
    border-bottom: 1px solid #d8d8d8;
    margin-left: 10px;
    align-self: center;
}

/* Booking bar — rooms/guests dropdown typography (omnihotels.com) */
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    legend.plp-room-input {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    text-transform: none;
    color: #222221;
}


div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    fieldset.plp-room-detail.group-total
    > h2.nav-dropdown-title {
    font-family: "sweet-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    text-transform: capitalize;
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    legend.plp-info,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    label.plp-info {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    text-transform: capitalize;
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests
    input.plp-number-input {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    color: #222221;
}

/* P3 mirror: hide legacy arrow/map icons on facade rows — desktop only (mobile uses .icon spans) */
@media screen and (min-width: 1024px) {
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    > button
    > .icon,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    > button
    > .icon,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rooms-section
    > button
    > .icon,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.rates-section
    > button
    > .icon {
    display: none !important;
}
}

/* P3 special rates — final cascade overrides (must load last in this file) */
@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.open {
        display: block !important;
        left: -118px !important;
        right: auto !important;
        top: 36px !important;
        width: 400px !important;
        max-width: 400px !important;
        box-sizing: border-box !important;
        padding: 20px 40px !important;
        border: 0 !important;
        box-shadow: 0 0 15px 5px #00000040 !important;
        background-color: #fff;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper {
        padding: 0 !important;
        box-shadow: none !important;
        font-family: "Lato", sans-serif !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 1.55 !important;
        letter-spacing: 0.0175em !important;
        text-transform: none !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-text-input__label
        .custom-radio {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin-top: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .custom-radio:after {
        content: "" !important;
        display: none !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 5px !important;
        height: 5px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background-color: #222221 !important;
        background-image: none !important;
        transform: translate(-50%, -50%) !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .rates-selection,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper--special-rates {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        border-bottom: 1px solid #d8d8d8 !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col {
        width: 50% !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"] {
        position: absolute !important;
        opacity: 0 !important;
        width: 13px !important;
        height: 13px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        overflow: visible !important;
        background: transparent !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        cursor: pointer;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]
        + label:before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        input[type="radio"]
        + label:after {
        content: none !important;
        display: none !important;
        background: none !important;
        border: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .custom-radio {
        display: inline-block !important;
        visibility: visible !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #222221 !important;
        border-radius: 50% !important;
        background-color: #fff;
        box-sizing: border-box !important;
        vertical-align: middle;
        cursor: pointer;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__label
        .custom-radio {
        top: 50% !important;
        margin-top: -6.5px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input__label {
        display: inline-block !important;
        position: relative !important;
        padding: 0 0 0 22px !important;
        margin: 0 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        letter-spacing: 0.0175em !important;
        color: #222221 !important;
        height: auto !important;
        width: auto !important;
        cursor: pointer;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        .radio-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        p.radio-input {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .radio-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        p.radio-input {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 0 1.5rem !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .p.radio-text-input {
        display: grid !important;
        grid-template-areas: "check input" ". error" !important;
        grid-template-columns: auto 1fr !important;
        gap: 0 !important;
        align-items: end !important;
        position: relative !important;
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 0 1.5rem !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input__label {
        grid-area: check !important;
        align-self: end !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
        margin: 0 0 6px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input
        .form-floating {
        grid-area: input !important;
        display: block !important;
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 24px !important;
        height: 24px !important;
        margin: 0 0 3px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input__radio {
        position: absolute !important;
        left: -4px !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: auto !important;
        height: 100% !important;
        z-index: 2 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input
        .floating-label {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-transform: uppercase !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #222221 !important;
        transform: none !important;
        pointer-events: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input__input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .text-input__input {
        width: 100% !important;
        max-height: 20px !important;
        margin-top: 14px !important;
        padding: 0 0 2px !important;
        border: none !important;
        border-bottom: 1px solid #222221 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        color: #222221 !important;
        opacity: 1 !important;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates
        input[type="radio"]:checked
        + .radio-input__label
        .custom-radio,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates
        input[type="radio"]:checked
        + .radio-text-input__label
        .custom-radio {
        border-color: #222221 !important;
        background-color: #fff;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates
        input[type="radio"]:checked
        + .radio-input__label
        .custom-radio:after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates
        input[type="radio"]:checked
        + .radio-text-input__label
        .custom-radio:after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 5px !important;
        height: 5px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background-color: #222221 !important;
        background-image: none !important;
        transform: translate(-50%, -50%) !important;
        box-sizing: border-box !important;
    }
}

/* P3 mirror — calendar UI (desktop + mobile, horizontal digex-calendar) */
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-date-input-wrapper {
    align-items: center !important;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0;
    padding: 0 28px 10px 0 !important;
    border: none !important;
    border-bottom: 1px solid #d8d8d8 !important;
    background-color: transparent;
    background-image: none !important;
    box-shadow: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown.open {
    background-color: #fff;
}

@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown
        .plp-date-input-wrapper::before {
        content: "";
        display: block !important;
        width: 18px;
        height: 18px;
        min-width: 18px;
        flex-shrink: 0;
        background: url(../img/plp-calendar-icon.svg) no-repeat center / contain;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper
        #plp-search-input {
        background-color: transparent !important;
        background-image: url(../img/plp-search-icon.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 3px 50% !important;
        background-size: 16px !important;
        padding-left: 20px !important;
    }
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-date-input-wrapper
    #date-start-input,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-date-input-wrapper
    #date-end-input {
    flex: 0 1 auto;
    width: auto !important;
    min-width: 5.5rem;
    /* max-width: 7.1rem; */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #000;
    text-align: center;
    outline: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-date-input-wrapper
    .date-day-count {
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    color: #222221;
    white-space: nowrap;
    padding-left: 5px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .nav-dropdown-content.search-content {
    margin-top: 0;
    padding: 0;
    height: auto;
    max-height: none;
    overflow: visible;
    background-color: transparent;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .nav-dropdown-content
    > p {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 8px;
    padding: 0;
    position: relative;
    display: block;
    width: 100%;
}
.offers-page .plp-calendar-done {
    display: none;
}
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-footer,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-footer,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 12px;
    padding: 0;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-done,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 28px;
    background-color: #222221;
    color: #f6f6f6;
    border-radius: 0;
    cursor: pointer;
    width: 100%;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-month-nav,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-month-nav,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-month-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0;
    min-height: 28px;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button {
    position: static;
    transform: none;
    flex: 0 0 auto;
    z-index: 1;
    background: transparent;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-prev,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-next,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    min-width: 0;
    background-color: #fff;
    border: 2px solid transparent !important;
    border-radius: 3px;
    padding: 4px 8px;
    margin: 0;
    cursor: pointer;
    line-height: 0;
    position: static;
    overflow: visible;
    box-sizing: border-box;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-prev.is-arrow-active,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-next.is-arrow-active,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-prev:focus,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-next:focus,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev.is-arrow-active,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next.is-arrow-active,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev:focus,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next:focus,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev.is-arrow-active,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next.is-arrow-active,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev:focus,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next:focus {
    border-color: #222221 !important;
    outline: none;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-prev::before,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-next::before,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-prev::after,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button.plp-calendar-next::after,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-prev::before,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-prev::after,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-next::before,
.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .plp-calendar-next::after,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev::before,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next::before,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev::after,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next::after,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-prev::before,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-prev::after,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-next::before,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-next::after,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev::before,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next::before,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev::after,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next::after,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-prev::before,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-prev::after,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-next::before,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-next::after {
    content: none !important;
    display: none !important;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .asd__change-month-button
    > button
    > svg,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button
    > svg,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button
    > svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: #82888a;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .calendar-month-grid
    .calendar-day-container,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container {
    position: relative;
    width: auto;
    flex: none;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #222221 !important;
    border-left: 1px solid #222221 !important;
    aspect-ratio: 1;
    background: #fff;
    box-sizing: border-box;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .calendar-month-grid
    .calendar-day-container
    .calendar-day,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container
    .calendar-day,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container
    .calendar-day {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #222221 !important;
    border-right: 1px solid #222221 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: "Lato", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    color: #222221;
    background: #fff;
    box-sizing: border-box;
    margin: 0 !important;
    z-index: 0;
}

.offers-page
    [data-component="digex-calendar"].digex-calendar--horizontal#omniCalendar
    .calendar-month-grid,
.offers-page
    #filterStayDates
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid,
.offers-page
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, auto);
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 1px;
}
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    #plp-flexible-dates {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-flexible-dates-label {
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #222221;
    margin: 0 !important;
    padding: 2px 0 2px 28px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    #plp-flexible-dates
    + .plp-flexible-dates-label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #222221;
    border-radius: 0;
    box-sizing: border-box;
    background: #fff;
    left: 0;
    right: auto;
    top: 50%;
    margin-top: -9px;
    position: absolute;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    #plp-flexible-dates
    + .plp-flexible-dates-label:after {
    content: none;
    display: none;
    width: 0;
    height: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    #plp-flexible-dates:checked
    + .plp-flexible-dates-label:before {
    background-color: #222221;
    border-color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    #plp-flexible-dates:checked
    + .plp-flexible-dates-label:after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 50%;
    width: 5px;
    height: 9px;
    margin-top: -6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    background: none;
    background-image: none;
    transform: rotate(45deg);
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-flexible-notice {
    display: none;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #c96a6a;
    margin: 0 0 16px;
    padding: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-flexible-notice.is-visible {
    display: block !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .nav-dropdown-content.search-content {
    position: relative;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-popup {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border: none;
    background: #fff;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-popup.is-visible {
    display: block;
}

#plpCalendar .plp-calendar-stay-limit-popup {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border: none;
    background: #fff;
}

#plpCalendar .plp-calendar-stay-limit-popup.is-visible {
    display: block !important;
}

/* Closed calendar panel only — .open uses absolute overlay (desktop p3-mirror) */
#plpCalendar.plp-search-dropdown:not(.open) {
    overflow: visible;
}

#plpCalendar .nav-dropdown-content.search-content {
    position: relative;
    z-index: 0;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container
    .calendar-day {
    z-index: 0 !important;
    border: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-header {
    position: relative;
    min-height: 40px;
    background: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-body {
    background: #fff;
    padding: 20px 24px 24px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-message {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #222221;
    margin: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-message
    a {
    color: #222221;
    text-decoration: underline;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-close {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-close::before,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #fff;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-close:focus-visible,
#plpCalendar .plp-calendar-stay-limit-close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    #plpCalendar.plp-search-dropdown
    .plp-calendar-stay-limit-message
    a:focus-visible,
#plpCalendar .plp-calendar-stay-limit-message a:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 2px;
}

/* Rooms/guests — viewport-safe scroll + occupancy limit popup */
/* Booking bar scrollbars — always visible (Firefox thin = hover-only) */
div[data-component="plp-check-availability"].plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-content.search-content
    ul.nav-dropdown-state-container,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content.search-content,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .check-availability-section.rooms-section
    #plpRoomsAndGuests.plp-search-dropdown.open,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .check-availability-section.rooms-section
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content.search-content,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown.open
    [data-component="digex-calendar"].digex-calendar--horizontal {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-content.search-content
    ul.nav-dropdown-state-container::-webkit-scrollbar,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open::-webkit-scrollbar,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content::-webkit-scrollbar,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content.search-content::-webkit-scrollbar,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown.open
    [data-component="digex-calendar"].digex-calendar--horizontal::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(0, 0, 0, 0.12);
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-content.search-content
    ul.nav-dropdown-state-container::-webkit-scrollbar-thumb,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open::-webkit-scrollbar-thumb,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content::-webkit-scrollbar-thumb,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content.search-content::-webkit-scrollbar-thumb,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown.open
    [data-component="digex-calendar"].digex-calendar--horizontal::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.45);
    border-radius: 100px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown {
    position: relative;
    overflow: visible;
}

@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability
        #plpRoomsAndGuests.plp-search-dropdown {
        position: relative;
        overflow: visible;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content {
    height: auto !important;
    max-height: min(480px, calc(100dvh - 260px));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
    flex: 1 1 auto;
    min-height: 0;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .nav-dropdown-content
    .plp-error-detail {
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-popup {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10001;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border: none;
    background: #fff;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-popup.is-visible {
    display: block;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-header {
    position: relative;
    min-height: 40px;
    background: #222221;
    z-index: 1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-body {
    position: relative;
    background: #fff;
    padding: 20px 24px 24px;
    z-index: 1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-message {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #222221;
    margin: 0;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-message
    a {
    color: #222221;
    text-decoration: underline;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-close {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-close::before,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #fff;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-message
    a:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 2px;
}

@media screen and (max-width: 767px) {
    div[data-component="plp-check-availability"].plp-check-availability
        #plpRoomsAndGuests.plp-search-dropdown.open
        .nav-dropdown-content {
        max-height: calc(100vh - 220px);
    }
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button:disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
    font-family: "Lato", sans-serif;
    color: #222221;
    position: relative;
    box-shadow: none;
    background-color: transparent;
    max-height: min(420px, calc(100dvh - 280px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown.open
    [data-component="digex-calendar"].digex-calendar--horizontal {
    max-height: min(420px, calc(100dvh - 280px));
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .weekday-wrapper {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-month-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0;
    min-height: 28px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-month-nav.plp-calendar-month-nav--forward-only
    .asd__change-month-button--previous {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-month-title {
    flex: 1 1 auto;
    min-width: 0;
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    color: #222221;
    line-height: 1.2;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button {
    position: static;
    transform: none;
    flex: 0 0 auto;
    z-index: 1;
    background: transparent;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    min-width: 0;
    background-color: #fff;
    border: 2px solid transparent !important;
    border-radius: 3px;
    padding: 4px 8px;
    margin: 0;
    cursor: pointer;
    line-height: 0;
    position: static;
    overflow: visible;
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev.is-arrow-active,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next.is-arrow-active,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev:focus,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next:focus {
    border-color: #222221 !important;
    outline: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev::before,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next::before,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-prev::after,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button.plp-calendar-next::after {
    content: none !important;
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button
    > svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: #82888a;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .asd__change-month-button
    > button:focus-visible {
    outline: 3px solid #222221;
    outline-offset: 2px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 12px;
    padding: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 28px;
    background-color: #222221;
    color: #f6f6f6;
    border-radius: 0;
    cursor: pointer;
    width: 100%;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done:hover {
    background-color: #222221;
    color: #f6f6f6;
    outline: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done:focus,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done:focus-visible {
    background-color: #222221;
    color: #f6f6f6;
    border-color: #222221;
    outline: 2px solid #222221;
    outline-offset: 2px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .plp-calendar-done:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .digex-calendar-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: visible;
    max-height: none;
    height: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .digex-calendar-container::-webkit-scrollbar {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-panel {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    padding: 0;
    box-sizing: border-box;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-panel
    .new-month {
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 4px;
    width: 100%;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-weekdays
    .weekday {
    font-family: "Lato", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-transform: capitalize;
    color: #222221;
    text-align: center;
    padding: 0;
    border: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, auto);
    /* gap: 1px; */
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 1px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container {
    position: relative;
    width: auto;
    flex: none;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid !important;
    border-left: 1px solid !important;
    aspect-ratio: 1;
    background: #fff;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.calendar-day-past {
    display: block !important;
    visibility: visible !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container:has(.calendar-day.unavailable) {
    box-shadow: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]:not(.digex-calendar--horizontal)
    .calendar-day-container.calendar-day-past
    .calendar-day.unavailable,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]:not(.digex-calendar--horizontal)
    .calendar-day-container:has(.calendar-day.unavailable)
    .calendar-day.unavailable {
    opacity: 0.5 !important;
    background-color: #f7f7f7 !important;
    color: #222221 !important;
    cursor: not-allowed;
    border-radius: 0 !important;
    box-sizing: border-box;
    border: 1px solid !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container:has(.calendar-day.unavailable)
    .calendar-day.unavailable {
    opacity: 0.5 !important;
    background-color: #fff !important;
    color: #222221 !important;
    cursor: not-allowed;
    /* border: none !important; */
    border-radius: 0 !important;
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]:not(.digex-calendar--horizontal)
    .calendar-day-container:has(.calendar-day.unavailable)
    .calendar-day.unavailable {
    border: 1px solid #222221 !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container:has(.calendar-day.unavailable)
    .calendar-day.unavailable {
    box-shadow: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container:has(.calendar-day.unavailable)
    .calendar-day.unavailable
    .month-day:first-of-type {
    display: block !important;
    visibility: visible !important;
    color: inherit !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container
    button.calendar-day[disabled] {
    display: flex !important;
    visibility: visible !important;
    pointer-events: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="0"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="1"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="2"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="3"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="4"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="5"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-day-container.start-month[data-weekday="6"] {
    margin-left: 0 !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"].digex-calendar--horizontal
    .calendar-month-grid
    .calendar-day-container
    .calendar-day {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid !important;
    border-right: 1px solid !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: "Lato", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    color: #222221;
    background: #fff;
    box-sizing: border-box;
    margin: 0 !important;
    z-index: 0;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]:not(.digex-calendar--horizontal)
    .calendar-day-container {
    border: none;
    padding-top: 14.2857%;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]:not(.digex-calendar--horizontal)
    .calendar-day-container
    .calendar-day {
    border: none;
    border-radius: 0 !important;
    font-family: "Lato", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    color: #222221;
    background: #fff;
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day
    .month-abbr,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day
    .month-day:last-of-type {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day
    .month-day:first-of-type {
    display: block !important;
    visibility: visible !important;
    line-height: 1;
    font-size: 15px;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day.today {
    background-color: #fff;
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day:not(.unavailable):hover,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day:not(.unavailable):focus,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day:not(.unavailable):focus-visible {
    background-color: #222221 !important;
    color: #f6f6f6 !important;
    font-size: 15px;
    border: none !important;
    border-radius: 0 !important;
    z-index: 1;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day:not(.unavailable):hover
    .month-day:first-of-type,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day:not(.unavailable):focus
    .month-day:first-of-type {
    color: #f6f6f6 !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected:not(.start):not(.end)
    .calendar-day {
    background-color: #333f48 !important;
    border: none !important;
    box-shadow: none !important;
    color: #f6f6f6 !important;
    border-radius: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected.start
    .calendar-day,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected.end
    .calendar-day {
    background-color: #222221 !important;
    border: none !important;
    box-shadow: none !important;
    color: #f6f6f6 !important;
    border-radius: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected
    .calendar-day
    span.month-day:first-of-type {
    color: #f6f6f6 !important;
    visibility: visible !important;
    display: block !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected.start
    .calendar-day,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected.end
    .calendar-day,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected.start-mobile
    .calendar-day {
    border-radius: 0 !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected
    .calendar-day.end-month:before,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected:not(.start)
    .calendar-day:after,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container.selected.start-month
    .calendar-day:after {
    content: none !important;
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .date-status {
    font-family: "Lato", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #222221;
    border-top: 1px solid #d8d8d8;
    margin-top: 12px;
    padding-top: 10px;
    text-align: center;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    .calendar-day:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar
    [data-component="digex-calendar"]
    .calendar-day-container
    button.calendar-day:focus-visible {
    outline: 3px solid #222221 !important;
    outline-offset: -2px !important;
    border-radius: 0 !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.dates-section
    .dates-section-content
    p {
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    color: #222221;
}

/* P3 mirror — mobile dates calendar panel (same horizontal UI as desktop) */
@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.open {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0;
        overflow: visible;
        padding: 5px 20px 16px !important;
        border: 0 !important;
        box-shadow: none !important;
        background-color: #fff;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        #plpCalendar.plp-search-dropdown.open
        [data-component="digex-calendar"].digex-calendar--horizontal {
        max-height: min(400px, calc(100dvh - 240px));
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.nav-dropdown.open::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.nav-dropdown.open::after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.nav-dropdown.open::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.nav-dropdown.open::after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.nav-dropdown.open::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.nav-dropdown.open::after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.nav-dropdown.open::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.nav-dropdown.open::after {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .nav-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        .nav-dropdown {
        padding: 0 20px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown
        .plp-date-input-wrapper
        .date-day-count {
        display: block !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown
        .plp-date-input-wrapper::before {
        content: "" !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        flex-shrink: 0 !important;
        background: url(../img/plp-calendar-icon.svg) no-repeat center / contain !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown
        .plp-input-wrapper
        #plp-search-input {
        background-color: transparent !important;
        background-image: url(../img/plp-search-icon.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 3px 50% !important;
        background-size: 16px !important;
        padding-left: 20px !important;
    }
}

/* P3 mirror — mobile booking bar (match omnihotels.com legacy UI) */
@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        .search-section-content
        p::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .dates-section-content
        p::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        .rooms-section-content
        p::before {
        content: none !important;
        display: none !important;
        padding: 0 !important;
    }

    /* Mobile: no close X — tap field row to open/close instead */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .nav-dropdown
        .close-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-close {
        display: none !important;
    }

    /* Keep special rates header row above the open panel so tap-to-close works */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section:has(#plpSpecialRates.open) {
        position: relative !important;
        padding-top: 40px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        > button,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section:has(#plpSpecialRates.open)
        > button {
        z-index: 10 !important;
        pointer-events: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        #plpSpecialRates.plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section:has(#plpSpecialRates.open)
        #plpSpecialRates.plp-search-dropdown {
        position: relative !important;
        z-index: 1 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section:has(#plpSpecialRates.open)
        > button
        > .icon {
        pointer-events: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        > button
        > .icon {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        #plpSearch
        > .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        #plpSearch
        > .plp-input-wrapper {
        margin: 0 20px !important;
        width: calc(100% - 40px) !important;
        min-height: 40px !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        > button {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* Mobile-only row icons — match omnihotels.com screenshot (right-side map pin, calendar, chevrons) */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        > button
        > .icon,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        > button
        > .icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 50% !important;
        right: 24px !important;
        left: auto !important;
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        background-image: none !important;
        pointer-events: none;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        > button
        > .icon
        svg,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        > button
        > .icon
        svg {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section
        > button
        > .icon
        i.small-screen,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        > button
        > .icon
        i.small-screen {
        display: inline-block !important;
        font-size: 18px !important;
        line-height: 1 !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section
        > button
        > .icon
        .icon-arrow_forward,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        > button
        > .icon
        .icon-arrow_forward {
        display: inline-block !important;
        width: 1em !important;
        height: 1em !important;
        font-size: 20px !important;
        color: #000 !important;
        transform: rotate(90deg) !important;
        transition: transform 0.3s;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section.rotate
        > button
        > .icon
        .icon-arrow_forward,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.rotate
        > button
        > .icon
        .icon-arrow_forward {
        transform: rotate(-90deg) !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .rates-section-content
        p {
        display: block !important;
        width: 90% !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        gap: 0 !important;
        text-transform: none !important;
        font-size: 16px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon {
        display: inline-block !important;
        position: relative !important;
        width: 14px !important;
        min-width: 14px !important;
        height: 14px !important;
        margin-right: 8px !important;
        vertical-align: middle !important;
        background: none !important;
        visibility: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        background-color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon::before {
        top: 50% !important;
        left: 0 !important;
        width: 100% !important;
        height: 1px !important;
        transform: translateY(-50%) !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link
        .special-rates-icon::after {
        top: 0 !important;
        left: 50% !important;
        width: 1px !important;
        height: 100% !important;
        transform: translateX(-50%) !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section.nav-dropdown-link.rotate
        .special-rates-icon::after {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container {
        padding: 8px 0 0 !important;
        background-color: #f2f0ee !important;
    }

    /* Legacy mobile open state: hide row labels only for the section that is open */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        .section-content {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        .plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        .plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .nav-dropdown
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        .nav-dropdown
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open) {
        position: relative !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        > button,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        > button {
        z-index: 10 !important;
        pointer-events: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section:has(#plpSpecialRates.open)
        .section-content {
        margin: 0 20px !important;
        width: calc(100% - 40px) !important;
        padding-left: 0 !important;
        /* border-bottom: 2px solid #222221 !important; */
        box-shadow: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        .section-content
        p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section:has(#plpSpecialRates.open)
        .section-content
        p {
        padding-left: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        #plpSearch
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        #plpSearch
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        #plpCalendar
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        #plpCalendar
        .plp-date-input-wrapper {
        border: 0 !important;
        border-bottom: 1px solid #222221 !important;
        box-shadow: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section
        .plp-search-dropdown:not(.open)
        .nav-dropdown-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section
        .plp-search-dropdown:not(.open)
        .nav-dropdown-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section
        .plp-search-dropdown:not(.open)
        .nav-dropdown-content {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section.rotate
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section.rotate
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section.rotate
        .section-content {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open))
        .plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open))
        .nav-dropdown
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open))
        .plp-search-dropdown
        .plp-input-wrapper {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section {
        border-bottom: 0 !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section:not(.book-section)
        .section-content {
        border-bottom: 1px solid #222221;
        margin: 0 20px;
        width: calc(100% - 40px);
        box-shadow: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .section-content::before,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        .rates-section-content::before {
        content: none !important;
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section
        .section-content
        p {
        padding-left: 15px !important;
        font-family: "Lato", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 36px !important;
        letter-spacing: 0.0175em !important;
        color: #000 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .dates-section-content
        p::after {
        content: none !important;
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section {
        margin-top: 30px !important;
        margin-bottom: 24px !important;
        padding: 10px 24px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        position: relative !important;
        width: 100% !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        font-family: "Lato", sans-serif !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 36px !important;
        letter-spacing: 0.0175em !important;
        text-transform: none !important;
        background-color: #222221 !important;
        color: #fff;
        border: 0 !important;
        box-shadow: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        .plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        .plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .nav-dropdown
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        .nav-dropdown
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        .plp-search-dropdown
        #plp-rooms-detail,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        .plp-search-dropdown
        #plp-rooms-detail,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        .section-content {
        box-shadow: none !important;
    }

    /* Legacy omnihotels.com — mobile special rates dropdown panel */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.open {
        display: block !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 70px !important;
        padding: 5px 20px !important;
        border: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.open
        .plp-input-wrapper {
        padding-left: 5px !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* Mobile special rates — legacy production radios + single-column layout */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        a {
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        letter-spacing: normal !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        [type="radio"] {
        position: absolute !important;
        display: none !important;
        opacity: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        input[type="radio"]
        + label {
        box-sizing: border-box !important;
        cursor: pointer !important;
        display: inline-block !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        line-height: 13px !important;
        letter-spacing: normal !important;
        margin: 0 !important;
        padding: 0 0 0 20px !important;
        position: relative !important;
        text-transform: inherit !important;
        width: auto !important;
        height: auto !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-1
        input[type="radio"]
        + label {
        margin: 8px 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        input[type="radio"]
        + label:before {
        background-color: #fff;
        border: 1px solid #222221 !important;
        border-radius: 50% !important;
        box-sizing: content-box !important;
        content: "" !important;
        display: block !important;
        height: 11px !important;
        width: 11px !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        input[type="radio"]:checked
        + label:after {
        background-color: #222221 !important;
        border-radius: 50% !important;
        content: "" !important;
        display: block !important;
        height: 7px !important;
        width: 7px !important;
        position: absolute !important;
        left: 3px !important;
        top: 3px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        input[type="radio"]:focus
        + label:before {
        border-color: #999 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .rates-selection,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper--special-rates {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        border-bottom: 1px solid #d8d8d8 !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col {
        width: 100% !important;
        float: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper--special-rates
        .p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper--special-rates
        p {
        display: block !important;
        font-size: 12px !important;
        min-height: 38px !important;
        max-height: none !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        overflow: visible !important;
        grid-template: none !important;
        grid-template-areas: none !important;
        grid-template-columns: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .p
        > input[type="radio"]
        + label {
        display: inline-block !important;
        width: 11px !important;
        min-width: 11px !important;
        height: 14px !important;
        padding: 0 !important;
        margin: 0 !important;
        vertical-align: top !important;
        float: left !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating {
        position: absolute !important;
        left: 20px !important;
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        width: auto !important;
        min-height: 32px !important;
        height: 32px !important;
        margin-top: 0 !important;
        grid-area: unset !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        label {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 11px !important;
        font-weight: 300 !important;
        letter-spacing: normal !important;
        line-height: 1.2 !important;
        height: auto !important;
        text-transform: uppercase !important;
        color: #222221 !important;
        transform: none !important;
        pointer-events: none;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        input[type="text"],
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        > .form-floating
        input[type="text"] {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        box-sizing: border-box !important;
        border: none !important;
        border-bottom: 1px solid #222221 !important;
        margin: 0 !important;
        opacity: 1 !important;
        outline: none !important;
        padding: 14px 0 4px !important;
        width: 100% !important;
        min-height: 28px !important;
        height: 28px !important;
        max-height: none !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        letter-spacing: normal !important;
        color: #222221 !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        input[type="text"]::placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        input[type="text"].disabled,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        input[type="text"]:disabled {
        color: #686868 !important;
        background-color: transparent !important;
        pointer-events: none !important;
        text-transform: uppercase !important;
        border-bottom: 1px solid #222221 !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #686868 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        input[type="text"]:disabled
        + label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .special-rates-col-2
        .form-floating
        input[type="text"].disabled
        + label {
        color: #686868 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        > .form-floating {
        position: relative !important;
        width: 100% !important;
        min-height: 32px !important;
        height: 32px !important;
        margin-top: 8px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        > .form-floating
        label {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 11px !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        color: #222221 !important;
        transform: none !important;
        pointer-events: none;
        line-height: 1.2 !important;
        height: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section
        #plpSpecialRates
        .input-section-wrapper
        > .form-floating
        input[type="text"]::placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    /* Mobile row visibility — each section independent (not tied to container.open) */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open))
        #plpSearch
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open))
        #plpCalendar
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open))
        #plpRoomsAndGuests
        .plp-input-wrapper {
        display: none !important;
    }

    /* Closed rows: keep field names visible when another dropdown is open */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open))
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open))
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open))
        .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open))
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open))
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open))
        > button
        > .section-content {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        > button
        > .section-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        > button
        > .section-content {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        #plpSearch
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        #plpSearch
        .plp-input-wrapper {
        display: block !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        #plpCalendar
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        #plpCalendar
        .plp-date-input-wrapper {
        display: flex !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        #plpRoomsAndGuests
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        #plpRoomsAndGuests
        .plp-input-wrapper {
        display: block !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .dates-section-content
        p::after,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        .dates-section-content
        p::after {
        display: none !important;
        content: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section
        .dates-section-content {
        position: relative;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section {
        min-height: 40px;
    }

    /* Mobile open overlay — one 20px gutter for every row (search, dates, rooms, rates) */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.search-section,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.dates-section,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rooms-section,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        .nav-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        .plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .nav-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        .plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        .nav-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        .plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        .nav-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rates-section.rotate
        .plp-search-dropdown {
        padding: 0 20px !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        #plpCalendar.plp-search-dropdown.open,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        #plpCalendar.plp-search-dropdown.open {
        padding: 0 20px 16px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section
        #plpSearch.plp-search-dropdown.open,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open {
        display: block !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.open {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section
        #plpCalendar.plp-search-dropdown.open
        [data-component="digex-calendar"].digex-calendar--horizontal {
        max-height: min(400px, calc(100dvh - 240px));
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
        max-height: min(520px, calc(100dvh - 240px));
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        #plpSearch
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        #plpSearch
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section.rotate
        #plpCalendar
        .plp-date-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        #plpCalendar
        .plp-date-input-wrapper {
        margin: 0 !important;
        width: 100% !important;
        padding: 0 28px 0 0 !important;
        border-bottom: 1px solid #222221 !important;
        box-shadow: none !important;
    }

    /* Rooms/guests open — lock summary row + border; panel expands below */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        #plpRoomsAndGuests.plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        #plpRoomsAndGuests.plp-search-dropdown {
        position: static !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        #plpRoomsAndGuests
        > .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        #plpRoomsAndGuests
        > .plp-input-wrapper {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 5 !important;
        margin: 0 20px !important;
        width: calc(100% - 40px) !important;
        padding: 0 28px 0 0 !important;
        min-height: 40px !important;
        height: 40px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        border: 0 !important;
        border-bottom: 1px solid #222221 !important;
        box-shadow: none !important;
        background-color: #f2f0ee !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        #plpRoomsAndGuests
        .nav-dropdown-content,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        #plpRoomsAndGuests
        .nav-dropdown-content {
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border-top: 0 !important;
        border-bottom: 1px solid #222221 !important;
        padding-top: 40px !important;
        margin-top: 15px !important;
        flex: 1 1 auto;
        min-height: 0;
        max-height: min(480px, calc(100dvh - 260px));
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-width: auto;
        scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section.rotate
        #plpRoomsAndGuests
        #plp-rooms-detail,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        #plpRoomsAndGuests
        #plp-rooms-detail {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 0 15px !important;
        font-family: "Lato", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 36px !important;
        letter-spacing: 0.0175em !important;
        color: #000 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        border: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section.rotate
        #plpSearch
        .nav-dropdown-content.search-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open)),
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open)),
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open)) {
        position: relative;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open))
        > button,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open))
        > button,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open))
        > button {
        z-index: 3 !important;
        pointer-events: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:not(.rotate):not(:has(#plpRoomsAndGuests.open))
        #plpRoomsAndGuests.plp-search-dropdown:not(.open),
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:not(.rotate):not(:has(#plpCalendar.open))
        #plpCalendar.plp-search-dropdown:not(.open),
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:not(.rotate):not(:has(#plpSearch.open))
        #plpSearch.plp-search-dropdown:not(.open) {
        pointer-events: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
        #plpRoomsAndGuests.plp-search-dropdown.open,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.dates-section:has(#plpCalendar.open)
        #plpCalendar.plp-search-dropdown.open,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.search-section:has(#plpSearch.open)
        #plpSearch.plp-search-dropdown.open {
        pointer-events: auto !important;
    }

    /* Override global bundle: keep rates row label visible until rates opens */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section:not(.rotate):not(:has(#plpSpecialRates.open))
        .section-content {
        display: block !important;
        visibility: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open
        .check-availability-section.rates-section:not(.rotate):not(:has(#plpSpecialRates.open))
        .nav-dropdown {
        display: none !important;
        visibility: hidden !important;
    }
}

/* P3 mirror — omnihotels.com special rates dropdown (desktop two-column panel) */
@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown.open {
        display: block !important;
        left: -118px !important;
        right: auto !important;
        top: 36px !important;
        width: 400px !important;
        max-width: 400px !important;
        padding: 20px 40px !important;
        border: 0 !important;
        box-shadow: 0 0 15px 5px #00000040 !important;
        background-color: #fff;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .required-field-text {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates.rates-selection,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .rates-selection {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        border-bottom: 1px solid #d8d8d8 !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col {
        width: 50% !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        .radio-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        p.radio-input {
        display: block !important;
        width: 100% !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        input[type="radio"]
        + label {
        margin: 8px 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .p.radio-text-input {
        display: grid !important;
        grid-template-areas: "check input" ". error" !important;
        grid-template-columns: auto 1fr !important;
        gap: 0 !important;
        align-items: end !important;
        position: relative !important;
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 0 1.5rem !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input__label {
        grid-area: check !important;
        align-self: end !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
        margin: 0 0 6px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input
        .form-floating {
        grid-area: input !important;
        display: block !important;
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 24px !important;
        height: 24px !important;
        margin: 0 0 3px !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .radio-text-input__input {
        width: 100% !important;
        margin-top: 14px !important;
        padding: 0 0 2px !important;
        border: none !important;
        border-bottom: 1px solid #222221 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        background: transparent !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .floating-label {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        color: #222221 !important;
        transform: none !important;
        pointer-events: none;
    }

    /* Production match (omnihotels.com) — legacy markup, Lato, pseudo radios */
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        input,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-input-wrapper
        a {
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        letter-spacing: normal !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        [type="radio"] {
        position: absolute !important;
        display: none !important;
        opacity: 0 !important;
        width: auto !important;
        height: auto !important;
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        input[type="radio"]
        + label {
        box-sizing: border-box !important;
        cursor: pointer !important;
        display: inline-block !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        line-height: 13px !important;
        letter-spacing: normal !important;
        margin: 0 !important;
        padding: 0 0 0 20px !important;
        position: relative !important;
        text-transform: inherit !important;
        width: auto !important;
        height: auto !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-1
        input[type="radio"]
        + label {
        margin: 8px 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        input[type="radio"]
        + label:before {
        background-color: #fff;
        border: 1px solid #222221 !important;
        border-radius: 50% !important;
        box-sizing: content-box !important;
        content: "" !important;
        display: block !important;
        height: 11px !important;
        width: 11px !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        input[type="radio"]:checked
        + label:after {
        background-color: #222221 !important;
        border-radius: 50% !important;
        content: "" !important;
        display: block !important;
        height: 7px !important;
        width: 7px !important;
        position: absolute !important;
        left: 3px !important;
        top: 3px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        input[type="radio"]:focus
        + label:before {
        border-color: #999 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates
        .p,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper--special-rates
        p {
        display: block !important;
        font-size: 12px !important;
        min-height: 38px !important;
        max-height: none !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        overflow: visible !important;
        grid-template: none !important;
        grid-template-areas: none !important;
        grid-template-columns: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .p:last-child {
        margin-bottom: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .p
        > input[type="radio"]
        + label {
        display: inline-block !important;
        box-sizing: border-box !important;
        width: 11px !important;
        min-width: 11px !important;
        height: 14px !important;
        padding: 0 !important;
        margin: 0 !important;
        vertical-align: top !important;
        float: left !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .p
        > label:empty {
        height: 14px !important;
        width: 11px !important;
        min-width: 11px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating {
        position: absolute !important;
        left: 20px !important;
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        width: auto !important;
        min-height: 32px !important;
        height: 32px !important;
        margin-top: 0 !important;
        grid-area: unset !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        label {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 11px !important;
        font-weight: 300 !important;
        letter-spacing: normal !important;
        line-height: 1.2 !important;
        height: auto !important;
        text-transform: uppercase !important;
        color: #222221 !important;
        transform: none !important;
        pointer-events: none;
        z-index: 2;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        input[type="text"],
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        > .form-floating
        input[type="text"] {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        box-sizing: border-box !important;
        border: none !important;
        border-bottom: 1px solid #222221 !important;
        margin: 0 !important;
        opacity: 1 !important;
        outline: none !important;
        padding: 14px 0 4px !important;
        width: 100% !important;
        min-height: 28px !important;
        height: 28px !important;
        max-height: none !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: "Lato", sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        letter-spacing: normal !important;
        color: #222221 !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        z-index: 1;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        input[type="text"].disabled,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        input[type="text"]:disabled {
        color: #686868 !important;
        background-color: transparent !important;
        pointer-events: none !important;
        text-transform: uppercase !important;
        border-bottom: 1px solid #222221 !important;
        opacity: 1 !important;
        -webkit-text-fill-color: #686868 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        input[type="text"]:disabled
        + label,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        input[type="text"].disabled
        + label {
        color: #686868 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .special-rates-col-2
        .form-floating
        input[type="text"]::placeholder,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        > .form-floating
        input[type="text"]::placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper:not(:last-child) {
        border-bottom: 1px solid #d8d8d8 !important;
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-special-guest.plp-info {
        line-height: 1.5 !important;
        padding-bottom: 0 !important;
        margin: 0 0 10px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-special-guest.plp-info
        a {
        text-decoration: underline !important;
        color: #222221 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .plp-special-guest.plp-info
        .info-show {
        display: inline !important;
        position: static !important;
        margin: 0 4px !important;
        vertical-align: middle;
        text-decoration: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .use-free-nights {
        display: inline !important;
        margin: 0 0 0 4px !important;
        font-size: 12px !important;
        text-decoration: underline !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        > .form-floating {
        position: relative !important;
        width: 100% !important;
        min-height: 32px !important;
        height: 32px !important;
        margin-top: 8px !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.rates-section
        #plpSpecialRates.plp-search-dropdown
        .input-section-wrapper
        > .form-floating
        label {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        font-family: "Lato", sans-serif !important;
        font-size: 11px !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        color: #222221 !important;
        transform: none !important;
        pointer-events: none;
        line-height: 1.2 !important;
        height: auto !important;
    }
}

/* Room-card calendar — overlay on card (not below Check Rates) */
#room-card-wrapper .card-wrapper:has(.card-content-wrapper.room-card-calendar-open),
#room-card-wrapper .card-wrapper.room-card-calendar-open {
    overflow: visible !important;
    height: auto !important;
    align-self: flex-start !important;
    position: relative;
    z-index: 5;
}

#room-card-wrapper .card-wrapper .card-content-wrapper.room-card-calendar-open {
    position: relative !important;
    overflow: hidden !important;
}

#room-card-wrapper .card-content-wrapper.room-card-calendar-open > :not(.room-card-calendar) {
    visibility: hidden;
    pointer-events: none;
}

#room-card-wrapper .card-content-wrapper > .room-card-calendar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin-top: 10px !important;
    padding: 10px 0 !important;
    z-index: 100 !important;
    box-sizing: border-box;
    background: #fff !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
}

.room-card-calendar {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.room-card-calendar .close-calendar-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background-color: #222221;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.room-card-calendar .room-card-calendar-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.room-card-calendar .room-card-calendar-dates {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #222221;
    margin: 0 0 12px;
    padding: 0 32px 10px 0;
}

.room-card-calendar .room-card-date-display {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    width: auto;
    min-width: 0;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    color: #222221;
    pointer-events: none;
}

.room-card-calendar .room-card-date-separator {
    margin: 0 4px;
    color: #222221;
}

.room-card-calendar .room-card-calendar-dates .date-day-count {
    margin-left: 4px;
    white-space: nowrap;
    color: #222221 !important;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}

.room-card-calendar .room-card-calendar-flexible {
    display: block;
    width: 100%;
    margin: 0 0 4px;
    padding: 0;
    position: relative;
}

.room-card-calendar [id^="plp-flexible-dates-"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.room-card-calendar .plp-flexible-dates-label {
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #222221;
    margin: 0 !important;
    padding: 2px 0 2px 28px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    margin: 0 10px !important;
}

.room-card-calendar .plp-flexible-dates-label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #222221;
    border-radius: 0;
    box-sizing: border-box;
    background: #fff;
    left: 0;
    top: 50%;
    margin-top: -9px;
    position: absolute;
}

.room-card-calendar .plp-flexible-dates-label:after {
    content: none;
}

.room-card-calendar [id^="plp-flexible-dates-"]:checked + .plp-flexible-dates-label:before {
    background-color: #222221;
    border-color: #222221;
}

.room-card-calendar [id^="plp-flexible-dates-"]:checked + .plp-flexible-dates-label:after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 50%;
    width: 5px;
    height: 9px;
    margin-top: -6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    background: none;
    background-image: none;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.room-card-calendar .plp-calendar-flexible-notice,
#plpCalendar .plp-calendar-flexible-notice,
.offers-page #filterStayDates .plp-calendar-flexible-notice {
    display: none;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #c96a6a;
    margin: 0 0 12px;
    padding: 0;
}

.room-card-calendar .plp-calendar-flexible-notice[hidden],
#plpCalendar .plp-calendar-flexible-notice[hidden],
.offers-page #filterStayDates .plp-calendar-flexible-notice[hidden] {
    display: none !important;
}

.room-card-calendar .plp-calendar-flexible-notice.is-visible,
#plpCalendar .plp-calendar-flexible-notice.is-visible,
.offers-page #filterStayDates .plp-calendar-flexible-notice.is-visible {
    display: block !important;
}

.room-card-calendar .plp-calendar-flexible-notice:focus-visible,
#plpCalendar .plp-calendar-flexible-notice:focus-visible,
.offers-page #filterStayDates .plp-calendar-flexible-notice:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 2px;
}

.room-card-calendar .room-card-calendar-body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

.room-card-calendar .book-btn-container {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    padding-top: 16px;
}

.room-card-calendar .book-now-btn {
    width: 140px;
    height: 40px;
    min-height: 40px;
    padding: 0 12px;
    border: 0;
    background-color: #222221;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    cursor: pointer;
    padding-top: 0 !important;
}

/* Room-card calendar ΓÇö same horizontal layout as booking bar #plpCalendar */
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
    font-family: "Lato", sans-serif;
    color: #222221;
    position: relative;
    box-shadow: none;
    background-color: transparent;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .weekday-wrapper {
    display: none;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .plp-calendar-month-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0;
    min-height: 28px;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .plp-calendar-month-title {
    flex: 1 1 auto;
    min-width: 0;
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    color: #222221;
    line-height: 1.2;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button {
    position: static;
    transform: none;
    flex: 0 0 auto;
    z-index: 1;
    background: transparent;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button.plp-calendar-prev,
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button.plp-calendar-next {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    min-width: 0;
    background-color: #fff;
    border: 2px solid #222221 !important;
    border-radius: 3px;
    padding: 4px 8px;
    margin: 0;
    cursor: pointer;
    line-height: 0;
    position: static;
    overflow: visible;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button.plp-calendar-prev::before,
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button.plp-calendar-next::before,
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button.plp-calendar-prev::after,
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button.plp-calendar-next::after {
    content: none !important;
    display: none !important;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button > svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: #82888a;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button:disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .asd__change-month-button > button:focus-visible {
    outline: 3px solid #222221;
    outline-offset: 2px;
}

/* Room-card calendar — 30+ night stay limit popup (matches booking bar calendar) */
.room-card-calendar .plp-calendar-stay-limit-popup {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border: none;
    background: #fff;
}

.room-card-calendar .plp-calendar-stay-limit-popup.is-visible {
    display: block !important;
}

.room-card-calendar .plp-calendar-stay-limit-header {
    position: relative;
    min-height: 40px;
    background: #222221;
}

.room-card-calendar .plp-calendar-stay-limit-body {
    background: #fff;
    padding: 20px 24px 24px;
}

.room-card-calendar .plp-calendar-stay-limit-message {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #222221;
    margin: 0;
}

.room-card-calendar .plp-calendar-stay-limit-message a {
    color: #222221;
    text-decoration: underline;
}

.room-card-calendar .plp-calendar-stay-limit-close {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
}

.room-card-calendar .plp-calendar-stay-limit-close::before,
.room-card-calendar .plp-calendar-stay-limit-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #fff;
}

.room-card-calendar .plp-calendar-stay-limit-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.room-card-calendar .plp-calendar-stay-limit-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.room-card-calendar .plp-calendar-stay-limit-close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.room-card-calendar .plp-calendar-stay-limit-message a:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 2px;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .digex-calendar-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none;
    height: auto;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-panel {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-panel .new-month {
    display: none !important;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 4px;
    width: 100%;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-weekdays .weekday {
    font-family: "Lato", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-transform: capitalize;
    color: #222221;
    text-align: center;
    padding: 0;
    border: none;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, auto);
    /* gap: 1px; */
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 1px;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-grid .calendar-day-container {
    position: relative;
    width: auto;
    flex: none;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 1px solid #222221 !important;
    border-left: 1px solid #222221 !important;
    aspect-ratio: 1;
    background: #fff;
    box-sizing: border-box;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month,
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="0"],
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="1"],
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="2"],
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="3"],
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="4"],
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="5"],
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="6"] {
    margin-left: 0 !important;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container .calendar-day {
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-bottom: 1px solid #222221 !important;
    border-right: 1px solid #222221 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: "Lato", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    color: #222221;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    z-index: 0;
}

.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container:has(.calendar-day.unavailable) .calendar-day.unavailable {
    opacity: 0.5 !important;
    background-color: #fff !important;
    color: #222221 !important;
    cursor: not-allowed;
    border-bottom: 1px solid #222221 !important;
    border-right: 1px solid #222221 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    pointer-events: none;
}

.room-card-calendar [data-component="digex-calendar"] .calendar-day .month-abbr,
.room-card-calendar [data-component="digex-calendar"] .calendar-day .month-day:last-of-type {
    display: none;
}

.room-card-calendar [data-component="digex-calendar"] .calendar-day .month-day:first-of-type {
    display: block !important;
    visibility: visible !important;
    line-height: 1;
    font-size: 15px;
}

.room-card-calendar [data-component="digex-calendar"] .calendar-day-container .calendar-day:not(.unavailable):hover,
.room-card-calendar [data-component="digex-calendar"] .calendar-day-container .calendar-day:not(.unavailable):focus {
    background-color: #222221 !important;
    color: #f6f6f6 !important;
    border-bottom: 1px solid #222221 !important;
    border-right: 1px solid #222221 !important;
    border-radius: 0 !important;
    z-index: 1;
}

.room-card-calendar [data-component="digex-calendar"] .calendar-day-container.selected:not(.start):not(.end) .calendar-day {
    background-color: #333f48 !important;
    color: #f6f6f6 !important;
    border-bottom: 1px solid #222221 !important;
    border-right: 1px solid #222221 !important;
    border-radius: 0 !important;
    z-index: 1;
}

.room-card-calendar [data-component="digex-calendar"] .calendar-day-container.selected .calendar-day,
.room-card-calendar [data-component="digex-calendar"] .calendar-day-container.selected.start .calendar-day,
.room-card-calendar [data-component="digex-calendar"] .calendar-day-container.selected.end .calendar-day {
    background-color: #222221 !important;
    border-bottom: 1px solid #222221 !important;
    border-right: 1px solid #222221 !important;
    box-shadow: none !important;
    color: #f6f6f6 !important;
    border-radius: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1;
}

.room-card-calendar [data-component="digex-calendar"] .calendar-day-container.selected .calendar-day span.month-day:first-of-type {
    color: #f6f6f6 !important;
    visibility: visible !important;
    display: block !important;
}

/* Global horizontal calendar grid fix — booking bar only */
[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .digex-calendar-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-height: none !important;
    height: auto !important;
}

/* Room-card calendar ΓÇö vertical scroll, one month horizontal */
.room-card-calendar [data-component="digex-calendar"].digex-calendar--horizontal.digex-calendar--room-card .digex-calendar-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: none !important;
    height: auto !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-panel {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-grid {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    grid-template-rows: repeat(6, auto) !important;
    width: 100% !important;
    /* gap: 1px !important; */
    box-sizing: border-box;
    border: none !important;
    padding: 1px !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal .calendar-month-grid .calendar-day-container {
    flex: none !important;
    padding: 0 !important;
    padding-top: 0 !important;
    width: auto !important;
    margin: 0 !important;
    /* border: none !important; */
    position: relative !important;
    aspect-ratio: 1;
    background: #fff !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-month-grid .calendar-day-container .calendar-day {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: #fff;
    box-sizing: border-box;
    margin: 0 !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-day-container:has(.calendar-day.unavailable) .calendar-day.unavailable {
    opacity: 0.5 !important;
    background-color: #fff !important;
    color: #222221 !important;
    cursor: not-allowed;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    pointer-events: none;
}

[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-day-container .calendar-day:not(.unavailable):hover,
[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-day-container .calendar-day:not(.unavailable):focus {
    background-color: #222221 !important;
    color: #f6f6f6 !important;
    border: none !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-day-container.selected:not(.start):not(.end) .calendar-day {
    left: 0 !important;
    width: 100% !important;
    border: none !important;
    background-color: #333f48 !important;
    color: #f6f6f6 !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-day-container.selected.start .calendar-day,
[data-component="digex-calendar"].digex-calendar--horizontal:not(.digex-calendar--room-card) .calendar-day-container.selected.end .calendar-day {
    left: 0 !important;
    width: 100% !important;
    border: none !important;
    background-color: #222221 !important;
    color: #f6f6f6 !important;
}

[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month,
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="0"],
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="1"],
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="2"],
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="3"],
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="4"],
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="5"],
[data-component="digex-calendar"].digex-calendar--horizontal .calendar-day-container.start-month[data-weekday="6"] {
    margin-left: 0 !important;
}

/* Tablet/mobile booking bar (≤1023px) — fix white gap + broken CTA/layout */
@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container,
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container.open {
        display: block !important;
        grid-template-columns: none !important;
        grid-auto-flow: unset !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 10px 24px !important;
        margin-top: 30px !important;
        margin-bottom: 24px !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .small-screen {
        display: inline !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .large-screen {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta
        .large-screen,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .large-screen {
        display: none !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .plp-primary-cta
        .small-screen,
    div[data-component="plp-check-availability"].plp-check-availability
        .plp-check-availability-container.container
        .check-availability-section.book-section
        .small-screen {
        display: inline !important;
    }
}

/*
 * omnihotels.com — booking bar dropdown typography (final cascade)
 * Search, calendar, rooms/guests, and special rates panels
 */
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSpecialRates.plp-search-dropdown {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-title,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-state,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-city {
    outline: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-state
    .search-term,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-city
    .search-term {
    font-family: "sweet-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    .nav-dropdown-hotel
    a {
    font-family: "sweet-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: normal;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSearch.plp-search-dropdown
    #plp-search-input {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.0175em;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown
    [data-component="digex-calendar"],
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown
    .plp-flexible-dates-label,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpCalendar.plp-search-dropdown
    .plp-date-input-wrapper
    .date-day-count {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown
    .plp-occupancy-limit-message {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSpecialRates.plp-search-dropdown
    .radio-input__label,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSpecialRates.plp-search-dropdown
    input[type="radio"]
    + label {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 0.0175em;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSpecialRates.plp-search-dropdown
    .radio-text-input__input,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSpecialRates.plp-search-dropdown
    .text-input__input,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpSpecialRates.plp-search-dropdown
    input[type="text"] {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 0.0175em;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .nav-dropdown
    .plp-info
    .info-show,
div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .nav-dropdown
    .plp-info-detail {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.0175em;
}

/* Rooms/guests — match omnihotels.com reference panel layout */
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content.search-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
    padding: 8px 12px 24px;
    scroll-padding: 12px;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-room-selector
    > .plp-number-input-wrapper {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    column-gap: 10px;
    row-gap: 2px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
    margin-bottom: 4px;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    fieldset.plp-room-detail
    > .plp-number-input-wrapper {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    column-gap: 10px;
    row-gap: 2px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 17px;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > legend.plp-room-input {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: normal;
    color: #222221;
    text-wrap: wrap;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > legend.plp-info,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > label.plp-info {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    .plp-info
    .info-show
    i,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    .plp-info
    .info-show
    img,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .plp-info
    .info-show
    i,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-info-detail
    .info-hide
    i {
    pointer-events: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    .plp-info
    .info-show {
    position: static !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    text-decoration: none;
    line-height: 0;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    .plp-info
    .info-show
    img {
    display: block;
    width: 20px;
    height: 20px;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .plp-info
    .info-show:not(:has(img)) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #222221;
    border: 1px solid #222221;
    border-radius: 50%;
    text-decoration: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease {
    grid-column: 2;
    grid-row: 1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > input.plp-number-input {
    grid-column: 3;
    grid-row: 1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase {
    grid-column: 4;
    grid-row: 1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > .plp-info-detail,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > .plp-error-detail {
    grid-column: 1 / -1;
    width: 100%;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-info-detail
    .info-hide {
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    fieldset.plp-room-detail.group-total
    > .nav-dropdown-title {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: normal;
    color: #222221;
    margin-top: 8px;
    cursor: default;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-info-detail {
    display: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-info-detail.is-open {
    display: block;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages {
    display: none;
    width: 100%;
    clear: both;
    margin: 0 0 12px;
    overflow: visible;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages.has-children {
    display: block;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    > label.plp-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    margin: 0 0 8px;
    padding: 0;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .child-ages-dropdowns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select {
    position: relative;
    flex: 0 0 74px;
    width: 74px;
    height: 50px;
    min-width: 74px;
    border: 1px solid #222221;
    box-sizing: border-box;
    padding: 8px 24px 8px 10px;
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select::after {
    top: 50%;
    right: 8px;
    transform: translateY(-50%) rotate(90deg);
    width: 10px;
    height: 10px;
    z-index: 2;
    pointer-events: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.open {
    z-index: 25;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select
    .age-options {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 30;
    width: 74px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid #222221;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
}

div[data-component="plp-check-availability"].plp-check-availability
    .check-availability-section.rooms-section.rotate
    > button,
div[data-component="plp-check-availability"].plp-check-availability
    .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
    > button {
    pointer-events: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    .check-availability-section.rooms-section:has(#plpRoomsAndGuests.open)
    #plpRoomsAndGuests.plp-search-dropdown.open {
    pointer-events: auto;
    z-index: 11 !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.open {
    pointer-events: auto !important;
    z-index: 11 !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.open
    .age-options {
    display: block !important;
    visibility: visible !important;
}

@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        #plpRoomsAndGuests
        .child-ages
        .age-select
        .age-dropdown {
        pointer-events: none !important;
    }
}

@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability
        #plpRoomsAndGuests
        .child-ages
        .age-select
        .age-options {
        top: auto;
        bottom: calc(100% + 2px);
    }

    div[data-component="plp-check-availability"].plp-check-availability
        #plpRoomsAndGuests
        .child-ages:has(.age-select.open) {
        position: relative;
        z-index: 5;
        overflow: visible;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        #plpRoomsAndGuests
        .child-ages:has(.age-select.open) {
        position: relative;
        z-index: 5;
        overflow: visible;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown:has(.plp-occupancy-limit-popup.is-visible)
    .child-ages
    .age-select {
    z-index: 10001;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown:has(.plp-occupancy-limit-popup.is-visible)
    .child-ages
    .age-select.open {
    z-index: 10001;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select
    .age-options
    a {
    display: block;
    padding: 8px 6px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #222221;
    text-decoration: none;
    text-align: center;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select
    .age-options
    a:hover,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select
    .age-options
    a:focus {
    background-color: #f2f0ee;
    outline: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select
    .age-dropdown {
    font-size: 16px;
    height: 1px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    z-index: -1;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-value {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.2;
    color: #222221;
    position: relative;
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
    user-select: none;
}

@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability
        #plpRoomsAndGuests
        .child-ages
        .age-select
        .age-dropdown {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        opacity: 0;
        cursor: pointer;
    }
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-value::placeholder {
    color: #222221;
    opacity: 1;
    text-transform: uppercase;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select
    .age-options
    a[data-value=""] {
    color: #686868;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.has-age
    .age-value {
    color: #222221;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .error {
    display: none;
    margin: 8px 0 0;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #c41230;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .error.is-visible,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages.has-age-error
    .error {
    display: block !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .plp-info
    .info-show:focus-visible {
    outline: 3px solid #222221;
    outline-offset: 2px;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select:focus-within,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.is-focused {
    outline: 3px solid #222221 !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #222221;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.has-age-error,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages.has-age-error
    .age-select:not(.has-age) {
    border-color: #c41230 !important;
    box-shadow: inset 0 0 0 1px #c41230;
}

@media screen and (max-width: 1023px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        .check-availability-section.rooms-section
        #plpRoomsAndGuests.plp-search-dropdown.open
        .nav-dropdown-content.search-content {
        max-height: min(520px, calc(100dvh - 220px));
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-width: auto;
        scrollbar-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.12);
        padding: 2px;
        box-sizing: border-box;
    }
}

/* Rooms/guests panel — keep focus rings visible inside scrollable content */
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content.search-content {
    padding: 2px;
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open {
    overflow: visible !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.decrease:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .plp-number-input-wrapper
    > button.increase:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .info-show:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select:focus-visible,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select:focus-within,
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .child-ages
    .age-select.is-focused {
    outline: none !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #222221 !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    .check-availability-section.rooms-section
    > button:focus-visible {
    outline: 2px solid #222221;
    outline-offset: 2px;
    z-index: 4;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-search-dropdown
    .nav-dropdown-title.sr-only,
div[data-component="plp-check-availability"].plp-check-availability
    .plp-search-dropdown
    h2.nav-dropdown-title.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-search-dropdown
    .nav-dropdown-title-stacked {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #fff;
    /* Legacy index.min.css adds a bottom fade here; P3 mirror uses
       ul.nav-dropdown-state-container::before/::after for scroll fades instead. */
    box-shadow: none;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    #plpSearch.plp-search-dropdown.open
    .nav-dropdown-title-stacked {
    display: flex;
    align-items: center;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-check-availability-container.container
    .check-availability-section.search-section
    .plp-search-dropdown
    .nav-dropdown-title-stacked
    h2.nav-dropdown-title {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "sweet-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #222221;
    text-transform: none;
    box-shadow: none;
    background: transparent;
    text-transform: uppercase !important;
}

/* hide-title hides in-list duplicates — keep sticky "All Hotels & Resorts" visible */
div[data-component="plp-check-availability"].plp-check-availability
    #plpSearch.hide-title.plp-search-dropdown.open
    .nav-dropdown-title-stacked.nav-dropdown-title {
    display: flex !important;
    align-items: center;
}

div[data-component="plp-check-availability"].plp-check-availability
    .plp-search-dropdown
    .nav-dropdown-content.offers-list
    .nav-dropdown-title-other-locations {
    font-family: "sweet-sans-pro", sans-serif;
    font-weight: 500;
}

/* Stay Together — visible only when 2 rooms selected (JS: .is-stay-together-eligible) */
div[data-component="plp-check-availability"].plp-check-availability
    #connectedRoomsWrapper1,
div[data-component="plp-check-availability"].plp-check-availability
    #connectedRoomsWrapper2 {
    display: none !important;
}

div[data-component="plp-check-availability"].plp-check-availability
    #connectedRoomsWrapper1.is-stay-together-eligible,
div[data-component="plp-check-availability"].plp-check-availability
    #connectedRoomsWrapper2.is-stay-together-eligible {
    display: flex !important;
    flex-direction: column;
}

/* Stay Connected — layout when visible inside the rooms panel */
div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests.plp-search-dropdown.open
    .nav-dropdown-content
    #connectedRoomsWrapper2.is-stay-together-eligible {
    flex-shrink: 0;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #222221;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .nav-dropdown-content
    #connectedRoomsWrapper2 {
    width: 100%;
    box-sizing: border-box;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .nav-dropdown-content
    #connectedRoomsWrapper2
    .connectedRoomsSubWrapper {
    display: flex;
    align-items: flex-start;
}

div[data-component="plp-check-availability"].plp-check-availability
    #plpRoomsAndGuests
    .nav-dropdown-content
    #connectedRoomsWrapper2
    .inputImageWithContent {
    display: flex;
    flex: 1;
    align-items: flex-start;
    gap: 12px;
}

@media screen and (min-width: 1024px) {
    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        #plpRoomsAndGuests.plp-search-dropdown.open
        .nav-dropdown-content.search-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: min(480px, calc(100dvh - 260px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 0 !important;
    }

    div[data-component="plp-check-availability"].plp-check-availability--p3-mirror.plp-check-availability
        #plpRoomsAndGuests.plp-search-dropdown.open
        .nav-dropdown-content
        #connectedRoomsWrapper2.is-stay-together-eligible {
        flex-shrink: 0;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #222221;
    }
}

@media screen and (max-width: 768px) {
    .digex-property-child-page [data-component="plp-subnav"] .plp-subnav-links-wrapper {
        background-color: #f2f0ee;
    }

    .digex-property-child-page [data-component="plp-subnav"] .plp-subnav-links-wrapper ul.plp-subnav-component-links li a {
        color: #000 !important;
    }
}

.occasions-property-page .plp-overall-wrapper {
    overflow: hidden;
}

.occasions-property-page [data-component="plp-subnav"].fixed-subnav {
    padding: 0;
}

.occasions-property-page div[data-component="plp-check-availability"].plp-check-availability,
.occasions-property-page .plp-section-heading--mobile-booking-bar-heading,
.occasions-property-page .booker-blurb.small-screen {
    display: none;
}

.occasions-property-page .occasions-hero-wrapper {
    margin-top: 65px;
}

@media screen and (max-width: 768px) {
    .occasions-property-page .occasions-hero-wrapper {
        margin-top: 65px;
    }
}

.occasions-property-page [data-component="occasions-navbar"],
.occasions-property-page [data-component="occasions-navbar"].fixed-subnav {
    height: auto;
    background-color: #f2f0ee;
    padding: 8px;
}

@media (min-width: 1024px) {
    .occasions-property-page [data-component="occasions-navbar"],
    .occasions-property-page [data-component="occasions-navbar"].fixed-subnav {
        padding: 8px 0;
    }

    .occasions-property-page .occasions-hero-wrapper {
        margin-top: 112px;
    }

    .home-page.occasions-property-page [data-component="plp-subnav"].fixed-subnav {
        top: 0;
        transition: none;
    }
}

.occasions-property-page [data-component="occasions-navbar"].fixed-subnav {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.125);
    position: fixed;
    border-top: 1px solid #003e52;
}

/* @media (min-width: 1024px) {
    .occasions-property-page [data-component="occasions-navbar"].fixed-subnav {
        top: 118px;
    }
} */

.occasions-property-page [data-component="plp-subnav"] .plp-subnav-links-wrapper.fixed:hover {
    background: initial;
}

.occasions-property-page [data-component="plp-subnav"] .plp-subnav-links-wrapper.fixed .plp-subnav-links-container .plp-subnav-component-links li a,
.occasions-property-page [data-component="plp-subnav"] .plp-subnav-links-wrapper.fixed:hover .plp-subnav-links-container .plp-subnav-component-links li a {
    color: #000;
}

.occasions-navbar-wrapper {
    z-index: 1000;
}

.occasions-navbar-wrapper,
.occasions-navbar-wrapper * {
    box-sizing: border-box;
}

.occasions-navbar-container {
    width: 100%;
    max-width: 790px;
}

@media (min-width: 1780px) {
    .occasions-navbar-container {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}

.occasions-navbar-container.occasions-dropdown-active {
    display: block !important;
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    width: 180px;
    height: 36px;
    margin: 0;
    padding: 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #c3c3c3;
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar.open {
    left: 0;
    width: 180px;
    height: auto;
    padding-top: 0;
    border: 0;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.125);
}

@media (min-width: 768px) {
    .occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar,
    .occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar.open {
        width: 200px;
    }
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar .occassion-navbar-link.dropdown-toggle {
    width: 100%;
    padding: 0;
    line-height: 36px;
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar .dropdown-toggle:after {
    background-image: url(img/arrow-forward.svg);
    background-image: url(/assets/css/2023/img/arrow-forward.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    height: 13px;
    padding-left: 10px;
    position: absolute;
    transform: rotate(90deg);
    width: 13px;
    top: 10.5px;
    right: 0;
    padding: 0;
    transition: transform 0.3s;
}

#occassion-navbar-links {
    display: none;
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar.open #occassion-navbar-links {
    display: block;
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar.open .dropdown-toggle:after {
    transform: rotate(-90deg);
}

.occasions-navbar-wrapper #occassion-navbar-links ul {
    margin: 0 8px;
}

.occasions-navbar-wrapper .occasions-dropdown-active .occasions-navbar.open .occassion-navbar-link {
    padding-left: 0;
}

.occasions-navbar-wrapper .occasions-dropdown-active .digex-primary-cta {
    display: block !important;
    float: right;
    margin: 0;
    height: 36px;
    line-height: 36px;
}