/** Shopify CDN: Minification failed

Line 1350:1 Expected "}" to go with "{"

**/


/* جميع بطاقات المنتجات */
.m-product-card {
  padding: 9px;
  border: 1.5px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, #c04310, #9c1b0f) border-box;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.m-product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(156, 27, 15, 0.1);
}

@media screen and (max-width: 749px) {
  .m-product-card {
    padding: 6px;
    border-radius: 9px;
  }
}
/* توحيد ارتفاع بطاقات المنتجات */
.m-product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* توحيد مساحة الصور */
.m-product-card__media,
.m-product-card__image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.m-product-card__media img,
.m-product-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* جعل محتوى البطاقة يمتد بالتساوي */
.m-product-card__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* تثبيت مساحة اسم المنتج على سطرين */
.m-product-card__title,
.m-product-card__title a,
.m-product-card__name,
.m-product-card__name a {
  min-height: 48px !important;
  line-height: 24px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

/* تثبيت مساحة السعر */
.m-product-card__price,
.m-price {
  min-height: 28px !important;
}

/* تثبيت الزر أسفل البطاقة */
.m-product-card__action,
.m-product-card__actions,
.m-product-card__action-wrapper,
.m-product-card__button {
  margin-top: auto !important;
}

/* ضبط الجوال */
@media screen and (max-width: 749px) {
  .m-product-card__title,
  .m-product-card__title a,
  .m-product-card__name,
  .m-product-card__name a {
    min-height: 44px !important;
    line-height: 22px !important;
  }
}
/* ======================================
   LUREVA FEATURED SLIDER
====================================== */


/* ======================================
   DESKTOP - SHOW ARROWS
====================================== */

@media screen and (min-width: 768px) {

  .lureva-featured .m-slider-controls {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .lureva-featured .swiper-button-next,
  .lureva-featured .swiper-button-prev,
  .lureva-featured .m-slider-controls__button,
  .lureva-featured button[class*="slider-button"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

}


/* ======================================
   PAGINATION - ALL DEVICES
====================================== */

.lureva-featured .swiper-pagination,
.lureva-featured .swiper-pagination-bullets {

  position: static !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;

  gap: 12px !important;

  margin: 20px auto 12px !important;
  padding: 0 !important;

  transform: none !important;

  opacity: 1 !important;
  visibility: visible !important;
}


/* كل شريط منفصل */

.lureva-featured .swiper-pagination-bullet {

  display: block !important;

  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;

  height: 5px !important;

  flex: 0 0 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #E7C7BC !important;

  border: 0 !important;
  border-radius: 10px !important;

  opacity: 1 !important;

  box-shadow: none !important;

  transform: none !important;

  transition: background-color .25s ease !important;
}


/* الشريط الحالي
   نفس المقاس - يتغير اللون فقط */

.lureva-featured .swiper-pagination-bullet-active {

  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;

  flex-basis: 42px !important;

  background: #C04310 !important;

}


/* إزالة أي تصميم إضافي من Minimog */

.lureva-featured .swiper-pagination-bullet::before,
.lureva-featured .swiper-pagination-bullet::after {
  content: none !important;
  display: none !important;
}


/* ======================================
   MOBILE
====================================== */

@media screen and (max-width: 767px) {

  /* نخفي الأسهم على الهاتف فقط */

  .lureva-featured .swiper-button-next,
  .lureva-featured .swiper-button-prev,
  .lureva-featured .m-slider-controls,
  .lureva-featured .m-slider-controls__button,
  .lureva-featured button[class*="slider-button"] {
    display: none !important;
  }


  /* مسافات واضحة بين الشرائط */

  .lureva-featured .swiper-pagination,
  .lureva-featured .swiper-pagination-bullets {

    gap: 10px !important;

    margin-top: 18px !important;
    margin-bottom: 14px !important;

  }


  .lureva-featured .swiper-pagination-bullet {

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    flex: 0 0 34px !important;

    height: 4px !important;

  }


  .lureva-featured .swiper-pagination-bullet-active {

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    flex-basis: 34px !important;

    background: #C04310 !important;

  }

}/* LUREVA MOBILE MENU - MAIN CATEGORIES */

@media screen and (max-width: 767px) {

  .m-menu-mobile__navigation > li > a,
  .m-menu-mobile__item > a,
  .m-menu-mobile__link,
  .m-menu-drawer__menu > li > a {
    font-weight: 700 !important;
    font-size: 16px !important;

    background: linear-gradient(
      90deg,
      #C04310 0%,
      #9C1B0F 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
  }
 /* ======================================================
   LUREVA SECTION TITLES
   DESKTOP + MOBILE
   ====================================================== */

/* إزالة أي خط / ظل / زخرفة من الحاويات */
.m-section__header,
.m-section__header-inner,
.m-section__heading-wrapper,
.lureva-section-title-wrap,
.lureva-section-title-inner,
.lureva-heading-bar,
.lureva-heading-bar__inner {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  outline: 0 !important;
  box-shadow: none !important;

  background-image: none !important;

  overflow: hidden !important;
}


/* عنوان MiniMog + عناوين Lureva المخصصة */
.m-section__heading,
.m-section__header h1,
.m-section__header h2,
.m-section__header h3,
.m-section__header-inner h1,
.m-section__header-inner h2,
.m-section__header-inner h3,
.lureva-section-title,
.lureva-heading-bar__title {

  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 10px 15px !important;

  background: linear-gradient(
    90deg,
    #d83b08 0%,
    #c82c0a 50%,
    #a90f15 100%
  ) !important;

  background-color: #c04310 !important;

  color: #ffffff !important;

  font-family: "Tajawal", Arial, sans-serif !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;

  text-align: center !important;
  direction: rtl !important;

  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  outline: 0 !important;
  box-shadow: none !important;

  border-radius: 0 !important;

  overflow: hidden !important;
}


/* إزالة أي Before / After يعمل خط أسفل العنوان */
.m-section__header::before,
.m-section__header::after,
.m-section__header-inner::before,
.m-section__header-inner::after,
.m-section__heading-wrapper::before,
.m-section__heading-wrapper::after,

.m-section__heading::before,
.m-section__heading::after,

.m-section__header h1::before,
.m-section__header h1::after,
.m-section__header h2::before,
.m-section__header h2::after,
.m-section__header h3::before,
.m-section__header h3::after,

.lureva-section-title-wrap::before,
.lureva-section-title-wrap::after,
.lureva-section-title-inner::before,
.lureva-section-title-inner::after,
.lureva-section-title::before,
.lureva-section-title::after,

.lureva-heading-bar::before,
.lureva-heading-bar::after,
.lureva-heading-bar__inner::before,
.lureva-heading-bar__inner::after,
.lureva-heading-bar__title::before,
.lureva-heading-bar__title::after {

  content: none !important;
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  border: 0 !important;
  border-bottom: 0 !important;

  background: none !important;
  background-image: none !important;

  box-shadow: none !important;
}


/* إزالة الخط القديم الموجود صراحة في Custom Liquid */
.lureva-section-title-wrap,
.lureva-heading-bar {
  border-bottom: 0 !important;
}


/* ==========================
   MOBILE
   ========================== */

@media screen and (max-width: 767px) {

  .m-section__heading,
  .m-section__header h1,
  .m-section__header h2,
  .m-section__header h3,
  .m-section__header-inner h1,
  .m-section__header-inner h2,
  .m-section__header-inner h3,
  .lureva-section-title,
  .lureva-heading-bar__title {

    padding: 8px 12px !important;

    font-size: 21px !important;
    font-weight: 800 !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
  }


  .m-section__header,
  .m-section__header-inner,
  .m-section__heading-wrapper,
  .lureva-section-title-wrap,
  .lureva-section-title-inner,
  .lureva-heading-bar,
  .lureva-heading-bar__inner {

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
  }
}


/* أجهزة صغيرة جدًا */
@media screen and (max-width: 380px) {

  .m-section__heading,
  .m-section__header h1,
  .m-section__header h2,
  .m-section__header h3,
  .lureva-section-title,
  .lureva-heading-bar__title {

    font-size: 20px !important;
    padding: 8px 10px !important;
  }
}
/* =========================================================
   LUREVA - FEATURED PRODUCTS SLIDER
   Quick Add + Pagination
   ========================================================= */


/* =========================================================
   1. QUICK ADD BUTTON
   ========================================================= */

/* الشكل الأساسي للزر */
.lureva-featured .m-product-card__action button,
.lureva-featured .m-product-card__action .m-button,
.lureva-featured .m-product-card__quick-add button,
.lureva-featured .m-product-card__quick-add .m-button,
.lureva-featured .m-product-card button[name="add"],
.lureva-featured .m-product-card .m-add-to-cart,
.lureva-featured .m-product-card .m-product-form--button {

  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.2s ease !important;

}


/* Hover بالجريدنت بدل الأسود */
.lureva-featured .m-product-card__action button:hover,
.lureva-featured .m-product-card__action .m-button:hover,
.lureva-featured .m-product-card__quick-add button:hover,
.lureva-featured .m-product-card__quick-add .m-button:hover,
.lureva-featured .m-product-card button[name="add"]:hover,
.lureva-featured .m-product-card .m-add-to-cart:hover,
.lureva-featured .m-product-card .m-product-form--button:hover {

  background: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  ) !important;

  background-color: #c04310 !important;

  color: #ffffff !important;

  border-color: transparent !important;

  box-shadow: none !important;
}


/* Focus */
.lureva-featured .m-product-card__action button:focus,
.lureva-featured .m-product-card__quick-add button:focus,
.lureva-featured .m-product-card button[name="add"]:focus {

  background: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  ) !important;

  color: #ffffff !important;
  border-color: transparent !important;
}


/* عند الضغط */
.lureva-featured .m-product-card__action button:active,
.lureva-featured .m-product-card__quick-add button:active,
.lureva-featured .m-product-card button[name="add"]:active {

  background: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  ) !important;

  color: #ffffff !important;

  transform: scale(0.99);
}


/* منع Overlay أسود من الثيم */
.lureva-featured .m-product-card__action button::before,
.lureva-featured .m-product-card__action button::after,
.lureva-featured .m-product-card__quick-add button::before,
.lureva-featured .m-product-card__quick-add button::after,
.lureva-featured .m-product-card .m-button::before,
.lureva-featured .m-product-card .m-button::after {

  box-shadow: none !important;
}


/* =========================================================
   2. SLIDER PAGINATION CONTAINER
   ========================================================= */

.lureva-featured .swiper-pagination,
.lureva-featured .m-swiper-pagination,
.lureva-featured .m-slider__pagination,
.lureva-featured .m-slider-controls__pagination {

  position: relative !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  transform: none !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;

  margin: 18px auto 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  text-align: center !important;

  opacity: 1 !important;
  visibility: visible !important;

  z-index: 5 !important;
}


/* =========================================================
   3. PAGINATION STRIPS
   ========================================================= */

.lureva-featured .swiper-pagination-bullet {

  display: block !important;

  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;

  height: 4px !important;
  min-height: 4px !important;

  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #edc7bc !important;

  opacity: 1 !important;

  transform: none !important;

  transition:
    background 0.25s ease,
    width 0.25s ease !important;
}


/* الشريط النشط */
.lureva-featured .swiper-pagination-bullet-active {

  width: 31px !important;
  min-width: 31px !important;

  background: #c04310 !important;

  opacity: 1 !important;
}


/* =========================================================
   4. ALTERNATIVE MINIMOG PAGINATION
   ========================================================= */

.lureva-featured .m-swiper-pagination > span,
.lureva-featured .m-slider__pagination > span,
.lureva-featured .m-slider-controls__pagination > span {

  display: block !important;

  width: 30px !important;
  min-width: 30px !important;

  height: 4px !important;

  margin: 0 4px !important;

  padding: 0 !important;

  border: none !important;
  border-radius: 999px !important;

  background: #edc7bc !important;

  opacity: 1 !important;

  transform: none !important;
}


.lureva-featured .m-swiper-pagination > span.swiper-pagination-bullet-active,
.lureva-featured .m-slider__pagination > span.swiper-pagination-bullet-active,
.lureva-featured .m-slider-controls__pagination > span.swiper-pagination-bullet-active {

  background: #c04310 !important;

}


/* =========================================================
   5. CENTER SLIDER CONTROLS
   ========================================================= */

.lureva-featured .m-slider-controls {

  width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
}


/* =========================================================
   6. REMOVE PREV / NEXT ARROWS
   لأننا نستخدم الأشرطة
   ========================================================= */

.lureva-featured .swiper-button-prev,
.lureva-featured .swiper-button-next,
.lureva-featured .m-slider-controls__button,
.lureva-featured .m-slider-controls__prev,
.lureva-featured .m-slider-controls__next {

  display: none !important;
}


/* =========================================================
   7. MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  /* إظهار الـ Pagination إجباريًا */
  .lureva-featured .swiper-pagination,
  .lureva-featured .m-swiper-pagination,
  .lureva-featured .m-slider__pagination,
  .lureva-featured .m-slider-controls,
  .lureva-featured .m-slider-controls__pagination {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    left: auto !important;
    right: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
  }


  .lureva-featured .swiper-pagination {
    margin-top: 14px !important;
  }


  /* الأشرطة على الهاتف */
  .lureva-featured .swiper-pagination-bullet,
  .lureva-featured .m-swiper-pagination > span,
  .lureva-featured .m-slider__pagination > span,
  .lureva-featured .m-slider-controls__pagination > span {

    width: 25px !important;
    min-width: 25px !important;

    height: 4px !important;

    border-radius: 999px !important;

    opacity: 1 !important;
  }


  /* النشط */
  .lureva-featured .swiper-pagination-bullet-active {

    background: #c04310 !important;

    width: 28px !important;
    min-width: 28px !important;
  }


  /* على اللمس */
  .lureva-featured .m-product-card__action button:active,
  .lureva-featured .m-product-card__quick-add button:active,
  .lureva-featured .m-product-card button[name="add"]:active {

    background: linear-gradient(
      135deg,
      #c04310 0%,
      #b52e10 50%,
      #9c1b0f 100%
    ) !important;

    color: #ffffff !important;
  }
}


/* =========================================================
   8. SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 380px) {

  .lureva-featured .swiper-pagination-bullet,
  .lureva-featured .m-swiper-pagination > span,
  .lureva-featured .m-slider__pagination > span,
  .lureva-featured .m-slider-controls__pagination > span {

    width: 22px !important;
    min-width: 22px !important;
  }

  .lureva-featured .swiper-pagination-bullet-active {

    width: 26px !important;
    min-width: 26px !important;
  }
}
@media screen and (max-width: 749px) {

  .lureva-mobile-language-moved {
    width: 100% !important;
    margin: 18px 0 22px !important;
    padding: 14px 0 !important;
    border-top: 1px solid #ead8d1 !important;
    border-bottom: 1px solid #ead8d1 !important;
  }

  .lureva-mobile-language-moved form {
    width: 100% !important;
    margin: 0 !important;
  }

  .lureva-mobile-language-moved button,
  .lureva-mobile-language-moved select,
  .lureva-mobile-language-moved [role="button"] {
    color: #c04310 !important;
    font-family: "Tajawal", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

}
/* =========================================
   LUREVA - MOBILE LANGUAGE SWITCHER
   ========================================= */

.lureva-mobile-lang {
  display: none;
}


@media screen and (max-width: 749px) {

  .lureva-mobile-lang {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 36px !important;
    height: 36px !important;

    margin: 0 4px !important;
    padding: 0 !important;

    position: relative;
    z-index: 10;
  }


  .lureva-mobile-lang form {
    display: flex !important;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center;
    justify-content: center;
  }


  .lureva-mobile-lang__button {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: flex !important;

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #c04310 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    color: #c04310 !important;

    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow: none !important;

    cursor: pointer !important;
  }


  .lureva-mobile-lang__button:hover,
  .lureva-mobile-lang__button:focus {
    background: linear-gradient(
      135deg,
      #c04310 0%,
      #b52e10 50%,
      #9c1b0f 100%
    ) !important;

    color: #ffffff !important;
  }


  /*
    نخفي مبدّل اللغة القديم
    الموجود أسفل القائمة الجانبية فقط
  */

  .m-menu-drawer form[action*="/localization"],
  .m-menu-mobile form[action*="/localization"],
  [class*="menu-drawer"] form[action*="/localization"] {
    display: none !important;
  }

}
/* =========================================
   LUREVA - MOBILE LANGUAGE SWITCHER
   ========================================= */

.lureva-mobile-lang {
  display: none;
}


@media screen and (max-width: 749px) {

  .lureva-mobile-lang {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 36px !important;
    height: 36px !important;

    margin: 0 4px !important;
    padding: 0 !important;

    position: relative;
    z-index: 10;
  }


  .lureva-mobile-lang form {
    display: flex !important;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center;
    justify-content: center;
  }


  .lureva-mobile-lang__button {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: flex !important;

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #c04310 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    color: #c04310 !important;

    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow: none !important;

    cursor: pointer !important;
  }


  .lureva-mobile-lang__button:hover,
  .lureva-mobile-lang__button:focus {
    background: linear-gradient(
      135deg,
      #c04310 0%,
      #b52e10 50%,
      #9c1b0f 100%
    ) !important;

    color: #ffffff !important;
  }


  /*
    نخفي مبدّل اللغة القديم
    الموجود أسفل القائمة الجانبية فقط
  */

  .m-menu-drawer form[action*="/localization"],
  .m-menu-mobile form[action*="/localization"],
  [class*="menu-drawer"] form[action*="/localization"] {
    display: none !important;
  }

}/* =========================================================
   LUREVA QUICK ADD BUTTON
   MOBILE + DESKTOP
   FINAL OVERRIDE
   ========================================================= */

:root {
  --lureva-quick-gradient: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  );
}


