/**
 * Folies Secrètes — Cross-selling « Vous aimerez aussi » premium
 * VERROUILLÉ — tranche 1D validée 2026-05-23 (GO utilisateur)
 * Ne pas modifier sans nouveau GO explicite. Pas de bump CSS global pour visuels source faibles.
 *
 * Scope : body#product #category_products_container + strelatedproducts
 * Navigation : image + titre → fiche produit (pas de CTA visible)
 * Rendu : contain centré, max 92%/88%, hover titre/prix respirant, pas d’e-commerce agressif
 */

body#product #category_products_container,
body#product [id^="strelatedproducts_container"] {
  --fs-xsell-canvas-min-h: clamp(200px, 22vw, 268px);
  --fs-xsell-canvas-pad: clamp(0.5rem, 0.85vw, 0.72rem);
  --fs-xsell-img-max-w: 92%;
  --fs-xsell-img-max-h: 88%;
  max-width: var(--fs-pro-inner, min(96rem, calc(100vw - clamp(1rem, 2.5vw, 2.25rem)))) !important;
  margin: clamp(2.5rem, 4vw, 3.25rem) auto clamp(2.75rem, 4.5vw, 3.5rem) !important;
  padding: 0 clamp(0.85rem, 2vw, 1.5rem) !important;
}

body#product #category_products_container .products_section,
body#product [id^="strelatedproducts_container"] .products_section {
  margin: 0 !important;
  padding: 0 !important;
}

/* —— Titre section —— */
body#product #category_products_container .title_block,
body#product [id^="strelatedproducts_container"] .title_block {
  margin: 0 0 clamp(1.35rem, 2.5vw, 1.75rem) !important;
  padding: 0 0 clamp(0.85rem, 1.5vw, 1.1rem) !important;
  border-bottom: 1px solid var(--fs-line, rgba(26, 23, 22, 0.08)) !important;
  align-items: flex-end !important;
}

body#product #category_products_container .title_block::before,
body#product [id^="strelatedproducts_container"] .title_block::before {
  content: none !important;
  display: none !important;
}

body#product #category_products_container .title_block_inner,
body#product [id^="strelatedproducts_container"] .title_block_inner {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

body#product #category_products_container .title_block_inner::before,
body#product [id^="strelatedproducts_container"] .title_block_inner::before {
  content: "Vous aimerez aussi";
  display: block;
  font-family: var(--fs-font-serif, "Cormorant Garamond", Georgia, serif) !important;
  font-size: clamp(1.65rem, 2.6vw, 2.05rem) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: var(--fs-ink, #1a1716) !important;
}

body#product #category_products_container .title_block_inner::after,
body#product [id^="strelatedproducts_container"] .title_block_inner::after {
  content: none !important;
  display: none !important;
}

/* —— Slider container —— */
body#product #category_products_container .products_slider,
body#product #category_products_container .block_content,
body#product [id^="strelatedproducts_container"] .products_slider,
body#product [id^="strelatedproducts_container"] .block_content {
  overflow: visible !important;
}

body#product #category_products_container .swiper-container,
body#product [id^="strelatedproducts_container"] .swiper-container {
  padding: 0.25rem 0 0.5rem !important;
  overflow: hidden !important;
}

/* Wrapper slide neutre (style carte sur .pro_outer_box) */
body#product #category_products_container .swiper-slide,
body#product [id^="strelatedproducts_container"] .swiper-slide {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  transition: none !important;
}

body#product #category_products_container .swiper-slide:hover,
body#product [id^="strelatedproducts_container"] .swiper-slide:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* —— Carte produit —— */
body#product #category_products_container .ajax_block_product,
body#product [id^="strelatedproducts_container"] .ajax_block_product {
  height: 100% !important;
}

body#product #category_products_container .pro_outer_box,
body#product [id^="strelatedproducts_container"] .pro_outer_box {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: clamp(0.85rem, 1.4vw, 1.15rem) !important;
  margin: 0 !important;
  background: var(--fs-ivory, #fdfcfa) !important;
  border: 1px solid var(--fs-line, rgba(26, 23, 22, 0.08)) !important;
  border-radius: clamp(10px, 1.2vw, 14px) !important;
  box-shadow: var(--fs-shadow-soft, 0 10px 28px rgba(26, 23, 22, 0.04)) !important;
  transition:
    transform 0.4s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)),
    box-shadow 0.4s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)),
    border-color 0.35s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

