/* ==========================================================
   DECOENLIGNE - PLANCHE TENDANCE DECO V3
   PRODUIT 268

   Le cadre / zoom image reste géré par produits-galerie.css.
   ========================================================== */

body.del-planche-tendance{
    --planche-black:#211f1d;
    --planche-gold:#b58a49;
    --planche-gold-dark:#8c642f;
    --planche-soft:#f7f4ef;
    --planche-border:#ddd5ca;
    --planche-text:#5c544d;
}


/* NETTOYAGE */
body.del-planche-tendance
.entry-summary .posted_in,
body.del-planche-tendance
.entry-summary .tagged_as,
body.del-planche-tendance
.entry-summary .share_wrapper,
body.del-planche-tendance
.entry-summary .share-simple-wrapper,
body.del-planche-tendance
.entry-summary .product-share,
body.del-planche-tendance
.entry-summary .mfn-share-post,
body.del-planche-tendance
.related.products,
body.del-planche-tendance
.upsells.products{
    display:none !important;
}


/* DESKTOP */
@media only screen and (min-width:960px){

    body.del-planche-tendance
    #Content div.product
    .product_wrapper.del-planche-product-layout{
        position:relative !important;
        left:50% !important;
        transform:translateX(-50%) !important;

        display:grid !important;
        grid-template-columns:
            minmax(0,1.08fr)
            minmax(420px,.92fr) !important;
        gap:42px !important;
        align-items:start !important;

        width:calc(100vw - 80px) !important;
        max-width:1220px !important;

        margin:0 0 30px !important;
        padding:0 !important;
    }

    body.del-planche-tendance
    .product_wrapper.del-planche-product-layout
    > .product_image_wrapper{
        grid-column:1 !important;
        grid-row:1 !important;

        float:none !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
    }

    body.del-planche-tendance
    .product_wrapper.del-planche-product-layout
    > .entry-summary{
        grid-column:2 !important;
        grid-row:1 !important;

        float:none !important;
        width:100% !important;
        max-width:440px !important;
        margin:0 !important;
    }

    body.del-planche-tendance
    .del-planche-top-extra,
    body.del-planche-tendance
    .del-planche-content{
        position:relative !important;
        left:50% !important;
        transform:translateX(-50%) !important;

        width:calc(100vw - 80px) !important;
        max-width:1220px !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }
}


/* RESUME */
.del-planche-eyebrow{
    display:block;
    margin-bottom:10px;

    color:var(--planche-gold-dark);

    font-size:11px;
    font-weight:700;
    letter-spacing:1.25px;
    text-transform:uppercase;
}

.del-planche-summary__lead{
    margin:0 0 13px !important;

    color:var(--planche-text) !important;

    font-size:13px !important;
    line-height:1.62 !important;

    text-align:left !important;
}

.del-planche-summary__multi-list{
    margin:0 0 14px;

    padding:13px 15px;

    background:#faf7f2;

    border-left:3px solid
        var(--planche-gold);
}

.del-planche-summary__multi-list > strong{
    display:block;

    margin-bottom:7px;

    color:#322b25;

    font-size:11px;
}

.del-planche-summary__multi-list ul{
    margin:0 0 8px 0 !important;
    padding:0 !important;

    list-style:none !important;
}

.del-planche-summary__multi-list li{
    position:relative;

    margin:0 0 5px !important;

    padding-left:17px;

    color:#625950;

    font-size:10.5px;
    line-height:1.42;
}

.del-planche-summary__multi-list li::before{
    content:"✓";

    position:absolute;
    left:0;

    color:var(--planche-gold-dark);
}

.del-planche-summary__multi-list p{
    margin:0 !important;

    color:#71665d !important;

    font-size:10px !important;
    line-height:1.4 !important;

    text-align:left !important;
}


/* PRIX */
body.del-planche-tendance
.entry-summary .price{
    width:100% !important;

    margin:14px 0 17px !important;

    text-align:center !important;
}

