/* =========================================================
   ZAD CARE - FINAL GLOBAL CUSTOM CSS
   Brand:
   Pink  : #C2185B
   Navy  : #4F627D
   White : #FFFFFF
========================================================= */
/* =========================================================
   ZAD CARE - GLOBAL STORE BACKGROUND
========================================================= */

/* =========================================================
   ZAD CARE - GLOBAL BACKGROUND
   Navy + Pink Identity
========================================================= */

html,
body {
  background: #4F627D !important;
}

body {
  background:
    radial-gradient(
      circle at 50% 18%,
      rgba(194, 24, 91, 0.18) 0%,
      rgba(194, 24, 91, 0.07) 22%,
      rgba(194, 24, 91, 0) 42%
    ),
    linear-gradient(
      90deg,
      #35455C 0%,
      #435873 20%,
      #4F627D 50%,
      #435873 80%,
      #35455C 100%
    ) !important;

  background-attachment: fixed !important;
}


/* خلي سكاشن المتجر شفافة */
#app,
.app-inner,
main,
.store-home,
.home-page,
main section,
main .s-block,
.store-home section,
.store-home .s-block {
  background: transparent !important;
}


/* إزالة الخلفيات الرمادي الافتراضية */
.s-block.bg-gray-100,
.s-block.bg-gray-50,
.bg-gray-100,
.bg-gray-50 {
  background: transparent !important;
}


/* عناوين السكاشن */
.s-block__title h2,
.s-block__title h3,
.s-slider-block__title h2,
.s-slider-block__title h3 {
  color: #FFFFFF !important;
}


/* النصوص الصغيرة */
.s-block__title p,
.s-slider-block__title p {
  color: rgba(255,255,255,0.70) !important;
}


/* الصور تفضل بيضاء ونظيفة */
.s-product-card-image-full,
.s-product-card-image-cover {
  background: #FFFFFF !important;
}


/* الجزء السفلي للكروت */
.s-product-card-content {
  background: #4F627D !important;
}

/* =========================================================
   خلي محتوى المتجر شفاف عشان الخلفية تظهر
========================================================= */

#app,
.app-inner,
main,
.store-home,
.home-page {
  background: transparent !important;
}


/* كل سكاشن الصفحة الرئيسية */
main section,
main .s-block,
.store-home section,
.store-home .s-block {
  background: transparent !important;
}


/* إزالة أي Background رمادي افتراضي من سلة */
.s-block.bg-gray-100,
.s-block.bg-gray-50,
.bg-gray-100,
.bg-gray-50 {
  background-color: transparent !important;
}


/* =========================================================
   العناوين فوق الخلفية الغامقة
========================================================= */

main .s-block__title h2,
main .s-block__title h3,
main .s-slider-block__title h2,
main .s-slider-block__title h3 {
  color: #FFFFFF !important;
}


/* Subtitles */
main .s-block__title p,
main .s-slider-block__title p {
  color: rgba(255, 255, 255, 0.68) !important;
}


/* =========================================================
   Optional - فصل ناعم بين السكاشن
========================================================= */

main .s-block {
  position: relative;

  padding-top: 35px;
  padding-bottom: 35px;
}


/* =========================================================
   PRODUCT CARDS
   متتأثرش بالخلفية العامة
========================================================= */

.s-product-card-entry .s-product-card-image-full,
.s-product-card-entry .s-product-card-image-cover {
  background: #FFFFFF !important;
}


/* الجزء السفلي للكارت يفضل Navy */
.s-product-card-entry .s-product-card-content {
  background: #4F627D !important;
}



:root {
  --zad-pink: #C2185B;
  --zad-pink-dark: #9F124A;

  --zad-navy: #4F627D;
  --zad-navy-dark: #465A74;

  --zad-white: #FFFFFF;

  --zad-soft-pink: #FFD6DE;
  --zad-light-pink: #FEF2F4;
}


/* =========================================================
   GENERAL
========================================================= */

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}


/* إخفاء الـ Top Navbar */
.top-navbar.relative.z-\[150\] {
  display: none !important;
}


/* إخفاء Breadcrumbs */
.w-full.py-5.breadcrumbs {
  display: none !important;
}


/* إخفاء السلايدر القديم للتصنيفات */
#cat-slider {
  display: none !important;
}


/* =========================================================
   HEADER
========================================================= */

.store-header {
  position: relative;
  z-index: 999;
}


.store-header #mainnav,
.store-header #mainnav .add-bg {
  background: var(--zad-navy) !important;

  border: 0 !important;

  box-shadow:
    0 5px 18px rgba(34, 49, 70, 0.12);
}


.store-header #mainnav .inner {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}


/* =========================================================
   LOGO
========================================================= */

.store-header .navbar-brand img {
  width: 110px !important;

  max-height: 70px;

  object-fit: contain;

  transition: transform 0.3s ease;
}


.store-header .navbar-brand:hover img {
  transform: scale(1.04);
}


/* =========================================================
   MAIN MENU
========================================================= */

.store-header .root-level > #cat-in-header {
  position: relative;

  color: #FFFFFF !important;

  font-size: 14px;
  font-weight: 600;

  padding: 12px 10px;

  border: 0 !important;

  transition:
    color 0.3s ease;
}


/* الخط أسفل عناصر المنيو الرئيسية فقط */
.store-header .root-level > #cat-in-header::after {
  content: "";

  position: absolute;

  right: 50%;
  bottom: 5px;

  width: 0;
  height: 2px;

  background: var(--zad-pink);

  border-radius: 20px;

  transform: translateX(50%);

  transition: width 0.3s ease;
}


.store-header .root-level > #cat-in-header:hover {
  color: #FFFFFF !important;
}


.store-header .root-level > #cat-in-header:hover::after {
  width: 55%;
}


/* =========================================================
   DROPDOWN MENU
========================================================= */

.store-header .sub-menu.header-drop {
  overflow: hidden;

  background: rgba(255, 255, 255, 0.98) !important;

  border: 1px solid rgba(194, 24, 91, 0.12);

  border-radius: 14px;

  padding: 8px !important;

  box-shadow:
    0 12px 30px rgba(34, 49, 70, 0.14);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}


/* نلغي خط المنيو الرئيسي من الـ submenu */
.store-header .sub-menu.header-drop #cat-in-header::after {
  content: none !important;
  display: none !important;
}


/* عنصر Dropdown */
.store-header .sub-menu.header-drop #cat-in-header {
  position: relative !important;

  display: block !important;

  overflow: hidden !important;

  padding: 11px 14px !important;

  color: var(--zad-navy) !important;

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

  /*
   * اللون يبدأ من اليمين
   * ويملأ العنصر بالكامل ناحية الشمال
   */
  background:
    linear-gradient(
      var(--zad-pink),
      var(--zad-pink)
    )
    right center / 0% 100% no-repeat,
    #FFFFFF !important;

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


/* Hover */
.store-header .sub-menu.header-drop #cat-in-header:hover {
  background-size: 100% 100% !important;

  color: #FFFFFF !important;

  padding-right: 14px !important;
}


.store-header .sub-menu.header-drop #cat-in-header span {
  position: relative;

  z-index: 2;

  color: inherit !important;
}


/* =========================================================
   HEADER SEARCH
========================================================= */

.store-header .s-search-input-wrapper {
  overflow: hidden;

  background: rgba(255, 255, 255, 0.96) !important;

  border: 1px solid rgba(255, 255, 255, 0.3);

  border-radius: 999px !important;

  box-shadow:
    0 4px 12px rgba(34, 49, 70, 0.10);
}


.store-header .s-search-input {
  background: transparent !important;

  color: var(--zad-navy) !important;

  border: 0 !important;

  font-size: 13px;
}


.store-header .s-search-input::placeholder {
  color: rgba(79, 98, 125, 0.65) !important;
}


.store-header .s-search-icon svg path {
  fill: var(--zad-pink) !important;
}


/* =========================================================
   HEADER RIGHT ICONS
========================================================= */

.store-header .side-account {
  display: flex !important;

  align-items: center !important;

  justify-content: flex-end !important;

  gap: 10px !important;
}


/* =========================================================
   USER ICON
========================================================= */

.store-header
.side-account >
button[aria-label="user-icon"]:not(.header-btn) {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

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

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

  background: var(--zad-pink) !important;

  border: 0 !important;

  border-radius: 50% !important;

  transition:
    background 0.3s ease,
    transform 0.3s ease;
}


.store-header
.side-account >
button[aria-label="user-icon"]:not(.header-btn)
.userheader {
  color: #FFFFFF !important;

  font-size: 22px !important;

  margin: 0 !important;
}


/* زر تسجيل الدخول الإضافي */
.store-header .header-btn {
  display: none !important;
}


/* =========================================================
   HEADER WISHLIST
========================================================= */

.store-header .whishlist-icon {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

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

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

  background: var(--zad-pink) !important;

  border: 0 !important;

  border-radius: 50% !important;

  transition:
    background 0.3s ease,
    transform 0.3s ease;
}


.store-header .whishlist-icon svg {
  width: 22px !important;
  height: 22px !important;

  margin: 0 !important;
}


.store-header .whishlist-icon svg path {
  stroke: #FFFFFF !important;
}


/* =========================================================
   HEADER CART
========================================================= */

/* نخفي أيقونة السلة المكررة */
.store-header #cart-button {
  display: none !important;
}


/* Wrapper سلة Salla */
.store-header salla-cart-summary {
  position: relative !important;

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

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

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

  margin: 0 !important;

  pointer-events: auto !important;
}


.store-header .s-cart-summary-wrapper {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

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

  background: var(--zad-pink) !important;

  border: 0 !important;

  border-radius: 50% !important;

  overflow: visible !important;

  transition:
    background 0.3s ease,
    transform 0.3s ease;
}


/* أيقونة السلة */
.store-header #s-cart-icon {
  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: auto !important;
  height: auto !important;

  background: transparent !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}


.store-header #s-cart-icon svg {
  width: 21px !important;
  height: 21px !important;
}


.store-header #s-cart-icon svg path {
  fill: #FFFFFF !important;
}


/* نخفي الإجمالي */
.store-header .s-cart-summary-content {
  display: none !important;
}


/* Badge */
.store-header .s-cart-summary-count {
  position: absolute !important;

  top: -4px !important;
  right: -4px !important;
  left: auto !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

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

  padding: 0 4px !important;

  background: #FFFFFF !important;

  color: var(--zad-pink) !important;

  border: 2px solid var(--zad-pink) !important;

  border-radius: 20px !important;

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

  line-height: 1 !important;

  box-shadow: none !important;

  z-index: 10;
}


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

.store-header .whishlist-icon:hover,
.store-header .s-cart-summary-wrapper:hover,
.store-header
.side-account >
button[aria-label="user-icon"]:not(.header-btn):hover {
  background: var(--zad-pink-dark) !important;

  transform: translateY(-2px);
}


/* =========================================================
   MOBILE SEARCH BUTTON
========================================================= */

