/* Add custom CSS styles below */
    
custom-salla-product-card .s-product-card-promotion-title {
  justify-self: center;
  top: -15.2rem;
  left: 0px !important;
  right: 0px !important;
  background: radial-gradient(circle at 100% center, rgb(200, 150, 255), rgb(180, 120, 255) 50%, rgb(160, 70, 240) 75%, rgb(140, 0, 220) 75%) 0% 0% / 200% text;
}

@media (max-width: 640px) {
  custom-salla-product-card .s-product-card-promotion-title {
    justify-self: center;
    top: -10.6rem;
    right: 0px !important;
    background: radial-gradient(circle at 100% center, rgb(200, 150, 255), rgb(180, 120, 255) 50%, rgb(160, 70, 240) 75%, rgb(140, 0, 220) 75%) 0% 0% / 200% text;
  }
}


.promotion-title {
  justify-self: anchor-center;
  margin-top: -15px !important;
  background: rgb(94 54 170);
  border-radius: 0.375rem !important;
}

custom-salla-product-card salla-add-product-button button.s-button-outline {
  background: rgb(94 54 170);
}

.main-menu {
  justify-content: center;
}

.main-nav-container {
  min-height: auto;
}

.main-menu li > a:hover {
  color: white;
}

.main-menu > .has-children:hover > a {
  color: white;
}

.main-menu li:hover > .sub-menu {
  transform: translate3d(-15px, -30px, 0px);
  color: rgb(94 54 170);
}

.main-menu .sub-menu .sub-menu {
  transform: translate3d(0px, 0px, 0px) !important;
}

/* كمبيوتر */
.text-2xl {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* جوال */
@media (max-width: 640px) {
  .text-2xl {
      font-size: 14px !important;
      line-height: 1.3 !important;
  }
}