/* =========================================================
   BEAUTY BY TMY
   FINAL LANDING PAGE OVERRIDES
   LOAD THIS LAST
   ========================================================= */


/* =========================================================
   GLOBAL
   ========================================================= */

/* =========================================================
   GLOBAL SECTION ALIGNMENT
   ========================================================= */

:root {

    --beauty-content-max-width:
        1240px;

    --beauty-section-gap:
        30px;

}


.beauty-section,
.beauty-video-section {

    width:
        100%;

    max-width:
        var(
            --beauty-content-max-width
        );

    margin-left:
        auto;

    margin-right:
        auto;

    padding:
        72px 28px;

}


/* =========================================================
   FEATURE / CAMPAIGN BANNERS
   Keep all major standalone banners aligned
   ========================================================= */

.beauty-feature-slider,
.beauty-lingerie-banner,
.beauty-luxe {

    width:
        calc(
            100% - 56px
        );

    max-width:
        var(
            --beauty-content-max-width
        );

    margin-left:
        auto;

    margin-right:
        auto;

}


/* Space between standalone sections */

.beauty-feature-slider,
.beauty-lingerie-banner {

    margin-top:
        var(
            --beauty-section-gap
        );

    margin-bottom:
        var(
            --beauty-section-gap
        );

}   

body {

    background:
        #ffffff;

    color:
        #171313;

    overflow-x:
        hidden;

}



.beauty-eyebrow {

    margin:
        0 0 12px;

    color:
        #d85f87;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.beauty-section-heading {

    margin-bottom:
        34px;

}


.beauty-section-heading h2 {

    margin:
        0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            38px,
            5vw,
            64px
        );

    font-weight:
        400;

    line-height:
        0.98;

    letter-spacing:
        -0.04em;

}


.beauty-section-heading--split {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        24px;

}


.beauty-text-link {

    color:
        #d85f87;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


/* =========================================================
   TOP BAR
   ========================================================= */

.beauty-top-bar {

    padding:
        10px 20px;

    background:
        #050505;

    color:
        #ffffff;

    text-align:
        center;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

}


/* =========================================================
   NAVIGATION
   ========================================================= */

.beauty-navigation {

    display:
        grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:
        center;

    gap:
        30px;

    min-height:
        76px;

    padding:
        16px 32px;

    background:
        #080808;

    color:
        #ffffff;

    border-top:
        1px solid #1f1f1f;

    border-bottom:
        1px solid #1f1f1f;

}


.beauty-navigation__brand {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        27px;

    font-style:
        italic;

    font-weight:
        700;

}


.beauty-navigation__links {

    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    gap:
        30px;

}


.beauty-navigation__links a {

    color:
        #ffffff;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.06em;

}


.beauty-navigation__actions {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

}


.beauty-navigation__actions button {

    min-height:
        40px;

    padding:
        0 14px;

    background:
        transparent;

    color:
        #ffffff;

    border:
        1px solid #333333;

    border-radius:
        100px;

}


/* =========================================================
   HERO
   IMPORTANT:
   THESE OVERRIDES MUST MATCH hero.css
   ========================================================= */

.beauty-hero {

    display:
        grid;

    grid-template-columns:
        1.1fr 0.9fr;

    grid-template-areas:
        "image content";

    min-height:
        680px;

    background:
        #eadfe3;

    color:
        #ffffff;

    overflow:
        hidden;

}


.beauty-hero__content {

    grid-area:
        content;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        70px 5vw 70px 6vw;

}


.beauty-hero .beauty-eyebrow {

    color:
        #d84f7c;

}


.beauty-hero h1 {

    max-width:
        620px;

    margin:
        0;

    color:
        #171313;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            54px,
            6.6vw,
            94px
        );

    font-weight:
        400;

    line-height:
        0.92;

    letter-spacing:
        -0.055em;

}


.beauty-hero__description {

    max-width:
        500px;

    margin:
        24px 0 0;

    color:
        #65575a;

    font-size:
        16px;

    line-height:
        1.7;

}


.beauty-hero__actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        30px;

}


.beauty-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        50px;

    padding:
        0 24px;

    border-radius:
        100px;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

}


.beauty-hero .beauty-button--light {

    background:
        #dd4f7e;

    color:
        #ffffff;

    border:
        1px solid #dd4f7e;

}