.store-header .search-btn {
  display: none !important;
}


/* =========================================================
   FIXED HEADER
========================================================= */

.main-nav-container.fixed-pinned,
.main-nav-container.fixed-pinned .add-bg {
  background: rgba(79, 98, 125, 0.97) !important;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow:
    0 6px 20px rgba(34, 49, 70, 0.12);
}


.main-nav-container.fixed-pinned
.root-level > #cat-in-header {
  color: #FFFFFF !important;
}


.main-nav-container.fixed-pinned .userheader {
  color: #FFFFFF !important;
}


/* =========================================================
   GLOBAL PRODUCT CARDS
   يعمل على كل كروت المنتجات في المتجر
========================================================= */

.s-product-card-entry {
  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  overflow: visible !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 18px !important;

  box-shadow: none !important;

  transition: transform 0.35s ease !important;
}


.s-product-card-entry:hover {
  transform: translateY(-5px);

  border: 0 !important;

  box-shadow: none !important;
}


/* =========================================================
   PRODUCT IMAGE AREA
========================================================= */

.s-product-card-entry .s-product-card-image-full {
  position: relative !important;

  width: 100% !important;

  padding: 0 !important;

  background: #FFFFFF !important;

  border: 0 !important;

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

  box-shadow: none !important;

  overflow: hidden !important;
}


.s-product-card-entry .s-product-card-image-cover {
  display: block !important;

  width: 100% !important;

  height: 290px !important;
  min-height: 290px !important;
  max-height: 290px !important;

  object-fit: contain !important;

  background: #FFFFFF !important;

  transform: none !important;

  transition: transform 0.4s ease !important;
}


.s-product-card-entry:hover
.s-product-card-image-cover {
  transform: scale(1.025) !important;
}


/* =========================================================
   PRODUCT CONTENT
========================================================= */

.s-product-card-entry .s-product-card-content {
  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  min-height: 125px !important;

  margin: 0 !important;

  padding: 15px 16px 13px !important;

  background: var(--zad-navy) !important;

  border: 0 !important;

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

  box-shadow: none !important;
}


/* =========================================================
   PRODUCT TITLE
========================================================= */

.s-product-card-entry .s-product-card-content-title {
  min-height: 45px !important;

  margin: 0 0 5px !important;
}


.s-product-card-entry
.s-product-card-content-title a {
  color: #FFFFFF !important;

  font-size: 14px !important;
  font-weight: 700 !important;

  line-height: 1.65 !important;

  display: -webkit-box !important;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden !important;
}


.s-product-card-entry
.s-product-card-content-title a:hover,
.s-product-card-entry:hover
.s-product-card-content-title a {
  color: #FFFFFF !important;
}


/* =========================================================
   PRODUCT PRICE
========================================================= */

.s-product-card-entry .s-product-card-content-sub {
  margin: 0 !important;
}


.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-price i {
  color: #FFFFFF !important;

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

  margin: 0 !important;
}


/* =========================================================
   PRODUCT WISHLIST - GLASS
========================================================= */

/* Wrapper */
.s-product-card-entry
salla-button.s-product-card-wishlist-btn {
  position: absolute !important;

  left: 12px !important;
  right: auto !important;

  top: auto !important;
  bottom: 10px !important;

  width: 38px !important;
  height: 38px !important;

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

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  z-index: 20 !important;
}


/* الزر الداخلي */
.s-product-card-entry
salla-button.s-product-card-wishlist-btn
> button {
  position: static !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

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

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

  background: rgba(255, 255, 255, 0.08) !important;

  border: 1px solid rgba(255, 255, 255, 0.22) !important;

  border-radius: 50% !important;

  box-shadow: none !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

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


.s-product-card-entry
salla-button.s-product-card-wishlist-btn
i {
  color: rgba(255, 255, 255, 0.78) !important;

  font-size: 16px !important;

  margin: 0 !important;

  padding: 0 !important;
}


/* Wishlist Hover */
.s-product-card-entry
salla-button.s-product-card-wishlist-btn
> button:hover {
  background: rgba(255, 255, 255, 0.16) !important;

  border-color: rgba(255, 255, 255, 0.40) !important;

  box-shadow: none !important;

  transform: scale(1.08);
}


.s-product-card-entry
salla-button.s-product-card-wishlist-btn
> button:hover i {
  color: #FFFFFF !important;
}


/* =========================================================
   PRODUCT FOOTER
========================================================= */

.s-product-card-entry
.s-product-card-content-footer {
  position: static !important;

  margin: 0 !important;

  padding: 0 !important;
}


/* =========================================================
   FLOATING ADD TO CART
========================================================= */

.s-product-card-entry
.Gl_add_to_cart_btn_product {
  position: absolute !important;

  left: 50% !important;
  right: auto !important;

  top: -74px !important;

  width: 62% !important;

  opacity: 0;

  z-index: 30 !important;

  transform:
    translateX(-50%)
    translateY(10px);

  pointer-events: none;

  transition:
    opacity 0.3s ease,
    transform 0.3s ease !important;
}


.s-product-card-entry:hover
.Gl_add_to_cart_btn_product {
  opacity: 1;

  transform:
    translateX(-50%)
    translateY(0);

  pointer-events: auto;
}


/* زر أضف للسلة */
.s-product-card-entry
.Gl_add_to_cart_btn_product button {
  width: 100% !important;

  min-height: 42px !important;

  background: var(--zad-navy) !important;

  color: #FFFFFF !important;

  border: 0 !important;

  border-radius: 10px !important;

  box-shadow: none !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  transition:
    background 0.3s ease,
    transform 0.3s ease !important;
}


.s-product-card-entry
.Gl_add_to_cart_btn_product button span,
.s-product-card-entry
.Gl_add_to_cart_btn_product button i {
  color: #FFFFFF !important;
}


/* Hover */
.s-product-card-entry
.Gl_add_to_cart_btn_product button:hover {
  background: var(--zad-pink) !important;

  box-shadow: none !important;

  transform: translateY(-2px);
}


/* =========================================================
   HIDE QUICK VIEW
========================================================= */

.s-product-card-entry .quike-view {
  display: none !important;
}


/* =========================================================
   HIDE EXPAND ICON
========================================================= */

.s-product-card-entry .sicon-arrow-expand {
  display: none !important;
}


/* =========================================================
   GLOBAL SLIDER ARROWS
   لكل السلايدرز في المتجر
========================================================= */

.s-slider-nav-arrow {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 0 !important;

  background: var(--zad-pink) !important;

  border: 0 !important;

  border-radius: 50% !important;

  /*
   * مهم:
   * بدون Shadow في أي حالة
   */
  box-shadow: none !important;

  transform: none !important;

  transition: background 0.25s ease !important;
}


/* Icon Wrapper */
.s-slider-nav-arrow
.s-slider-button-icon {
  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  transition: transform 0.22s ease !important;
}


/* السهم أكبر سنة */
.s-slider-nav-arrow svg {
  width: 22px !important;
  height: 22px !important;
}


/* السهم أبيض */
.s-slider-nav-arrow svg path {
  fill: #FFFFFF !important;

  opacity: 1 !important;
}


/* =========================================================
   ARROW MOTION
========================================================= */

/* Previous - ينط ناحية اليمين */
.s-slider-prev:hover
.s-slider-button-icon {
  transform: translateX(4px) !important;
}


/* Next - ينط ناحية الشمال */
.s-slider-next:hover
.s-slider-button-icon {
  transform: translateX(-4px) !important;
}


/* الضغط */
.s-slider-prev:active
.s-slider-button-icon {
  transform: translateX(7px) !important;
}


.s-slider-next:active
.s-slider-button-icon {
  transform: translateX(-7px) !important;
}


/* =========================================================
   ARROWS - NO SHADOW IN ANY STATE
========================================================= */

.s-slider-nav-arrow:hover,
.s-slider-nav-arrow:active,
.s-slider-nav-arrow:focus,
.s-slider-nav-arrow:focus-visible {
  background: var(--zad-pink) !important;

  border: 0 !important;

  box-shadow: none !important;

  outline: none !important;
}


/* =========================================================
   DISABLED ARROWS
========================================================= */

.s-slider-nav-arrow.swiper-button-disabled,
.s-slider-nav-arrow:disabled {
  background: var(--zad-pink) !important;

  opacity: 0.35 !important;

  border: 0 !important;

  box-shadow: none !important;

  cursor: default !important;
}


/* Disabled ميتحركش */
.s-slider-nav-arrow.swiper-button-disabled
.s-slider-button-icon,
.s-slider-nav-arrow:disabled
.s-slider-button-icon {
  transform: none !important;
}


/* السهم يفضل أبيض */
.s-slider-nav-arrow.swiper-button-disabled svg path,
.s-slider-nav-arrow:disabled svg path {
  fill: #FFFFFF !important;
}


/* =========================================================
   PRODUCT DEADLINE / OFFER CARD
========================================================= */

.product_deadline {
  position: relative !important;

  display: flex !important;

  flex-direction: row !important;

  align-items: stretch !important;

  min-height: 350px !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      135deg,
      #536985 0%,
      var(--zad-navy) 55%,
      var(--zad-navy-dark) 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.14) !important;

  border-radius: 22px !important;

  box-shadow:
    0 12px 35px rgba(45, 63, 86, 0.14) !important;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease !important;
}


.product_deadline:hover {
  transform: translateY(-6px);

  box-shadow:
    0 18px 42px rgba(45, 63, 86, 0.20) !important;
}


/* =========================================================
   DEADLINE IMAGE
========================================================= */

.product_deadline .img {
  position: relative !important;

  width: 43% !important;
  min-width: 43% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 12px !important;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #FFF7F9 100%
    ) !important;

  overflow: hidden !important;
}


.product_deadline .img::before {
  content: "";

  position: absolute;

  width: 170px;
  height: 170px;

  border-radius: 50%;

  background: rgba(194, 24, 91, 0.08);

  pointer-events: none;
}


.product_deadline .img a {
  position: relative;

  z-index: 2;

  width: 100%;
  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;
}


.product_deadline .img .main_img {
  position: relative;

  z-index: 2;

  width: 100% !important;

  height: 283px !important;
  max-height: 283px !important;

  object-fit: contain !important;

  background: #FFFFFF !important;

  border-radius: 15px !important;

  transform: scale(1.08);

  transition: transform 0.4s ease;
}


.product_deadline:hover
.img .main_img {
  transform: scale(1.13);
}


/* =========================================================
   DEADLINE DATA
========================================================= */

.product_deadline .data {
  position: relative;

  width: 57% !important;

  display: flex !important;

  flex-direction: column !important;

  padding: 23px 24px 20px !important;

  color: #FFFFFF !important;
}


/* =========================================================
   DEADLINE CATEGORY
========================================================= */

.product_deadline .data > a.title {
  width: fit-content;

  margin-bottom: 7px !important;

  padding: 5px 10px !important;

  background: rgba(194, 24, 91, 0.16) !important;

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 999px;

  color: var(--zad-soft-pink) !important;

  font-size: 11px !important;

  font-weight: 600 !important;

  transition:
    background 0.3s ease,
    color 0.3s ease;
}


