/* زر إضافة للسلة - التصميم الجديد */
.s-product-card-content-footer .s-button-element {
  position: relative;
  overflow: hidden;
  border-radius: 9999px;         /* زوايا دائرية بالكامل */
  border: 1px solid #408f94;    /* الحد باللون الأساسي */
  background: transparent;      
  color: #ffffff;               /* النص أبيض */
  padding: 0.9rem 2rem;         /* حجم الزر */
  font-size: 1rem;
  min-width: 160px;
  height: 50px;
  transition: all 0.3s ease;
}

/* الأوفرلاي */
.s-product-card-content-footer .s-button-element::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 120%;
  background-color: #408f94;    /* اللون الأساسي */
  transform: translateY(0) skewY(0deg);
  transition: transform 0.3s ease;
  z-index: 10;
  
}

/* النص فوق الأوفرلاي */
.s-product-card-content-footer .s-button-element .s-button-text {
  position: relative;
  z-index: 20;
  color:#f6e8d0;
}

/* عند الهوفر: الخلفية تختفي → نخلي النص والحد باللون الفاتح */
.s-product-card-content-footer .s-button-element:hover {
  color: #66aeb2 !important;     /* درجة أفتح */
  border-color: #66aeb2 !important;
  background: #ffffff !important;
}

.s-product-card-content-footer .s-button-element:hover::after {
  transform: translateY(100%) skewY(6deg);
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border-radius: 9999px;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center.s-button-wrap.hydrated {
    border-radius: 999px;
}
a.brands-link {
    display: none !important;
}