/* NEW HEADER  */
.banner{
    display: none!important;
}
.header:not(.sticky) .container-header .header-left .logo svg path{
    fill: #000000;
}
body.de_DE .section-banner-intro{
    margin-top: inherit;
}
@media screen and ( min-width: 1055.98px ) {
    .header{
        margin-bottom: -139px;
    }
    .header.sticky .menu-category.marketing-menu-left .main-link,
    .header.sticky .menu-category.marketing-menu-right .main-link {
        color: #000000 !important;
    }
    .header:not(.sticky) .container-header .header-left .logo svg path{
        fill: #FFFFFF;
    }
    .header:not(.sticky) .fixed-header:not(.fulltop-header){
        background-color: transparent;
    }
    .header:not(.sticky) .menu .menu-category .main-link{
        color: #FFFFFF;
    }
    .header:not(.sticky) .menu .menu-category .main-link.hoversoulign:hover::after{
        background-color: #FFFFFF;
    }
    .header:not(.sticky) .container-header .header-right .entries svg path{
        fill: #FFFFFF;
    }
    .header:not(.sticky) .container-header .header-right .entries svg path.box{
        fill: transparent;
        stroke: #FFFFFF;
    }
    .header:not(.sticky) .container-header .header-right .entries .courrier .link{
        color: #FFFFFF;
    }
    .header:not(.sticky) .cls-2023,
    .header:not(.sticky) .cls-2023-2{
        fill: #FFFFFF;
    }
    .header:not(.sticky) .container-header .header-right .search .f_search svg path{
        fill: #FFFFFF;
    }
    .header:not(.sticky) .container-header .header-right .search #f_search_object{
        background-color: #FFFFFF40;
        color: #FFFFFF;
        border-color: #FFFFFF;
        width: 300px;
    }
    .header:not(.sticky) .f_search #f_search_object::placeholder{
        color: #FFFFFF;
    }
    .header:not(.sticky) .container-header .header-right .entries .basket .svg-container .number{
        color: #2D2D2D;
    }
}
.h1-hidden {
    display:none;
}