.product_deadline .data > a.title:hover {
  background: var(--zad-pink) !important;

  color: #FFFFFF !important;
}


/* =========================================================
   DEADLINE TITLE
========================================================= */

.product_deadline .title_name {
  color: #FFFFFF !important;

  font-size: 17px !important;

  font-weight: 700 !important;

  line-height: 1.7 !important;

  margin: 0 !important;
}


.product_deadline .data a:hover
.title_name {
  color: #FFFFFF !important;
}


/* =========================================================
   DEADLINE RATING
========================================================= */

.product_deadline
.s-rating-stars-selected
svg path {
  fill: var(--zad-pink) !important;
}


.product_deadline
.s-rating-stars-btn-star:not(.s-rating-stars-selected)
svg path {
  fill: rgba(255, 255, 255, 0.25) !important;
}


.product_deadline .rating {
  margin-top: 4px !important;

  color: rgba(255, 255, 255, 0.58) !important;

  font-size: 11px !important;

  text-align: center;
}


/* =========================================================
   DEADLINE PRICE
========================================================= */

.product_deadline .price_component {
  margin-top: 10px !important;

  margin-bottom: 13px !important;
}


.product_deadline
.price_component .price {
  color: #FFFFFF !important;

  font-size: 22px !important;

  font-weight: 800 !important;
}


.product_deadline
.price_component::after {
  content: "";

  display: block;

  width: 36px;

  height: 3px;

  margin-top: 6px;

  background: var(--zad-pink);

  border-radius: 20px;
}


.product_deadline .last_price {
  color: rgba(255, 255, 255, 0.45) !important;

  font-size: 13px !important;
}


/* =========================================================
   HIDE COUNTDOWN AREA
========================================================= */

.product_deadline
.flex.justify-center.sm\:justify-start {
  display: none !important;
}


/* =========================================================
   DEADLINE BUTTONS
========================================================= */

.product_deadline .last_buttons {
  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  margin-top: auto !important;
}


/* Add To Cart Wrapper */
.product_deadline .centerd_class {
  flex: 1 !important;

  height: auto !important;

  background: transparent !important;
}


/* Add To Cart */
.product_deadline
.centerd_class
.s-button-element {
  min-height: 48px !important;

  background: var(--zad-pink) !important;

  border: 1px solid var(--zad-pink) !important;

  border-radius: 12px !important;

  color: #FFFFFF !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  box-shadow:
    0 8px 18px rgba(194, 24, 91, 0.25) !important;

  transition:
    background 0.3s ease,
    transform 0.3s ease;
}


.product_deadline
.centerd_class
.s-button-element span,
.product_deadline
.centerd_class
.s-button-element i {
  color: #FFFFFF !important;
}


.product_deadline
.centerd_class
.s-button-element:hover {
  background: var(--zad-pink-dark) !important;

  border-color: var(--zad-pink-dark) !important;

  transform: translateY(-2px);
}


/* =========================================================
   DEADLINE WISHLIST - GLASS
========================================================= */

.product_deadline
.last_buttons >
salla-button.s-product-card-wishlist-btn {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;

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

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 50% !important;
}


.product_deadline
.last_buttons
salla-button.s-product-card-wishlist-btn
> button.s-product-card-wishlist-btn {
  position: static !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

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

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

  background: rgba(255, 255, 255, 0.08) !important;

  border: 1px solid rgba(255, 255, 255, 0.22) !important;

  border-radius: 50% !important;

  box-shadow: none !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}


.product_deadline
.last_buttons
.sicon-heart {
  color: rgba(255, 255, 255, 0.78) !important;

  font-size: 19px !important;

  margin: 0 !important;

  padding: 0 !important;
}


.product_deadline
.last_buttons
salla-button.s-product-card-wishlist-btn
> button:hover {
  background: rgba(255, 255, 255, 0.16) !important;

  border-color: rgba(255, 255, 255, 0.40) !important;

  box-shadow: none !important;

  transform: scale(1.07);
}


.product_deadline
.last_buttons
salla-button.s-product-card-wishlist-btn
> button:hover
.sicon-heart {
  color: #FFFFFF !important;
}


/* =========================================================
   DEADLINE SLIDE
========================================================= */

.product_deadline.swiper-slide {
  height: auto !important;
}


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

@media (max-width: 991px) {

  .product_deadline {
    min-height: 320px !important;
  }


  .product_deadline .img {
    width: 40% !important;
    min-width: 40% !important;

    padding: 12px !important;
  }


  .product_deadline .data {
    width: 60% !important;

    padding: 18px !important;
  }


  .product_deadline .img .main_img {
    height: 240px !important;
    max-height: 240px !important;
  }


  .product_deadline .title_name {
    font-size: 15px !important;
  }
}


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

@media (max-width: 767px) {

  /* Header */

  .store-header #mainnav {
    height: auto !important;
  }


  .store-header .navbar-brand img {
    width: 85px !important;
  }


  .store-header .side-account {
    gap: 6px !important;
  }


  .store-header .search-btn {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

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

    padding: 0 !important;

    background: var(--zad-pink) !important;

    border: 0 !important;

    border-radius: 50% !important;
  }


  .store-header .search-btn svg {
    width: 20px !important;
    height: 20px !important;
  }


  .store-header .search-btn svg path {
    stroke: #FFFFFF !important;
  }


  .store-header .whishlist-icon,
  .store-header salla-cart-summary,
  .store-header .s-cart-summary-wrapper,
  .store-header
  .side-account >
  button[aria-label="user-icon"]:not(.header-btn) {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }


  /* Product cards */

  .s-product-card-entry
  .s-product-card-image-cover {
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
  }


  .s-product-card-entry
  .s-product-card-content {
    min-height: 120px !important;

    padding: 12px !important;

    border-radius: 0 0 14px 14px !important;
  }


  .s-product-card-entry
  .s-product-card-content-title {
    min-height: 40px !important;
  }


  .s-product-card-entry
  .s-product-card-content-title a {
    font-size: 12px !important;
  }


  .s-product-card-entry
  .s-product-card-price {
    font-size: 16px !important;
  }


  /* Add to cart يظهر دائمًا على الموبايل */

  .s-product-card-entry
  .Gl_add_to_cart_btn_product {
    position: static !important;

    width: calc(100% - 48px) !important;

    opacity: 1 !important;

    margin-top: 10px !important;
    margin-left: 48px !important;

    transform: none !important;

    pointer-events: auto !important;
  }


  /* Wishlist Mobile */

  .s-product-card-entry
  salla-button.s-product-card-wishlist-btn {
    left: 10px !important;

    bottom: 12px !important;
  }


  /* Arrows */

  .s-slider-nav-arrow {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    box-shadow: none !important;
  }


  .s-slider-nav-arrow svg {
    width: 20px !important;
    height: 20px !important;
  }


  /* Deadline */

  .product_deadline {
    display: flex !important;

    flex-direction: column !important;

    min-height: auto !important;

    border-radius: 18px !important;
  }


  .product_deadline .img {
    width: 100% !important;
    min-width: 100% !important;

    height: 230px !important;

    padding: 14px !important;
  }


  .product_deadline .img .main_img {
    height: 210px !important;
    max-height: 210px !important;
  }


  .product_deadline .data {
    width: 100% !important;

    padding: 16px !important;
  }


  .product_deadline .title_name {
    font-size: 14px !important;
  }


  .product_deadline
  .price_component .price {
    font-size: 19px !important;
  }


  .product_deadline
  .centerd_class
  .s-button-element {
    min-height: 44px !important;
  }


  .product_deadline
  .last_buttons >
  salla-button.s-product-card-wishlist-btn,
  .product_deadline
  .last_buttons
  salla-button.s-product-card-wishlist-btn
  > button.s-product-card-wishlist-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
}


.s-product-card-entry .s-product-card-content{
  background: #c2185b !important;
}/* =========================================
   CATEGORY NAME - GLASS STYLE
========================================= */

.products-item > a {
  display: flex !important;
  justify-content: center !important;

  width: 100% !important;

  text-decoration: none !important;
}


/* اسم التصنيف */
.products-item > a h3 {
  display: inline-flex !important;

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

  width: fit-content !important;

  margin: 12px auto 0 !important;

  padding: 8px 16px !important;

  background: rgba(255, 255, 255, 0.08) !important;

  border: 1px solid rgba(255, 255, 255, 0.20) !important;

  border-radius: 999px !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  color: #FFFFFF !important;

  font-size: 14px !important;
  font-weight: 600 !important;

  line-height: 1.4 !important;

  box-shadow: none !important;

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


/* Hover */
.products-item > a:hover h3 {
  background: rgba(194, 24, 91, 0.22) !important;

  border-color: rgba(194, 24, 91, 0.55) !important;

  color: #FFFFFF !important;

  transform: translateY(-2px);
}



/* =========================================
   SIMPLE SECTION - FORCE STYLE
========================================= */

div.s-block-simple-section__content {
  position: relative !important;
  overflow: hidden !important;

  padding: 28px 30px !important;

  background: rgba(255, 255, 255, 0.08) !important;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 20px !important;

  box-shadow: none !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}


/* Glow وردي خفيف */
div.s-block-simple-section__content::before {
  content: "" !important;

  position: absolute !important;

  width: 230px !important;
  height: 230px !important;

  top: -110px !important;
  right: -80px !important;

  background: rgba(194, 24, 91, 0.22) !important;

  border-radius: 50% !important;

  filter: blur(55px) !important;

  pointer-events: none !important;

  z-index: 0 !important;
}


/* العنوان */
div.s-block-simple-section__content
> h2.s-block-simple-section__title {
  position: relative !important;

  z-index: 2 !important;

  color: #FFFFFF !important;

  font-weight: 800 !important;

  padding-right: 18px !important;

  margin-bottom: 15px !important;
}


/* الخط الوردي جنب العنوان */
div.s-block-simple-section__content
> h2.s-block-simple-section__title::before {
  content: "" !important;

  position: absolute !important;

  right: 0 !important;
  top: 50% !important;

  width: 4px !important;
  height: 28px !important;

  background: #C2185B !important;

  border-radius: 20px !important;

  transform: translateY(-50%) !important;
}


/* النص */
div.s-block-simple-section__content
> p.s-block-simple-section__subtitle {
  position: relative !important;

  z-index: 2 !important;

  color: rgba(255, 255, 255, 0.78) !important;

  font-size: 16px !important;

  line-height: 2 !important;

  margin: 0 !important;
}


.image-title .title-heade {
    text-align: center;
    min-width: 260px;
    background-color: transparent !important;
    padding: 14px 30px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    color: #ffffff;
    text-wrap: nowrap;
}



/* =========================================================
   PRODUCT DEADLINE - TEXT SIDE ONLY
   Glass + Navy + Pink Accent
========================================================= */

/* الحاوية اللي فيها الكلام فقط */
#sliderProducts .product_deadline > .data {
  position: relative !important;

  width: 57% !important;

  display: flex !important;
  flex-direction: column !important;

  padding: 24px !important;

  /* Glass */
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.11) 0%,
      rgba(255,255,255,0.05) 100%
    ) !important;

  border: 1px solid rgba(255,255,255,0.18) !important;

  border-radius: 18px !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  box-shadow: none !important;

  overflow: hidden !important;

  color: #FFFFFF !important;

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


