.article {
    max-width: 1240px;
    padding: 1px .5rem 6.25rem;
}

/* Landing trends */

.trends__container {
    text-align: center;
}

.trends__row--separator::before {
    background: #000;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

.trends__quote h3 {
    font-family: Cardo,Palatino,serif;
    font-size: 28px;
    font-weight: 400;
}

.trends__quote p {
    font-family: Cardo,Palatino,serif;
    font-size: 24px;
    font-weight: 400;
}


/* END - Landing trends */

/* m1 component */

@media screen and (max-width: 640px){
    .m01--mobile-hiden {
        display: none;
    }
}

.m01__container .m01__teaser {
    font-family: Cardo,Palatino,serif;
    font-size: 28px;

    padding: 25px 0;
}

.m01__list {
    display: flex;
    align-items: center;
    margin: auto;
}

.m01__list--text-right {
    flex-direction: row-reverse;;
}

.m01__list li {
    margin: auto;
}

.m01__description {
    font-family: Cardo,Palatino,serif;
    font-size: 16px;
    font-style: italic;
    text-align: right;
}

.m01__list--text-right .m01__description {
    text-align: left;
}

.m01__image img {
    height: auto;
    width: 100%;
}

@media screen and (min-width: 640px) {
    .m01__list--3children {
        max-width: 75%;
    }

    .m01__list--2children {
        max-width: 50%;
    }

    .grid .m01__list--2children li.grid__unit {
        width: 50%;
    }

    .m01__container .m01__list.m01__list--landscape li {
        width: 25%;
    }

    .m01__container .m01__list.m01__list--landscape .m01__image--landscape {
        width: 75%;
    }
}

@media screen and (max-width: 640px) {
    .m01__container .m01__list.m01__list--landscape .m01__image--landscape {
        width: 100%;
    }
}

/* END - m1 component*/

/* Carousel */

.slider__container{
    margin: 35px auto;
    max-width: 1190px;
    padding: 0 3rem;
    width: 100%;
}

.slick-track {
    margin: auto; /* To center each slides when there are < 4 */
}

.slick-slide{
    height: initial;
}

.slider__carousel .slick-slide {
    padding: 0 .25rem;
}

.slider__carousel img{
    max-width: 220px;
    width: 100%;
    display: block;
    margin: auto;
}

/* Carousel arrows */

.slick-prev, .slick-next{
    top: 42%;
}

.slick-prev:before, .slick-next:before{
    background-size: 22px 22px !important; /* Needed to overwrite Digitas slick styles */
    background-repeat: no-repeat !important; /* Needed to overwrite Digitas slick styles */
    display: inline-block;
    width: 22px;
    height: 22px;
    content:"";
}

.slick-prev:before{
    background-image: url('/on/demandware.static/-/Sites-PDH-Library/default/dwbf7692a1/landings/lib/icons/back.png') !important; /* Needed to overwrite Digitas slick styles */
}

.slick-next:before{
    background-image: url('/on/demandware.static/-/Sites-PDH-Library/default/dwbf7692a1/landings/lib/icons/next.png') !important; /* Needed to overwrite Digitas slick styles */
}

/* END - Carousel arrows */

/* Carousel each slider */

.slider__each a {
    text-decoration: none;
    background: none;
}

.slider__each__title {
    display: block;
    font-family: Cardo,Palatino,serif;
    font-size: 14px;
    font-weight: 700;
    margin: .65rem auto .3rem;
}

.slider__each__price {
    display: block;
    color: #575757;
    font-family: Cardo,Palatino,serif;
    font-size: 14px;
    font-weight: 400;
}

/* END - Carousel each slider */

@media screen and (max-width: 640px){
    .slider__container{
        margin: 35px auto;
        padding: 0 .5rem;
    }

    .slick-prev {
        left: -20px;
    }

    .slick-next {
        right: -20px;
    }

    .slick-prev:before, .slick-next:before{
        background-size: 12px 12px !important; /* Needed to overwrite Digitas slick styles */
        background-repeat: no-repeat !important; /* Needed to overwrite Digitas slick styles */
        width: 12px;
        height: 12px;
    }
}

/* END - Carousel */