/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/**
* Products Presentation Styles */

.products-presentation {
padding: 64px 0;
}

.products-list {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    border-radius: 28px;
    padding: 16px;
    background-color: #FFF6E8;
}

/* Product Card */
.product-card {
border-radius: 28px;
}

.product-card__name {
font-size: 20px;
    font-family: "Lato-Bold";
    margin: 0;
    color: #3A2A1F;
    position: relative;
    z-index: 990;
-ms-flex-item-align: start;
align-self: flex-start
}

.product-card__body {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
    gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.product-card__body>div {
-webkit-box-flex: 1;
    -ms-flex: 1;
flex: 1;
    min-width: 360px;
}

/* Product Image */
.product-card__image {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
flex-direction: column;
    position: relative;
    padding: 16px;
    width: 33%;
-webkit-box-align: end;
    -ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
    -ms-flex-pack: start;
justify-content: flex-start;
}

.product-card__bg {
position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 980;
    border-radius: 28px;
    width: 75%;
}

.product-card__image img {
width: auto;
    height: 100%;
    z-index: 990;
    position: relative;
    left: -4px;
    contain-intrinsic-size: inherit;
}

/* Product Content */
.product-card__content {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
    -ms-flex-align: start;
align-items: flex-start;
    width: 33%;
    border-radius: 28px;
    padding: 32px;
    background-color: white;
}

.product-card__description {
margin-bottom: 32px;
}

.product-card__description * {
font-size: 16px;
    line-height: 1.4;
    font-family: "Lato-Regular";
}

.product-card__description p {
margin-bottom: 16px;
}

.product-card__description p:last-child {
margin-bottom: 0;
}

.product-card__cta {
margin-top: auto;
-ms-flex-item-align: end;
align-self: flex-end;
}

/* Product Features */
.product-card__features {
width: 33%;
    border-radius: 28px;
    padding: 32px;
    background-color: white;
}

.product-card__features .features-list {
list-style: none;
    padding: 0;
    margin: 0;
}

.product-card__features .features-list li {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.4;
    font-family: "Lato-Regular";
}

.product-card__features .features-list li:last-child {
margin-bottom: 0;
}

.product-card__features .features-list li .coffee_bean {
-ms-flex-negative: 0;
flex-shrink: 0;
    width: 18px;
    height: 22px;
    margin-top: 2px;
}

/* Color Themes */

/* White Theme */
.product-card--white .product-card__bg {
background-color: #FFFFFF;
}

.product-card--white .product-card__name {
color: #3A2A1F;
}

.product-card--white .product-card__cta .cta-component {
background-image: url(../cta/cta-bg-images/cta_brown_bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Green Theme */
.product-card--green .product-card__bg {
background-color: #899F66;
}

.product-card--green .product-card__name {
color: white;
}

.product-card--green .product-card__cta .cta-component {
background-image: url(../cta/cta-bg-images/cta_green_bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Orange Theme */
.product-card--orange .product-card__bg {
background-color: #D38269;
}

.product-card--orange .product-card__name {
color: white;
}

.product-card--orange .product-card__cta .cta-component {
background-image: url(../cta/cta-bg-images/cta_orange_bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

@media all and (max-width:1175px) {
.product-card--orange .product-card__content,
.product-card--orange .product-card__features {
background-color: #D38269;
    color: white;
}

.product-card--orange .product-card__content .cta-component {
background-image: url(../cta/cta-bg-images/cta_green_bg.png) !important;
}

.product-card--green .product-card__content,
.product-card--green .product-card__features {
background-color: #899F66;
    color: white;
}


.product-card--green .product-card__content .cta-component {
background-image: url(../cta/cta-bg-images/cta_orange_bg.png) !important;
}

.product-card--white .product-card__content,
.product-card--white .product-card__features {
background-color: white;
}
}

@media all and (max-width:880px) {
.products-presentation .title-section-left {
-webkit-box-align: center;
    -ms-flex-align: center;
align-items: center;
}

.title-section-left .title-section__sous-titre {
    text-align: center;
}

.product-card__bg {
    width: 50%;
}

.product-card__image img {
    right: 25%;
    left: inherit;
}
}



@media all and (max-width:550px) {
.product-card__image img {
        right: inherit;
        left: inherit;
    }

.product-card__body>div {
    min-width: 280px;
}

.product-card__content,
.product-card__features {
    padding: 16px;
}

.product-card__cta {
    width: 100%;
}
}