/* Pink Glow بسيط داخل حاوية الكلام */
#sliderProducts .product_deadline > .data::before {
  content: "" !important;

  position: absolute !important;

  width: 220px !important;
  height: 220px !important;

  top: -120px !important;
  right: -90px !important;

  border-radius: 50% !important;

  background: rgba(194,24,91,0.18) !important;

  filter: blur(50px) !important;

  pointer-events: none !important;

  z-index: 0 !important;
}


/* نخلي كل المحتوى فوق الـ glow */
#sliderProducts .product_deadline > .data > * {
  position: relative !important;

  z-index: 2 !important;
}


/* =========================================================
   CATEGORY
========================================================= */

#sliderProducts
.product_deadline
.data > a.title {
  width: fit-content !important;

  margin-bottom: 10px !important;

  padding: 6px 12px !important;

  background: rgba(194,24,91,0.18) !important;

  border: 1px solid rgba(194,24,91,0.35) !important;

  border-radius: 999px !important;

  color: #FFD6E5 !important;

  font-size: 11px !important;
  font-weight: 700 !important;

  box-shadow: none !important;

  transition:
    background 0.3s ease,
    color 0.3s ease !important;
}


#sliderProducts
.product_deadline
.data > a.title:hover {
  background: #C2185B !important;

  color: #FFFFFF !important;
}


/* =========================================================
   PRODUCT TITLE
========================================================= */

#sliderProducts
.product_deadline
.data .title_name {
  color: #FFFFFF !important;

  font-size: 17px !important;

  font-weight: 700 !important;

  line-height: 1.7 !important;

  margin: 0 !important;
}


#sliderProducts
.product_deadline
.data a:hover .title_name {
  color: #FFFFFF !important;
}


/* =========================================================
   RATING
========================================================= */

#sliderProducts
.product_deadline
.data
.s-rating-stars-selected
svg path {
  fill: #C2185B !important;
}


#sliderProducts
.product_deadline
.data
.s-rating-stars-btn-star:not(.s-rating-stars-selected)
svg path {
  fill: rgba(255,255,255,0.25) !important;
}


#sliderProducts
.product_deadline
.data .rating {
  color: rgba(255,255,255,0.60) !important;

  font-size: 11px !important;

  margin-top: 4px !important;
}


/* =========================================================
   PRICE
========================================================= */

#sliderProducts
.product_deadline
.data .price_component {
  margin-top: 12px !important;

  margin-bottom: 14px !important;
}


#sliderProducts
.product_deadline
.data .price {
  color: #FFFFFF !important;

  font-size: 22px !important;

  font-weight: 800 !important;

  margin: 0 !important;
}


/* الخط الوردي تحت السعر */
#sliderProducts
.product_deadline
.data .price_component::after {
  content: "" !important;

  display: block !important;

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

  margin-top: 7px !important;

  background: #C2185B !important;

  border-radius: 20px !important;
}


#sliderProducts
.product_deadline
.data .last_price {
  color: rgba(255,255,255,0.45) !important;
}


/* =========================================================
   إخفاء العداد القديم
========================================================= */

#sliderProducts
.product_deadline
.data
.flex.justify-center.sm\:justify-start {
  display: none !important;
}


/* =========================================================
   BOTTOM BUTTONS
========================================================= */

#sliderProducts
.product_deadline
.data .last_buttons {
  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  margin-top: auto !important;
}


/* =========================================================
   ADD TO CART
========================================================= */

#sliderProducts
.product_deadline
.data .centerd_class {
  flex: 1 !important;

  background: transparent !important;
}


#sliderProducts
.product_deadline
.data
.centerd_class .s-button-element {
  min-height: 48px !important;

  background: #C2185B !important;

  border: 0 !important;

  border-radius: 12px !important;

  color: #FFFFFF !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  box-shadow: none !important;

  transition:
    background 0.3s ease,
    transform 0.3s ease !important;
}


#sliderProducts
.product_deadline
.data
.centerd_class .s-button-element span,
#sliderProducts
.product_deadline
.data
.centerd_class .s-button-element i {
  color: #FFFFFF !important;
}


#sliderProducts
.product_deadline
.data
.centerd_class .s-button-element:hover {
  background: #9F124A !important;

  transform: translateY(-2px);

  box-shadow: none !important;
}


/* =========================================================
   WISHLIST GLASS
========================================================= */

#sliderProducts
.product_deadline
.data
.last_buttons >
salla-button.s-product-card-wishlist-btn {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;

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

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;
}


#sliderProducts
.product_deadline
.data
.last_buttons
salla-button.s-product-card-wishlist-btn
> button {
  position: static !important;

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

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

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: rgba(255,255,255,0.08) !important;

  border: 1px solid rgba(255,255,255,0.24) !important;

  border-radius: 50% !important;

  box-shadow: none !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

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


#sliderProducts
.product_deadline
.data
.last_buttons
.sicon-heart {
  color: rgba(255,255,255,0.75) !important;

  font-size: 19px !important;

  margin: 0 !important;
}


/* Heart Hover */
#sliderProducts
.product_deadline
.data
.last_buttons
salla-button.s-product-card-wishlist-btn
> button:hover {
  background: rgba(255,255,255,0.16) !important;

  border-color: rgba(255,255,255,0.40) !important;

  transform: scale(1.07);

  box-shadow: none !important;
}


#sliderProducts
.product_deadline
.data
.last_buttons
salla-button.s-product-card-wishlist-btn
> button:hover
.sicon-heart {
  color: #FFFFFF !important;
}


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

#sliderProducts
.product_deadline:hover > .data {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.14) 0%,
      rgba(255,255,255,0.07) 100%
    ) !important;

  border-color: rgba(194,24,91,0.38) !important;

  box-shadow: none !important;
}


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

@media (max-width: 767px) {

  #sliderProducts
  .product_deadline > .data {
    width: 100% !important;

    padding: 18px !important;

    border-radius: 16px !important;
  }


  #sliderProducts
  .product_deadline
  .data .title_name {
    font-size: 14px !important;
  }


  #sliderProducts
  .product_deadline
  .data .price {
    font-size: 19px !important;
  }


  #sliderProducts
  .product_deadline
  .data
  .centerd_class .s-button-element {
    min-height: 44px !important;
  }


  #sliderProducts
  .product_deadline
  .data
  .last_buttons >
  salla-button.s-product-card-wishlist-btn,

  #sliderProducts
  .product_deadline
  .data
  .last_buttons
  salla-button.s-product-card-wishlist-btn
  > button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
}


.s-block-simple-section__subtitle

 {
    font-size: var(--subtitle-font-size, 20px);
    margin-bottom: 1rem;
    line-height: 1.5;
        color: white  !important;
}.s-block-simple-section__title {
    font-size: var(--title-font-size, 30px);
    margin-bottom: 1rem;
    font-weight: 600;
    color: white  !important;
    line-height: 1.3;
}



main .s-block {
  position: relative;

 

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;



  padding-top: 0 !important;
  padding-bottom: 7px !important;

  color: #FFFFFF !important;
}


/* كل النصوص داخل السكشن تبقى أبيض */
main .s-block h1,
main .s-block h2,
main .s-block h3,
main .s-block h4,
main .s-block h5,
main .s-block h6,
main .s-block p,
main .s-block span,
main .s-block a {
  color: #FFFFFF !important;
}



/* =========================================================
   ZAD CARE - FAQ SECTION
========================================================= */

.common_questions {
  position: relative !important;

  width: 100% !important;

  margin-bottom: 70px !important;

  background: transparent !important;
}


/* =========================================================
   SECTION CONTAINER
========================================================= */

.common_questions > .container {
  position: relative !important;

  width: 100% !important;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.common_questions .image-title {
  position: relative !important;

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

  width: fit-content !important;

  margin: 0 auto 32px !important;

  background: transparent !important;
}


.common_questions .title-heade {
  position: relative !important;

  margin: 0 !important;

  padding: 0 18px !important;

  color: #FFFFFF !important;

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

  line-height: 1.5 !important;
}


/* Pink accent تحت العنوان */
.common_questions .title-heade::after {
  content: "" !important;

  position: absolute !important;

  right: 50% !important;
  bottom: -10px !important;

  width: 48px !important;
  height: 4px !important;

  background: #C2185B !important;

  border-radius: 50px !important;

  transform: translateX(50%) !important;
}


/* =========================================================
   ACCORDION WRAPPER
========================================================= */

.common_questions .accordion-common {
  width: 100% !important;

  display: grid !important;

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 16px !important;

  padding: 0 !important;
}


/* =========================================================
   FAQ CARD
========================================================= */

.common_questions .accordion-item-common {
  position: relative !important;

  width: 100% !important;

  padding: 0 20px !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.10),
      rgba(255,255,255,0.05)
    ) !important;

  border: 1px solid rgba(255,255,255,0.15) !important;

  border-radius: 16px !important;

  box-shadow: none !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

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


/* Hover */
.common_questions .accordion-item-common:hover {
  border-color: rgba(194,24,91,0.45) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.13),
      rgba(255,255,255,0.06)
    ) !important;

  transform: translateY(-2px) !important;

  box-shadow: none !important;
}


/* =========================================================
   QUESTION ROW
========================================================= */