.del-planche-price{
    display:block;

    color:#1e1c1a !important;

    font-size:31px;
    font-weight:700;

    text-align:center;
}

.del-planche-price-detail{
    display:block;

    margin-top:4px;

    color:#6a5e53 !important;

    font-size:11px;
    font-weight:700;

    text-align:center;
}


/* CONFIGURATEUR */
.del-planche-cart-form{
    display:block !important;

    width:100% !important;

    margin:0 !important;
}

.del-planche-configurator{
    padding:18px;

    background:#fff;

    border:1px solid
        var(--planche-border);
}

.del-planche-configurator__head{
    margin-bottom:12px;
}

.del-planche-configurator__head strong{
    display:block;

    color:#29241f;

    font-size:10px;

    text-transform:uppercase;
}

.del-planche-configurator__head span{
    display:block;

    margin-top:4px;

    color:#6f655d;

    font-size:10.5px;
    line-height:1.45;
}

.del-planche-base-line{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:16px;

    padding:12px 13px;

    background:#faf8f5;

    border:1px solid #e1d9d0;
}

.del-planche-base-line strong{
    display:block;

    margin-bottom:3px;

    color:#2d2824;

    font-size:12px;
}

.del-planche-base-line small{
    display:block;

    color:#70665e;

    font-size:10px;
}

.del-planche-base-line > b{
    flex:0 0 auto;

    color:#29241f;

    font-size:13px;
}


/* CHECKBOX OPTION */
.del-planche-check-option{
    display:flex;

    align-items:flex-start;

    gap:11px;

    margin:11px 0 0;

    padding:14px;

    background:#fff;

    border:1px solid
        var(--planche-border);

    cursor:pointer;

    transition:
        border-color .18s ease,
        background .18s ease;
}

.del-planche-check-option.is-selected{
    background:#fbf7f1;

    border:2px solid
        var(--planche-gold);
}

.del-planche-check-option > input{
    flex:0 0 auto;

    width:18px !important;
    height:18px !important;

    margin:2px 0 0 !important;

    accent-color:
        var(--planche-gold-dark);
}

.del-planche-check-option__box{
    display:block;

    flex:1 1 auto;
}

.del-planche-check-option__title{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:14px;
}

.del-planche-check-option__title small{
    display:block;

    margin-bottom:2px;

    color:
        var(--planche-gold-dark);

    font-size:9px;

    font-weight:700;

    letter-spacing:.7px;
}

.del-planche-check-option__title strong{
    color:#29231f;

    font-size:12px;
}

.del-planche-check-option__title > b{
    flex:0 0 auto;

    color:
        var(--planche-gold-dark);

    font-size:14px;
}

.del-planche-check-option__text{
    display:block;

    margin-top:6px;

    color:#6e645b;

    font-size:10.5px;
    line-height:1.45;
}


/* TOTAL */
.del-planche-configurator__summary{
    margin-top:13px;
    padding-top:5px;

    border-top:1px solid #e4ddd5;
}

.del-planche-configurator__summary > div{
    display:flex;

    justify-content:space-between;

    gap:15px;

    padding:7px 0;

    color:#5e554e;

    font-size:11px;
}

.del-planche-configurator__summary strong{
    color:#26211d;

    white-space:nowrap;
}

.del-planche-configurator__total{
    border-top:1px solid #d9d0c6;
}

.del-planche-configurator__total span{
    font-weight:700;
}

.del-planche-configurator__total strong{
    color:
        var(--planche-gold-dark);

    font-size:17px;
}


/* DELAI */
.del-planche-delay{
    margin-top:10px;

    padding:10px 11px;

    background:#f7f3ee;

    border-left:3px solid
        var(--planche-gold);
}

.del-planche-delay strong{
    display:block;

    margin-bottom:3px;

    color:#302a25;

    font-size:10px;

    text-transform:uppercase;
}

