.section-text{
    background-color: #651b04
}
.ProductDetailsBody{
    background-image: url(https://www.nespresso.com/shared_res/mos/free_html/int/barista-flavoured/coffee-pdp/img/cocoa-truffe/bg_cocoa_XL.jpg);
    background-size:contain;
    background-repeat:no-repeat
}
@media screen and (max-width:768px) {
    .ProductDetailsBody {
        padding: 0!important;
        background-position: top center;
        background-size: initial
    }
}

@media screen and (max-width:500px) {
    .ProductDetailsBody {
        background-image: url(https://www.nespresso.com/shared_res/mos/free_html/int/barista-flavoured/coffee-pdp/img/cocoa-truffe/bg_cocoa_S.jpg);
        background-size: 100% 1000px
    }
}
.ProductDetailsBody .ProductDetailsBodyInformation:first-of-type .ProductDetailsBodyInformation__title{
    display:none!important
}
@font-face{
    font-family:"NespressoLucas-Light";
    src:url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Light.eot);
    src:url("https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Light.eot?#iefix") format("embedded-opentype"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Light.woff) format("woff"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Light.ttf) format("truetype"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Light.otf) format("opentype"),url("https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Light.svg#NespressoLucas-Light") format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:"NespressoLucas-Regular";
    src:url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Regular.eot);
    src:url("https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Regular.eot?#iefix") format("embedded-opentype"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Regular.woff) format("woff"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Regular.ttf) format("truetype"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Regular.otf) format("opentype"),url("https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-Regular.svg#NespressoLucas-Regular") format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:"Nespresso-Lucas-XtraBd";
    src:url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-XtraBd.eot);
    src:url("https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-XtraBd.eot?#iefix") format("embedded-opentype"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-XtraBd.woff) format("woff"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-XtraBd.ttf) format("truetype"),url(https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-XtraBd.otf) format("opentype"),url("https://www.nespresso.com/shared_res/mos/free_html/it/fonts/NespressoLucas-XtraBd.svg#NespressoLucas-XtraBd") format("svg");
    font-weight:400;
    font-style:normal
}
.wrapper-ResponsiveContainer{
    width:100%;
    background-repeat:no-repeat;
    background-size:contain
}
.wrapper-ResponsiveContainer .pdpEnhancement{
    max-width:996px!important;
    margin:0 auto
}
.wrapper-ResponsiveContainer .pdpEnhancement .barista-logo{
    margin:0 auto;
    max-width:720px;
    padding:5em 0 1em 0
}
@media screen and (max-width:768px){
    .wrapper-ResponsiveContainer .pdpEnhancement .barista-logo{
        padding:5em 0 0 0
    }
}
.flex-container{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
@media screen and (max-width:500px){
    .flex-container{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.flex-container .flex-item{
    width:33.3%
}
.flex-container .flex-item img{
    max-width:100%
}
@media screen and (max-width:500px){
    .flex-container .flex-item{
        width:100%
    }
}
.flex-container .flex-item:nth-child(1){
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto
}
@media screen and (max-width:500px){
    .flex-container .flex-item:nth-child(1){
        -webkit-order:1;
        -ms-flex-order:1;
        order:1
    }
}
.flex-container .flex-item:nth-child(2){
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto
}
@media screen and (max-width:500px){
    .flex-container .flex-item:nth-child(2){
        -webkit-order:0;
        -ms-flex-order:0;
        order:0
    }
}
.flex-container .flex-item:nth-child(3){
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto
}
@media screen and (max-width:500px){
    .flex-container .flex-item:nth-child(3){
        -webkit-order:2;
        -ms-flex-order:2;
        order:2
    }
}
.flex-container.capsule-attribute{
    width:80%;
    margin:0 auto;
    max-width:640px;
    margin-top:50px
}
@media screen and (max-width:500px){
    .flex-container.capsule-attribute{
        width:100%;
        margin-top:2em
    }
}
.flex-container.capsule-attribute .capsule-attribute__capsule{
    max-width:100%;
    margin:0 auto
}
@media screen and (max-width:1200px){
    .flex-container.capsule-attribute .capsule-attribute__capsule{
        max-width:177px
    }
}
@media screen and (max-width:500px){
    .flex-container.capsule-attribute .capsule-attribute__properties{
        margin-top:2em;
        min-width:280px
    }
}
@media screen and (max-width:500px){
    .flex-container.capsule-attribute .capsule-attribute__properties:last-child{
        margin-top:0
    }
}
.flex-container.capsule-attribute .capsule-attribute__properties h3{
    font-family:"NespressoLucas-Regular"!important;
    color:white;
    margin-bottom:.5em;
    font-size:1.125em;
    line-height:1.33333;
    letter-spacing:.16667em;
    font-weight:700!important;
    text-transform:uppercase
}
.flex-container.capsule-attribute .capsule-attribute__properties h3:after{
    content:"";
    display:block;
    height:1px;
    position:absolute;
    z-index:1
}
.flex-container.capsule-attribute .capsule-attribute__properties .left ul,.flex-container.capsule-attribute .capsule-attribute__properties .right ul{
    margin:0;
    padding:0
}
.flex-container.capsule-attribute .capsule-attribute__properties .left li,.flex-container.capsule-attribute .capsule-attribute__properties .right li{
    text-align:center;
    padding-bottom:2rem
}
.flex-container.capsule-attribute .capsule-attribute__properties ul span{
    font-size:1.4em;
    font-weight:600;
    color:#fff
}
@media screen and (max-width:500px){
    .flex-container.capsule-attribute .capsule-attribute__properties ul span{
        font-size:1.2em
    }
}
.capsule-attribute__buy{
    text-align:center;
    padding-bottom:60px
}
@media screen and (max-width:500px){
    .capsule-attribute__buy{
        padding-top:1.5rem
    }
}
.section-text{
    text-align:center;
    padding:4em 5em
}
@media screen and (max-width:500px){
    .section-text{
        padding:2.5em 4em
    }
}
.section-text .copy-small{
    font-size:1em;
    width:100%;
    margin-top:2em;
    font-weight:300!important
}
.section-text p{
    font-family:"NespressoLucas-Regular"!important;
    font-size:1.25em;
    line-height:1.73333;
    letter-spacing:.08333em;
    text-align:center;
    max-width:640px;
    margin:0 auto
}
.section-text .section-cocoa__logo{
    padding-bottom:30px;
    max-width:390px
}
.section-text .icon-milk{
    max-width:60px;
    margin:34px auto
}
.section-text .section-profile h4{
    font-family:"NespressoLucas-Regular"!important;
    margin-top:30px;
    font-size:.925em;
    line-height:1.33333;
    letter-spacing:.16667em;
    text-transform:uppercase;
    font-weight:700!important
}
.section-text .section-profile h4 span{
    font-family:"NespressoLucas-Regular"!important;
    font-size:.9em;
    font-weight:300!important
}
.section-recipes{
    background-image:url(https://www.nespresso.com/shared_res/mos/free_html/int/barista-flavoured/coffee-pdp/img/cocoa-truffe/artwork_cocoa_OL_L.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    text-align:center;
    min-height:410px;
    position:relative
}
.section-recipes .section-recipes__title{
    font-family:"NespressoLucas-Regular"!important;
    font-weight:700!important;
    margin:0 auto;
    bottom:48px;
    font-size:1.2em;
    line-height:1.33333;
    letter-spacing:.22222em;
    font-weight:300;
    text-transform:uppercase;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    min-width:253px;
    border:1px solid white;
    width:323px;
    border-radius:13px;
    padding:.4em
}
.header-title{
    font-family:"NespressoLucas-Light"!important;
    color:white;
    text-align:center;
    font-size:2.55em;
    line-height:1.33333;
    letter-spacing:.22222em;
    text-transform:uppercase;
    font-weight:400;
    padding:22px 100px
}
@media screen and (max-width:768px){
    .header-title{
        font-size:2.2em;
        padding:28px 0 15px 0
    }
}
@media screen and (max-width:500px){
    .header-title{
        font-size:1.8em;
        line-height:37px
}
    .section-text .section-cocoa__logo{
    padding-bottom:30px;
    max-width:220px
}
.section-text .icon-milk{
    max-width:60px;
    margin:34px auto
}
}