/**
 * Retour QA Arnaud — ventes croisées / accessoires : style carte aligné grille catégorie.
 * Scope strict : #product #eo-accessories et #product #crossselling uniquement.
 * Tokens calqués sur grid-lightening.css (catégorie CRO).
 */

#product #eo-accessories .products-list-slider.slick-slider .slick-track,
#product #crossselling .products-list-slider.slick-slider .slick-track {
  display: flex;
}

#product #eo-accessories .products-list-slider.slick-slider .slick-slide,
#product #crossselling .products-list-slider.slick-slider .slick-slide {
  height: auto;
}

#product #eo-accessories .products-list-slider.slick-slider .slick-slide > div,
#product #crossselling .products-list-slider.slick-slider .slick-slide > div {
  height: 100%;
}

#product #eo-accessories .products-list-slider .product-card,
#product #crossselling .products-list-slider .product-card {
  background: transparent;
  border: 0 !important;
  height: 100%;
  padding: 0 10px;
}

#product #eo-accessories .products-list-slider .product-card:hover,
#product #crossselling .products-list-slider .product-card:hover {
  border: 0 !important;
}

#product #eo-accessories .products-list-slider .product-card .product-container,
#product #crossselling .products-list-slider .product-card .product-container {
  background: var(--surface-light);
  border: 1px solid transparent;
  border-radius: 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 12px;
  transition: border-color 0.2s ease;
}

#product #eo-accessories .products-list-slider .product-card .product-container:hover,
#product #crossselling .products-list-slider .product-card .product-container:hover {
  border-color: var(--prozon-dark-grey-color) !important;
}

#product #eo-accessories .product-card__img-container,
#product #crossselling .product-card__img-container {
  margin-bottom: 12px;
}

#product #eo-accessories .product-card__name,
#product #crossselling .product-card__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
}

#product #eo-accessories .product-card__name-container,
#product #crossselling .product-card__name-container {
  margin-bottom: 6px;
}

#product #eo-accessories .product-card__price,
#product #crossselling .product-card__price {
  color: var(--prozon-black-color) !important;
  font-size: 19px;
  font-weight: 700;
}

#product #eo-accessories .product-card__price small,
#product #crossselling .product-card__price small {
  color: #6b6b6b;
}

@media (max-width: 767px) {
  #product #eo-accessories .products-list-slider .product-card {
    padding: 0 8px;
  }

  #product #crossselling .products-list-slider .product-card {
    padding: 0 8px;
  }

  #product #eo-accessories .products-list-slider .product-card .product-container,
  #product #crossselling .products-list-slider .product-card .product-container {
    padding: 12px 10px;
  }

  #product #eo-accessories .product-card__price,
  #product #crossselling .product-card__price {
    font-size: 16px;
  }
}