.common_questions .accordion-item-common > h2 {
  min-height: 82px !important;

  padding: 20px 0 !important;

  margin: 0 !important;

  display: flex !important;

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

  gap: 16px !important;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

.common_questions .accordion-title-common {
  flex: 1 !important;

  color: #FFFFFF !important;

  font-size: 16px !important;
  font-weight: 700 !important;

  line-height: 1.7 !important;

  transition: color 0.3s ease !important;
}


/* Hover السؤال */
.common_questions
.accordion-item-common:hover
.accordion-title-common {
  color: #FFD6DE !important;
}


/* =========================================================
   PLUS ICON
========================================================= */

.common_questions .icon-add {
  flex-shrink: 0 !important;

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

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

  background: #C2185B !important;

  color: #FFFFFF !important;

  border: 0 !important;
  border-radius: 50% !important;

  font-size: 15px !important;

  box-shadow: none !important;

  transition:
    transform 0.35s ease,
    background 0.3s ease !important;
}


/* Hover */
.common_questions
.accordion-item-common:hover
.icon-add {
  background: #9F124A !important;
}


/* =========================================================
   OPEN STATE
========================================================= */

.common_questions
.accordion-item-common
h2[aria-expanded="true"]
.accordion-title-common {
  color: #FFD6DE !important;
}


.common_questions
.accordion-item-common
h2[aria-expanded="true"]
.icon-add {
  background: #C2185B !important;

  transform: rotate(45deg) !important;
}


/* الكارت المفتوح */
.common_questions
.accordion-item-common:has(h2[aria-expanded="true"]) {
  border-color: rgba(194,24,91,0.50) !important;

  background:
    linear-gradient(
      145deg,
      rgba(194,24,91,0.13),
      rgba(255,255,255,0.06)
    ) !important;
}


/* =========================================================
   ANSWER AREA
========================================================= */

.common_questions .accordion-content-common {
  background: transparent !important;

  border: 0 !important;
}


/* الإجابة */
.common_questions .accordion-content-common p {
  color: rgba(255,255,255,0.72) !important;

  font-size: 14px !important;

  line-height: 1.9 !important;

  margin: 0 0 22px !important;

  padding-top: 2px !important;
}


/* خط بسيط بين السؤال والإجابة وقت الفتح */
.common_questions
h2[aria-expanded="true"]
+ .accordion-content-common {
  border-top: 1px solid rgba(255,255,255,0.10) !important;

  padding-top: 15px !important;
}


/* =========================================================
   PINK GLOW - VERY LIGHT
========================================================= */

.common_questions::before {
  content: "" !important;

  position: absolute !important;

  width: 320px !important;
  height: 320px !important;

  top: 20% !important;
  right: -140px !important;

  background: rgba(194,24,91,0.10) !important;

  border-radius: 50% !important;

  filter: blur(80px) !important;

  pointer-events: none !important;
}


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

@media (max-width: 767px) {

  .common_questions {
    margin-bottom: 50px !important;
  }


  .common_questions .accordion-common {
    grid-template-columns: 1fr !important;

    gap: 12px !important;
  }


  .common_questions .title-heade {
    font-size: 22px !important;
  }


  .common_questions .accordion-item-common {
    padding: 0 15px !important;

    border-radius: 14px !important;
  }


  .common_questions
  .accordion-item-common > h2 {
    min-height: 70px !important;

    padding: 16px 0 !important;
  }


  .common_questions
  .accordion-title-common {
    font-size: 14px !important;
  }


  .common_questions .icon-add {
    width: 32px !important;
    height: 32px !important;

    font-size: 13px !important;
  }


  .common_questions
  .accordion-content-common p {
    font-size: 13px !important;

    line-height: 1.8 !important;
  }
}





/* =========================================================
   ZAD CARE FOOTER - FORCE FINAL FIX
========================================================= */


/* ===============================
   MAIN FOOTER
================================ */

footer.store-footer {
  position: relative !important;
  overflow: hidden !important;
}


/* الجزء الأبيض الأساسي */
footer.store-footer .store-footer__inner {
  position: relative !important;
  isolation: isolate !important;

  padding-top: 45px !important;
  padding-bottom: 35px !important;

  border-top: 1px solid rgba(255,255,255,.12) !important;
}


/* طبقة Navy فوق الـ background الأبيض الـ inline */
footer.store-footer .store-footer__inner::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    radial-gradient(
      circle at 85% 0%,
      rgba(194,24,91,.18) 0%,
      rgba(194,24,91,0) 32%
    ),
    linear-gradient(
      135deg,
      #465A74 0%,
      #4F627D 50%,
      #3F526B 100%
    ) !important;

  z-index: 0 !important;

  pointer-events: none !important;
}


/* المحتوى يبقى فوق الخلفية */
footer.store-footer
.store-footer__inner > .container {
  position: relative !important;
  z-index: 2 !important;
}


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

footer.store-footer
.store-footer__inner h3,

footer.store-footer
.store-footer__inner p,

footer.store-footer
.store-footer__inner span,

footer.store-footer
.store-footer__inner a,

footer.store-footer
.store-footer__inner b {
  color: #FFFFFF !important;
}


/* الوصف */
footer.store-footer
.store-footer__inner p {
  color: rgba(255,255,255,.75) !important;
}


/* ===============================
   TITLES
================================ */

footer.store-footer
.store-footer__inner h3,

footer.store-footer
.s-contacts-title {
  position: relative !important;

  width: fit-content !important;

  color: #FFFFFF !important;

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

  padding-bottom: 10px !important;

  margin-bottom: 18px !important;
}


footer.store-footer
.store-footer__inner h3::after,

footer.store-footer
.s-contacts-title::after {
  content: "" !important;

  position: absolute !important;

  right: 0 !important;
  bottom: 0 !important;

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

  background: #C2185B !important;

  border-radius: 20px !important;
}


/* ===============================
   FOOTER LINKS
================================ */

footer.store-footer
.s-menu-footer-list {
  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;
}


footer.store-footer
.s-menu-footer-item {
  color: rgba(255,255,255,.78) !important;

  transition:
    color .3s ease,
    transform .3s ease !important;
}


footer.store-footer
.s-menu-footer-item:hover {
  color: #FFD6DE !important;

  transform: translateX(-4px) !important;
}


/* ===============================
   CONTACTS
================================ */

footer.store-footer
.s-contacts-item {
  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  color: rgba(255,255,255,.80) !important;
}


footer.store-footer
.s-contacts-icon {
  width: 38px !important;
  height: 38px !important;

  display: flex !important;

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

  background: rgba(255,255,255,.09) !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  border-radius: 50% !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

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


footer.store-footer
.s-contacts-icon svg {
  width: 18px !important;
  height: 18px !important;
}


footer.store-footer
.s-contacts-icon svg path {
  fill: #FFFFFF !important;
}


footer.store-footer
.s-contacts-item:hover
.s-contacts-icon {
  background: #C2185B !important;

  border-color: #C2185B !important;
}


/* ===============================
   TRUST BADGE - GLASS
================================ */

footer.store-footer
.s-trust-badges-wrapper {
  padding: 10px 14px !important;

  background: rgba(255,255,255,.08) !important;

  border: 1px solid rgba(255,255,255,.16) !important;

  border-radius: 14px !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  box-shadow: none !important;
}


footer.store-footer
.s-trust-badges-label,

footer.store-footer
.s-trust-badges-number {
  color: #FFFFFF !important;
}


/* ===============================
   SOCIAL ICONS
================================ */

footer.store-footer
.s-social-list {
  display: flex !important;

  gap: 10px !important;
}


footer.store-footer
.s-social-link a {
  width: 40px !important;
  height: 40px !important;

  display: flex !important;

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

  background: rgba(255,255,255,.09) !important;

  border: 1px solid rgba(255,255,255,.17) !important;

  border-radius: 50% !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  transition:
    background .3s ease,
    transform .3s ease !important;
}


footer.store-footer
.s-social-link svg {
  width: 19px !important;
  height: 19px !important;
}


footer.store-footer
.s-social-link svg path {
  fill: #FFFFFF !important;
}


footer.store-footer
.s-social-link a:hover {
  background: #C2185B !important;

  border-color: #C2185B !important;

  transform: translateY(-3px) !important;
}


/* =========================================================
   BOTTOM FOOTER
========================================================= */

footer.store-footer
.footer-margin {
  position: relative !important;

  isolation: isolate !important;

  margin-bottom: 0 !important;

  border-top: 1px solid rgba(255,255,255,.12) !important;
}


/* نغطي الأبيض الموجود Inline */
footer.store-footer
.footer-margin::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background: #35465D !important;

  z-index: 0 !important;

  pointer-events: none !important;
}


footer.store-footer
.footer-margin > .container {
  position: relative !important;

  z-index: 2 !important;

  min-height: 70px !important;

  padding-top: 12px !important;
  padding-bottom: 12px !important;
}


/* ===============================
   COPYRIGHT
================================ */

footer.store-footer
.copyright-text,

footer.store-footer
.copyright-text p {
  color: rgba(255,255,255,.70) !important;
}


footer.store-footer
.copyright-text a {
  color: #FFFFFF !important;

  font-weight: 700 !important;
}


footer.store-footer
.copyright-text a:hover {
  color: #FFD6DE !important;
}


/* ===============================
   PAYMENT METHODS
================================ */

footer.store-footer
.s-payments-list {
  display: flex !important;

  align-items: center !important;

  flex-wrap: wrap !important;

  gap: 7px !important;
}


footer.store-footer
.s-payments-list-item {
  display: flex !important;

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

  padding: 4px 7px !important;

  background: rgba(255,255,255,.95) !important;

  border-radius: 8px !important;

  border: 0 !important;

  box-shadow: none !important;
}


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