/* —— Hover carte (langage catégorie / homepage — sans zoom image) —— */
body#product #category_products_container .ajax_block_product:hover .pro_outer_box,
body#product #category_products_container .pro_outer_box:hover,
body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_outer_box,
body#product [id^="strelatedproducts_container"] .pro_outer_box:hover {
  transform: translateY(-3px) !important;
  border-color: var(--fs-line-strong, rgba(26, 23, 22, 0.14)) !important;
  box-shadow: var(--fs-shadow-lift, 0 20px 48px rgba(26, 23, 22, 0.06)) !important;
}

body#product #category_products_container .ajax_block_product:hover .pro_second_box,
body#product #category_products_container .pro_outer_box:hover .pro_second_box,
body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_second_box,
body#product [id^="strelatedproducts_container"] .pro_outer_box:hover .pro_second_box {
  background: rgba(245, 240, 234, 0.52) !important;
  padding: clamp(0.55rem, 0.95vw, 0.72rem) clamp(0.2rem, 0.5vw, 0.4rem) clamp(0.5rem, 0.9vw, 0.68rem) !important;
  border-radius: clamp(6px, 0.85vw, 10px) !important;
}

body#product #category_products_container .ajax_block_product:hover .s_title_block a,
body#product #category_products_container .pro_outer_box:hover .s_title_block a,
body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .s_title_block a,
body#product [id^="strelatedproducts_container"] .pro_outer_box:hover .s_title_block a {
  color: var(--fs-ink-soft, #4a4543) !important;
  font-weight: 600 !important;
}

/* Neutraliser hover customer-s1 sur .swiper-slide (évite double lift + zoom) */
body#product #category_products_container .swiper-slide:hover,
body#product [id^="strelatedproducts_container"] .swiper-slide:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

body#product #category_products_container .swiper-slide:hover img,
body#product [id^="strelatedproducts_container"] .swiper-slide:hover img {
  transform: none !important;
  filter: none !important;
}

/* —— Image 1C : écrin aéré, produit entier centré (surcharge customer-s1) —— */
body#product #category_products_container .pro_first_box,
body#product [id^="strelatedproducts_container"] .pro_first_box {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin-bottom: clamp(0.7rem, 1.25vw, 0.95rem) !important;
  padding: 0 !important;
  border-radius: clamp(8px, 1vw, 12px) !important;
  overflow: hidden !important;
  background: linear-gradient(165deg, #faf8f5 0%, #f0ebe6 100%) !important;
  transition: background 0.4s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

body#product #category_products_container .product_img_link,
body#product [id^="strelatedproducts_container"] .product_img_link {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: var(--fs-xsell-canvas-min-h) !important;
  aspect-ratio: 5 / 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: clamp(6px, 0.9vw, 10px) !important;
  overflow: hidden !important;
  background: transparent !important;
  position: relative !important;
  text-align: center !important;
}

body#product #category_products_container .product_img_link picture,
body#product #category_products_container .product_img_link .front_image_pic,
body#product [id^="strelatedproducts_container"] .product_img_link picture,
body#product [id^="strelatedproducts_container"] .product_img_link .front_image_pic {
  position: absolute !important;
  inset: var(--fs-xsell-canvas-pad) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Produit centré — max % du canvas intérieur, jamais width/height 100 % forcés */
body#product #category_products_container .ajax_block_product .pro_outer_box .pro_first_box .product_img_link img,
body#product #category_products_container .ajax_block_product .pro_outer_box .pro_first_box .product_img_link img.front-image,
body#product #category_products_container .ajax_block_product .pro_outer_box .pro_first_box .product_img_link .front-image,
body#product #category_products_container .ajax_block_product .pro_outer_box .pro_first_box .product_img_link .front_image_pic img,
body#product [id^="strelatedproducts_container"] .ajax_block_product .pro_outer_box .pro_first_box .product_img_link img,
body#product [id^="strelatedproducts_container"] .ajax_block_product .pro_outer_box .pro_first_box .product_img_link img.front-image,
body#product [id^="strelatedproducts_container"] .ajax_block_product .pro_outer_box .pro_first_box .product_img_link .front-image,
body#product [id^="strelatedproducts_container"] .ajax_block_product .pro_outer_box .pro_first_box .product_img_link .front_image_pic img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: var(--fs-xsell-img-max-w) !important;
  max-height: var(--fs-xsell-img-max-h) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  justify-self: center !important;
}

body#product #category_products_container .ajax_block_product:hover .pro_first_box,
body#product #category_products_container .pro_outer_box:hover .pro_first_box,
body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_first_box,
body#product [id^="strelatedproducts_container"] .pro_outer_box:hover .pro_first_box {
  background: linear-gradient(165deg, #f7f2ed 0%, #ebe4dc 100%) !important;
}