/* =========================================================
   QUICK ADD BUTTON - NORMAL STATE
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  width: 100% !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: #c04310 !important;

  border: 1px solid #c04310 !important;
  border-radius: 6px !important;

  box-shadow: none !important;
  outline: none !important;

  font-family: "Tajawal", Arial, sans-serif !important;
  font-weight: 700 !important;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease !important;
}


/* =========================================================
   REMOVE MINIMOG BLACK OVERLAY
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]::before,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]::after {
  content: none !important;

  display: none !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  opacity: 0 !important;

  box-shadow: none !important;
}


/* =========================================================
   NORMAL TEXT / ICON
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"] > * {
  position: relative !important;
  z-index: 3 !important;
}

button.m-add-to-cart.m-button.m-button--secondary[name="add"] span {
  color: #c04310 !important;
}


/* =========================================================
   HOVER
   DESKTOP + MOBILE
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover {
  background: var(--lureva-quick-gradient) !important;

  background-color: #c04310 !important;

  background-image: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  ) !important;

  color: #ffffff !important;

  border-color: transparent !important;

  box-shadow: none !important;

  outline: none !important;

  opacity: 1 !important;

  filter: none !important;
}


/* =========================================================
   HOVER TEXT
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover span,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover strong,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover div {
  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   HOVER ICON
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover svg {
  color: #ffffff !important;

  fill: #ffffff !important;

  stroke: #ffffff !important;
}


/* =========================================================
   FOCUS
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:focus {
  background: var(--lureva-quick-gradient) !important;

  background-color: #c04310 !important;

  background-image: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  ) !important;

  color: #ffffff !important;

  border-color: transparent !important;

  outline: none !important;

  box-shadow: none !important;
}


/* =========================================================
   ACTIVE / CLICK
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:active {
  background: var(--lureva-quick-gradient) !important;

  background-color: #9c1b0f !important;

  background-image: linear-gradient(
    135deg,
    #c04310 0%,
    #b52e10 50%,
    #9c1b0f 100%
  ) !important;

  color: #ffffff !important;

  border-color: transparent !important;

  box-shadow: none !important;

  transform: none !important;
}


/* =========================================================
   FOCUS / ACTIVE TEXT
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:focus *,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]:active * {
  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   منع أي خلفية سوداء من عناصر داخلية
   ========================================================= */

button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover > *,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]:focus > *,
button.m-add-to-cart.m-button.m-button--secondary[name="add"]:active > * {
  background-color: transparent !important;

  background-image: none !important;

  box-shadow: none !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) {

  button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover,
  button.m-add-to-cart.m-button.m-button--secondary[name="add"]:focus,
  button.m-add-to-cart.m-button.m-button--secondary[name="add"]:active {
    background: linear-gradient(
      135deg,
      #c04310 0%,
      #b52e10 50%,
      #9c1b0f 100%
    ) !important;

    background-color: #c04310 !important;

    color: #ffffff !important;

    border-color: transparent !important;
  }

}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media screen and (max-width: 767px) {

  button.m-add-to-cart.m-button.m-button--secondary[name="add"]:hover,
  button.m-add-to-cart.m-button.m-button--secondary[name="add"]:focus,
  button.m-add-to-cart.m-button.m-button--secondary[name="add"]:active {
    background: linear-gradient(
      135deg,
      #c04310 0%,
      #b52e10 50%,
      #9c1b0f 100%
    ) !important;

    background-color: #c04310 !important;

    color: #ffffff !important;

    border-color: transparent !important;
  }

}