@media (max-width: 767px) {

  footer.store-footer
  .store-footer__inner {
    padding-top: 35px !important;
    padding-bottom: 28px !important;
  }


  footer.store-footer
  .store-footer__inner h3,

  footer.store-footer
  .s-contacts-title {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  footer.store-footer
  .store-footer__inner h3::after,

  footer.store-footer
  .s-contacts-title::after {
    right: 50% !important;

    transform: translateX(50%) !important;
  }


  footer.store-footer
  .s-menu-footer-item,

  footer.store-footer
  .s-contacts-item {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  footer.store-footer
  .s-social-list,

  footer.store-footer
  .s-payments-list {
    justify-content: center !important;
  }


  footer.store-footer
  .footer-margin > .container {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}


/* =========================================
   FOOTER ICONS - EXACT FIX
========================================= */

/* شيل الخط الوردي اللي تحت العناوين */
footer.store-footer h3::after,
footer.store-footer .s-contacts-title::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}


/* =========================================
   SOCIAL ICONS
========================================= */

footer.store-footer
salla-social
.s-social-list
.s-social-link
> a {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;

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

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

  background: #C2185B !important;

  border: 0 !important;
  border-radius: 50% !important;

  box-shadow: none !important;

  animation: zadIconsMove 2.6s ease-in-out infinite !important;
}


/* الأيقونة نفسها */
footer.store-footer
salla-social
.s-social-icon {
  width: 20px !important;
  height: 20px !important;

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

  color: #FFFFFF !important;
}


footer.store-footer
salla-social
.s-social-icon svg {
  width: 20px !important;
  height: 20px !important;
}


footer.store-footer
salla-social
.s-social-icon svg path {
  fill: #FFFFFF !important;
  stroke: none !important;
}


/* =========================================
   CONTACT ICONS
========================================= */

footer.store-footer
salla-contacts
.s-contacts-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;

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

  padding: 0 !important;

  background: #C2185B !important;

  border: 0 !important;
  border-radius: 50% !important;

  box-shadow: none !important;

  animation: zadIconsMove 2.6s ease-in-out infinite !important;
}


footer.store-footer
salla-contacts
.s-contacts-icon svg {
  width: 19px !important;
  height: 19px !important;
}


footer.store-footer
salla-contacts
.s-contacts-icon svg path {
  fill: #FFFFFF !important;
}


/* =========================================
   حركة موحدة
========================================= */

@keyframes zadIconsMove {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}


/* لما الماوس يدخل على مجموعة السوشيال
   كل الأيقونات تقف مع بعض */
footer.store-footer
salla-social:hover
.s-social-link
> a {
  animation-play-state: paused !important;
}


/* التواصل كمان */
footer.store-footer
salla-contacts:hover
.s-contacts-icon {
  animation-play-state: paused !important;
}


/* مفيش تغيير لون في Hover */
footer.store-footer
salla-social
.s-social-link
> a:hover,

footer.store-footer
salla-contacts
.s-contacts-icon:hover {
  background: #C2185B !important;

  box-shadow: none !important;
}


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

@media (max-width: 767px) {

  footer.store-footer
  salla-social
  .s-social-list
  .s-social-link
  > a,

  footer.store-footer
  salla-contacts
  .s-contacts-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
}








/* ========================================
   REMOVE PINK / RED PARTS
======================================== */

/* شيل الخط الوردي تحت عنوان الأسئلة */
.common_questions .title-heade::after {
  display: none !important;
  content: none !important;
}

/* شيل أي Glow أو Gradient وردي في الفوتر */
footer.store-footer .store-footer__inner::before,
footer.store-footer .footer-margin::before {
  background: #4F627D !important;
  background-image: none !important;
}

/* لو في أي جزء واخد Glow وردي في يمين الفوتر */
.store-footer,
.store-footer .store-footer__inner,
.store-footer .footer-margin {
  background: #4F627D !important;
  background-image: none !important;
}


/* ========================================
   LIGHTER / SMALLER LINES
======================================== */

/* الخط الفاصل بين السكشن والفوتر */
.common_questions {
  border-bottom: 0px solid rgba(255,255,255,0.12) !important;
}

/* الخطوط العامة في الفوتر */
.store-footer,
.store-footer .store-footer__inner,
.store-footer .footer-margin {
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}

/* تقليل وضوح البوردر بتاع البوكسات */
.common_questions .accordion-item-common,
.store-footer .s-trust-badges-wrapper {
  border: 1px solid rgba(255,255,255,0.10) !important;
}


/* ========================================
   REDUCE FONT SIZES A BIT
======================================== */

/* عنوان الأسئلة */
.common_questions .title-heade {
  font-size: 24px !important;
}

/* سؤال الـ FAQ */
.common_questions .accordion-title-common {
  font-size: 16px !important;
}

/* إجابة الـ FAQ */
.common_questions .accordion-content-common p {
  font-size: 13px !important;
  line-height: 1.8 !important;
}

/* عناوين الفوتر */
.store-footer h3,
.store-footer .s-contacts-title {
  font-size: 15px !important;
}

/* لينكات الفوتر */
.store-footer .s-menu-footer-item,
.store-footer .s-contacts-item,
.store-footer p,
.store-footer span,
.store-footer a {
  font-size: 13px !important;
}

/* النص التعريفي يمين الفوتر */
.store-footer .store-footer__inner p {
  font-size: 13px !important;
  line-height: 1.8 !important;
}

/* الحقوق آخر سطر */
.store-footer .copyright-text,
.store-footer .copyright-text p,
.store-footer .copyright-text a {
  font-size: 12px !important;
}


/* ========================================
   MOBILE
======================================== */
@media (max-width: 767px) {
  .common_questions .title-heade {
    font-size: 20px !important;
  }

  .common_questions .accordion-title-common {
    font-size: 14px !important;
  }

  .common_questions .accordion-content-common p {
    font-size: 12px !important;
  }

  .store-footer h3,
  .store-footer .s-contacts-title {
    font-size: 14px !important;
  }

  .store-footer .s-menu-footer-item,
  .store-footer .s-contacts-item,
  .store-footer p,
  .store-footer span,
  .store-footer a {
    font-size: 12px !important;
  }
}

/* =========================================================
   ZAD CARE - SINGLE PRODUCT PAGE
   COLORS ONLY - NO LAYOUT CHANGES
========================================================= */

:root {
  --zad-pink: #C2185B;
  --zad-pink-dark: #9F124A;
  --zad-navy: #4F627D;
  --zad-white: #FFFFFF;
}


/* =========================
   MAIN PRODUCT CONTENT
========================= */

main .main-content {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.15) !important;
  box-shadow: none !important;
}


/* =========================
   PRODUCT TITLE
========================= */

main .main-content h1 {
  color: #FFFFFF !important;
}


/* =========================
   PRICE
========================= */

main .main-content .total-price,
main .main-content .total-price i {
  color: var(--zad-pink) !important;
}


/* =========================
   DESCRIPTION
========================= */

main .product-description,
main .product-description p,
main .product-description span,
main .product-description li {
  color: rgba(255,255,255,.82) !important;
}


/* النصوص الـ strong */
main .product-description strong {
  color: #FFFFFF !important;
}


/* العناوين */
main .product-description h2,
main .product-description h3,
main .product-description h2 strong,
main .product-description h3 strong {
  color: #FFFFFF !important;
}


/* اللينكات */
main .product-description a,
main .product-description a strong {
  color: #FFD6E5 !important;
}


main .product-description a:hover,
main .product-description a:hover strong {
  color: #FFFFFF !important;
}


/* bullets */
main .product-description li::marker {
  color: var(--zad-pink) !important;
}


/* =========================
   SHOW MORE
========================= */

main .description .more-tab {
  color: #FFFFFF !important;

  background: rgba(194,24,91,.16) !important;

  border-color: rgba(194,24,91,.35) !important;
}


main .description .more-tab:hover {
  background: var(--zad-pink) !important;

  color: #FFFFFF !important;
}


/* =========================
   PRODUCT IMAGE AREA
========================= */

main .single-sider {
  background: rgba(255,255,255,.06) !important;

  border-color: rgba(255,255,255,.14) !important;

  box-shadow: none !important;
}


/* الصورة الرئيسية */
main .single-sider .s-slider-container,
main .single-sider .s-slider-container .swiper-slide,
main .single-sider .s-slider-container img {
  background: #FFFFFF !important;
}


/* =========================
   THUMBNAILS
========================= */

main .single-sider
.s-slider-thumbs
.swiper-slide {
  background: rgba(255,255,255,.08) !important;

  border-color: rgba(255,255,255,.18) !important;
}


main .single-sider
.s-slider-thumbs
.swiper-slide img {
  background: #FFFFFF !important;
}


main .single-sider
.s-slider-thumbs
.swiper-slide-thumb-active {
  border-color: var(--zad-pink) !important;

  box-shadow:
    0 0 0 2px rgba(194,24,91,.15) !important;
}


/* =========================
   EXPAND ICON
========================= */

main .single-sider .sicon-arrow-expand {
  background: var(--zad-navy) !important;

  color: #FFFFFF !important;

  border-color: rgba(255,255,255,.25) !important;
}


main .single-sider .sicon-arrow-expand:hover {
  background: var(--zad-pink) !important;
}


/* =========================
   WISHLIST
========================= */

main .product-heart > button {
  background: rgba(255,255,255,.08) !important;

  border-color: rgba(255,255,255,.20) !important;

  color: #FFFFFF !important;

  box-shadow: none !important;
}


main .product-heart > button:hover {
  background: var(--zad-pink) !important;

  border-color: var(--zad-pink) !important;
}


main .product-heart i {
  color: #FFFFFF !important;
}


/* =========================
   SHARE BUTTON
========================= */

main .s-social-share-btn > button {
  background: rgba(255,255,255,.08) !important;

  border-color: rgba(255,255,255,.20) !important;

  color: #FFFFFF !important;

  box-shadow: none !important;
}


main .s-social-share-btn > button:hover {
  background: var(--zad-pink) !important;

  border-color: var(--zad-pink) !important;
}


main .s-social-share-btn svg path {
  fill: #FFFFFF !important;
}


/* =========================
   ACCORDION
========================= */

main .container_accordion .accordion,
main .accordion_static {
  background: rgba(255,255,255,.07) !important;

  border-color: rgba(255,255,255,.15) !important;

  color: #FFFFFF !important;
}


main .container_accordion .accordion:hover {
  background: rgba(255,255,255,.11) !important;

  border-color: rgba(194,24,91,.40) !important;
}


/* override inline pink */
main .container_accordion .accordion > div,
main .accordion_static > span {
  color: #FFFFFF !important;
}


main .container_accordion .accordion i,
main .accordion_static i {
  color: var(--zad-pink) !important;
}


/* =========================
   ACCORDION CONTENT
========================= */

main .accordion-content > section {
  background: rgba(255,255,255,.05) !important;

  border-color: rgba(255,255,255,.12) !important;

  color: #FFFFFF !important;
}


main .accordion-content label,
main .accordion-content b,
main .accordion-content span {
  color: #FFFFFF !important;
}


/* =========================
   NOTE / FILE BUTTONS
========================= */

main .btn-tab {
  background: rgba(255,255,255,.08) !important;

  color: #FFFFFF !important;

  border-color: rgba(255,255,255,.16) !important;
}


main .btn-tab:hover {
  background: var(--zad-pink) !important;

  color: #FFFFFF !important;
}


/* =========================
   AVAILABLE
========================= */

main .accordion_static .available-icon {
  background: rgba(255,255,255,.08) !important;

  color: #FFFFFF !important;

  border-color: rgba(255,255,255,.16) !important;
}


/* =========================
   STICKY PRODUCT BAR
========================= */

main .sticky-product-bar {
  background: rgba(255,255,255,.07) !important;

  border-color: rgba(255,255,255,.15) !important;

  box-shadow: none !important;
}


main .sticky-product-bar .form-label {
  color: #FFFFFF !important;
}


/* =========================
   QUANTITY
========================= */

main .s-quantity-input-container {
  background: rgba(255,255,255,.08) !important;

  border-color: rgba(255,255,255,.18) !important;
}


main .s-quantity-input-button {
  background: transparent !important;

  border-color: transparent !important;
}


main .s-quantity-input-button:hover {
  background: var(--zad-pink) !important;
}


main .s-quantity-input-button svg path {
  fill: #FFFFFF !important;
}


main .s-quantity-input-input {
  background: transparent !important;

  color: #FFFFFF !important;
}


/* =========================
   ADD TO CART
========================= */

main .sticky-product-bar
.s-add-product-button-main
.s-button-element {
  background: var(--zad-pink) !important;

  color: #FFFFFF !important;

  border-color: var(--zad-pink) !important;

  box-shadow: none !important;
}


main .sticky-product-bar
.s-add-product-button-main
.s-button-element:hover {
  background: var(--zad-pink-dark) !important;

  border-color: var(--zad-pink-dark) !important;
}


main .sticky-product-bar
.s-add-product-button-main
.s-button-element span {
  color: #FFFFFF !important;
}


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

main .sticky-product-bar .total-price,
main .sticky-product-bar .total-price i {
  color: #FFFFFF !important;
}



.store-footer, .store-footer .store-footer__inner, .store-footer .footer-margin

 {
    border-top: 0px rgba(255, 255, 255, 0.12) !important;
}