body#product #category_products_container .ajax_block_product:hover .pro_outer_box .pro_first_box .product_img_link img,
body#product #category_products_container .ajax_block_product:hover .pro_outer_box .pro_first_box .product_img_link .front-image,
body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_outer_box .pro_first_box .product_img_link img,
body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_outer_box .pro_first_box .product_img_link .front-image {
  transform: none !important;
  filter: none !important;
}

/* —— Texte produit —— */
body#product #category_products_container .pro_second_box,
body#product [id^="strelatedproducts_container"] .pro_second_box {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  background: transparent !important;
  padding: clamp(0.12rem, 0.3vw, 0.2rem) clamp(0.15rem, 0.45vw, 0.35rem) clamp(0.2rem, 0.45vw, 0.32rem) !important;
  text-align: center !important;
  border-radius: 0 0 clamp(6px, 0.85vw, 10px) clamp(6px, 0.85vw, 10px) !important;
  transition:
    background-color 0.4s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)),
    padding 0.4s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

body#product #category_products_container .mini_name,
body#product [id^="strelatedproducts_container"] .mini_name {
  margin-bottom: clamp(0.4rem, 0.8vw, 0.55rem) !important;
}

body#product #category_products_container .s_title_block,
body#product #category_products_container .s_title_block.flex_child,
body#product [id^="strelatedproducts_container"] .s_title_block,
body#product [id^="strelatedproducts_container"] .s_title_block.flex_child {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
}

body#product #category_products_container .s_title_block a,
body#product [id^="strelatedproducts_container"] .s_title_block a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  font-family: var(--fs-font-sans, "Manrope", system-ui, sans-serif) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.08rem) !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  color: var(--fs-ink, #1a1716) !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color 0.22s ease !important;
}

body#product #category_products_container .s_title_block a:hover,
body#product [id^="strelatedproducts_container"] .s_title_block a:hover {
  color: var(--fs-ink-soft, #4a4543) !important;
}

body#product #category_products_container .product-price-and-shipping,
body#product [id^="strelatedproducts_container"] .product-price-and-shipping {
  margin-top: clamp(0.4rem, 0.85vw, 0.55rem) !important;
  padding: 0 !important;
  text-align: center !important;
}

body#product #category_products_container .product-price-and-shipping .price,
body#product #category_products_container .price,
body#product [id^="strelatedproducts_container"] .product-price-and-shipping .price,
body#product [id^="strelatedproducts_container"] .price {
  font-family: var(--fs-font-sans, "Manrope", system-ui, sans-serif) !important;
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  font-weight: 600 !important;
  color: var(--fs-ink, #1a1716) !important;
  letter-spacing: 0.03em !important;
}

body#product #category_products_container .tax-shipping-delivery-label,
body#product #category_products_container .product-price-and-shipping .tax_label,
body#product [id^="strelatedproducts_container"] .tax-shipping-delivery-label,
body#product [id^="strelatedproducts_container"] .product-price-and-shipping .tax_label {
  display: inline-block !important;
  margin-left: 0.35rem !important;
  font-family: var(--fs-font-sans, "Manrope", system-ui, sans-serif) !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--fs-gold, #b8956b) !important;
  opacity: 0.9 !important;
}

