/* Start custom CSS for page-settings *//* =========================================================
   CASH EXPERT — CATEGORY FÊTE DES MÈRES PREMIUM
========================================================= */

/* =========================================================
   FOND PAGE
========================================================= */

body#category{
  background:
    linear-gradient(
      180deg,
      #fff7f8 0%,
      #fffafa 34%,
      #fdf1f3 68%,
      #ffffff 100%
    ) !important;
}

/* =========================================================
   MASQUER ELEMENTS NATIFS
========================================================= */

body#category h1,
body#category .h1,
body#category .page-title,
body#category #js-product-list-header,
body#category .block-category,
body#category #subcategories,
body#category .subcategories{
  display:none !important;
}

/* =========================================================
   BARRE TRI
========================================================= */

body#category #js-product-list-top,
body#category .products-selection{
  max-width:1260px !important;
  margin:18px auto 30px auto !important;
  padding:10px 14px !important;
  background:#ffffff !important;
  border:none !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(219,86,115,.12) !important;
}

body#category .products-selection .row,
body#category #js-product-list-top .row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
}

body#category .products-selection .display,
body#category #js-product-list-top .display{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

body#category .products-selection .display a,
body#category #js-product-list-top .display a{
  width:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  border-radius:10px !important;
  background:#fff5f7 !important;
  color:#cf4f70 !important;
  box-shadow:0 4px 12px rgba(219,86,115,.08) !important;
}

body#category .products-selection .display .selected a,
body#category #js-product-list-top .display .selected a,
body#category .products-selection .display a:hover,
body#category #js-product-list-top .display a:hover{
  background:#e85d7d !important;
  color:#ffffff !important;
}

body#category .products-sort-order,
body#category .sort-by-row{
  margin-left:auto !important;
}

body#category .products-selection .sort-by,
body#category #js-product-list-top .sort-by{
  color:#6b4b55 !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin-right:10px !important;
}

body#category .products-selection .dropdown-toggle,
body#category #js-product-list-top .dropdown-toggle,
body#category .products-selection .select-title,
body#category #js-product-list-top .select-title{
  min-width:230px !important;
  min-height:42px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:#fff1f4 !important;
  border:none !important;
  border-radius:13px !important;
  color:#c94366 !important;
  font-size:14px !important;
  font-weight:950 !important;
  box-shadow:0 6px 16px rgba(219,86,115,.10) !important;
}

/* =========================================================
   GRILLE
========================================================= */

body#category .products{
  max-width:1260px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}

/* =========================================================
   PRODUITS
========================================================= */

body#category .products .product-miniature,
body#category #js-product-list .products article.product-miniature,
body#category #js-product-list .products .js-product-miniature{
  position:relative !important;
  margin-bottom:30px !important;
  padding:0 10px !important;
  text-align:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* =========================================================
   RESET CADRES NATIFS
========================================================= */

body#category #js-product-list .products .product-miniature,
body#category #js-product-list .products .thumbnail-top,
body#category #js-product-list .products .product-thumbnail,
body#category #js-product-list .products .product-thumbnail a,
body#category #js-product-list .products .product-thumbnail picture,
body#category #js-product-list .products .product-description,
body#category #js-product-list .products .product-container,
body#category .products [class*="thumb"],
body#category .products [class*="image"],
body#category .products [class*="cover"]{
  background:transparent !important;
  background-color:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}

/* =========================================================
   CARTE BLANCHE PREMIUM
========================================================= */

body#category .products .thumbnail-container{
  position:relative !important;
  height:100% !important;
  min-height:455px !important;
  padding:18px 16px 118px !important;
  background:#ffffff !important;
  border:1px solid rgba(232,93,125,.10) !important;
  border-radius:24px !important;
  box-shadow:0 12px 32px rgba(219,86,115,.10) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
  overflow:hidden !important;
}

body#category .products .thumbnail-container:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 46px rgba(219,86,115,.16) !important;
}

/* =========================================================
   BADGES FÊTE DES MÈRES
========================================================= */

