/*********************** FICHE PRODUIT ***********************/
.fiche-produit {padding: 70px 30px;}
.fiche-produit .infos-produit {display: flex; flex-direction: column}
.fiche-produit .infos-produit .ref {font-style: italic; }
.fiche-produit .infos-produit .description {margin-top:10px; margin-bottom: 0}
.fiche-produit .infos-produit .prix-produit {margin-top:20px}
.fiche-produit .infos-produit .prix-produit .prix-promo {display:flex; align-self: flex-start; font-weight: 400; font-size: 15px;text-decoration: line-through}
.fiche-produit .infos-produit .prix-produit .prix {display:flex; align-self: flex-start; font-weight: 600; font-size: 18px;}
.fiche-produit .infos-produit .prix-produit .prix.highlight {color:#CC0404}
/* Slider */
.fiche-produit .slider-fiche {border: 1px solid #c3c3c3;height: 350px;}
.fiche-produit .slider-fiche .item {height: 300px}
.fiche-produit .slider-fiche .item img{width: 70%;;height: 100%;object-fit: contain;     margin: 25px auto;}
.fiche-produit .slider-fiche .owl-nav {display: flex;justify-content: space-between;padding: 0 20px;top: 50%;position: absolute;width: 100%;}
.fiche-produit .slider-fiche .owl-nav button img {width:30px}
/* Aperçu */
.fiche-produit .slider-fiche .owl-dots {margin-top: 20px;position: inherit;display: none;flex-direction: row;}
.fiche-produit .slider-fiche .owl-controls .owl-dot {float: left; background-size: cover; margin-top: 10px;}
.fiche-produit .slider-fiche .owl-controls .owl-dot button {background-repeat: no-repeat!important;background-size: contain!important;}
/**** OPTIONS ****/
/* Quantite */
.fiche-produit .options .quantite .wrap {width:50%; margin-top: 20px}
.fiche-produit .options .quantite .wrap input {border: 1px solid #f4f4f4;}
.fiche-produit .options .quantite .wrap input:focus {background: #fff !important;}
.fiche-produit .options .quantite .wrap button.btn {border-radius: 0; background:#f4f4f4}
/* Caractéristiques */
.fiche-produit .options .caracteristiques {margin-top: 30px}
.fiche-produit .options .caracteristiques span {display: inline-block; margin-bottom: 10px; font-weight: 800}
.fiche-produit .options .caracteristiques table td {font-size: 14px}

/* Livraison */
.fiche-produit .options .livraison {display:flex; flex-direction: column; margin-top:20px; padding-top:20px;border-top: 1px solid #c3c3c3}
.fiche-produit .options .livraison span  {font-size: 14px; color:#999}
/* Ajout panier */
.ajout-panier  {margin-top:20px;display: flex; flex-direction: column}
.ajout-panier button.btn-checkout {width:50%; background:#98B13D; border-radius: 0; color:#fff; padding: 10px 20px}
.ajout-panier .message-ajout{ width:50%;background:#f4f4f4;padding: 10px 20px; display: flex;justify-content: center;font-size: 13px;}
.ajout-panier .message-ajout.invisible{opacity:0}

/* Commande modal */
#commandeModal .modal-content {min-width:800px;min-height:400px}
#commandeModal .modal-content .modal-header {background:#333; border-radius: 0;color: #fff;}
#commandeModal .modal-content .modal-header button span {color:#fff}
#commandeModal .modal-content .modal-header .modal-title {display: flex;justify-content: center;width: 100%;}
#commandeModal .modal-content .modal-header .modal-title::before {content:"\e90d"; font-family: "Icomoon"; color:#98B13D; margin-right:15px}

#commandeModal .modal-content .modal-body {padding: 30px;}
#commandeModal .modal-content .modal-body .produit {display: flex; flex-direction: row;    padding-bottom: 30px;border-bottom: 1px solid #c3c3c3;}
#commandeModal .modal-content .modal-body .produit img {border: 1px solid #c3c3c3;padding: 5px;margin-right:10px; width: 300px !important;object-fit: contain !important;height: 200px !important;}
#commandeModal .modal-content .modal-body .produit .content {display: flex; flex-direction: column; font-size: 15px}
#commandeModal .modal-content .modal-body .produit .content .titre {text-transform: uppercase; display: inline-block; margin-bottom: 5px}

#commandeModal .modal-content .modal-body .suggestions .titre {font-family:"Roboto";margin:10px 0 15px;display: inline-block; font-weight: 700; color:#98B13D; font-size: 17px; text-transform: uppercase}
#commandeModal .modal-content .modal-body .suggestions .produits {display: flex; flex-direction: row}
#commandeModal .modal-content .modal-body .suggestions .produits .produit-suggestion {display: flex;flex-direction: column; margin: 0 5px;width: 33%;border: 1px solid #c3c3c3;padding: 20px;color:#333}
#commandeModal .modal-content .modal-body .suggestions .produits .produit-suggestion:hover {text-decoration: none;}
#commandeModal .modal-content .modal-body .suggestions .produits .produit-suggestion img {width: 120px; object-fit: contain;height: 80px;}
#commandeModal .modal-content .modal-body .suggestions .produits .produit-suggestion  .content {display: flex;flex-direction: column;}
#commandeModal .modal-content .modal-body .suggestions .produits .produit-suggestion  .content .titre {color:#333}

#commandeModal .modal-content .modal-footer {padding: 0 30px 30px 30px;display: flex;justify-content: space-between;}
#commandeModal .modal-content .modal-footer .btn-continue {background: #e9e9e9; padding: 8px 20px; color:#333; }
#commandeModal .modal-content .modal-footer .btn-checkout {background:#98B13D; padding: 8px 20px; color:#fff; }