footer.store-footer .store-footer__inner {
    position: relative !important;
    isolation: isolate !important;
    border-bottom: 0.1px;
    padding-top: 45px !important;
    padding-bottom: 35px !important;
    border-top: 0.1px solid rgba(255, 255, 255, .12) !important;
}







.product_deadline .img .main_img {
    position: relative;
    z-index: 2;
    width: 100% !important; 
       
    height: 283px !important;
    max-height: 283px !important;
    object-fit: cover !important;
    background: #FFFFFF !important;
    border-radius: 15px !important;
    transform: scale(1.08);
    transition: transform 0.4s ease;
}


/* المارجن للموبايل فقط */
@media (max-width: 767px) {
    #floating-whatsapp {
        margin-bottom: -68px;
        margin-top: -111px;
    }
}




main .main-content {
    background: rgba(255, 255, 255, .06) !important;
    padding: 17px;
    margin-bottom: 15px;
    border-radius: 12px;
    border-color: rgba(255, 255, 255, .15) !important;
    box-shadow: none !important;
}

/* =========================================================
   PRODUCT DETAILS - CLEAN GLASS STYLE
========================================================= */

.details-main-product {
    width: 100% !important;
    padding: 25px 0 45px !important;
    background: transparent !important;
}

.details-main-product .taps-face-two {
    gap: 28px !important;
}


/* =========================================================
   SECTION TITLES
========================================================= */

.details-main-product .taps-face-two > div > span {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    color: #FFFFFF !important;

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

    margin-bottom: 14px !important;

    padding-right: 14px !important;
}


/* الخط الوردي جنب العنوان */

.details-main-product .taps-face-two > div > span::before {
    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    top: 50% !important;

    width: 4px !important;
    height: 22px !important;

    background: #C2185B !important;

    border-radius: 20px !important;

    transform: translateY(-50%) !important;
}


/* =========================================================
   PRODUCT DESCRIPTION BOX
========================================================= */

.details-main-product .product__description {
    position: relative !important;

    margin: 0 !important;

    padding: 24px 26px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.09),
            rgba(255,255,255,0.04)
        ) !important;

    border: 1px solid rgba(255,255,255,0.12) !important;

    border-radius: 18px !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* =========================================================
   DESCRIPTION TEXT
========================================================= */

.details-main-product .article--main,
.details-main-product .article--main p,
.details-main-product .article--main span,
.details-main-product .article--main strong,
.details-main-product .article--main li {
    color: rgba(255,255,255,0.84) !important;
}


/* النص */

.details-main-product .article--main p,
.details-main-product .article--main li {
    font-size: 15px !important;

    line-height: 2 !important;
}


/* العناوين جوه الوصف */

.details-main-product .article--main h1,
.details-main-product .article--main h2,
.details-main-product .article--main h3,
.details-main-product .article--main h4,
.details-main-product .article--main h1 strong,
.details-main-product .article--main h2 strong,
.details-main-product .article--main h3 strong,
.details-main-product .article--main h4 strong {
    color: #FFFFFF !important;

    font-weight: 800 !important;

    line-height: 1.6 !important;

    margin-top: 22px !important;
    margin-bottom: 10px !important;
}


/* اللينكات */

.details-main-product .article--main a,
.details-main-product .article--main a strong {
    color: #FFD6E5 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition: color 0.25s ease !important;
}


.details-main-product .article--main a:hover,
.details-main-product .article--main a:hover strong {
    color: #FFFFFF !important;
}


/* Bullet */

.details-main-product .article--main li::marker {
    color: #C2185B !important;
}


/* =========================================================
   FEATURES TABLE
========================================================= */

.details-main-product .product-table {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 10px !important;

    background: transparent !important;

    margin-top: 4px !important;
}


/* كل Row */

.details-main-product .product-table tr {
    background: transparent !important;
}


/* خلايا الجدول */

.details-main-product .product-table td {
    padding: 18px 20px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.09),
            rgba(255,255,255,0.05)
        ) !important;

    border-top: 1px solid rgba(255,255,255,0.12) !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;

    color: rgba(255,255,255,0.82) !important;

    vertical-align: middle !important;

    box-shadow: none !important;
}


/* أول خلية */

.details-main-product .product-table td:first-child {
    width: 170px !important;

    color: #FFFFFF !important;

    font-weight: 700 !important;

    border-right: 1px solid rgba(255,255,255,0.12) !important;

    border-radius: 0 14px 14px 0 !important;
}


/* آخر خلية */

.details-main-product .product-table td:last-child {
    border-left: 1px solid rgba(255,255,255,0.12) !important;

    border-radius: 14px 0 0 14px !important;
}


/* =========================================================
   TAG LINKS
========================================================= */

.details-main-product .product-table td a {
    display: inline-flex !important;

    align-items: center !important;

    margin: 3px !important;

    padding: 6px 10px !important;

    background: rgba(255,255,255,0.07) !important;

    border: 1px solid rgba(255,255,255,0.12) !important;

    border-radius: 999px !important;

    color: rgba(255,255,255,0.82) !important;

    font-size: 12px !important;

    text-decoration: none !important;

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


.details-main-product .product-table td a:hover {
    background: #C2185B !important;

    border-color: #C2185B !important;

    color: #FFFFFF !important;
}


/* شيل علامة | القديمة */

.details-main-product .product-table td a span {
    display: none !important;
}


/* =========================================================
   PAYMENT METHODS
========================================================= */

.details-main-product .product-table .s-payments-list {
    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 8px !important;
}


.details-main-product .product-table .s-payments-list-item {
    display: flex !important;

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

    width: 54px !important;
    height: 38px !important;

    padding: 5px !important;

    background: rgba(255,255,255,0.95) !important;

    border: 0 !important;

    border-radius: 8px !important;

    box-shadow: none !important;
}


.details-main-product .product-table .s-payments-list-item img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
}


/* =========================================================
   USER COMMENTS TITLE
========================================================= */

.details-main-product .taps-face-two > div:last-child {
    padding-top: 4px !important;
}


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

@media (max-width: 991px) {

    .details-main-product {
        padding: 20px 0 35px !important;
    }

    .details-main-product .product__description {
        padding: 20px !important;
    }

    .details-main-product .article--main p,
    .details-main-product .article--main li {
        font-size: 14px !important;
    }

}


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