body#category .products .thumbnail-container::before{
  content:"SPÉCIALE MAMAN" !important;
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  z-index:10 !important;
  padding:6px 10px !important;
  background:linear-gradient(180deg,#f06a8a 0%,#d9486a 100%) !important;
  color:#ffffff !important;
  border-radius:8px !important;
  font-size:9px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.3px !important;
}

body#category .products .thumbnail-container::after{
  content:"TESTÉ & VALIDÉ ♡" !important;
  position:absolute !important;
  top:45px !important;
  left:14px !important;
  z-index:10 !important;
  padding:6px 9px !important;
  background:#fff1f4 !important;
  color:#d9486a !important;
  border-radius:8px !important;
  font-size:9px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

/* =========================================================
   IMAGE
========================================================= */

body#category #js-product-list .products .product-thumbnail{
  height:215px !important;
  min-height:215px !important;
  margin:0 0 14px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

body#category #js-product-list .products .product-thumbnail a,
body#category #js-product-list .products .product-thumbnail picture{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body#category #js-product-list .products .product-thumbnail img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:180px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  transition:transform .22s ease !important;
}

body#category .products .thumbnail-container:hover .product-thumbnail img{
  transform:scale(1.045) !important;
}

/* =========================================================
   WISHLIST
========================================================= */

body#category .product-miniature .wishlist-button-add,
body#category .product-miniature .btn-product-wishlist,
body#category .product-miniature .wishlist-button{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:60 !important;
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(219,86,115,.14) !important;
}

/* =========================================================
   TITRE PRODUIT
========================================================= */

body#category .products .product-title,
body#category .products h3.product-title,
body#category .products .h3.product-title{
  margin:0 0 4px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:#111111 !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.28 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  letter-spacing:.2px !important;
}

body#category .products .product-title a{
  color:#111111 !important;
  text-decoration:none !important;
  font-weight:950 !important;
}

/* =========================================================
   SOUS TEXTE
========================================================= */

body#category .products .product-title::after{
  content:"Contrôlé • Testé • Disponible magasin" !important;
  display:block !important;
  margin-top:9px !important;
  color:#7a6470 !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:none !important;
}

/* =========================================================
   PRIX
========================================================= */

body#category .product-price-and-shipping{
  margin:14px 0 0 !important;
  padding:0 !important;
  text-align:center !important;
}

body#category .product-price-and-shipping .price,
body#category .product-price-and-shipping .current-price,
body#category .product-price-and-shipping [itemprop="price"]{
  display:block !important;
  color:#e85d7d !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1.1 !important;
}

/* =========================================================
   VRAI BOUTON CLIQUABLE
========================================================= */

body#category .product-price-and-shipping::after{
  display:none !important;
  content:none !important;
}

body#category .products .product-title a::after{
  content:"Voir l'offre" !important;
  position:absolute !important;
  left:50% !important;
  bottom:78px !important;
  z-index:25 !important;
  transform:translateX(-50%) !important;
  width:210px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#f06a8a 0%,#d9486a 100%) !important;
  color:#ffffff !important;
  border-radius:12px !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-transform:none !important;
  box-shadow:0 10px 22px rgba(219,86,115,.25) !important;
  cursor:pointer !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body#category .products .product-title a:hover::after{
  transform:translateX(-50%) translateY(-2px) scale(1.02) !important;
  filter:brightness(1.04) !important;
  box-shadow:0 16px 30px rgba(219,86,115,.34) !important;
}

/* =========================================================
   EXPEDITION
========================================================= */

body#category .product-description::after{
  content:"🚚 Expédition 24/48h" !important;
  position:absolute !important;
  left:50% !important;
  bottom:40px !important;
  z-index:30 !important;
  transform:translateX(-50%) !important;
  display:block !important;
  margin:0 !important;
  white-space:nowrap !important;
  color:#4b3340 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

/* =========================================================
   SUPPRIMER NOUVEAU
========================================================= */

body#category .product-flags,
body#category .product-flag,
body#category .product-flag.new,
body#category .new,
body#category li.product-flag{
  display:none !important;
}

/* =========================================================
   MASQUAGES
========================================================= */

