.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#797979;--e-global-color-accent:#C7A27C;--e-global-color-f172117:#000000;--e-global-color-c2fb663:#EEEEEE;--e-global-color-6437901:#000000;--e-global-color-fd1f64b:#FFFFFF;--e-global-color-d7084a7:#C2F377;--e-global-color-0061c75:#C7A27C;--e-global-color-afe0e7a:#D10C43;--e-global-color-3f9cea9:#C7A27C;--e-global-color-b582070:#CB1F1F;--e-global-typography-primary-font-family:"Oswald";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Oswald";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Oswald";--e-global-typography-accent-font-weight:500;--e-preloader-animation-duration:800ms;--e-preloader-delay:0ms;--e-preloader-width:10%;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-fd1f64b );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0em;--container-default-padding-right:2em;--container-default-padding-bottom:0em;--container-default-padding-left:2em;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1540px){.elementor-kit-6{--e-preloader-width:180px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:480px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-6{--e-preloader-width:33%;}}
/* Start custom CSS *//* ==================================================
   ROLINA – PRODUCT CARDS / WERK HOME 5
   ================================================== */


/* ---------- Product image ---------- */

.home5-product-image-box {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
}

.home5-product-image-box .home5-primary-img,
.home5-product-image-box .home5-secondary-img {
  display: block !important;
  width: 100% !important;
  transition: opacity .35s ease, transform .35s ease !important;
}

/* Secondary image */
.home5-product-image-box .home5-secondary-img {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

/* Image hover */
.home5-product-image-box:hover .home5-primary-img {
  opacity: 0 !important;
}

.home5-product-image-box:hover .home5-secondary-img {
  opacity: 1 !important;
  transform: scale(1.04) !important;
}


/* ---------- Hover button ---------- */

.home5-hover-product-btn {
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  z-index: 30 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate(-50%, 16px) !important;

  padding: 13px 32px !important;
  border: none !important;
  border-radius: 35px !important;

  background-color: #C7A27C !important;
  color: #ffffff !important;

  font-family: "Lato", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  transition:
    opacity .30s ease,
    transform .30s ease,
    background-color .30s ease !important;
}

.home5-product-image-box:hover .home5-hover-product-btn {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, 0) !important;
}

.home5-hover-product-btn:hover {
  background-color: #111111 !important;
  color: #ffffff !important;
}


/* ---------- Product content ---------- */

.woocommerce ul.products li.product,
.wdt-product-item,
.wdt-products-holder .product {
  text-align: center !important;
}

.home5-product-info,
.wdt-product-content,
.woocommerce ul.products li.product .product-details {
  margin: 0 !important;
  padding: 0 10px !important;
  text-align: center !important;
}


/* ---------- Product category ---------- */

.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .product-category,
.wdt-product-category,
.wdt-product-categories,
.home5-product-cat {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;

  text-align: center !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: #8a8a8a !important;
}


/* ---------- Product title ---------- */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-loop-product__title,
.wdt-product-title,
.wdt-product-title a,
.home5-product-title,
.home5-product-title a,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  margin: 0 0 8px !important;
  padding: 0 !important;

  text-align: center !important;
  font-family: "Marcellus", Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  color: #111111 !important;
  text-decoration: none !important;
}


/* ---------- Product price ---------- */

.woocommerce ul.products li.product .price,
.wdt-product-price,
.home5-product-price {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}

.woocommerce ul.products li.product .price .amount,
.wdt-product-price .amount,
.home5-product-price .amount,
.price .amount {
  font-weight: 600 !important;
  color: #333333 !important;
}


/* ---------- Rating ---------- */

.woocommerce ul.products li.product .star-rating,
.wdt-rating {
  margin: 8px auto 10px !important;
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

  .home5-product-image-box {
    margin-bottom: 20px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-loop-product__title,
  .wdt-product-title,
  .wdt-product-title a,
  .home5-product-title,
  .home5-product-title a,
  .woocommerce ul.products li.product h2,
  .woocommerce ul.products li.product h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .woocommerce ul.products li.product .price,
  .wdt-product-price,
  .home5-product-price {
    font-size: 15px !important;
  }

  .home5-hover-product-btn {
    bottom: 16px !important;
    padding: 11px 24px !important;
    font-size: 13px !important;
  }
}




@media (max-width: 767px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}





/* =========================================
   ROLINA — PRODUITS 5 COLONNES SITE COMPLET
========================================= */

/* Desktop + Laptop */
@media (min-width: 1025px) {

  body .woocommerce ul.products,
  body.woocommerce-page ul.products,
  body .elementor-widget-wc-archive-products ul.products,
  body .elementor-widget-woocommerce-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 38px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .woocommerce ul.products::before,
  body .woocommerce ul.products::after,
  body.woocommerce-page ul.products::before,
  body.woocommerce-page ul.products::after {
    display: none !important;
    content: none !important;
  }

  body .woocommerce ul.products li.product,
  body.woocommerce-page ul.products li.product,
  body .elementor-widget-wc-archive-products ul.products li.product,
  body .elementor-widget-woocommerce-products ul.products li.product {
    float: none !important;
    clear: none !important;

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

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

/* Tablette */
@media (min-width: 768px) and (max-width: 1024px) {

  body .woocommerce ul.products,
  body.woocommerce-page ul.products,
  body .elementor-widget-wc-archive-products ul.products,
  body .elementor-widget-woocommerce-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 32px 16px !important;
  }

  body .woocommerce ul.products li.product,
  body.woocommerce-page ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {

  body .woocommerce ul.products,
  body.woocommerce-page ul.products,
  body .elementor-widget-wc-archive-products ul.products,
  body .elementor-widget-woocommerce-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 12px !important;
  }

  body .woocommerce ul.products li.product,
  body.woocommerce-page ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}/* End custom CSS */