@media (max-width: 767px) {

    .details-main-product {
        padding: 15px 0 30px !important;
    }

    .details-main-product .taps-face-two {
        gap: 22px !important;
    }

    .details-main-product .taps-face-two > div > span {
        font-size: 17px !important;
    }


    /* Description */

    .details-main-product .product__description {
        padding: 16px !important;

        border-radius: 14px !important;
    }


    .details-main-product .article--main p,
    .details-main-product .article--main li {
        font-size: 13px !important;

        line-height: 1.9 !important;
    }


    .details-main-product .article--main h2 {
        font-size: 18px !important;
    }


    .details-main-product .article--main h3 {
        font-size: 17px !important;
    }


    /* Table يتحول Cards */

    .details-main-product .product-table,
    .details-main-product .product-table tbody,
    .details-main-product .product-table tr,
    .details-main-product .product-table td {
        display: block !important;

        width: 100% !important;
    }


    .details-main-product .product-table tr {
        margin-bottom: 12px !important;

        overflow: hidden !important;

        border-radius: 14px !important;
    }


    .details-main-product .product-table td {
        border-radius: 0 !important;

        border-left: 1px solid rgba(255,255,255,0.12) !important;
        border-right: 1px solid rgba(255,255,255,0.12) !important;
    }


    .details-main-product .product-table td:first-child {
        width: 100% !important;

        padding: 12px 15px !important;

        background: rgba(194,24,91,0.18) !important;

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

        border-bottom: 0 !important;
    }


    .details-main-product .product-table td:last-child {
        padding: 14px !important;

        border-radius: 0 0 14px 14px !important;
    }


    .details-main-product .product-table .s-payments-list {
        justify-content: center !important;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .details-main-product .product__description {
        padding: 13px !important;
    }


    .details-main-product .article--main p,
    .details-main-product .article--main li {
        font-size: 12px !important;
    }


    .details-main-product .product-table td a {
        font-size: 11px !important;

        padding: 5px 8px !important;
    }


    .details-main-product .product-table .s-payments-list-item {
        width: 46px !important;
        height: 34px !important;
    }

}



/* إخفاء التقييمات */
.container.my-10:has(salla-reviews) {
    display: none !important;
}

/* إخفاء المنتجات المشابهة والعملاء اشتروا/شاهدوا أيضًا */
.s-blocks-wrapper.s-before-related {
    display: none !important;
}


.details-main-product .taps-face-two > div:last-child > span.text-\[20px\].font-bold {
    display: none !important;
}


.details-main-product .taps-face-two > div:last-child {
    display: none !important;
}


/* =========================================
   ALL WISHLIST HEART ICONS = WHITE
========================================= */

/* Heart SVG */
.whishlist-icon svg path,
.s-product-card-wishlist-btn svg path,
.product-heart svg path,
button[aria-label*="wishlist"] svg path,
a[href*="wishlist"] svg path {
    stroke: #FFFFFF !important;
}

/* لو في قلب SVG معمول Fill بدل Stroke */
.s-product-card-wishlist-btn svg,
.product-heart svg {
    color: #FFFFFF !important;
}

/* Font icons */
.sicon-heart,
.sicon-heart-off,
.sicon-heart2,
.s-product-card-wishlist-btn i,
.product-heart i {
    color: #FFFFFF !important;
}

/* خلي الخلفية زي ما هي */
.whishlist-icon,
.s-product-card-wishlist-btn,
.product-heart {
    color: #FFFFFF !important;
}

.whishlist-icon svg path {
    stroke: #FFFFFF !important;
}

.store-header .whishlist-icon svg {
    width: 22px !important;
    height: 22px !important;
    fill: white;
    color: white;
    margin: 0 !important;
}




salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div

 {
    flex-shrink: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.g_cat .products-item .image-parent img {
    transition: ease all 0.5s;
    padding-left: 10px;
    padding-right: 10px;
}


.s-products-slider-card swiper-slide{
  padding-left: 10px !important;
}




salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div
 {
    flex-shrink: 0;
    padding-left: 0px;
    margin-left: 7px;
    margin-right: 7px;
    padding-right: 0px;
}


<div class="flex items-center gap-[16px] rtl:space-x-reverse space-x-3">
			<salla-button class="hidden product-heart btn--wishlist animated sm:inline-flex s-button-wrap hydrated" data-id="1158905956" onclick="if (!window.__cfRLUnblockHandlers) return false; salla.wishlist.toggle('1158905956')" shape="icon" fill="outline" color="light" aria-label="add to wishlist" size="medium" width="normal" enable-loader="" type="button"><!----><button class="hidden product-heart btn--wishlist animated sm:inline-flex s-button-element s-button-icon s-button-outline s-button-light-outline s-button-loader-center" data-id="1158905956" shape="icon" aria-label="add to wishlist" type="button"><span class="s-button-text">
				<span class="!hidden text-[#666666] text-[14px] font-normal">أضف للمفضلة</span>
				<i class="sicon-heart"></i>
			</span></button></salla-button>
			<salla-social-share class="inline-flex items-center m-0 product-share rtl:flex-row-reverse ltr:flex-row hydrated" url="" url-name="" platforms="facebook,twitter,whatsapp,email,copy_link" mode="default"><!---->
				<span class="block text-[#666666] leading-[17px] text-[14px] font-normal" hidden="">مشاركة المنتج</span>
			<div class="s-social-share-wrapper"><slot-fb name="widget"><salla-button aria-label="Share" class="s-social-share-btn s-button-wrap hydrated" shape="icon" color="light" fill="outline" size="medium" width="normal" enable-loader="" type="button"><!----><button aria-label="Share" class="s-social-share-btn s-button-element s-button-icon s-button-outline s-button-light-outline s-button-loader-center" type="button"><span class="s-button-text"><span><!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>share-alt</title>
<path d="M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z"></path>
</svg>
</span></span></button></salla-button></slot-fb><ul class="s-social-share-list a2a_kit share" data-a2a-url="https://salla.sa/zed-care/%D8%B4%D8%A7%D9%85%D8%A8%D9%88-%D9%88%D9%82%D9%81-%D8%A7%D9%84%D8%AA%D8%B3%D8%A7%D9%82%D8%B7/p1158905956" data-a2a-title="شامبو وقف التساقط -تسوق الان من متجرنا | ZAD CARE" style="line-height: 16px;"><li><a class="a2a_button_facebook" aria-label="Share Via facebook" target="_blank" href="/#facebook" rel="nofollow noopener"><span class="s-social-share-icon"><!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>facebook</title>
<path d="M19 32h-6c-0.552 0-1-0.448-1-1v0-13h-3c-0.552 0-1-0.448-1-1v0-5c0-0.552 0.448-1 1-1v0h3v-4c0-3.866 3.134-7 7-7v0h4c0.552 0 1 0.448 1 1v0 5c0 0.552-0.448 1-1 1v0h-2c-0.552 0-1 0.448-1 1v0 3h5c0.552 0 1 0.448 1 1 0 0.134-0.026 0.262-0.074 0.379l0.002-0.007-2 5c-0.152 0.371-0.51 0.628-0.928 0.628h-3v13c0 0.552-0.448 1-1 1v0zM14 30h4v-13c0-0.552 0.448-1 1-1v0h3.324l1.2-3h-4.524c-0.552 0-1-0.448-1-1v0-4c0-1.657 1.343-3 3-3v0h1v-3h-3c-2.761 0-5 2.239-5 5v0 5c0 0.552-0.448 1-1 1v0h-3v3h3c0.552 0 1 0.448 1 1v0z"></path>
</svg>
</span></a></li><li><a class="a2a_button_twitter" aria-label="Share Via twitter" target="_blank" href="/#twitter" rel="nofollow noopener"><span class="s-social-share-icon"><svg viewBox="0 0 24 24" aria-hidden="true" class="r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-lrvibr r-m6rgpd r-lrsllp r-1nao33i r-16y2uox r-8kz0gk"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg></span></a></li><li><a class="a2a_button_whatsapp" aria-label="Share Via whatsapp" target="_blank" href="/#whatsapp" rel="nofollow noopener"><span class="s-social-share-icon"><!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>whatsapp</title>
<path d="M16 32c-0.008 0-0.018 0-0.028 0-3.1 0-5.993-0.887-8.439-2.421l0.066 0.039-7.2 2.3 2.336-6.964c-1.713-2.492-2.736-5.575-2.736-8.897 0-0.020 0-0.040 0-0.060v0.003c0.009-8.833 7.167-15.991 15.999-16h0.001c8.837 0 16 7.163 16 16s-7.163 16-16 16v0zM7.906 27.424l0.4 0.264c2.169 1.449 4.837 2.312 7.707 2.312 7.732 0 14-6.268 14-14s-6.268-14-14-14c-0.004 0-0.009 0-0.013 0h0.001c-7.729 0.008-13.992 6.271-14 13.999v0.001c-0 0.010-0 0.021-0 0.032 0 3.072 1 5.909 2.693 8.206l-0.027-0.038 0.304 0.416-1.4 4.2zM20.716 24.958c-1.684-0.131-3.237-0.574-4.641-1.271l0.073 0.033c-3.098-1.456-5.634-3.668-7.438-6.405l-0.042-0.067c-1.102-1.357-1.819-3.067-1.962-4.938l-0.002-0.030c-0.001-0.036-0.001-0.078-0.001-0.12 0-1.575 0.66-2.995 1.719-4l0.002-0.002c0.547-0.52 1.289-0.839 2.105-0.839 0.033 0 0.066 0.001 0.099 0.002l-0.005-0c0.2 0 0.378 0 0.542 0.018 0.016-0.001 0.035-0.001 0.054-0.001 0.815 0 1.502 0.549 1.711 1.298l0.003 0.012 0.324 0.782c0.376 0.906 0.858 2.068 0.942 2.244 0.144 0.251 0.23 0.552 0.23 0.873 0 0.286-0.068 0.557-0.188 0.797l0.005-0.010c-0.149 0.307-0.332 0.57-0.55 0.802l0.002-0.002c-0.148 0.168-0.248 0.274-0.346 0.378s-0.172 0.18-0.26 0.284c0.575 0.92 1.237 1.713 1.992 2.406l0.008 0.008c0.829 0.758 1.802 1.373 2.872 1.8l0.064 0.022c0.369-0.266 0.672-0.6 0.896-0.985l0.008-0.015 0.174-0.232c0.328-0.484 0.875-0.798 1.495-0.798 0.249 0 0.487 0.051 0.703 0.142l-0.012-0.004c0.492 0.168 2.922 1.372 2.946 1.384l0.228 0.11c0.415 0.149 0.758 0.417 0.996 0.763l0.004 0.007c0.107 0.349 0.169 0.75 0.169 1.166 0 0.591-0.125 1.153-0.349 1.661l0.010-0.026c-0.702 1.368-1.983 2.353-3.511 2.637l-0.031 0.005c-0.309 0.071-0.663 0.112-1.028 0.112-0.004 0-0.007 0-0.011 0h0.001zM10.632 9.318c-0.028-0.002-0.062-0.004-0.095-0.004-0.245 0-0.472 0.076-0.659 0.206l0.004-0.002c-0.726 0.651-1.18 1.591-1.18 2.638 0 0.044 0.001 0.087 0.002 0.13l-0-0.006c0.122 1.404 0.662 2.662 1.495 3.671l-0.009-0.011 0.12 0.168c1.627 2.491 3.865 4.46 6.504 5.723l0.096 0.041c3.136 1.288 3.916 1.124 4.426 1.014 0.87-0.159 1.601-0.656 2.067-1.347l0.007-0.011c0.12-0.316 0.204-0.682 0.237-1.063l0.001-0.015-0.040-0.018-0.256-0.124c-0.8-0.4-2.46-1.2-2.734-1.292l-0.058 0.184c-0.346 0.501-0.684 0.934-1.045 1.347l0.015-0.017c-0.344 0.349-0.821 0.565-1.349 0.565-0.28 0-0.546-0.061-0.785-0.17l0.012 0.005c-1.403-0.547-2.609-1.301-3.646-2.239l0.010 0.009c-0.975-0.891-1.81-1.912-2.486-3.039l-0.034-0.061c-0.152-0.244-0.242-0.54-0.242-0.857 0-0.463 0.191-0.88 0.499-1.178l0-0c0.13-0.162 0.264-0.302 0.4-0.444l0.236-0.256c0.091-0.096 0.177-0.201 0.254-0.311l0.006-0.009c-0.158-0.36-0.622-1.472-0.988-2.352l-0.322-0.772-0.038-0.086c-0.188-0.010-0.302-0.016-0.426-0.016zM12.462 12.442v0.012z"></path>
</svg>
</span></a></li><li><a class="a2a_button_email" aria-label="Share Via email" target="_blank" href="/#email" rel="nofollow noopener"><span class="s-social-share-icon"><!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>mail</title>
<path d="M28 2.667h-24c-2.205 0-4 1.795-4 4v18.667c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-18.667c0-2.205-1.795-4-4-4zM29.333 25.333c0 0.735-0.599 1.333-1.333 1.333h-24c-0.735 0-1.333-0.599-1.333-1.333v-12.685l10.54 4.865c0.888 0.409 1.84 0.613 2.793 0.613s1.907-0.204 2.793-0.615l10.54-4.864zM29.333 9.711l-11.657 5.38c-1.065 0.492-2.288 0.492-3.353 0l-11.656-5.38v-3.044c0-0.735 0.599-1.333 1.333-1.333h24c0.735 0 1.333 0.599 1.333 1.333z"></path>
</svg>
</span></a></li><li><a class="a2a_button_copy_link" aria-label="Share Via copy_link" target="_blank" href="/#copy_link" rel="nofollow noopener"><span class="s-social-share-icon"><!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>link</title>
<path d="M19.247 23.019l-4.189 4.189c-2.831 2.831-7.435 2.831-10.265 0-1.371-1.372-2.125-3.193-2.125-5.132s0.755-3.761 2.125-5.133l4.189-4.191c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-4.189 4.191c-1.875 1.875-2.907 4.367-2.907 7.019s1.032 5.143 2.907 7.017 4.368 2.907 7.019 2.907 5.143-1.032 7.017-2.908l4.189-4.189c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.52-1.885 0.001zM22.276 9.724c-0.521-0.521-1.364-0.521-1.885 0l-10.667 10.667c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l10.667-10.667c0.521-0.521 0.521-1.364 0-1.885zM29.093 2.908c-1.875-1.876-4.368-2.908-7.019-2.908s-5.143 1.032-7.017 2.908l-4.189 4.188c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l4.189-4.189c2.831-2.831 7.435-2.831 10.265 0 1.371 1.372 2.125 3.193 2.125 5.132s-0.755 3.761-2.125 5.133l-4.189 4.191c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l4.189-4.191c1.875-1.875 2.907-4.367 2.907-7.019s-1.032-5.143-2.907-7.016z"></path>
</svg>
</span></a></li></ul></div></salla-social-share>
		</div>





@media (max-width: 767px) {
    .s-product-card-entry .s-product-card-content {
        min-height: 150px !important;
        padding: 12px !important;
        border-radius: 0 0 14px 14px !important;
    }
}






@media (max-width: 767px) {
    .s-product-card-entry .s-product-card-content {
        min-height: max-content !important;
        padding: 12px !important;
        border-radius: 0 0 14px 14px !important;
    }
}





/* إظهار زر Add To Cart على التابلت */
@media (min-width: 768px) and (max-width: 1199px) {

  .s-product-card-content-footer {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  salla-add-product-button.Gl_add_to_cart_btn_product {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
  }

  salla-add-product-button.Gl_add_to_cart_btn_product .s-button-wrap,
  salla-add-product-button.Gl_add_to_cart_btn_product .s-button-element {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}