.beauty-hero .beauty-button--outline {

    background:
        transparent;

    color: #171313;
    border: 1px solid #171313;

}


.beauty-button--dark {

    background:
        #080808;

    color:
        #ffffff;

}


.beauty-hero__image {

    grid-area:
        image;

    position:
        relative;

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        center;

    min-width:
        0;

    min-height:
        680px;

    padding:
        20px 20px 0;

    overflow:
        hidden;

    background:
        transparent;

}


.beauty-hero__image img {

    display:
        block;

    width:
        auto;

    max-width:
        94%;

    height:
        auto;

    max-height:
        670px;

    margin:
        0 auto;

    object-fit:
        contain;

    object-position:
        center bottom;

}


/* =========================================================
   BENEFITS
   ========================================================= */

.beauty-benefits {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    background:
        #ffffff;

    border-bottom:
        1px solid #eee8e5;

}


.beauty-benefit {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        4px;

    min-width:
        0;

    padding:
        22px 10px;

    text-align:
        center;

}


.beauty-benefit + .beauty-benefit {

    border-left:
        1px solid #eee8e5;

}


.beauty-benefit strong {

    font-size:
        12px;

    text-transform:
        uppercase;

    letter-spacing:
        0.06em;

}


.beauty-benefit span {

    color:
        #777777;

    font-size:
        11px;

}


/* =========================================================
   CATEGORIES
   ========================================================= */

.beauty-categories {

    background:
        #fbf8f6;

}


.beauty-category-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        20px;

}


.beauty-category {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    min-width:
        0;

    color:
        inherit;

    text-align:
        center;

    text-decoration:
        none;

}


.beauty-category__image {

    width:
        100%;

    aspect-ratio:
        1 / 1;

    overflow:
        hidden;

    background:
        #eee8e5;

    border-radius:
        50%;

}


.beauty-category__image img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform
        0.35s ease;

}


.beauty-category:hover img {

    transform:
        scale(1.025);

}


.beauty-category span,
.beauty-category__label {

    display:
        block;

    margin-top:
        13px;

    color:
        #171313;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1.2;

    letter-spacing:
        0.04em;

    text-align:
        center;

    text-transform:
        uppercase;

}


/* =========================================================
   PRODUCTS / NEW ARRIVALS
   ========================================================= */

.beauty-products {

    background:
        #ffffff;

}


.beauty-product-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        22px;

}


.beauty-product-card {

    min-width:
        0;

}


.beauty-product-card__image {

    position:
        relative;

    aspect-ratio:
        4 / 5;

    overflow:
        hidden;

    background:
        #f2efed;

    border-radius:
        18px;

}


.beauty-product-card__image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform
        0.35s ease;

}


.beauty-product-card:hover img {

    transform:
        scale(1.025);

}


.beauty-product-badge {

    position:
        absolute;

    top:
        12px;

    left:
        12px;

    z-index:
        3;

    padding:
        8px 11px;

    background:
        #ffffff;

    border-radius:
        100px;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        0.09em;

}


.beauty-product-card h3 {

    margin:
        14px 3px 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;

}


.beauty-product-card p {

    margin:
        5px 3px 0;

    color:
        #d85f87;

    font-size:
        14px;

    font-weight:
        800;

}


/* =========================================================
   LUXE / BIRTHDAY
   ========================================================= */

.beauty-luxe {

    display:
        grid;

    grid-template-columns:
        1.1fr 0.9fr;

    max-width:
        1240px;

    margin:
        30px auto 90px;

    overflow:
        hidden;

    background:
        #ead6dc;

    border-radius:
        28px;

}


.beauty-luxe__image {

    min-height:
        620px;

}


.beauty-luxe__image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

}


.beauty-luxe__content {

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        60px;

}


.beauty-luxe h2 {

    margin:
        0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            50px,
            6vw,
            82px
        );

    font-weight:
        400;

    line-height:
        0.94;

    letter-spacing:
        -0.05em;

}


.beauty-luxe__content > p:not(.beauty-eyebrow) {

    max-width:
        440px;

    margin:
        22px 0 0;

    color:
        #65575a;

    line-height:
        1.7;

}


.beauty-luxe .beauty-button {

    align-self:
        flex-start;

    margin-top:
        24px;

}


/* =========================================================
   VIDEOS
   ========================================================= */

.beauty-video-section {

    background:
        #faf7f5;

}


