html,
body {
    margin: 0;
    background: #fff;
}

.m-content-asset .m-content-asset__breadcrumbs {
    display: none;
}

@font-face {
    font-family: "Danza";
    src: url(../font/danzza-medium-webfont.ttf);
}

.sp-header--transparent {
    --textColor: #000;
    --backgroundColor: #fff;
    background-color: #fff;
}

.l-header__wrapper.background-transparent {
    --textColor: #000;
    --backgroundColor: #fff;
}


.phyto-rouge-velvet {
    overflow: hidden;
    --HEADER-HEIGHT: 174px;
    --FONT-SIZE-BIG: 64px;
    --FONT-SIZE-MEDIUM: 42px;
    --FONT-SIZE-NORMAL: 18px;
    --FONT-SIZE-SMALL: 14px;
    --MAX-WIDTH: 1920px;
    --ROBOTO-FONT: "Roboto";
    --PLAY-FAIR-FONT: "Playfair Display", serif;
    --DANZA-FONT: "Danza";
    --HELVETICA-NEUE-LIGHT-FONT: "HelveticaNeueLTW05-45Light";
    --HELVETICA-NEUE-BOLD-FONT: "HelveticaNeueLTW05-75Bold";
    background-color: #fff;
    overflow: hidden;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.phyto-rouge-velvet[data-start="0"] *[data-preload] {
    opacity: 0 !important;
    pointer-events: none;
}

.phyto-rouge-velvet * {
    box-sizing: border-box;
}


.phyto-rouge-velvet-link {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    font-family: var(--ROBOTO-FONT);
    font-weight: 500;
    text-decoration: underline;
}


/************HEADER **************/
.phyto-rouge-velvet-header {
    height: 100vh;
    /* padding-top: var(--HEADER-HEIGHT);*/
    padding-top: 100px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
}

.phyto-rouge-velvet-header__spacer {
    /*flex: 1;*/
    display: block;
    width: 100%;
    height: 300px;
}

.phyto-rouge-velvet-header__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-top: 86px;
}

*[data-style="DS"] .phyto-rouge-velvet-header__content {
    padding-top: 186px;
}



.phyto-rouge-velvet-header__tag {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: var(--ROBOTO-FONT);
    font-weight: 400;
    letter-spacing: 0.4em;
}

.phyto-rouge-velvet-header__title {
    margin: 0;
    font-size: 50px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: var(--DANZA-FONT);
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.02em;
}

.phyto-rouge-velvet-header__subtitle {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--PLAY-FAIR-FONT);
    text-align: center;
}


.phyto-rouge-velvet-header__intro {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
}

.phyto-rouge-velvet-header__text {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
    font-family: var(--PLAY-FAIR-FONT);
    font-weight: 400;
    font-style: italic;
    text-align: center;
}

.phyto-rouge-velvet-header__scroll {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-family: var(--ROBOTO-FONT);
    font-weight: 500;
    display: flex;
    gap: 8px;
}

.phyto-rouge-velvet-header__scroll::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/scroll.svg);
}


@media(max-width:1023px) {
    .phyto-rouge-velvet-header {
        gap: 24px;
        justify-content: flex-start;
    }

    .phyto-rouge-velvet-header__tag {
        font-size: 12px;
        line-height: 24px;
    }

    .phyto-rouge-velvet-header__content {
        max-width: 327px;
        gap: 6px;
    }

    .phyto-rouge-velvet-header__text {
        max-width: 510px;
    }

    .phyto-rouge-velvet-header__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 6px;
    }
}

@media(max-width:761px) {
    .phyto-rouge-velvet-header__content {
        padding-top: 64px;
    }


    *[data-style="DS"] .phyto-rouge-velvet-header__content {
        padding-top: 64px;
    }

    .phyto-rouge-velvet-header {
        height: auto;
        gap: 0px;
    }

    .phyto-rouge-velvet-header__text {
        max-width: 327px;
        margin: 0 24px;
    }
}

/*****************************************/

.phyto-rouge-velvet-lipstick {
    position: fixed;
    width: 340px;
    top: 0;
    left: calc(50% - 170px);
    z-index: 10;
    transform-origin: top center;
    pointer-events: none;
}

