/* FOND GLOBAL BOUTIQUE */
body {
  background-color: #F6F3EE;
}

/* CARTES PRODUITS */
.product-miniature,
.card,
.products .product {
  background-color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  border-radius: 6px;
}

/* SUPPRIMER LE FOND GRIS PRESTASHOP */
#main {
  background-color: transparent;
}

/* MASQUER RECHERCHE MOBILE */
@media (max-width: 767px) {
  .search-widget,
  .header-search,
  .blocksearch {
    display: none !important;
  }
}

/* VIDEO PRODUIT */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-video {
  margin: 10px 0 25px 0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.product-video iframe {
  width: 100%;
  height: 360px;
  border: 0;
  display: block;
}

@media (max-width: 768px) {
  .product-video iframe {
    height: 220px;
  }
}

/* PRIX UNITAIRE */
.product-unit {
  color: #d0121a;
  font-weight: 600;
  margin: 25px 0 10px 0;
}

/* TABLEAU COMPARAISON CORDES */
.rope-compare {
  border: 1px solid #e5e5e5;
  padding: 15px;
  background: #fafafa;
  border-radius: 6px;
}

/* BOUTONS GLOBAL BOUTIQUE */

button,
.btn,
.btn-primary,
.btn-secondary,
.add-to-cart,
button[data-button-action="add-to-cart"],
button.tw-bg-blue-500 {
  background: #9e2a2b !important;
  border-color: #9e2a2b !important;
  color: #fff !important;
}

button:hover,
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.add-to-cart:hover,
button[data-button-action="add-to-cart"]:hover,
button.tw-bg-blue-500:hover {
  background: #7d1f20 !important;
  border-color: #7d1f20 !important;
}
/* couleur des titres produits */

.product-title a,
.products .product-title a,
.product-miniature .product-title a,
.product-miniature h3 a,
.product-miniature h2 a {
  color:#9e2a2b !important;
}

/* hover titre produit */

.product-title a:hover,
.products .product-title a:hover,
.product-miniature .product-title a:hover,
.product-miniature h3 a:hover,
.product-miniature h2 a:hover {
  color:#7d1f20 !important;
}