/* landing */
.landing{
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.breadcrumb{
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    padding: 18px 0;
}
.breadcrumb ul a,
.breadcrumb ul span.obflink{
    color: #FFFFFF;
}

/* vignettes */

.inspirations .vignettes{
    max-height: 400px;
    overflow: scroll;
    scrollbar-width: none;
}
.inspirations .vignettes .vignette-link{
    min-width: 65px;
    min-height: 65px;
}


/* section-banner-intro */
.section-banner-intro .h1-hidden{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.section-banner-intro{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 0;
}

.section-banner-intro .visuel{
    height: 440px;
    width: 100%;
    object-fit: cover;
    object-position: center top;
}

.section-banner-intro .banner-intro-container{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
}
.section-banner-intro .goToContent {
    bottom: -30px;
}
.section-banner-intro .title{
    font-size: 40px;
    font-family: 'DM Serif Display',sans-serif;
    font-weight: 400;
    line-height: 100%;
    color: #ECF1F0;
    margin-top: 16px;
    text-align: center;
}
.section-banner-intro .flag {
    color: #ECF1F0;
    letter-spacing: 8%;

}
@media screen and ( max-width: 1056px ) {
    .section-banner-intro {
        margin-top: -40px;
    }
    .section-banner-intro .visuel {
        height: 450px!important;
    }
    .section-banner-intro .flag {
        font-size: 14px!important;
        line-height: 120%!important;
        letter-spacing: 8%;
        transform: inherit;
    }
    .section-banner-intro .title{
        text-align: center;
        margin-top: 8px;

    }
    .section-banner-intro img.title{
        max-width: 255px;
        height: auto;
    }
    .section-banner-intro .visuel:not(.img-logo){
        height: auto;
        max-height: 500px;
        object-fit: cover;
        object-position: center top;
    }
    .section-banner-intro .banner-intro-container{
        max-height: 365px!important;
    }
}
/* section-banner-intro */
.bg-wrapper.first{
    background-image: url(/medias.v3/content/inspirations/collab-omy/desktop-bg-1.webp);
    background-position: bottom;
    background-size: cover;
}
.bg-wrapper.second{
    background-image: url(/medias.v3/content/inspirations/collab-omy/desktop-bg-2.webp);
    background-position: top;
    background-size: cover;
    margin-top: -2px;
}
@media screen and ( max-width: 1056px ) {
    .bg-wrapper.first{
        background-image: url(/medias.v3/content/inspirations/collab-omy/mobile-bg-1.webp);
    }
    .bg-wrapper.second{
        background-image: url(/medias.v3/content/inspirations/collab-omy/mobile-bg-2.webp);
        margin-top: 0;

    }
}
/***********************/
/* section-text-intro */
/***********************/
.section-text-intro{
    position: relative;
    max-width: 1363px;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 95px;
}
.section-text-intro .flag{
    color: #CB7D08;
    font-size: 14px;
}
.section-text-intro .title{
    font-size: 40px;
    font-family: 'DM Serif Display',sans-serif;
    font-weight: 400;
    line-height: 108%;
    margin-top: 16px;
    text-align: center;
    color: #2D2D2D;
}
.section-text-intro .texte{
    font-size: 16px;
    line-height: 140%;
    margin: 32px 0;
    color: #2D2D2D;
}
.section-text-intro a.omy{
    background-color: #2A9C6A;
    border-color: #2A9C6A;
    padding: 7px 20px;
    transition: .3s ease-in-out;
}
.section-text-intro a.omy:hover{
    color: #2A9C6A;
    background-color: #fff;
}
@media screen and (max-width: 1056px) {
    .section-text-intro{
        padding: 48px 0 60px;
    }
    .section-text-intro .textblock{
        padding: 0 24px;
        margin-bottom: 29px
    }
    .section-text-intro .title{
        line-height: 28px;
        font-size: 26px;
        margin-top: 8px;
    }
    .section-text-intro .texte{
        margin: 24px 0;
    }
}
/***********************/
/* section-text-right */
/***********************/
.section-text-right{
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 95px;
    text-align: center;
    padding: 80px 0;
}
.section-text-right .textblock img{
    margin-bottom: 32px;
}
.section-text-right .texte{
    font-size: 16px;
    color: #2D2D2D;
    line-height: 140%;
}
@media screen and (max-width: 1056px) {
    .section-text-right{
        flex-direction: column-reverse;
        gap: 40px;
        padding: 40px 24px;

    }
    .section-text-right .textblock img{
        max-width: 195px;
        height: auto;
    }
}
.section-mosaic{
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 117px;
}
.section-mosaic .title{
    font-size: 40px;
    font-family: 'DM Serif Display',sans-serif;
    font-weight: 400;
    line-height: 108%;
    margin-top: 16px;
    text-align: center;
    color: #2D2D2D;
}
.section-mosaic .texte{
    font-size: 16px;
    line-height: 140%;
    margin: 32px 0 80px;
    color: #2D2D2D;
}
.mosaic-omy {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
        "kids   pillow"
        "kids   bed"
        "ponchos bed";
    gap: 24px;
    max-width: 1456px;
    margin: 0 auto;
}

.mosaic-item{
    position: relative;
}
.mosaic-poncho {
    display: block;
    overflow: hidden;
    border-radius: 4px;
}
.mosaic-item.mosaic-kids{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.mosaic-item img,
.mosaic-poncho img {
    object-fit: cover;
}

.mosaic-kids   { grid-area: kids; }
.mosaic-pillow { grid-area: pillow; }
.mosaic-bed    { grid-area: bed;
    padding-bottom:  115px;
}

.mosaic-ponchos {
    grid-area: ponchos;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}
.mosaic-pillow, .mosaic-bed{
    display: flex;
    justify-content: flex-start;
}
.mosaic-deco {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}
.mosaic-deco img {
    width: 100%;
    display: block;
}

.mosaic-leaves {
    top: -20px;
    left: 40%;
    width: 217px;
}

.mosaic-snake {
    bottom: 0;
    right: 9%;
    width: 556px;
}
@media screen and (max-width: 1056px) {
    .section-mosaic{
        padding: 30px 20px 96px;
    }
    .section-mosaic .title{
        line-height: 28px;
        font-size: 26px;
        margin-top: 0;
    }
    .section-mosaic .texte{
        margin: 24px 0 70px;
    }
    .mosaic-omy {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .mosaic-kids    { order: 1; }
    .mosaic-leaves  { order: 2; }
    .mosaic-ponchos { order: 3; }
    .mosaic-snake   { order: 4; }
    .mosaic-pillow  { order: 5; }
    .mosaic-bed     { order: 6; }

    .mosaic-deco {
        position: static;
        pointer-events: auto;
    }

    .mosaic-leaves {
        position: absolute;
        align-self: flex-end;
        width: 100%;
        max-width: 142px;
        top: 24%;
        right: 1%;
        left: unset;
    }

    .mosaic-snake {
        width: 90%;
        margin: 0 auto;
        transform: scaleX(-1);
    }
    .mosaic-ponchos {
        display: flex;
        justify-content: flex-start;
        gap: 24px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 4px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mosaic-poncho img{
        object-fit: inherit;
        width: 100%;
        height: auto;
    }
    .mosaic-bed{
        padding: 0;
    }
    .mosaic-ponchos .mosaic-poncho {
        flex: 0 0 82%;
        scroll-snap-align: start;
    }

    .mosaic-ponchos::-webkit-scrollbar { display: none; }
    .mosaic-ponchos { scrollbar-width: none; }
}
/***********************/
/* section-full-video */
/***********************/
.section-full-video{
    position: relative;
}
.section-full-video .textblock{
    position: absolute;
    top: 46%;
    left: 50%;
    font-size: 40px;
    font-family: 'DM Serif Display',sans-serif;
    font-weight: 400;
    line-height: 108%;
    text-align: center;
    color: #2D2D2D;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 1056px) {
    .section-full-video video{
        width: 220%;
        right: 50%;
        position: relative;
        transform: translateX(-4%);
    }
    .section-full-video .textblock{
        font-size: 26px;
        line-height: 28px;
    }
}
/***********************/
/* section-inspirer-full */
/***********************/
.section-inspirer-full{
    position: relative;
}
.section-inspirer-full .right-part{
    position: absolute;
    color: #FFFFFF;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    text-align: right;

}
.section-inspirer-full a.part{
    line-height: 0;
    position: relative;
}
.section-inspirer-full .img-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 33%;
}
.section-inspirer-full .img-container .banner-full{
    position: relative;
    width: 100%;
}
.section-inspirer-full .img-container .illustration-parallax{
    width: 100%;
}
.section-inspirer-full .textblock{
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 335px;
    align-items: flex-end;
}
.section-inspirer-full .inspirer-full-title{
    font-family: 'Playfair Display',serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    color: #FFF;
}
.section-inspirer-full .inspirer-full-description{
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    margin-top: 40px;
    color: #FFF;
}
.section-inspirer-full .inspirer-full-description b{
    font-weight: 600;
}
.section-inspirer-full .cta-white{
    border-color: #FFF;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 27px;
}
@media screen and (max-width: 1056px) {
    .section-inspirer-full{
        display: flex;
        flex-direction: column;
    }
    .section-inspirer-full .left-part{
        display: flex;
        flex-direction: column;
        padding: 0 0 30px 0;
        gap: 10px;
    }
    .section-inspirer-full .img-container{
        flex-direction: row;
        width: 90%;
        position: relative;
        justify-content: flex-start;
    }
    .section-inspirer-full .img-container .illustration{
        width: 60%;
    }
    .section-inspirer-full .img-container .illustration-parallax{
        position: absolute;
        bottom: -150px;
        width: 60%;
        right: 0;
    }
    .section-inspirer-full .right-part {
        position: absolute;
        color: #FFFFFF;
        top: 48%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -0%);
        width: 100%;
        max-width: 335px;
    }
    .section-inspirer-full .textblock{
        text-align: center;
        align-items: center;
    }
    .section-inspirer-full .textblock p{
        margin: 0 auto 0;
    }
    .section-inspirer-full .inspirer-full-title{
        font-size: 30px;
    }
    .section-inspirer-full .inspirer-full-description{
        text-align: center;
        margin-top: 14px;
        line-height: 21px;
    }
}

/* section-autres-inspirations */
.section-autres-inspirations .section-title{
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
.section-autres-inspirations .slide{
    width: 270px;
    display: flex;
    flex-direction: column;
}
.section-autres-inspirations .slide .title{
    font-family: 'DM Serif Display',sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #2D2D2D;
    margin-top: 6px;
}
.section-autres-inspirations .slide .btn{
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-top: 8px;
}
.section-autres-inspirations .slide .btn svg{
    margin-left: 11px;
}
@media screen and ( max-width: 1056px ) {
    .section-autres-inspirations{
        margin-top: 60px;
    }
    .section-autres-inspirations .section-title{
        text-align: left;
    }
    .section-autres-inspirations .swiper-wrapper{
        margin-top: 15px;
    }
}

/* newsletter-container */
.newsletter-container{
    margin-top: 45px;
    margin-bottom: 45px;
}
.newsletter-container .newsletter{
    margin-top: 0!important;
}
@media screen and ( max-width: 1056px ) {
    .productblock .textblock .flex-container{
        display: flex;
    }

}