/*تاثير العنوان */
/* 💖 العنوان */

.sm\:text-4xl {
  position: relative;
  display: inline-block;
  padding: 10px 45px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  border-radius: 18px;
  background: linear-gradient(135deg, #fe7395, #ff9fb3);
  box-shadow: 0 10px 30px rgba(254, 115, 149, 0.35);
  overflow: hidden;
  transition: all 0.3s ease;
}

/* ✨ لمعان متحرك */

.sm\:text-4xl::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.8),
    transparent
  );
  transform: skewX(-25deg);
  animation: shimmerMove 2.8s infinite;
}

/* 🔥 حركة اللمعة */

@keyframes shimmerMove {
  0% { left: -120%; }
  100% { left: 150%; }
}

/* 💫 تأثير Hover */

.sm\:text-4xl:hover {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 20px 50px rgba(254, 115, 149, 0.55);
}

/* 🌸 Glow خفيف عند المرور */

.sm\:text-4xl:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 60px;
  background: radial-gradient(
    circle,
    rgba(255,255,255,0.3),
    transparent 70%
  );
  opacity: 0.6;
}

/*بردر الاضافة للسلة */
.product-card__enhanced-mini-cart button.s-button-element {
    border: 0;
    border-radius: 6PX;
    display: block;
    font-size: 14px;
    min-height: 22px;
    padding: 6px 10px;
}