/* Add custom CSS styles below */ 

/* MAGDY-YAFA */
/* MAKE-PRODUCT-CARD-LIGHT */
.product-card {
  position: relative;
  border-radius: 16px;
  background: #111;
  z-index: 1;
}

.product-card::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 18px;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    #00f0ff 60deg,
    #8a2be2 120deg,
    #ff00c8 180deg,
    transparent 240deg
  );
  animation: spinBorder 3s linear infinite;
  z-index: -1;
}

.product-card::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: inherit;
  border-radius: 14px;
  z-index: -1;
}

@keyframes spinBorder {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* --------------------------------------------- */

.descriptive-heading-action-button, 
.descriptive-heading-action-button-text {
  background: #ab2ed5;
}


.product-card-content-media-discount-icon {
  color: #ab2ed5;
}



.s-button-element:not(:disabled):not([loading]) {
  background: #ab2ed5;
  border-color: #ab2ed5;
}

.is-sticky-product-bar .sticky-product-bar:is(.dark *) {
  background-color: black;
}

.shadow-\[0px_3px_16px_0px_rgba\(47\2c 83\2c 109\2c 0\.12\)\] {
  background-color: black;
}

.product-card-actions-add-to-cart:hover {
  background: #ab2ed5;
  border-color: #ab2ed5;
}

.s-button-primary {
  color: white;
}