.del-planche-delay span{
    display:block;

    color:#6a6057;

    font-size:10px;
    line-height:1.45;
}


/* BOUTON PANIER */
.del-planche-cart-form
.single_add_to_cart_button{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:50px !important;

    margin:14px 0 0 !important;

    border:1px solid
        var(--planche-gold) !important;

    border-radius:999px !important;

    background:
        var(--planche-black) !important;

    color:#e6b372 !important;

    font-size:11px !important;
    font-weight:700 !important;

    text-transform:uppercase !important;
}


/* ARGUMENTAIRE SOUS IMAGE */
.del-planche-under-image{
    width:100%;

    margin:34px 0 0 !important;

    padding:32px 34px 34px !important;

    background:#faf7f3;

    border:1px solid
        var(--planche-border);

    border-left:3px solid
        var(--planche-gold);

    box-sizing:border-box;
}

.del-planche-under-image__eyebrow{
    display:block;

    margin-bottom:12px;

    color:
        var(--planche-gold-dark);

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.del-planche-under-image h2{
    margin:0 0 20px !important;

    color:#29231f !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:24px !important;

    font-weight:400 !important;

    line-height:1.30 !important;
}

.del-planche-under-image p{
    margin:0 0 17px !important;

    color:#5c544d !important;

    font-size:13px !important;

    line-height:1.78 !important;

    text-align:left !important;
}

.del-planche-under-image p:last-child{
    margin-bottom:0 !important;
}

.del-planche-under-image__note{
    margin-top:22px !important;

    padding:16px 18px !important;

    background:#f3ede5;

    border-top:0;

    border-left:2px solid
        var(--planche-gold);
}


/* ATOUTS */
.del-planche-top-extra{
    margin-top:34px !important;
    margin-bottom:34px !important;
}

.del-planche-top-extra__icons{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    background:#faf8f5;

    border:1px solid
        var(--planche-border);
}

.del-planche-top-extra__card{
    padding:22px 18px;

    text-align:center;

    border-right:1px solid #e7ded4;
}

.del-planche-top-extra__card:last-child{
    border-right:0;
}

.del-planche-top-extra__card > span{
    display:block;

    margin-bottom:8px;

    color:
        var(--planche-gold-dark);

    font-size:27px;
}

.del-planche-top-extra__card h3{
    margin:0 0 6px !important;

    color:#26211e !important;

    font-size:11px !important;

    text-transform:uppercase;
}

.del-planche-top-extra__card p{
    margin:0 !important;

    color:#635b54 !important;

    font-size:11px !important;
    line-height:1.48 !important;

    text-align:center !important;
}

.del-planche-top-extra__bar{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    background:
        var(--planche-black);

    color:#fff;
}

.del-planche-top-extra__bar > div{
    padding:15px 18px;

    text-align:center;

    border-right:1px solid
        rgba(255,255,255,.12);
}

.del-planche-top-extra__bar strong{
    display:block;

    margin-bottom:4px;

    color:#e0a35c;

    font-size:11px;

    text-transform:uppercase;
}

.del-planche-top-extra__bar span{
    color:#eee8e2;

    font-size:11px;

    line-height:1.45;
}


/* CONTENU */
.del-planche-container{
    width:calc(100% - 40px);

    max-width:1080px;

    margin:0 auto;
}

.del-planche-section{
    padding:64px 0;

    background:#fff;
}

.del-planche-section--soft{
    background:
        var(--planche-soft);
}

.del-planche-section--dark{
    background:
        var(--planche-black);
}

.del-planche-section-head{
    max-width:840px;

    margin:0 auto 31px;

    text-align:center;
}

.del-planche-section-head h2{
    margin:0 0 15px !important;

    color:#28231f !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px !important;

    font-weight:400 !important;

    line-height:1.2 !important;
}

.del-planche-section-head p{
    color:#5e554e !important;

    font-size:15px;

    line-height:1.68 !important;
}

.del-planche-included-grid,
.del-planche-excluded-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px 22px;

    max-width:950px;

    margin:0 auto;
}