/* —— Masquages : aucun bruit e-commerce / CTA panier —— */
body#product #category_products_container .hover_fly,
body#product #category_products_container .hover_fly_btn,
body#product #category_products_container .act_box_cart,
body#product #category_products_container .act_box_inner,
body#product #category_products_container .ajax_add_to_cart_button,
body#product #category_products_container a.view_button,
body#product #category_products_container .s_quantity_wanted,
body#product #category_products_container .add_to_love,
body#product #category_products_container .wishlist_button,
body#product #category_products_container .quick-view,
body#product #category_products_container .stcompare_add,
body#product #category_products_container .product-desc,
body#product #category_products_container .pro_list_manufacturer,
body#product #category_products_container .pro_list_reference,
body#product #category_products_container .back_image_pic,
body#product #category_products_container .variant-links,
body#product [id^="strelatedproducts_container"] .hover_fly,
body#product [id^="strelatedproducts_container"] .hover_fly_btn,
body#product [id^="strelatedproducts_container"] .act_box_cart,
body#product [id^="strelatedproducts_container"] .act_box_inner,
body#product [id^="strelatedproducts_container"] .ajax_add_to_cart_button,
body#product [id^="strelatedproducts_container"] a.view_button,
body#product [id^="strelatedproducts_container"] .s_quantity_wanted,
body#product [id^="strelatedproducts_container"] .add_to_love,
body#product [id^="strelatedproducts_container"] .wishlist_button,
body#product [id^="strelatedproducts_container"] .quick-view,
body#product [id^="strelatedproducts_container"] .stcompare_add,
body#product [id^="strelatedproducts_container"] .product-desc,
body#product [id^="strelatedproducts_container"] .pro_list_manufacturer,
body#product [id^="strelatedproducts_container"] .pro_list_reference,
body#product [id^="strelatedproducts_container"] .back_image_pic,
body#product [id^="strelatedproducts_container"] .variant-links {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* —— Flèches slider premium (header) —— */
body#product #category_products_container .title_block .swiper-button-tr .swiper-button,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
  background-color: rgba(253, 252, 250, 0.96) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 0.78rem 0.78rem !important;
  border: 1px solid rgba(184, 149, 107, 0.42) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(26, 23, 22, 0.08) !important;
  color: transparent !important;
  opacity: 1 !important;
  overflow: visible !important;
  transition:
    background-color 0.22s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)),
    background-image 0.22s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)),
    border-color 0.22s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)),
    box-shadow 0.22s var(--fs-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button i,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button i {
  display: none !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button-prev,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%234a4543' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M14.5 7.5L9 12l5.5 4.5'/%3E%3C/svg%3E") !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button-next,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%234a4543' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M9.5 7.5L15 12l-5.5 4.5'/%3E%3C/svg%3E") !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button:hover,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button:hover {
  background-color: rgba(255, 254, 251, 0.99) !important;
  border-color: var(--fs-gold, #b8956b) !important;
  box-shadow: 0 8px 20px rgba(26, 23, 22, 0.1) !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button-prev:hover,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23b8956b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M14.5 7.5L9 12l5.5 4.5'/%3E%3C/svg%3E") !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button-next:hover,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23b8956b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M9.5 7.5L15 12l-5.5 4.5'/%3E%3C/svg%3E") !important;
}

body#product #category_products_container .title_block .swiper-button-tr .swiper-button.swiper-button-disabled,
body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button.swiper-button-disabled {
  opacity: 0.32 !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  body#product #category_products_container,
  body#product [id^="strelatedproducts_container"] {
    padding-inline: 1rem !important;
    margin-top: 2rem !important;
  }

  body#product #category_products_container .title_block_inner::before,
  body#product [id^="strelatedproducts_container"] .title_block_inner::before {
    font-size: 1.55rem !important;
  }

  body#product #category_products_container,
  body#product [id^="strelatedproducts_container"] {
    --fs-xsell-canvas-min-h: clamp(188px, 44vw, 232px);
    --fs-xsell-canvas-pad: clamp(0.45rem, 0.75vw, 0.62rem);
    --fs-xsell-img-max-w: 93%;
    --fs-xsell-img-max-h: 89%;
  }

  body#product #category_products_container .product_img_link,
  body#product [id^="strelatedproducts_container"] .product_img_link {
    aspect-ratio: 4 / 5 !important;
  }

  body#product #category_products_container .ajax_block_product:hover .pro_outer_box,
  body#product #category_products_container .pro_outer_box:hover,
  body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_outer_box,
  body#product [id^="strelatedproducts_container"] .pro_outer_box:hover {
    transform: none !important;
    box-shadow: var(--fs-shadow-soft, 0 10px 28px rgba(26, 23, 22, 0.04)) !important;
  }

  body#product #category_products_container .ajax_block_product:hover .pro_second_box,
  body#product #category_products_container .pro_outer_box:hover .pro_second_box,
  body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_second_box,
  body#product [id^="strelatedproducts_container"] .pro_outer_box:hover .pro_second_box {
    background: transparent !important;
  }

  body#product #category_products_container .ajax_block_product:hover .pro_first_box,
  body#product [id^="strelatedproducts_container"] .ajax_block_product:hover .pro_first_box {
    background: linear-gradient(165deg, #f5f0ea 0%, #e8e2da 100%) !important;
  }

  body#product #category_products_container .title_block .swiper-button-tr .swiper-button,
  body#product [id^="strelatedproducts_container"] .title_block .swiper-button-tr .swiper-button {
    width: 2.1rem !important;
    height: 2.1rem !important;
    min-width: 2.1rem !important;
    min-height: 2.1rem !important;
  }
}