.phyto-rouge-velvet-lipstick__preload {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.phyto-rouge-velvet-lipstick__frame {
    color: #000;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 20px;
    display: none;
}

.phyto-rouge-velvet-lipstick__anim {
    width: 340px;
    height: 1062px;
    transform: translate3d(0, 0, 0);
}

*[data-part="bottom"]>.phyto-rouge-velvet-lipstick__anim {
    clip-path: polygon(0px 256px, 340px 256px, 340px 1062px, 0px 1062px);
}

*[data-part="top"]>.phyto-rouge-velvet-lipstick__anim {
    clip-path: polygon(0px 0px, 340px 0px, 340px 256px, 0px 256px);
}

.phyto-rouge-velvet-lipstick__cache {
    position: absolute;
    top: calc(50% - 479px);
    left: 0px;
    /*  left: 20px;
    border-left: 1px solid #ff0000;*/
}

/**************CLAIM ******************/

.phyto-rouge-velvet-claim {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.phyto-rouge-velvet-claim__packshot {
    display: none;
}

.phyto-rouge-velvet-claim__title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.phyto-rouge-velvet-claim__line {
    position: relative;
    display: block;
}

.phyto-rouge-velvet-claim__words {
    margin: 0;
    font-size: 56px;
    line-height: 68px;
    font-family: var(--PLAY-FAIR-FONT);
    font-weight: 400;
    text-align: center;
}

.phyto-rouge-velvet-claim__mask {
    display: block;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.phyto-rouge-velvet-claim__text {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    font-family: var(--ROBOTO-FONT);
    font-weight: 300;
    text-align: center;
}

.phyto-rouge-velvet-claim__text strong {
    color: rgba(0, 0, 0, 1);
    font-family: var(--ROBOTO-FONT);
    font-weight: 600;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-claim__packshot {
        display: block;
        position: absolute;
        max-width: 340px;
        left: calc(50% - 170px);
        transform-origin: bottom center;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
    }

    .phyto-rouge-velvet-claim {
        padding: 24px;
    }

    .phyto-rouge-velvet-claim__words {
        margin: 0;
        font-size: 26px;
        line-height: 38px;
    }

    .phyto-rouge-velvet-claim__text {
        max-width: 510px;
    }
}

@media(max-width:761px) {

    .phyto-rouge-velvet-claim__text {
        max-width: 327px;
    }
}

/*********************************************************/
/**************** BLOCK               ******************/
/*********************************************************/

.phyto-rouge-velvet-square {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
}

.phyto-rouge-velvet-square a {
    width: 100%;
}

.phyto-rouge-velvet-square__image {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.phyto-rouge-velvet-square__image>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.phyto-rouge-velvet-square__image+.phyto-rouge-velvet-square__image {
    position: absolute;
    top: 0px;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-square {
        aspect-ratio: unset;
    }

    .phyto-rouge-velvet-square__image {
        height: auto;
        overflow: hidden;
    }

    .phyto-rouge-velvet-square__image>img {
        height: auto;
    }
}

/*********************************************************/
/**************** BLOCK               ******************/
/*********************************************************/
.phyto-rouge-velvet-flex {
    display: flex;
    min-height: 100vh;
    width: 100%;
}

.phyto-rouge-velvet-flex__col {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.phyto-rouge-velvet-block {
    margin: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 474px;
    text-align: center;
    gap: 24px;
}

.phyto-rouge-velvet-block__title {
    margin: 0;
    font-size: 34px;
    line-height: 46px;
    font-family: var(--PLAY-FAIR-FONT);
    font-weight: 400;
}

.phyto-rouge-velvet-block__text {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    font-family: var(--ROBOTO-FONT);
    font-weight: 300;
}

.phyto-rouge-velvet-block__text strong {
    font-weight: 500;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-block {
        max-width: 510px;
    }

    .phyto-rouge-velvet-flex {
        flex-direction: column;
    }
}

@media(max-width:761px) {
    .phyto-rouge-velvet-flex {
        flex-direction: column;
        height: auto;
        min-height: unset;
    }

    .phyto-rouge-velvet-block {
        margin: 0;
        padding: 64px 24px;
        flex-direction: column;
        gap: 24px;
    }

    .phyto-rouge-velvet-block__title {
        font-size: 26px;
        line-height: 38px;
    }
}

/*********************************************************/
/**************** FINISHS               ******************/
/*********************************************************/
.phyto-rouge-velvet-finishs {}



@media(max-width:1023px) and (min-width:762px) {
    .phyto-rouge-velvet-finishs {
        flex-direction: column-reverse;
        min-height: unset;
    }

    .phyto-rouge-velvet-actions .phyto-rouge-velvet-flex__col {
        flex-basis: unset;
    }

    .phyto-rouge-velvet-finishs .phyto-rouge-velvet-flex__col {
        flex-basis: unset;
    }

    .phyto-rouge-velvet-finishs__visuals,
    .phyto-rouge-velvet-finishs__visuals>a {
        display: flex;
        height: 50vw;
        overflow: hidden;
    }

    .phyto-rouge-velvet-finishs__visuals .phyto-rouge-velvet-square__image {
        display: block;
        width: 50%;
        aspect-ratio: 1;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
    }
}

@media(max-width:761px) {
    .phyto-rouge-velvet-actions {
        z-index: 1;
        position: relative;
    }

    .phyto-rouge-velvet-finishs {
        margin-top: 64px;
        flex-direction: column-reverse;
        min-height: unset;
        padding-bottom: 130px;
        margin-bottom: -100%;
        z-index: 2;
        position: relative;
        background-color: #fff;
    }

    .phyto-rouge-velvet-finishs .phyto-rouge-velvet-flex__col {
        flex-basis: unset;
    }

    .phyto-rouge-velvet-finishs__visuals {
        display: flex;
        height: auto;
    }

    .phyto-rouge-velvet-finishs .phyto-rouge-velvet-block {
        gap: 12px;
    }

    /* .phyto-rouge-velvet-finishs__visuals .phyto-rouge-velvet-square__image {
        display: block;
        width: 100%;
        aspect-ratio: 1;
        height: auto;
        position: relative;
    }*/

    /* .phyto-rouge-velvet-finishs__visuals .phyto-rouge-velvet-square__image+.phyto-rouge-velvet-square__image {
        display: none;
    }*/

}

/*********************************************************/
/**************** FACETTES               ******************/
/*********************************************************/

@media(max-width:1023px) {
    .phyto-rouge-velvet-facettes {
        flex-direction: column-reverse;
        min-height: unset;
    }
}

/*********************************************************/
/**************** VIDEO               ******************/
/*********************************************************/

.phyto-rouge-velvet-video {
    background-color: #000;
    z-index: 11;
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
}

.phyto-rouge-velvet-video__wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 32px;
    padding-bottom: 172px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.phyto-rouge-velvet-video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.phyto-rouge-velvet-video__player>div {
    width: 100%;
    height: 100%;
}

.phyto-rouge-velvet-video__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 776px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.phyto-rouge-velvet-video__title {
    margin: 0;
    font-size: 34px;
    line-height: 46px;
    color: #fff;
    font-family: var(--PLAY-FAIR-FONT);
    font-weight: 400;
}

.phyto-rouge-velvet-video__text {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    font-family: var(--ROBOTO-FONT);
    font-weight: 400;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-video {
        /*  height: auto;
       aspect-ratio: 961/540;*/
    }
}

@media(max-width:761px) {
    .phyto-rouge-velvet-video {
        aspect-ratio: unset;
    }

    .phyto-rouge-velvet-video__wrapper {
        padding: 32px 24px;
        padding-bottom: 151px;
    }

    .phyto-rouge-velvet-video__title {
        font-size: 18px;
        line-height: 30px;
    }

    .phyto-rouge-velvet-video__content {
        gap: 0;
    }


}

/*********************************************************/

.phyto-rouge-velvet-section {
    display: flex;
    height: 100vh;
    position: relative;
}

.phyto-rouge-velvet-section>div {
    flex: 1;
}

/*********************************************************/
/**************** ACTIONS **********************/
/*********************************************************/
.phyto-rouge-velvet-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 327px;
    gap: 4px;
}

.phyto-rouge-velvet-action+.phyto-rouge-velvet-action {
    margin-top: -8px;
}

.phyto-rouge-velvet-action+.phyto-rouge-velvet-action::before {
    margin-bottom: 12px;
    content: "+";
    background-color: #000000;
    color: #fff;
    font-family: var(--ROBOTO-FONT);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    text-rendering: geometricPrecision;
}

.phyto-rouge-velvet-action__title {
    margin: 0;
    padding: 6px 14px;
    border-radius: 26px;
    min-height: 26px;
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 1em;
    color: #000;
    font-family: var(--ROBOTO-FONT);
    font-weight: 400;
    letter-spacing: none;
    text-transform: none;
}

.phyto-rouge-velvet-action__text {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    font-family: var(--ROBOTO-FONT);
    font-weight: 300;
}

.phyto-rouge-velvet-action__text strong {
    font-weight: 500;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-actions {
        flex-direction: column-reverse;
    }
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-actions .phyto-rouge-velvet-flex__col {
        flex-basis: unset;
    }
}

/*********************************************************/
/**************** CARD LINK **********************/
/*********************************************************/
.phyto-rouge-velvet-card {
    --WIDTH-THUMB: 88px;
    height: var(--WIDTH-THUMB);
    display: flex;
    padding: 16px;
    padding-left: calc(var(--WIDTH-THUMB) + 16px - 1px);
    padding-right: 56px;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border: 1px solid #EDEDED;
    text-decoration: none;
    color: #000;
    position: relative;
}

*[lang="ar"] .phyto-rouge-velvet-card {
    padding-right: calc(var(--WIDTH-THUMB) + 16px - 1px);
    padding-left: 56px;
    text-align: right;
    align-items: flex-end;
}

.phyto-rouge-velvet-card span {
    display: inline-block;
}

.phyto-rouge-velvet-card::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    width: 9px;
    height: 17px;
    background: url(../img/link-arrow.svg);
}

*[lang="ar"] .phyto-rouge-velvet-card::after {
    right: auto;
    left: 16px;
    transform: scaleX(-1);
}

.phyto-rouge-velvet-card__image {
    display: block;
    width: var(--WIDTH-THUMB);
    height: var(--WIDTH-THUMB);
    position: absolute;
    top: -1px;
    left: -1px;
}

*[lang="ar"] .phyto-rouge-velvet-card__image {
    right: -1px;
    left: auto;
}

.phyto-rouge-velvet-card__tag {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2em;
    text-align: left;
    text-transform: uppercase;
}

.phyto-rouge-velvet-card__text {
    margin: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}

@media(max-width:761px) {
    .phyto-rouge-velvet-card {
        --WIDTH-THUMB: 70px;
        padding-right: 40px;
        width: 100%;
    }

    .phyto-rouge-velvet-card__text {
        font-size: 13px;
        line-height: 21px;
        /* white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;*/
        width: 100%;
    }
}

/*********************************************************/
/**************** STICKY  **********************/
/*********************************************************/
.phyto-rouge-velvet-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 0;
}

.phyto-rouge-velvet-sticky__wrapper {
    height: 85px;
    transform: translateY(100%);
    transition: transform ease-in-out 0.5s;
    background-color: #F6F6F6;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.phyto-rouge-velvet-sticky__content {
    padding: 20px 0;
    display: flex;
    gap: 20px;
    align-items: center;
}

.phyto-rouge-velvet-sticky__product-name {
    flex: 1;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
}

*[lang="ar"] .phyto-rouge-velvet-sticky__product-name {
    text-align: right;
}

.phyto-rouge-velvet-sticky__product-price-infos {
    font-size: 12px;
    font-weight: 300;
    font-family: var(--ROBOTO-FONT);
    line-height: 24px;
    text-align: left;

}

.phyto-rouge-velvet-sticky__product-price {
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

.phyto-rouge-velvet-sticky__cta {
    padding: 0px 40px;
    height: 45px;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    border-radius: 22px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    text-align: center;
}

.phyto-rouge-velvet-sticky__cta:hover {
    border: 1px solid #cacaca;
    background-color: #fff;
    color: #000;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-sticky__product-price-infos {
        order: 2;
        flex-basis: 100%;
    }

    .phyto-rouge-velvet-sticky__content {
        flex-wrap: wrap;
        gap: 12px;
    }

    .phyto-rouge-velvet-sticky__cta {
        flex-basis: 100%;
        order: 3;
        justify-content: center;
    }

    .phyto-rouge-velvet-sticky__wrapper {
        height: auto;
    }
}

/*********************************************************/
/**************** PRODUCT  **********************/
/*********************************************************/
.phyto-rouge-velvet-tints {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.phyto-rouge-velvet-tints__packshot {
    display: none;
}

.phyto-rouge-velvet-tints__lipsticks {
    width: 77px;
    height: 308px;
    margin: 50px 0;
}

.phyto-rouge-velvet-tints__lipsticks .swiper-slide {
    display: block !important;
}

.phyto-rouge-velvet-tints__title {
    margin: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    padding: 0 24px;
}

.phyto-rouge-velvet-tints__content {
    position: relative;
    padding: 0 24px;
    max-width: 476px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.phyto-rouge-velvet-tints__text {
    margin: 0;
    padding: 0 24px;
    position: absolute;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
}

.phyto-rouge-velvet-tints__infos {
    width: 250px;
    overflow: hidden;
    position: relative;
    padding-bottom: 34px;
}

.phyto-rouge-velvet-tints__infos .swiper-counter {
    width: 250px;
    font-family: var(--ROBOTO-FONT);
    font-size: 12px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    color: #000;
    position: absolute;
    bottom: 0;
    user-select: none;
    pointer-events: none;
}

.phyto-rouge-velvet-tints__infos .swiper-rtl .swiper-button-prev:after,
.phyto-rouge-velvet-tints__infos .swiper-rtl .swiper-button-next:after,
.phyto-rouge-velvet-tints__infos .swiper-button-prev::after,
.phyto-rouge-velvet-tints__infos .swiper-button-next::after {
    content: " " !important;
    width: 24px;
    height: 24px;
    background-image: url(../img/arrow.svg);
}


.phyto-rouge-velvet-tints__infos .swiper-button-prev::after {
    transform: scaleX(-1);
}

*[lang="ar"] .phyto-rouge-velvet-tints__infos .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px) !important;
    left: auto !important;
}

*[lang="ar"] .phyto-rouge-velvet-tints__infos .swiper-button-next {
    right: auto !important;
    left: var(--swiper-navigation-sides-offset, 10px) !important;
}

*[lang="ar"] .phyto-rouge-velvet-tints__infos .swiper-button-prev::after {
    transform: scaleX(1) !important;
}

*[lang="ar"] .phyto-rouge-velvet-tints__infos .swiper-button-next::after {
    transform: scaleX(-1) !important;
}

.phyto-rouge-velvet-tints__infos .swiper-button-prev,
.phyto-rouge-velvet-tints__infos .swiper-button-next {
    width: 24px;
    height: 24px;
    cursor: pointer;
    transform: none !important;
}

.phyto-rouge-velvet-tints__infos .swiper-counter .count {
    font-weight: 500;
}

.phyto-rouge-velvet-product {
    width: 250px;
    background-color: #fff;
}

.phyto-rouge-velvet-product__packshot {
    width: 77px;
}

.phyto-rouge-velvet-product__packshot img {
    width: 100%;
    display: block;
    height: auto;
}

.swiper-slide .phyto-rouge-velvet-product__packshot img {
    transform-origin: bottom center;
    transform: scale(0.84);
    transition: transform ease-in-out 0.5s;
}

.swiper-slide-active .phyto-rouge-velvet-product__packshot img {
    transform: scale(1);
}

.phyto-rouge-velvet-tint-preview {
    width: 15px;
    height: 15px;
    margin-right: 18px;
    border-radius: 50%;
    position: relative;
}

*[lang="ar"] .phyto-rouge-velvet-tint-preview {
    margin-right: unset;
    margin-left: 18px;
}

.phyto-rouge-velvet-tint-preview::after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
}

*[lang="ar"] .phyto-rouge-velvet-tint-preview::after {
    left: auto;
    right: -5px;
}

.phyto-rouge-velvet-product__tint-ref {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phyto-rouge-velvet-product__tint-name {
    margin: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 18px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
}

.phyto-rouge-velvet-product__tint-description {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 12px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
}

.phyto-rouge-velvet-tints__vto {
    height: 45px;
    margin-top: 24px;
    border-radius: 22px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EDEDED;
    max-width: 234px;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    gap: 8px;
}

.phyto-rouge-velvet-tints__vto::before {
    content: " ";
    width: 20px;
    height: 20px;
    background: url(../img/vto-picto.svg);
}

.phyto-rouge-velvet-tints__vto:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.phyto-rouge-velvet-tints__vto:hover::before {
    filter: invert(1);
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-tints__packshot {
        display: block;
        position: absolute;
        max-width: 340px;
        transform-origin: top center;
        top: -13px;
        opacity: 0;
        pointer-events: none;
    }

    .phyto-rouge-velvet-tints {
        min-height: unset;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .phyto-rouge-velvet-tints__lipsticks {
        width: 54px;
        height: 216px;
        margin: 48px 0;
    }

}

/*********************************************************/
/**************** LOOKS  **********************/
/*********************************************************/
.phyto-rouge-velvet-looks {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*  width: calc(100% - 100px);*/
    width: 100%;
    padding: 0;
    max-width: 1176px;
    margin: 0 auto;
}

.phyto-rouge-velvet-looks__title {
    margin: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 34px;
    font-weight: 400;
    line-height: 38px;
    text-align: center;
}

.phyto-rouge-velvet-looks__slider {
    padding-top: 44px;
    width: 100%;
    /*   position: relative;
   max-width: 937px;*/
    margin-left: 0;
    margin-right: auto;
}

.phyto-rouge-velvet-looks__slider .swiper-pagination {
    position: absolute !important;
    display: none;
}

.phyto-rouge-velvet-looks__slider .swiper-slide {
    flex-direction: column;
    align-items: flex-start;
    max-width: 937px;
}

.phyto-rouge-velvet-looks__slider .swiper-rtl .swiper-button-prev:after,
.phyto-rouge-velvet-looks__slider .swiper-rtl .swiper-button-next:after,
.phyto-rouge-velvet-looks__slider .swiper-button-prev::after,
.phyto-rouge-velvet-looks__slider .swiper-button-next::after {
    content: " ";
    width: 24px;
    height: 24px;
    background-image: url(../img/arrow.svg);
    font-size: 0 !important;
}

.phyto-rouge-velvet-looks__slider .swiper-button-prev::after {
    transform: scaleX(-1);
}

.phyto-rouge-velvet-looks__slider .swiper-rtl .swiper-button-prev,
.phyto-rouge-velvet-looks__slider .swiper-rtl .swiper-button-next,
.phyto-rouge-velvet-looks__slider .swiper-button-prev,
.phyto-rouge-velvet-looks__slider .swiper-button-next {
    margin: 0;
    width: 92px;
    height: 92px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none !important;
    font-size: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}


*[lang="ar"] .phyto-rouge-velvet-looks__slider .swiper-button-next {
    right: auto !important;
    left: var(--swiper-navigation-sides-offset, 10px) !important;
}

*[lang="ar"] .phyto-rouge-velvet-looks__slider .swiper-button-prev::after {
    transform: scaleX(1) !important;
}

*[lang="ar"] .phyto-rouge-velvet-looks__slider .swiper-button-next::after {
    transform: scaleX(-1) !important;
}

/*
.phyto-rouge-velvet-looks__slider .swiper-button-prev {
    left: -192px;
}

.phyto-rouge-velvet-looks__slider .swiper-button-next {
    right: -192px;
}*/

.phyto-rouge-velvet-look {
    position: relative;
}

.phyto-rouge-velvet-look__hero {
    position: relative;
    width: 100%;
}

.phyto-rouge-velvet-look__name {
    margin: 0;
    position: absolute;
    bottom: 32px;
    left: 40px;
    color: #fff;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 24px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    z-index: 2;
    pointer-events: none;
    opacity: 1;
    transition: opacity ease-in-out 0.5s;
    text-transform: none;
    white-space: nowrap;
}

*[lang="ar"] .phyto-rouge-velvet-look__name {
    right: 40px;
    left: auto;
}

.swiper-slide-prev .phyto-rouge-velvet-look__name,
.swiper-slide-next .phyto-rouge-velvet-look__name {
    opacity: 0.5 !important;
}

.phyto-rouge-velvet-look__name span {
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.swiper-slide-prev .phyto-rouge-velvet-video__player[data-opened="0"],
.swiper-slide-next .phyto-rouge-velvet-video__player[data-opened="0"] {
    pointer-events: none;
}

.phyto-rouge-velvet-video__player[data-opened="0"] {
    opacity: 0;
    cursor: pointer;
}

.phyto-rouge-velvet-video__player[data-opened="0"] .freecaster-player {
    pointer-events: none !important;
}

.phyto-rouge-velvet-video__player[data-opened="1"]+.phyto-rouge-velvet-look__name {
    opacity: 0;
}

.phyto-rouge-velvet-look__name::before {
    content: " ";
    width: 60px;
    height: 60px;
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    background-image: url(../img/play.svg);
    margin-right: 25px;
}

*[lang="ar"] .phyto-rouge-velvet-look__name::before {
    margin-right: auto;
    margin-left: 25px;
}

.phyto-rouge-velvet-look__quickshop {
    width: 45px;
    height: 45px;
    border: 1px solid #8C8C8C;
    border-radius: 50%;
    background-image: url(../img/quickbuy.svg);
    cursor: pointer;
    background-position: center center;
    background-color: #fff;
    grid-column: 3 / 3;
    grid-row: 1 / span 2;
    margin-top: 11px;
}

.phyto-rouge-velvet-look__quickshop:hover {
    filter: invert(1);
}

.phyto-rouge-velvet-look__routine {
    position: relative;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 64px;
    --swiper-pagination-color: #000;
}

.phyto-rouge-velvet-look__routine .swiper-slide {
    width: 253px;

}

.phyto-rouge-velvet-look__product {
    display: grid;
    grid-template-columns: 68px 1fr 45px;
    grid-template-rows: 26px 1fr;
    height: 68px;
    column-gap: 12px;
    cursor: pointer;
    position: relative;
}

.phyto-rouge-velvet-look__product .phyto-rouge-velvet-tint-preview {
    position: absolute;
    left: 5px;
    top: 5px;
}

*[lang="ar"] .phyto-rouge-velvet-look__product .phyto-rouge-velvet-tint-preview {
    left: auto;
    right: 5px;
}

.phyto-rouge-velvet-look__packshot {
    width: 68px;
    height: 68px;
    grid-column: 1 / 1;
    grid-row: 1 / span 2;
}

.phyto-rouge-velvet-look__product-name {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.85em;
    text-align: left;
    color: #000;
}

*[lang="ar"] .phyto-rouge-velvet-look__product-name {
    text-align: right;
}

.phyto-rouge-velvet-look__tint {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.142em;
    text-align: left;
    color: #575757;
    padding: 0 5px;
    padding-top: 5px;
    padding-left: 35px;
    position: relative;
    flex: 1;
}

*[lang="ar"] .phyto-rouge-velvet-look__tint {
    padding-left: 5px;
    padding-right: 35px;
    text-align: right;
}

.phyto-rouge-velvet-look__shopall {
    padding: 0px 40px;
    height: 45px;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #000;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.phyto-rouge-velvet-look__shopall::before {
    content: " ";
    width: 20px;
    height: 20px;
    background: url(../img/primary-purchase.svg);
}

.phyto-rouge-velvet-look__shopall:hover::before {
    filter: invert(1);
}

.phyto-rouge-velvet-look__shopall:hover {
    border: 1px solid #cacaca;
    background-color: #fff;
    color: #000;
}

@media(min-width:1024px) {
    .phyto-rouge-velvet-looks__slider .swiper-pagination {
        display: none;
    }
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-looks {
        width: 100%;
    }

    .phyto-rouge-velvet-looks__slider .swiper-pagination {
        display: block;
    }

    .phyto-rouge-velvet-looks__title {
        font-size: 26px;
        line-height: 38px;
    }

    .phyto-rouge-velvet-looks__slider .swiper-slide {
        align-items: center;
    }

    .phyto-rouge-velvet-looks__slider .swiper-button-prev,
    .phyto-rouge-velvet-looks__slider .swiper-button-next {
        display: none;
    }

    .phyto-rouge-velvet-looks__slider .swiper-pagination {
        bottom: 32px !important;
    }

    .phyto-rouge-velvet-looks__slider>.swiper-wrapper {
        display: block;
        height: auto;
    }

    .phyto-rouge-velvet-look__routine {
        padding-top: 48px;
    }

    .phyto-rouge-velvet-look__shopall {
        margin-bottom: 32px;
    }

    .phyto-rouge-velvet-look__name::before {
        width: 48px;
        height: 48px;
        border-radius: 24px;
        background-size: cover;
    }

    .phyto-rouge-velvet-look__name {
        font-size: 20px;
        line-height: 32px;
        bottom: 30px;
        left: 22px;
    }

    .phyto-rouge-velvet-look__name span {
        font-size: 14px;
        line-height: 26px;
    }
}

/*********************************************************/
/**************** PRODUCT INFOS  **********************/
/*********************************************************/
.phyto-rouge-velvet-infos {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 64px 0;
}

.phyto-rouge-velvet-infos__title {
    margin: 0;
    margin-bottom: 12px;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 26px;
    font-weight: 400;
    line-height: 38px;
    text-align: center;
}

.phyto-rouge-velvet-infos__block {
    max-width: 1176px;
    max-height: 94px;
    transition: max-height ease-in-out 0.5s;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
    width: 100%;
}

.phyto-rouge-velvet-infos__subtitle {
    margin: 0;
    padding: 32px;
    padding-left: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    position: relative;
    cursor: pointer;
    text-transform: none;
}

.phyto-rouge-velvet-infos__subtitle::after {
    content: "+";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 37px;
    right: 0px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

*[data-expand="1"] .phyto-rouge-velvet-infos__subtitle::after {
    content: "-";
}


.phyto-rouge-velvet-infos__expand {
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.phyto-rouge-velvet-infos__text {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
}

.phyto-rouge-velvet-infos__text-bold {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.phyto-rouge-velvet-infos__mentions {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
}

/************OBJECT **************/
.phyto-rouge-velvet-object {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;

}

.phyto-rouge-velvet-object__title {
    margin: 0;

}


.phyto-rouge-velvet-object__line {
    position: relative;
    display: block;
}

.phyto-rouge-velvet-object__words {
    margin: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 159px;
    font-weight: 400;
    line-height: 159px;
    text-align: center;
    color: #000;
}

.phyto-rouge-velvet-object__mask {
    display: block;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}


.phyto-rouge-velvet-object__wrapper {
    display: flex;
    gap: 222px;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 100px;
}

.phyto-rouge-velvet-object__text-1 {
    margin: 0;
    font-family: var(--PLAY-FAIR-FONT);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: right;
    max-width: 376px;
    width: 50%;
}

.phyto-rouge-velvet-object__text-2 {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    font-family: var(--ROBOTO-FONT);
    font-weight: 300;
    text-align: left;
    max-width: 376px;
    width: 50%;
}

.phyto-rouge-velvet-object__packshot {
    max-width: 340px;
    position: absolute;
    top: calc(50% - 352px);
    transform-origin: top center;
    pointer-events: none;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-object {
        gap: 220px;
        justify-content: flex-start;
        padding-top: 100px;
        padding-bottom: 64px;
        min-height: unset;
    }

    .phyto-rouge-velvet-object__words {
        font-size: 52px;
        line-height: 64px;
        max-width: 344px;
    }


    .phyto-rouge-velvet-object__wrapper {
        padding: 0;
        gap: 12px;
        flex-direction: column-reverse;
    }

    .phyto-rouge-velvet-object__text-1 {
        text-align: center;
        width: 100%;
    }

    .phyto-rouge-velvet-object__text-2 {
        text-align: center;
        width: 100%;
    }

    .phyto-rouge-velvet-object__packshot {
        max-width: 340px;
        position: absolute;
        top: -40px;
        transform-origin: top center;
        clip-path: polygon(0px 256px, 340px 256px, 340px 1062px, 0px 1062px);
    }
}

@media(max-width:761px) {
    .phyto-rouge-velvet-object {
        gap: 0px;
        padding-top: 64px;
    }

    .phyto-rouge-velvet-object__title {
        margin-bottom: 240px;
    }

    .phyto-rouge-velvet-object__packshot {
        top: -80px;
        clip-path: polygon(0px 256px, 340px 256px, 340px 1062px, 0px 1062px);
    }
}

/************TEASER **************/
.phyto-rouge-velvet-teaser {
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}

.phyto-rouge-velvet-teaser__tag {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: var(--ROBOTO-FONT);
    font-weight: 400;
    position: relative;
    z-index: 2;
    text-align: center;
}

.phyto-rouge-velvet-teaser__title {
    margin: 0;
    font-size: 50px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: var(--DANZA-FONT);
    font-weight: 500;
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
}

@media(max-width:761px) {

    .phyto-rouge-velvet-teaser {
        padding: 24px 64px;
    }

    .phyto-rouge-velvet-teaser__tag {
        font-size: 12px;
        line-height: 24px;
    }

    .phyto-rouge-velvet-teaser__title {
        font-size: 32px;
        line-height: 44px;
    }
}

/*****************************************************/
.phyto-rouge-velvet-mentions {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    padding-top: 64px;
}

.phyto-rouge-velvet-mentions__text {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}

/*****************************************************/

.phyto-rouge-velvet-popin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    display: flex;
    justify-content: flex-end;

}

.phyto-rouge-velvet-popin[data-open="0"] {
    display: none;
}



.phyto-rouge-velvet-popin__close {
    z-index: 3;
    position: absolute;
    top: 24px;
    right: 24px;
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

*[lang="ar"] .phyto-rouge-velvet-popin__close {
    left: 24px;
    right: auto;
}

.phyto-rouge-velvet-popin__close:hover {
    background-color: #000;
}

.phyto-rouge-velvet-popin__close::after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../img/close.svg);
}

.phyto-rouge-velvet-popin__close:hover::after {
    filter: invert(1);
}

.phyto-rouge-velvet-popin__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.phyto-rouge-velvet-popin__content {
    width: 487px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 108px 56px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: scroll;
}

.phyto-rouge-velvet-popin[data-open="1"] .phyto-rouge-velvet-popin__close,
.phyto-rouge-velvet-popin[data-open="1"] .phyto-rouge-velvet-popin__content {
    animation: openPopin ease-in-out 0.5s both;
}

*[lang=ar] .phyto-rouge-velvet-popin[data-open="1"] .phyto-rouge-velvet-popin__close,
*[lang=ar] .phyto-rouge-velvet-popin[data-open="1"] .phyto-rouge-velvet-popin__content {
    animation: openPopinReverse ease-in-out 0.5s both;
}

@keyframes openPopin {
    0% {
        transform: translateX(400px)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes openPopinReverse {
    0% {
        transform: translateX(-400px)
    }

    100% {
        transform: translateX(0%)
    }
}

.phyto-rouge-velvet-popin__content .m-product-details__variation-attribute {
    display: flex;
    flex-direction: column-reverse;
}

.phyto-rouge-velvet-popin__content .sp-shade-slider+.m-product-details__selected-color {
    margin: 0 0 .625rem 0;
    font-size: 14px;
}

.phyto-rouge-velvet-popin__content .c-product-tile__price-container {
    font-size: 14px;
}

.phyto-rouge-velvet-popin__content .sp-quick-buy-popin--read-more-link {
    font-size: 14px;
}

.phyto-rouge-velvet-popin__content .c-product-tile__ratings {
    display: none;
}

.phyto-rouge-velvet-popin__content .sp-shade-slider {
    flex-wrap: wrap;
}

.phyto-rouge-velvet-popin__content .product-name {
    font-family: var(--ROBOTO-FONT);
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    padding-top: 24px;
    padding-bottom: 12px;
}

.phyto-rouge-velvet-popin__content .m-product-details__description-short {
    margin: 0;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
}

.phyto-rouge-velvet-popin__content .custom-add-to-cart-button {
    margin: 24px 0;
    padding: 20px;
    border-radius: 22px;
    height: 45px;
    display: flex;
    width: 100%;
    font-family: var(--ROBOTO-FONT);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    text-transform: none;
    border: 1px solid #000;
    gap: 8px;
}

.phyto-rouge-velvet-popin__content .custom-add-to-cart-button::before {
    content: " ";
    width: 20px;
    height: 20px;
    background: url(../img/primary-purchase.svg);
}

.phyto-rouge-velvet-popin__content .custom-add-to-cart-button:hover {
    border: 1px solid #cacaca;
    color: #000 !important;
}

.phyto-rouge-velvet-popin__content .custom-add-to-cart-button:hover::before {
    filter: invert(1);
}

.phyto-rouge-velvet-popin__content .c-quick-buy-popin__variations-block {
    flex: 1;
}

.phyto-rouge-velvet-popin__content .c-quick-buy-popin__image {
    aspect-ratio: 1 / 1;
    background-color: #f6f6f6;
}

.phyto-rouge-velvet-popin__content .c-product-tile__price-container {
    padding-top: 12px;
    padding-bottom: 12px;
}

@media(max-width:1023px) {
    .phyto-rouge-velvet-popin__content {
        padding: 108px 24px;
    }
}

@media(max-width:761px) {
    .phyto-rouge-velvet-popin__content {
        padding: 24px;
    }

    .phyto-rouge-velvet-popin__content .c-quick-buy-popin__image {
        margin: -24px;
        margin-bottom: 0;
        width: calc(100% + 48px);
        max-width: calc(100% + 48px);
    }

    .phyto-rouge-velvet-popin__close {
        background-color: transparent;
        border: #EDEDED 1px solid;
    }

    @keyframes openPopin {
        0% {
            transform: translateY(100vh)
        }

        100% {
            transform: translateY(0%)
        }
    }
}