.beauty-video-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        22px;

}


.beauty-video-card {

    min-width:
        0;

}


.beauty-video-card__image {

    position:
        relative;

    aspect-ratio:
        9 / 14;

    overflow:
        hidden;

    background:
        #111111;

    border-radius:
        22px;

}


.beauty-video-card__image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

}


.beauty-video-card__play {

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    display:
        grid;

    place-items:
        center;

    width:
        56px;

    height:
        56px;

    background:
        rgba(
            255,
            255,
            255,
            0.94
        );

    color:
        #000000;

    border-radius:
        50%;

    transform:
        translate(
            -50%,
            -50%
        );

}


.beauty-video-card h3 {

    margin:
        13px 3px 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;

}


/* =========================================================
   LINGERIE
   ========================================================= */

.beauty-lingerie {

    display:
        grid;

    grid-template-columns:
        0.9fr 1.1fr;

    max-width:
        1240px;

    margin:
        80px auto 0;

    overflow:
        hidden;

    background:
        #0b0b0b;

    color:
        #ffffff;

    border-radius:
        28px 28px 0 0;

}


.beauty-lingerie__content {

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        60px;

}


.beauty-lingerie h2 {

    margin:
        0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            46px,
            6vw,
            76px
        );

    font-weight:
        400;

    line-height:
        0.95;

    letter-spacing:
        -0.05em;

}


.beauty-lingerie__content > p:not(.beauty-eyebrow) {

    margin:
        22px 0 0;

    color:
        #bdb6b3;

    line-height:
        1.7;

}


.beauty-lingerie .beauty-button {

    align-self:
        flex-start;

    margin-top:
        24px;

}


.beauty-lingerie__image {

    min-height:
        560px;

}


.beauty-lingerie__image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

}


/* =========================================================
   NEWSLETTER
   ========================================================= */

.beauty-newsletter {

    display:
        grid;

    grid-template-columns:
        1fr
        minmax(
            320px,
            460px
        );

    align-items:
        center;

    gap:
        40px;

    max-width:
        1240px;

    margin:
        0 auto;

    padding:
        68px 32px;

    background:
        #f6e8ec;

}


.beauty-newsletter h2 {

    margin:
        0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            38px,
            5vw,
            60px
        );

    font-weight:
        400;

    letter-spacing:
        -0.04em;

}


.beauty-newsletter > div > p:last-child {

    max-width:
        520px;

    color:
        #766a6d;

}


.beauty-newsletter__form {

    display:
        flex;

    gap:
        8px;

}


.beauty-newsletter__form input {

    min-width:
        0;

    flex:
        1;

    min-height:
        52px;

    padding:
        0 18px;

    background:
        #ffffff;

    border:
        1px solid #dfd4d7;

    border-radius:
        100px;

}


.beauty-newsletter__form button {

    min-height:
        52px;

    padding:
        0 24px;

    background:
        #080808;

    color:
        #ffffff;

    border:
        0;

    border-radius:
        100px;

    font-size:
        11px;

    font-weight:
        800;

}


/* =========================================================
   FOOTER
   ========================================================= */

.beauty-footer {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        50px;

    padding:
        58px
        max(
            26px,
            calc(
                (100vw - 1200px) / 2
            )
        );

    background:
        #080808;

    color:
        #ffffff;

}


.beauty-footer__brand {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        34px;

    font-style:
        italic;

}


.beauty-footer p {

    color:
        #98918f;

}


.beauty-footer__links {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            1fr
        );

    gap:
        13px 30px;

}


.beauty-footer__links a {

    color:
        #ddd6d4;

    font-size:
        13px;

}


.beauty-footer__bottom {

    grid-column:
        1 / -1;

    padding-top:
        22px;

    color:
        #777777;

    border-top:
        1px solid #262626;

    font-size:
        11px;

}


/* =========================================================
   MOBILE
   0 - 767
   ========================================================= */