body#category .regular-price,
body#category .discount-percentage,
body#category .product-discount,
body#category .product-price-and-shipping .sr-only,
body#category .price-from,
body#category .from,
body#category .highlighted-informations,
body#category .quick-view,
body#category .variant-links,
body#category .comments_note,
body#category .product-list-reviews,
body#category .compare,
body#category .availability,
body#category .color-list-container{
  display:none !important;
}

/* =========================================================
   PANIER QUICK VIEW TOUJOURS ROSE
========================================================= */

body#category .ajax_add_to_cart_button,
body#category .add-to-cart,
body#category .leo-bt-cart,
body#category .button-container .btn,
body#category .product-miniature .cart-button,
body#category .product-miniature .btn-cart,
body#category .product-miniature .ajax_add_to_cart_button{
  background:#d9486a !important;
  background-color:#d9486a !important;
  border:none !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(219,86,115,.25) !important;
}

body#category .ajax_add_to_cart_button:hover,
body#category .add-to-cart:hover,
body#category .leo-bt-cart:hover,
body#category .button-container .btn:hover,
body#category .product-miniature .cart-button:hover,
body#category .product-miniature .btn-cart:hover,
body#category .product-miniature .ajax_add_to_cart_button:hover{
  background:#f06a8a !important;
  background-color:#f06a8a !important;
  color:#ffffff !important;
  border:none !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:991px){

  body#category{
    background:#ffffff !important;
  }

  body#category #wrapper{
    background:
      linear-gradient(
        180deg,
        #ffffff 0px,
        #fff7f8 120px,
        #fdecef 360px,
        #fff6f7 72%,
        #ffffff 100%
      ) !important;
  }

  body#category .products-selection .display,
  body#category #js-product-list-top .display,
  body#category .products-selection .view-mode,
  body#category #js-product-list-top .view-mode,
  body#category .products-selection .grid-list,
  body#category #js-product-list-top .grid-list{
    display:none !important;
  }

  body#category .products-selection,
  body#category #js-product-list-top{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    padding:0 !important;
    margin:12px 0 18px !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }

  body#category .products-selection .row,
  body#category #js-product-list-top .row,
  body#category .products-selection .row > div,
  body#category #js-product-list-top .row > div{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    float:none !important;
    flex:none !important;
  }

  body#category .products-sort-order,
  body#category .sort-by-row{
    width:240px !important;
    max-width:240px !important;
    margin:0 auto !important;
    position:static !important;
    transform:none !important;
  }

  body#category .products-selection .dropdown-toggle,
  body#category #js-product-list-top .dropdown-toggle,
  body#category .products-selection .select-title,
  body#category #js-product-list-top .select-title{
    width:240px !important;
    min-width:240px !important;
    height:40px !important;
    margin:0 auto !important;
    border-radius:12px !important;
    background:#ffffff !important;
    border:1px solid #f3c8d3 !important;
    color:#d9486a !important;
    box-shadow:0 6px 16px rgba(219,86,115,.12) !important;
  }

  body#category .products{
    padding:0 6px !important;
    background:transparent !important;
  }

  body#category .products .product-miniature{
    padding:0 6px !important;
    margin-bottom:16px !important;
  }

  body#category .products .thumbnail-container{
    min-height:405px !important;
    padding:14px 10px 108px !important;
    border-radius:20px !important;
  }

  body#category #js-product-list .products .product-thumbnail{
    height:170px !important;
    min-height:170px !important;
  }

  body#category #js-product-list .products .product-thumbnail img{
    max-height:140px !important;
  }

  body#category .products .product-title,
  body#category .products h3.product-title,
  body#category .products .h3.product-title{
    font-size:11px !important;
  }

  body#category .product-price-and-shipping{
    margin-top:10px !important;
  }

  body#category .product-price-and-shipping .price,
  body#category .product-price-and-shipping .current-price,
  body#category .product-price-and-shipping [itemprop="price"]{
    font-size:19px !important;
  }

  body#category .products .product-title a::after{
    width:180px !important;
    height:38px !important;
    bottom:72px !important;
    font-size:12px !important;
  }

  body#category .product-description::after{
    bottom:36px !important;
    font-size:10px !important;
  }
}/* End custom CSS */