/* Add custom CSS styles below */
/* تحويل زر إضافة السلة من Stroke إلى Fill */
@media screen and (min-width: 768px) {
  button.s-button-element.s-button-outline.s-button-primary-outline:not([aria-label="Quick view"]):not([aria-label="Add or remove to wishlist"]) {
    background: #073720 !important;
    background-color: #073720 !important;
    color: #ffffff !important;
    border: 1px solid #073720 !important;
  }

  button.s-button-element.s-button-outline.s-button-primary-outline:not([aria-label="Quick view"]):not([aria-label="Add or remove to wishlist"]) .s-button-text,
  button.s-button-element.s-button-outline.s-button-primary-outline:not([aria-label="Quick view"]):not([aria-label="Add or remove to wishlist"]) i {
    color: #ffffff !important;
  }
/* إخفاء المعاينة والمفضلة من الكمبيوتر فقط */
@media (min-width: 768px) {
  button[aria-label="Quick view"],
  button[aria-label="Add or remove to wishlist"] {
    display: none !important;
/* Zoom animation لزر إضافة السلة */
@media (min-width: 768px) {
  button.s-button-element:hover,
  a.s-button-element:hover {
    transform: scale(1.04) !important;
    transition: transform 0.25s ease !important;
  }

  button.s-button-element,
  a.s-button-element {
    transition: transform 0.25s ease !important;
  }
}