@media (max-width: 767px) {

    .beauty-section,
    .beauty-video-section {

        padding:
            52px 16px;

    }


    /* =========================================================
       NAVIGATION
       ========================================================= */

    .beauty-navigation {

        grid-template-columns:
            1fr auto;

        min-height:
            68px;

        padding:
            14px 16px;

    }


    .beauty-navigation__brand {

        font-size:
            22px;

    }


    .beauty-navigation__links {

        display:
            none;

    }


    .beauty-navigation__actions button:first-child {

        display:
            none;

    }


    /* =========================================================
       HERO
       ========================================================= */

    .beauty-hero {

        display:
            grid;

        grid-template-columns:
            47% 53%;

        grid-template-areas:
            "image content";

        align-items:
            stretch;

        min-height:
            430px;

        background:
            #eadfe3;

        overflow:
            hidden;

    }


    .beauty-hero__content {

        grid-area:
            content;

        display:
            flex;

        flex-direction:
            column;

        justify-content:
            center;

        min-width:
            0;

        padding:
            28px 8px 30px 18px;

    }


    .beauty-hero .beauty-eyebrow {

        margin-bottom:
            10px;

        font-size:
            9px;

        letter-spacing:
            0.14em;

        white-space:
            nowrap;

    }


    .beauty-hero h1 {

        max-width:
            100%;

        font-size:
            clamp(
                2.2rem,
                10vw,
                3.25rem
            );

        line-height:
            0.92;

    }


    .beauty-hero__description {

        max-width:
            100%;

        margin-top:
            14px;

        font-size:
            0.78rem;

        line-height:
            1.5;

    }


    .beauty-hero__actions {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            8px;

        margin-top:
            18px;

    }


    .beauty-hero .beauty-button {

        min-height:
            40px;

        width:
            auto;

        padding:
            0 14px;

        font-size:
            8px;

        white-space:
            nowrap;

    }


    .beauty-hero__image {

        grid-area:
            image;

        display:
            flex;

        align-items:
            flex-end;

        justify-content:
            center;

        min-width:
            0;

        min-height:
            430px;

        height:
            430px;

        padding:
            12px 0 0;

        overflow:
            hidden;

    }


    .beauty-hero__image img {

        width:
            auto;

        height:
            100%;

        max-width:
            none;

        max-height:
            100%;

        object-fit:
            contain;

        object-position:
            center bottom;

    }


    /* =========================================================
       BENEFITS
       ========================================================= */

    .beauty-benefits {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .beauty-benefit {

        padding:
            16px 8px;

    }


    .beauty-benefit:nth-child(3) {

        border-left:
            0;

        border-top:
            1px solid #eee8e5;

    }


    .beauty-benefit:nth-child(4) {

        border-top:
            1px solid #eee8e5;

    }


    .beauty-benefit strong {

        font-size:
            9px;

    }


    .beauty-benefit span {

        font-size:
            9px;

    }


    /* =========================================================
       HEADINGS
       ========================================================= */

    .beauty-section-heading {

        margin-bottom:
            24px;

    }


    .beauty-section-heading--split {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            10px;

    }


    .beauty-section-heading h2 {

        font-size:
            clamp(
                34px,
                10vw,
                42px
            );

    }


    /* =========================================================
       CATEGORIES
       ========================================================= */

    .beauty-category-grid {

        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            10px;

    }


    .beauty-category {

        min-width:
            0;

    }


    .beauty-category__image {

        width:
            100%;

        aspect-ratio:
            1 / 1;

        border-radius:
            50%;

    }


    .beauty-category__image img {

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;

        object-position:
            center;

    }


    .beauty-category span,
    .beauty-category__label {

        margin-top:
            8px;

        font-size:
            8px;

        line-height:
            1.15;

    }


    /* =========================================================
       PRODUCTS
       ========================================================= */

    .beauty-product-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            26px 10px;

    }


    .beauty-product-card h3 {

        font-size:
            15px;

    }


    /* =========================================================
       FEATURE SLIDER
       ========================================================= */

    .beauty-feature-slider {

        width:
            calc(100% - 32px) !important;

        max-width:
            none !important;

        margin-top:
            30px !important;

        margin-right:
            16px !important;

        margin-bottom:
            30px !important;

        margin-left:
            16px !important;

        border-radius:
            22px !important;

    }


    /* =========================================================
       LUXE / BIRTHDAY
       ========================================================= */

    .beauty-luxe {

        display:
            flex;

        flex-direction:
            column;

        width:
            calc(100% - 32px) !important;

        max-width:
            none !important;

        margin-top:
            10px !important;

        margin-right:
            16px !important;

        margin-bottom:
            58px !important;

        margin-left:
            16px !important;

        border-radius:
            22px !important;

    }


    .beauty-luxe__image {

        min-height:
            0;

        aspect-ratio:
            4 / 5;

    }


    .beauty-luxe__content {

        padding:
            38px 22px 44px;

    }


    .beauty-luxe h2 {

        font-size:
            50px;

    }


    /* =========================================================
       VIDEOS
       ========================================================= */

    .beauty-video-grid {

        display:
            flex;

        gap:
            12px;

        overflow-x:
            auto;

        padding-bottom:
            10px;

        scroll-snap-type:
            x mandatory;

        -webkit-overflow-scrolling:
            touch;

    }


    .beauty-video-card {

        min-width:
            76%;

        scroll-snap-align:
            start;

    }


    /* =========================================================
       OLD LINGERIE COMPONENT
       ========================================================= */

    .beauty-lingerie {

        display:
            flex;

        flex-direction:
            column;

        margin:
            50px 16px 0;

        border-radius:
            22px 22px 0 0;

    }


    .beauty-lingerie__content {

        order:
            2;

        padding:
            38px 22px 44px;

    }


    .beauty-lingerie__image {

        order:
            1;

        min-height:
            0;

        aspect-ratio:
            4 / 5;

    }


    .beauty-lingerie h2 {

        font-size:
            46px;

    }


    /* =========================================================
       NEW SATIN LINGERIE BANNER
       ========================================================= */

    .beauty-lingerie-banner {

        width:
            calc(100% - 32px) !important;

        max-width:
            none !important;

        margin-top:
            30px !important;

        margin-right:
            16px !important;

        margin-bottom:
            30px !important;

        margin-left:
            16px !important;

        border-radius:
            22px !important;

    }


    /* =========================================================
       NEWSLETTER
       ========================================================= */

    .beauty-newsletter {

        grid-template-columns:
            1fr;

        gap:
            24px;

        padding:
            48px 20px;

    }


    .beauty-newsletter__form {

        flex-direction:
            column;

    }


    .beauty-newsletter__form button {

        width:
            100%;

    }


    /* =========================================================
       FOOTER
       ========================================================= */

    .beauty-footer {

        grid-template-columns:
            1fr;

        gap:
            28px;

        padding:
            46px 22px 28px;

    }


    .beauty-footer__bottom {

        grid-column:
            1;

    }

}