.del-planche-included-grid > div,
.del-planche-excluded-grid > div{
    position:relative;

    padding:15px 17px 15px 43px;

    background:#fff;

    border:1px solid
        var(--planche-border);

    color:#554d46;

    font-size:13px;

    line-height:1.5;
}

.del-planche-included-grid
> div::before{
    content:"✓";

    position:absolute;
    left:16px;

    color:
        var(--planche-gold-dark);
}

.del-planche-multi-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:16px;

    max-width:950px;

    margin:0 auto;
}

.del-planche-multi-grid article{
    padding:19px 20px;

    background:#faf7f2;

    border-top:2px solid
        var(--planche-gold);
}

.del-planche-multi-grid strong{
    display:block;

    margin-bottom:6px;

    color:#2d2722;
}

.del-planche-multi-grid span{
    color:#655c54;

    font-size:12px;

    line-height:1.5;
}

.del-planche-limit-box{
    max-width:950px;

    margin:20px auto 0;

    padding:14px 17px;

    background:#f4eee7;

    border-left:3px solid
        var(--planche-gold);

    color:#625950;

    font-size:12px;

    line-height:1.55;
}

.del-planche-steps{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:17px;
}

.del-planche-steps article{
    padding:21px 17px;

    border-top:2px solid
        var(--planche-gold);
}

.del-planche-steps article > span{
    display:block;

    margin-bottom:9px;

    color:
        var(--planche-gold-dark);

    font-size:26px;
}

.del-planche-steps h3{
    margin:0 0 7px !important;

    font-size:14px !important;
}

.del-planche-steps p{
    margin:0 !important;

    color:#665e57 !important;

    font-size:12px !important;

    line-height:1.5 !important;
}

.del-planche-section--dark
.del-planche-eyebrow{
    color:#dfaa68;
}

.del-planche-section--dark
.del-planche-section-head h2{
    color:#fff !important;
}

.del-planche-section--dark
.del-planche-excluded-grid > div{
    background:
        rgba(255,255,255,.05);

    border-color:
        rgba(255,255,255,.14);

    color:#eee7df;
}

.del-planche-section--dark
.del-planche-excluded-grid
> div::before{
    content:"–";

    position:absolute;

    left:16px;

    color:#dfaa68;
}


/* RESPONSIVE */
@media only screen and (max-width:959px){

    body.del-planche-tendance
    #Content div.product
    .product_wrapper.del-planche-product-layout{
        display:block !important;

        width:100% !important;
        max-width:760px !important;

        margin:0 auto 24px !important;

        padding:0 14px !important;
    }

    body.del-planche-tendance
    .del-planche-top-extra,
    body.del-planche-tendance
    .del-planche-content{
        position:static !important;

        width:100% !important;
        max-width:none !important;

        transform:none !important;
    }

    .del-planche-top-extra__icons{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .del-planche-top-extra__bar{
        grid-template-columns:1fr;
    }

    .del-planche-steps{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


@media only screen and (max-width:600px){

    .del-planche-top-extra__icons,
    .del-planche-included-grid,
    .del-planche-excluded-grid,
    .del-planche-multi-grid,
    .del-planche-steps{
        grid-template-columns:1fr;
    }

    .del-planche-check-option__title{
        flex-direction:column;
        gap:4px;
    }

    .del-planche-section-head h2{
        font-size:28px !important;
    }

    .del-planche-under-image{
        margin-top:24px !important;
        padding:24px 22px 26px !important;
    }

    .del-planche-under-image h2{
        font-size:22px !important;
        margin-bottom:16px !important;
    }

    .del-planche-under-image p{
        font-size:12.5px !important;
        line-height:1.72 !important;
        margin-bottom:15px !important;
    }
}