/***********************************
******** PAGE ACCESSOIRES **********
***********************************/


/*---------------------------------
----------- HERO ------------------
---------------------------------*/

.od-accessories-wrapper{

    max-width:1400px;
    margin:0 auto;
    padding:80px 20px;

}


.od-accessories-hero{

    position:relative;
    overflow:hidden;

    padding:110px 70px;
    text-align:center;

    border-radius:35px;

    background-image:
    linear-gradient(
    rgba(247,243,238,.88),
    rgba(247,243,238,.88)
    ),
    url("../images/accessories-hero.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    box-shadow:
    0 25px 60px rgba(0,0,0,.05);

    transition:.4s ease;

}


.od-accessories-hero:hover{

    transform:translateY(-3px);

}


.od-accessories-subtitle{

    display:block;
    margin-bottom:25px;

    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#a89f97;

}


.od-accessories-title{

    margin-bottom:30px !important;

    font-size:72px;
    line-height:1.25;
    font-weight:500;

    color:#111;

}


.od-accessories-description{

    max-width:700px;
    margin:0 auto 40px;

    font-size:18px;
    line-height:1.9;

    color:#777;

}


.od-accessories-button{

    display:inline-block;

    padding:18px 35px;

    background:#D69A63;
    color:white !important;

    border-radius:50px;

    text-decoration:none !important;

    font-size:16px;
    font-weight:600;

    transition:.3s ease;

}


.od-accessories-button:hover{

    background:#c88a51;
    transform:translateY(-2px);

}


/*---------------------------------
---------- AVANTAGES --------------
---------------------------------*/


.od-accessories-benefits{

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

    gap:25px;

    margin:50px auto 100px;

}


.od-benefit{

    background:white;

    padding:30px;

    text-align:center;

    border-radius:20px;

    box-shadow:
    0 10px 35px rgba(0,0,0,.04);

    color:#777;

    font-weight:600;

}



/*---------------------------------
------- NOS INCONTOURNABLES -------
---------------------------------*/


.od-featured-title{

    text-align:center;

    margin-bottom:20px;

    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;

    color:#a89f97;

}


.od-featured-heading{

    text-align:center;

    margin-bottom:50px !important;

    font-size:52px;
    line-height:1.3;

}


.od-featured-grid{

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

    gap:25px;

    margin-bottom:120px;

}


.od-featured-card{

    background:#F6F1EB;

    border-radius:25px;

    padding:45px 30px;

    text-align:center;

    transition:.3s ease;

}


.od-featured-card:hover{

    transform:translateY(-5px);

}


.od-featured-card h3{

    margin:0;

    font-size:30px;
    line-height:1.5;
    font-weight:500;

}


/*---------------------------------
-------- COLLECTION ----------------
---------------------------------*/


.od-collection-title{

    text-align:center;

    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;

    color:#a89f97;

}


.od-collection-heading{

    text-align:center;

    font-size:60px;
    line-height:1.3;

    margin-top:10px;
    margin-bottom:20px !important;

}


.od-collection-description{

    text-align:center;

    max-width:700px;
    margin:0 auto 70px;

    font-size:18px;
    line-height:1.8;

    color:#777;

}



/*---------------------------------
------- PRODUITS WOOCOMMERCE ------
---------------------------------*/


.tax-product_cat-accessoires .woocommerce-products-header{

    display:none !important;

}


.tax-product_cat-accessoires .woocommerce-breadcrumb{

    display:none !important;

}


.tax-product_cat-accessoires .products{

    margin-top:40px !important;

}



/*---------------------------------
------------ RESPONSIVE -----------
---------------------------------*/


@media(max-width:1024px){

    .od-accessories-title{

        font-size:52px;

    }


    .od-featured-heading{

        font-size:40px;

    }


    .od-collection-heading{

        font-size:42px;

    }


    .od-accessories-benefits{

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

    }


    .od-featured-grid{

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

    }

}



@media(max-width:768px){

    .od-accessories-hero{

        padding:70px 30px;

    }


    .od-accessories-title{

        font-size:42px;

    }


    .od-accessories-description{

        font-size:16px;

    }


    .od-accessories-benefits{

        grid-template-columns:1fr;

    }


    .od-featured-grid{

        grid-template-columns:1fr;

    }


    .od-featured-heading{

        font-size:34px;

    }


    .od-collection-heading{

        font-size:34px;

    }

}