/* =========================================================
   TABLET
   768 - 1023
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    .beauty-section,
    .beauty-video-section {

        padding:
            64px 24px;

    }


    .beauty-navigation {

        gap:
            20px;

        padding:
            16px 22px;

    }


    .beauty-navigation__brand {

        font-size:
            24px;

    }


    .beauty-navigation__links {

        gap:
            18px;

    }


    .beauty-hero {

        grid-template-columns:
            1.05fr 0.95fr;

        grid-template-areas:
            "image content";

        min-height:
            610px;

    }


    .beauty-hero__content {

        padding:
            54px 38px;

    }


    .beauty-hero h1 {

        font-size:
            clamp(
                52px,
                7vw,
                68px
            );

    }


    .beauty-hero__image {

        min-height:
            610px;

        padding:
            28px 12px 0;

    }


    .beauty-hero__image img {

        max-width:
            100%;

        max-height:
            600px;

    }


    .beauty-category-grid {

        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            14px;

    }


    .beauty-product-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            20px;

    }


    .beauty-luxe {

        margin-left:
            24px;

        margin-right:
            24px;

    }


    .beauty-luxe__content {

        padding:
            40px;

    }


    .beauty-lingerie {

        margin-left:
            24px;

        margin-right:
            24px;

    }


    .beauty-lingerie__content {

        padding:
            40px;

    }

    /* =====================================================
       GLOBAL BANNER ALIGNMENT
       ===================================================== */

    .beauty-feature-slider,
    .beauty-lingerie-banner,
    .beauty-luxe {

        width:
            calc(
                100% - 48px
            );

        max-width:
            var(
                --beauty-content-max-width
            );

        margin-left:
            auto;

        margin-right:
            auto;

    }


    .beauty-feature-slider,
    .beauty-lingerie-banner {

        margin-top:
            24px;

        margin-bottom:
            24px;

    }


}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    .beauty-hero {

        min-height:
            730px;

    }


    .beauty-hero__image {

        min-height:
            730px;

    }


    .beauty-hero__image img {

        max-width:
            88%;

        max-height:
            720px;

    }

}