/* =====================================================
   77Stores - CSS كامل نظيف ومستقر
   نسخة بعد حذف تعليمات الهيدر القديمة
   وإضافة هيدر جديد بدون طبقات
===================================================== */


/* =====================================================
   0) متغيرات الألوان
===================================================== */

:root {
  --s77-bg: #020714;
  --s77-dark-1: #020714;
  --s77-dark-2: #031126;
  --s77-dark-3: #061b3a;

  --s77-blue: #009dff;
  --s77-blue-2: #00aaff;
  --s77-blue-light: #7bdfff;

  --s77-neon: #009dff;
  --s77-neon-main: #009dff;
  --s77-neon-light: #7bdfff;

  --s77-gold: #ffd45d;

  --s77-radius-banner: 18px;
  --s77-radius-card: 16px;

  --s77-product-bg:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.10), transparent 38%),
    linear-gradient(180deg, #061426 0%, #01070f 100%);

  --s77-box-bg:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.12), transparent 38%),
    linear-gradient(135deg, #061b3a 0%, #031126 52%, #020714 100%);
}


/* =====================================================
   1) حماية عامة
===================================================== */

html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: var(--s77-bg) !important;
  color: #ffffff !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

body {
  margin: 0 !important;
}

main,
#app,
.s-main,
.s-layout {
  position: relative !important;
  background:
    radial-gradient(circle at top center, rgba(0, 157, 255, 0.09), transparent 34%),
    linear-gradient(180deg, #020714 0%, #020714 100%) !important;
  overflow-x: hidden !important;
}


/* =====================================================
   2) الهيدر الجديد النهائي
   - بدون طبقات
   - خط نيون ملاصق للهيدر
   - الزوايا السفلية منحنية
   - الوميض متزامن مع الشعار
===================================================== */

/* تنظيف أي طبقات قديمة للهيدر */
header::before,
header::after,
.store-header::before,
.store-header::after,
.main-header::before,
.main-header::after,
.s-header::before,
.s-header::after,
.s-header-sticky::before,
.s-header-sticky::after,
.s-header-wrapper::before,
.s-header-wrapper::after,
.s-header__inner::before,
.s-header__inner::after,
.s-header__container::before,
.s-header__container::after,
.s-header__top::before,
.s-header__top::after,
.s-header__middle::before,
.s-header__middle::after,
.s-header__bottom::before,
.s-header__bottom::after,
.navbar::before,
.navbar::after,
.main-menu::before,
.main-menu::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  box-shadow: none !important;
  filter: none !important;
  background: none !important;
}

/* الهيدر الأساسي */
header,
.store-header,
.main-header,
.s-header,
.s-header-sticky,
.s-header-wrapper {
  position: relative !important;
  z-index: 9999 !important;

  background: #0b2534 !important;

  border-bottom-left-radius: 26px !important;
  border-bottom-right-radius: 26px !important;

  border-bottom: 3px solid rgba(0, 157, 255, 0.35) !important;

  overflow: hidden !important;
  margin-bottom: 0 !important;

  animation: s77HeaderLogoSync 3s ease-in-out infinite !important;
}

/* الحاويات الداخلية بدون تغيير أزرار البحث وتسجيل الدخول */
header .container,
header .s-container,
.store-header .container,
.store-header .s-container,
.main-header .container,
.main-header .s-container,
.s-header .container,
.s-header .s-container,
.s-header-wrapper .container,
.s-header-wrapper .s-container,
.s-header__inner,
.s-header__container,
.s-header__top,
.s-header__middle,
.s-header__bottom,
.navbar,
.main-menu {
  background: transparent !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* الحفاظ على عناصر الهيدر فوق الخلفية */
header > *,
.store-header > *,
.main-header > *,
.s-header > *,
.s-header-wrapper > * {
  position: relative !important;
  z-index: 10 !important;
}

/* وميض الشعار متزامن مع خط النيون */
.logo img,
.store-logo img,
.navbar-brand img,
header img[src*="logo"] {
  position: relative !important;
  z-index: 20 !important;
  animation: s77LogoHeaderSync 3s ease-in-out infinite !important;
}

/* حركة خط النيون */
@keyframes s77HeaderLogoSync {
  0% {
    border-bottom-color: rgba(0, 157, 255, 0.22);
    box-shadow:
      0 3px 8px rgba(0, 157, 255, 0.16),
      inset 0 -3px 8px rgba(0, 157, 255, 0.06) !important;
  }

  50% {
    border-bottom-color: rgba(0, 195, 255, 1);
    box-shadow:
      0 0 10px rgba(0, 195, 255, 0.85),
      0 0 22px rgba(0, 120, 255, 0.50),
      inset 0 -4px 14px rgba(0, 157, 255, 0.26) !important;
  }

  100% {
    border-bottom-color: rgba(0, 157, 255, 0.22);
    box-shadow:
      0 3px 8px rgba(0, 157, 255, 0.16),
      inset 0 -3px 8px rgba(0, 157, 255, 0.06) !important;
  }
}

/* حركة الشعار بنفس التوقيت */
@keyframes s77LogoHeaderSync {
  0% {
    opacity: 0.62;
    filter:
      drop-shadow(0 0 2px rgba(0, 157, 255, 0.22));
  }

  50% {
    opacity: 1;
    filter:
      drop-shadow(0 0 10px rgba(0, 195, 255, 0.90))
      drop-shadow(0 0 18px rgba(0, 120, 255, 0.55));
  }

  100% {
    opacity: 0.62;
    filter:
      drop-shadow(0 0 2px rgba(0, 157, 255, 0.22));
  }
}

/* ألوان أيقونات وروابط الهيدر فقط بدون تغيير وظائفها */
header a,
.store-header a,
.main-header a,
.s-header a,
header button,
.store-header button,
.main-header button,
.s-header button {
  color: #ffffff !important;
  transition:
    color 0.25s ease,
    filter 0.25s ease !important;
}

header a:hover,
.store-header a:hover,
.main-header a:hover,
.s-header a:hover,
header button:hover,
.store-header button:hover,
.main-header button:hover,
.s-header button:hover {
  color: #7bdfff !important;
  filter: drop-shadow(0 0 6px rgba(0, 157, 255, 0.60)) !important;
}

/* منع أي فراغ أسفل الهيدر من جهة الهيدر فقط */
header + *,
.store-header + *,
.main-header + *,
.s-header + *,
.s-header-wrapper + * {
  margin-top: 0 !important;
}

/* الجوال */
@media (max-width: 768px) {
  header,
  .store-header,
  .main-header,
  .s-header,
  .s-header-sticky,
  .s-header-wrapper {
    border-bottom-left-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
    border-bottom-width: 3px !important;
    margin-bottom: 0 !important;
  }

  .s-header__inner,
  .s-header__container,
  .s-header__top,
  .s-header__middle,
  .s-header__bottom,
  .navbar,
  .main-menu {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* =====================================================
   3) عرض الصفحة الرئيسية
===================================================== */

body.s77-home .s-container,
body.s77-home .container,
body.s77-home main .s-container,
body.s77-home main .container {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}


/* =====================================================
   4) البنرات فقط
   لا يوجد استهداف عام لـ .swiper-slide
===================================================== */

body.s77-home .s-block--banners,
body.s77-home .s-banner-block,
body.s77-home .s-block--hero {
  width: 100% !important;
  max-width: 1280px !important;

  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 14px !important;
  margin-bottom: 14px !important;

  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  overflow: hidden !important;
  box-sizing: border-box !important;

  transform: none !important;
  left: auto !important;
  right: auto !important;
}

body.s77-home .s-block--banners .container,
body.s77-home .s-block--banners .s-container,
body.s77-home .s-banner-block .container,
body.s77-home .s-banner-block .s-container,
body.s77-home .s-block--hero .container,
body.s77-home .s-block--hero .s-container {
  width: 100% !important;
  max-width: 100% !important;

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

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

  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.s77-home .s-block--banners img,
body.s77-home .s-banner-block img,
body.s77-home .s-block--hero img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

  display: block !important;

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

  object-fit: contain !important;
  object-position: center center !important;

  border-radius: var(--s77-radius-banner) !important;
  border: 1px solid rgba(0, 157, 255, 0.72) !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.42),
    0 0 24px rgba(0, 90, 255, 0.25),
    inset 0 0 14px rgba(0, 157, 255, 0.08) !important;

  transform: none !important;
}


/* =====================================================
   5) عناوين الأقسام
===================================================== */

body.s77-home .s-block__title {
  justify-content: center !important;
  text-align: center !important;
  margin-top: 16px !important;
  margin-bottom: 18px !important;
  position: relative !important;
}

body.s77-home .s-block__title h2,
body.s77-home .s-block__title h3,
body.s77-home .s-block__title span {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow:
    0 0 8px rgba(0, 157, 255, 0.70),
    0 0 18px rgba(0, 110, 255, 0.35) !important;
}

body.s77-home .s-block__title::before,
body.s77-home .s-block__title::after {
  content: "" !important;
  width: 90px !important;
  height: 1px !important;
  display: inline-block !important;
  margin: 0 12px !important;
  background: linear-gradient(90deg, transparent, var(--s77-neon-main), transparent) !important;
  box-shadow: 0 0 8px rgba(0, 157, 255, 0.70) !important;
}


/* =====================================================
   6) التصنيفات
===================================================== */

body.s77-home .s-block--categories,
body.s77-home section[class*="categor"] {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 18px !important;
  margin-bottom: 18px !important;

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

  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.s77-home .s-block--categories .swiper,
body.s77-home .s-block--categories .swiper-container,
body.s77-home section[class*="categor"] .swiper,
body.s77-home section[class*="categor"] .swiper-container {
  overflow: hidden !important;
}

body.s77-home .s-block--categories .swiper-wrapper,
body.s77-home section[class*="categor"] .swiper-wrapper {
  align-items: center !important;
  gap: 14px !important;
}

body.s77-home .s-block--categories .swiper-slide,
body.s77-home section[class*="categor"] .swiper-slide,
body.s77-home .s-block--categories .s-slider-item,
body.s77-home section[class*="categor"] .s-slider-item,
body.s77-home .s-block--categories .category-item,
body.s77-home section[class*="categor"] .category-item,
body.s77-home .s-block--categories a,
body.s77-home section[class*="categor"] a {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;

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

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

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

  box-sizing: border-box !important;
}

body.s77-home .s-block--categories a,
body.s77-home section[class*="categor"] a {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(5, 18, 34, 0.96), rgba(1, 7, 16, 0.98)) !important;

  border: 1px solid rgba(0, 157, 255, 0.58) !important;
  border-radius: 18px !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.32),
    inset 0 0 18px rgba(0, 120, 255, 0.14) !important;

  transition: all 0.25s ease !important;
  overflow: hidden !important;
}

body.s77-home .s-block--categories a:hover,
body.s77-home section[class*="categor"] a:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(0, 157, 255, 0.95) !important;
  box-shadow:
    0 0 16px rgba(0, 157, 255, 0.62),
    0 0 34px rgba(0, 90, 255, 0.30) !important;
}

body.s77-home .s-block--categories img,
body.s77-home section[class*="categor"] img {
  width: 100% !important;
  height: 100% !important;

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

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;

  filter: drop-shadow(0 0 8px rgba(0, 157, 255, 0.45)) !important;
}

body.s77-home .s-block--categories .swiper-button-next,
body.s77-home .s-block--categories .swiper-button-prev,
body.s77-home section[class*="categor"] .swiper-button-next,
body.s77-home section[class*="categor"] .swiper-button-prev {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* =====================================================
   7) كروت المنتجات
   لا يوجد أي تعديل على .swiper-slide هنا
===================================================== */

body.s77-home .s-block--products,
body.s77-home section[class*="products"] {
  max-width: 1280px !important;
  margin: 24px auto 30px auto !important;
  padding-top: 0 !important;
}

body.s77-home .s-products-list-wrapper,
body.s77-home .s-products-list,
body.s77-home .s-products-grid,
body.s77-home .products-grid,
body.s77-home .s-block--products .grid,
body.s77-home section[class*="products"] .grid {
  gap: 18px !important;
}

body.s77-home .s-product-card-entry,
body.s77-home .s-product-card,
body.s77-home .product-card {
  background: var(--s77-product-bg) !important;

  border: 1px solid rgba(0, 157, 255, 0.62) !important;
  border-radius: var(--s77-radius-card) !important;
  overflow: hidden !important;

  box-shadow:
    0 0 12px rgba(0, 157, 255, 0.24),
    inset 0 0 16px rgba(0, 120, 255, 0.10) !important;

  transition: all 0.25s ease !important;
}

body.s77-home .s-product-card-entry:hover,
body.s77-home .s-product-card:hover,
body.s77-home .product-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 157, 255, 0.95) !important;
  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.56),
    0 0 34px rgba(0, 90, 255, 0.25) !important;
}

body.s77-home .s-product-card-content {
  padding: 10px !important;
  text-align: center !important;
}

body.s77-home .s-product-card-image {
  padding: 10px !important;
  background: #050b14 !important;
}

body.s77-home .s-product-card-image img,
body.s77-home .s-product-card-entry img,
body.s77-home .product-card img {
  border-radius: 8px !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}

body.s77-home .s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.035) !important;
  filter: brightness(1.06) contrast(1.05) !important;
}

body.s77-home .s-product-card-content-title,
body.s77-home .s-product-card-content-title a,
body.s77-home .s-product-card h3,
body.s77-home .product-card h3 {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: center !important;
  text-shadow: 0 0 6px rgba(0, 157, 255, 0.25) !important;
}

body.s77-home .s-product-card-subtitle,
body.s77-home .s-product-card-content-subtitle {
  color: rgba(220, 235, 245, 0.68) !important;
  font-size: 12px !important;
  text-align: center !important;
}

body.s77-home .s-product-card-price,
body.s77-home .s-product-card-sale-price,
body.s77-home .product-card__price {
  color: #ff4b4b !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

body.s77-home .s-product-card-content-footer {
  padding-top: 8px !important;
  border-top: none !important;
}

body.s77-home .s-product-card-content-footer button,
body.s77-home .s-product-card-entry .s-button-btn,
body.s77-home .s-product-card .s-button-btn,
body.s77-home .product-card button,
body.s77-home .s-button-btn,
body.s77-home button.s-button-btn {
  min-height: 34px !important;

  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.75) !important;
  border-radius: 8px !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow:
    0 0 8px rgba(0, 157, 255, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.08) !important;

  transition: all 0.25s ease !important;
  text-shadow: none !important;
}

body.s77-home .s-product-card-content-footer button:hover,
body.s77-home .s-product-card-entry .s-button-btn:hover,
body.s77-home .s-product-card .s-button-btn:hover,
body.s77-home .product-card button:hover,
body.s77-home .s-button-btn:hover,
body.s77-home button.s-button-btn:hover {
  background:
    linear-gradient(135deg, #044a82 0%, #0084d8 55%, #00aaff 100%) !important;

  border-color: rgba(123, 223, 255, 0.95) !important;

  box-shadow:
    0 0 14px rgba(0, 157, 255, 0.60),
    0 0 24px rgba(0, 90, 255, 0.28),
    inset 0 0 10px rgba(255, 255, 255, 0.10) !important;
}


/* =====================================================
   8) أزرار عرض الكل / عرض المزيد / تبويبات المنتجات
===================================================== */

body.s77-home .s-block__display-all,
body.s77-home .s-block__display-all a,
body.s77-home a.s-button-btn,
body.s77-home .s-button-primary,
body.s77-home .s-button-element,
body.s77-home .s-button-wrap {
  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.75) !important;
  border-radius: 10px !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.35),
    inset 0 0 8px rgba(255, 255, 255, 0.08) !important;

  text-shadow: none !important;
}

body.s77-home .s-block__display-all:hover,
body.s77-home .s-block__display-all a:hover,
body.s77-home a.s-button-btn:hover,
body.s77-home .s-button-primary:hover,
body.s77-home .s-button-element:hover,
body.s77-home .s-button-wrap:hover {
  background:
    linear-gradient(135deg, #044a82 0%, #0084d8 55%, #00aaff 100%) !important;

  color: #ffffff !important;

  box-shadow:
    0 0 16px rgba(0, 157, 255, 0.55),
    0 0 26px rgba(0, 90, 255, 0.28) !important;
}

body.s77-home .s-tabs button,
body.s77-home .s-tabs a,
body.s77-home .tabs button,
body.s77-home .tabs a,
body.s77-home .s-block--products .tabs button,
body.s77-home .s-block--products .tabs a {
  background:
    linear-gradient(135deg, #021527 0%, #031f3a 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.50) !important;
  border-radius: 10px !important;

  box-shadow:
    0 0 8px rgba(0, 157, 255, 0.22),
    inset 0 0 8px rgba(0, 157, 255, 0.05) !important;
}

body.s77-home .s-tabs button:hover,
body.s77-home .s-tabs a:hover,
body.s77-home .tabs button:hover,
body.s77-home .tabs a:hover,
body.s77-home .s-block--products .tabs button:hover,
body.s77-home .s-block--products .tabs a:hover {
  background:
    linear-gradient(135deg, #03345f 0%, #0077cc 100%) !important;

  border-color: rgba(0, 157, 255, 0.85) !important;
}


/* =====================================================
   9) صفحة المنتج
===================================================== */

.product-cyber-tabs {
  margin: 25px 0 !important;
  background: var(--s77-box-bg) !important;
  color: #ffffff !important;

  border: 1.5px solid rgba(0, 157, 255, 0.28) !important;
  border-radius: 16px !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.18),
    inset 0 0 18px rgba(0, 157, 255, 0.06) !important;

  overflow: hidden !important;
}

.product-cyber-tabs-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  padding: 12px !important;
  border-bottom: 1px solid rgba(0, 157, 255, 0.18) !important;
}

.product-cyber-tab-btn {
  width: 100% !important;
  min-height: 46px !important;

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

  background: transparent !important;
  color: #dff8ff !important;

  border: 1px solid rgba(0, 157, 255, 0.48) !important;
  border-radius: 12px !important;

  font-weight: 800 !important;
  font-size: 15px !important;
  cursor: pointer !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.12),
    inset 0 0 10px rgba(0, 157, 255, 0.05) !important;

  transition: all 0.25s ease !important;
}

.product-cyber-tab-btn:hover,
.product-cyber-tab-btn.active {
  color: var(--s77-neon-main) !important;
  border-color: rgba(0, 157, 255, 0.95) !important;
}

.product-cyber-tab-content {
  padding: 20px !important;
  color: #ffffff !important;
}

.product-cyber-panel {
  display: none !important;
}

.product-cyber-panel.active {
  display: block !important;
}

.product-cyber-panel,
.product-cyber-panel p,
.product-cyber-panel div,
.product-cyber-panel span,
.product-cyber-panel li {
  color: rgba(235, 248, 255, 0.88) !important;
  line-height: 1.9 !important;
  font-size: 15px !important;
}

.product-entry,
.product-entry *,
.product-single,
.product-single *,
.s-product-page,
.s-product-page *,
.s-product-single,
.s-product-single * {
  text-shadow: none !important;
}

.product-entry .product-form,
.product-entry .s-product-form,
.product-single .product-form,
.product-single .s-product-form,
.s-product-page .product-form,
.s-product-page .s-product-form,
.product-entry .product-buy-box,
.product-entry .product-price-box,
.product-entry .s-product-price-box,
.product-single .product-buy-box,
.product-single .product-price-box,
.product-single .s-product-price-box,
.s-product-page .product-buy-box,
.s-product-page .product-price-box,
.s-product-page .s-product-price-box {
  background: var(--s77-box-bg) !important;
  color: #ffffff !important;

  border: 1.5px solid rgba(0, 157, 255, 0.40) !important;
  border-radius: 16px !important;

  box-shadow:
    0 0 14px rgba(0, 157, 255, 0.14),
    inset 0 0 14px rgba(0, 157, 255, 0.05) !important;
}

/* =====================================================
   11) الفوتر
===================================================== */

footer,
.store-footer,
.s-footer,
.footer,
.footer-menu,
.s-footer-menu {
  border-top: 1px solid rgba(0, 157, 255, 0.18) !important;
  box-shadow: 0 -8px 24px rgba(0, 157, 255, 0.08) !important;
}

footer a,
.store-footer a,
.s-footer a,
.footer a,
.footer-menu a,
.s-footer-menu a {
  color: rgba(255, 255, 255, 0.82) !important;
  text-decoration: none !important;
}

footer a:hover,
.store-footer a:hover,
.s-footer a:hover,
.footer a:hover,
.footer-menu a:hover,
.s-footer-menu a:hover {
  color: var(--s77-neon-main) !important;
}

footer h3,
footer h4,
.store-footer h3,
.store-footer h4,
.s-footer h3,
.s-footer h4,
.footer h3,
.footer h4 {
  color: #ffffff !important;
  font-weight: 800 !important;
}

footer p,
footer span,
footer li,
.store-footer p,
.store-footer span,
.store-footer li,
.s-footer p,
.s-footer span,
.s-footer li,
.footer p,
.footer span,
.footer li {
  color: rgba(235, 248, 255, 0.72) !important;
}

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

footer::before,
.store-footer::before,
.s-footer::before,
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 2px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--s77-neon-main),
    var(--s77-neon-light),
    var(--s77-neon-main),
    transparent
  );

  box-shadow:
    0 0 8px var(--s77-neon-main),
    0 0 18px rgba(0, 157, 255, 0.62);

  border-radius: 100px;
  animation: s77FooterPulse 3s ease-in-out infinite;
}

@keyframes s77FooterPulse {
  0% {
    opacity: 0.55;
    filter: blur(0.4px);
  }

  50% {
    opacity: 1;
    filter: blur(1px);
  }

  100% {
    opacity: 0.55;
    filter: blur(0.4px);
  }
}


/* =====================================================
   12) البحث
===================================================== */

.s-search-modal,
.s-search-modal-wrapper,
.search-modal,
.search-wrapper,
[class*="search-modal"] {
  display: none !important;
}

.s-search-modal.s77-search-visible,
.s-search-modal-wrapper.s77-search-visible,
.search-modal.s77-search-visible,
.search-wrapper.s77-search-visible,
[class*="search-modal"].s77-search-visible {
  position: fixed !important;
  top: 88px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;

  width: 92% !important;
  max-width: 760px !important;
  min-width: 320px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

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

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;

  background: var(--s77-box-bg) !important;

  border: 1.5px solid rgba(0, 157, 255, 0.86) !important;
  border-radius: 14px !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.36),
    0 0 42px rgba(0, 90, 255, 0.20),
    inset 0 0 18px rgba(0, 140, 255, 0.10) !important;

  overflow: visible !important;
  z-index: 99999 !important;
}

.s77-search-close {
  position: relative !important;

  order: -999 !important;
  align-self: flex-start !important;

  width: auto !important;
  min-width: 128px !important;
  height: 34px !important;
  padding: 0 16px !important;
  margin: 0 0 2px 0 !important;

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

  background: var(--s77-box-bg) !important;
  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.90) !important;
  border-radius: 10px !important;

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

  cursor: pointer !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.38),
    inset 0 0 8px rgba(0, 157, 255, 0.10) !important;

  z-index: 100000 !important;
}

.s-search-modal.s77-search-visible input,
.s-search-modal-wrapper.s77-search-visible input,
.search-modal.s77-search-visible input,
.search-wrapper.s77-search-visible input,
[class*="search-modal"].s77-search-visible input {
  order: 1 !important;

  width: 100% !important;
  height: 44px !important;

  display: block !important;
  margin: 0 !important;

  background: rgba(2, 7, 20, 0.92) !important;
  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.78) !important;
  border-radius: 10px !important;

  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 800 !important;

  outline: none !important;
}


/* =====================================================
   13) زر العودة
===================================================== */

.s77-product-back-btn {
  position: fixed !important;
  top: 120px !important;
  left: 18px !important;

  width: auto !important;
  min-width: 108px !important;
  height: 38px !important;
  padding: 0 15px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  background: var(--s77-box-bg) !important;
  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.90) !important;
  border-radius: 10px !important;

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

  cursor: pointer !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.38),
    inset 0 0 8px rgba(0, 157, 255, 0.10) !important;

  z-index: 99998 !important;
}


/* =====================================================
   14) حذف الفواصل القديمة
===================================================== */

.energy-divider-77,
.goku-divider-77,
.goku-stage-77,
.gaming-divider-77,
.gaming-divider-stage-77,
.power-divider-77,
.goku-divider-old,
.custom-energy-divider,
.divider-after-second-image-77,
.store-energy-divider,
.goku-divider-77-old {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   15) آراء العملاء
   آمن: لا يلمس البنرات ولا المنتجات ولا swiper-slide
===================================================== */

.s-block--testimonials,
.s-testimonials,
.testimonials,
section[class*="testimonial"] {
  background: transparent !important;
  color: #ffffff !important;
}

.s-block--testimonials .testimonial,
.s-block--testimonials [class*="testimonial-card"],
.s-testimonials .testimonial,
.s-testimonials [class*="testimonial-card"],
.testimonials .testimonial,
.testimonials [class*="testimonial-card"],
section[class*="testimonial"] .testimonial,
section[class*="testimonial"] [class*="testimonial-card"],
.s-block--testimonials .s-block__item,
.s-testimonials .s-block__item,
.testimonials .s-block__item,
section[class*="testimonial"] .s-block__item {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.15), transparent 36%),
    linear-gradient(135deg, #061b3a 0%, #031126 52%, #020714 100%) !important;

  border: 1.5px solid rgba(0, 157, 255, 0.86) !important;
  border-radius: 18px !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.36),
    0 0 42px rgba(0, 90, 255, 0.20),
    inset 0 0 24px rgba(0, 140, 255, 0.11) !important;

  color: #ffffff !important;
  overflow: hidden !important;
}

.s-block--testimonials .s-block__title,
.s-block--testimonials h2,
.s-testimonials h2,
.testimonials h2,
section[class*="testimonial"] .s-block__title,
section[class*="testimonial"] h2 {
  color: #ffffff !important;
  text-shadow:
    0 0 8px rgba(0, 157, 255, 0.90),
    0 0 18px rgba(0, 120, 255, 0.48) !important;
}


.s-block--testimonials p,
.s-testimonials p,
.testimonials p,
section[class*="testimonial"] p,
.s-block--testimonials span,
.s-testimonials span,
.testimonials span,
section[class*="testimonial"] span {
  color: #eafaff !important;
  text-shadow: 0 0 7px rgba(0, 140, 255, 0.20) !important;
}

.s-block--testimonials h3,
.s-block--testimonials strong,
.s-testimonials h3,
.s-testimonials strong,
.testimonials h3,
.testimonials strong,
section[class*="testimonial"] h3,
section[class*="testimonial"] strong {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 0 9px rgba(0, 157, 255, 0.50) !important;
}

.s-block--testimonials [class*="star"],
.s-testimonials [class*="star"],
.testimonials [class*="star"],
section[class*="testimonial"] [class*="star"],
.s-block--testimonials svg,
.s-testimonials svg,
.testimonials svg,
section[class*="testimonial"] svg {
  color: #ffd45d !important;
  fill: #ffd45d !important;
  filter: drop-shadow(0 0 5px rgba(255, 200, 60, 0.48)) !important;
}

.s-block--testimonials .testimonial::before,
.s-block--testimonials .testimonial::after,
.s-testimonials .testimonial::before,
.s-testimonials .testimonial::after,
.testimonials .testimonial::before,
.testimonials .testimonial::after,
section[class*="testimonial"] .testimonial::before,
section[class*="testimonial"] .testimonial::after {
  box-shadow: none !important;
}


/* =====================================================
   16) بنر الإحصائيات / من نحن / الأرقام
===================================================== */

.s-block--stats,
.s-block--numbers,
.s-block--statistics,
.stats,
.statistics,
.counter,
.counters,
.numbers,
.home-stats,
.salla-stats,
section[class*="stat"],
section[class*="counter"],
section[class*="number"] {
  background: transparent !important;
  color: #ffffff !important;
}

.s-block--stats > div,
.s-block--numbers > div,
.s-block--statistics > div,
.stats > div,
.statistics > div,
.counter > div,
.counters > div,
.numbers > div,
.home-stats > div,
.salla-stats > div,
section[class*="stat"] > div,
section[class*="counter"] > div,
section[class*="number"] > div {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.15), transparent 36%),
    linear-gradient(135deg, #061b3a 0%, #031126 52%, #020714 100%) !important;

  border: 1.5px solid rgba(0, 157, 255, 0.86) !important;
  border-radius: 18px !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.36),
    0 0 42px rgba(0, 90, 255, 0.20),
    inset 0 0 24px rgba(0, 140, 255, 0.11) !important;

  color: #ffffff !important;
}

.s-block--stats *,
.s-block--numbers *,
.s-block--statistics *,
.stats *,
.statistics *,
.counter *,
.counters *,
.numbers *,
.home-stats *,
.salla-stats *,
section[class*="stat"] *,
section[class*="counter"] *,
section[class*="number"] * {
  color: #ffffff !important;
  text-shadow: none !important;
}

.s-block--stats h2,
.s-block--stats h3,
.s-block--stats strong,
.s-block--numbers h2,
.s-block--numbers h3,
.s-block--numbers strong,
.s-block--statistics h2,
.s-block--statistics h3,
.s-block--statistics strong,
.stats h2,
.stats h3,
.stats strong,
.statistics h2,
.statistics h3,
.statistics strong,
.counter h2,
.counter h3,
.counter strong,
.counters h2,
.counters h3,
.counters strong,
.numbers h2,
.numbers h3,
.numbers strong {
  font-weight: 900 !important;
  color: #ffffff !important;
  text-shadow:
    0 0 8px rgba(0, 157, 255, 0.70),
    0 0 18px rgba(0, 120, 255, 0.35) !important;
}

.s-block--stats i,
.s-block--stats svg,
.s-block--numbers i,
.s-block--numbers svg,
.s-block--statistics i,
.s-block--statistics svg,
.stats i,
.stats svg,
.statistics i,
.statistics svg,
.counter i,
.counter svg,
.counters i,
.counters svg,
.numbers i,
.numbers svg,
section[class*="stat"] i,
section[class*="stat"] svg,
section[class*="counter"] i,
section[class*="counter"] svg,
section[class*="number"] i,
section[class*="number"] svg {
  color: #009dff !important;
  fill: #009dff !important;
  stroke: #009dff !important;
  filter: drop-shadow(0 0 8px rgba(0, 157, 255, 0.75)) !important;
}

[style*="background: rgb(52, 152, 219)"],
[style*="background-color: rgb(52, 152, 219)"],
[style*="background:#3498db"],
[style*="background: #3498db"],
[style*="background-color:#3498db"],
[style*="background-color: #3498db"],
[style*="#3498db"],
[style*="rgb(52,152,219)"] {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.15), transparent 36%),
    linear-gradient(135deg, #061b3a 0%, #031126 52%, #020714 100%) !important;

  border: 1.5px solid rgba(0, 157, 255, 0.86) !important;
  border-radius: 18px !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.36),
    0 0 42px rgba(0, 90, 255, 0.20),
    inset 0 0 24px rgba(0, 140, 255, 0.11) !important;

  color: #ffffff !important;
}

.s77-about-box {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.15), transparent 36%),
    linear-gradient(135deg, #061b3a 0%, #031126 52%, #020714 100%) !important;

  border: 1.5px solid rgba(0, 157, 255, 0.86) !important;
  border-radius: 18px !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.36),
    0 0 42px rgba(0, 90, 255, 0.20),
    inset 0 0 24px rgba(0, 140, 255, 0.11) !important;

  color: #ffffff !important;
}

.s77-about-box * {
  color: #ffffff !important;
}


/* =====================================================
   17) الجوال
   لا يوجد استهداف لـ .s-block--products .swiper-slide
===================================================== */

@media (max-width: 768px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.s77-home .s-container,
  body.s77-home .container,
  body.s77-home main .s-container,
  body.s77-home main .container {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.s77-home .s-block--banners,
  body.s77-home .s-banner-block,
  body.s77-home .s-block--hero {
    width: 100% !important;
    max-width: 100% !important;

    margin: 10px auto 12px auto !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    overflow: hidden !important;
    transform: none !important;
  }

  body.s77-home .s-block--banners .container,
  body.s77-home .s-block--banners .s-container,
  body.s77-home .s-banner-block .container,
  body.s77-home .s-banner-block .s-container,
  body.s77-home .s-block--hero .container,
  body.s77-home .s-block--hero .s-container {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow: hidden !important;
  }

  body.s77-home .s-block--banners img,
  body.s77-home .s-banner-block img,
  body.s77-home .s-block--hero img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    border-radius: 14px !important;
  }

  body.s77-home .s-block--categories,
  body.s77-home section[class*="categor"] {
    width: 100% !important;
    max-width: 100% !important;

    margin: 18px auto !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    overflow: hidden !important;
  }

  body.s77-home .s-block--categories .swiper-wrapper,
  body.s77-home section[class*="categor"] .swiper-wrapper {
    gap: 8px !important;
  }

  body.s77-home .s-block--categories .swiper-slide,
  body.s77-home section[class*="categor"] .swiper-slide,
  body.s77-home .s-block--categories a,
  body.s77-home section[class*="categor"] a {
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;

    height: 114px !important;
    min-height: 114px !important;
    max-height: 114px !important;
  }

  body.s77-home .s-block--products,
  body.s77-home section[class*="products"] {
    width: 100% !important;
    max-width: 100% !important;

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

    padding-left: 10px !important;
    padding-right: 10px !important;

    overflow: visible !important;
  }

  body.s77-home .s-product-card-entry,
  body.s77-home .s-product-card,
  body.s77-home .product-card {
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.s77-home .s-product-card-content-title,
  body.s77-home .s-product-card-content-title a,
  body.s77-home .s-product-card h3,
  body.s77-home .product-card h3 {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.s77-home .s-product-card-content-footer button,
  body.s77-home .s-product-card-entry .s-button-btn,
  body.s77-home .s-product-card .s-button-btn,
  body.s77-home .product-card button {
    font-size: 11px !important;
    min-height: 32px !important;
    padding: 7px 6px !important;
  }

  .s-search-modal.s77-search-visible,
  .s-search-modal-wrapper.s77-search-visible,
  .search-modal.s77-search-visible,
  .search-wrapper.s77-search-visible,
  [class*="search-modal"].s77-search-visible {
    top: 86px !important;
    width: 92% !important;
    max-width: 92% !important;
    min-width: 0 !important;
    padding: 14px 12px 14px 12px !important;
  }

  .s77-product-back-btn {
    top: 100px !important;
    left: 12px !important;

    min-width: 94px !important;
    height: 34px !important;
    padding: 0 12px !important;

    font-size: 12px !important;
  }
}
/* =====================================================
   77Stores - تقوية وميض خط نيون الهيدر مع الشعار
   ضع هذا في آخر ملف CSS
===================================================== */

/* الهيدر: خط نيون واضح ملاصق */
header,
.store-header,
.main-header,
.s-header,
.s-header-sticky,
.s-header-wrapper {
  border-bottom: 3px solid rgba(0, 157, 255, 0.25) !important;

  box-shadow:
    0 2px 0 rgba(0, 157, 255, 0.28),
    0 0 8px rgba(0, 157, 255, 0.18),
    inset 0 -2px 8px rgba(0, 157, 255, 0.08) !important;

  animation: s77HeaderNeonStrongSync 3s ease-in-out infinite !important;
}

/* الشعار بنفس توقيت الخط */
.logo img,
.store-logo img,
.navbar-brand img,
header img[src*="logo"] {
  animation: s77LogoNeonStrongSync 3s ease-in-out infinite !important;
}

/* وميض خط النيون: إطفاء ثم إضاءة ثم إطفاء */
@keyframes s77HeaderNeonStrongSync {
  0% {
    border-bottom-color: rgba(0, 157, 255, 0.16);
    box-shadow:
      0 2px 0 rgba(0, 157, 255, 0.16),
      0 0 3px rgba(0, 157, 255, 0.10),
      inset 0 -2px 5px rgba(0, 157, 255, 0.04) !important;
  }

  45% {
    border-bottom-color: rgba(0, 195, 255, 1);
    box-shadow:
      0 2px 0 rgba(123, 223, 255, 1),
      0 0 12px rgba(0, 195, 255, 0.95),
      0 0 26px rgba(0, 120, 255, 0.65),
      inset 0 -3px 12px rgba(0, 157, 255, 0.30) !important;
  }

  55% {
    border-bottom-color: rgba(0, 195, 255, 1);
    box-shadow:
      0 2px 0 rgba(123, 223, 255, 1),
      0 0 12px rgba(0, 195, 255, 0.95),
      0 0 26px rgba(0, 120, 255, 0.65),
      inset 0 -3px 12px rgba(0, 157, 255, 0.30) !important;
  }

  100% {
    border-bottom-color: rgba(0, 157, 255, 0.16);
    box-shadow:
      0 2px 0 rgba(0, 157, 255, 0.16),
      0 0 3px rgba(0, 157, 255, 0.10),
      inset 0 -2px 5px rgba(0, 157, 255, 0.04) !important;
  }
}

/* وميض الشعار بنفس توقيت الخط */
@keyframes s77LogoNeonStrongSync {
  0% {
    opacity: 0.62;
    filter:
      drop-shadow(0 0 2px rgba(0, 157, 255, 0.18));
  }

  45% {
    opacity: 1;
    filter:
      drop-shadow(0 0 10px rgba(0, 195, 255, 0.95))
      drop-shadow(0 0 22px rgba(0, 120, 255, 0.65));
  }

  55% {
    opacity: 1;
    filter:
      drop-shadow(0 0 10px rgba(0, 195, 255, 0.95))
      drop-shadow(0 0 22px rgba(0, 120, 255, 0.65));
  }

  100% {
    opacity: 0.62;
    filter:
      drop-shadow(0 0 2px rgba(0, 157, 255, 0.18));
  }
}

/* =====================================================
   77Stores - زر الرجوع في جميع الصفحات ما عدا الرئيسية
===================================================== */

.s77-global-back-btn {
  position: fixed !important;
  top: 120px !important;
  left: 18px !important;

  min-width: 96px !important;
  height: 38px !important;
  padding: 0 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.95) !important;
  border-radius: 10px !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  cursor: pointer !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.45),
    0 0 18px rgba(0, 90, 255, 0.25),
    inset 0 0 8px rgba(255, 255, 255, 0.08) !important;

  z-index: 99998 !important;

  text-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* =====================================================
   77Stores - إصلاح ضغطة زر الرجوع من أول مرة
===================================================== */

.s77-global-back-btn {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  z-index: 999999 !important;
}
.s77-global-back-btn:hover {
  background:
    linear-gradient(135deg, #044a82 0%, #0084d8 55%, #00aaff 100%) !important;

  border-color: rgba(123, 223, 255, 1) !important;

  box-shadow:
    0 0 14px rgba(0, 157, 255, 0.70),
    0 0 26px rgba(0, 90, 255, 0.35),
    inset 0 0 10px rgba(255, 255, 255, 0.10) !important;

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

.s77-global-back-btn:active {
  transform: scale(0.97) !important;
}

/* الجوال */
@media (max-width: 768px) {
  .s77-global-back-btn {
    top: 96px !important;
    left: 12px !important;

    min-width: 82px !important;
    height: 34px !important;
    padding: 0 11px !important;

    font-size: 12px !important;
    border-radius: 9px !important;
  }
}
/* =====================================================
   77Stores - حذف جميع ظلال النص داخل وصف المنتج فقط
===================================================== */

/* وصف المنتج داخل تبويب التفاصيل */
.product-cyber-tabs,
.product-cyber-tabs *,
.product-cyber-panel,
.product-cyber-panel *,
.product-cyber-tab-content,
.product-cyber-tab-content * {
  text-shadow: none !important;
}

/* وصف المنتج الأصلي في سلة */
.product__description,
.product__description *,
.product-description,
.product-description *,
.s-product-description,
.s-product-description *,
#description,
#description *,
[class*="product-description"],
[class*="product-description"] *,
[class*="description"] {
  text-shadow: none !important;
}

/* منع أي ظل موروث داخل نصوص الوصف فقط */
.product-entry .product__description *,
.product-entry .product-description *,
.product-entry .s-product-description *,
.product-entry #description *,
.product-single .product__description *,
.product-single .product-description *,
.product-single .s-product-description *,
.product-single #description *,
.s-product-page .product__description *,
.s-product-page .product-description *,
.s-product-page .s-product-description *,
.s-product-page #description * {
  text-shadow: none !important;
  filter: none !important;
}

/* تحسين وضوح النص بدون ظل */
.product-entry .product__description,
.product-entry .product-description,
.product-entry .s-product-description,
.product-entry #description,
.product-single .product__description,
.product-single .product-description,
.product-single .s-product-description,
.product-single #description,
.s-product-page .product__description,
.s-product-page .product-description,
.s-product-page .s-product-description,
.s-product-page #description {
  color: rgba(235, 248, 255, 0.92) !important;
  text-shadow: none !important;
  filter: none !important;
}
/* =====================================================
   77Stores - حذف الظلال والخلفيات البيضاء من وصف المنتج فقط
===================================================== */

/* وصف المنتج داخل صفحة المنتج فقط */
.product-entry .product-cyber-panel,
.product-entry .product-cyber-panel *,
.product-single .product-cyber-panel,
.product-single .product-cyber-panel *,
.s-product-page .product-cyber-panel,
.s-product-page .product-cyber-panel *,

.product-entry .product__description,
.product-entry .product__description *,
.product-entry .product-description,
.product-entry .product-description *,
.product-entry .s-product-description,
.product-entry .s-product-description *,
.product-entry #description,
.product-entry #description *,

.product-single .product__description,
.product-single .product__description *,
.product-single .product-description,
.product-single .product-description *,
.product-single .s-product-description,
.product-single .s-product-description *,
.product-single #description,
.product-single #description *,

.s-product-page .product__description,
.s-product-page .product__description *,
.s-product-page .product-description,
.s-product-page .product-description *,
.s-product-page .s-product-description,
.s-product-page .s-product-description *,
.s-product-page #description,
.s-product-page #description * {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;

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

  color: rgba(235, 248, 255, 0.94) !important;
}


/* إزالة الخلفية البيضاء تحديدًا من span أو mark أو strong داخل الوصف */
.product-entry .product-cyber-panel span,
.product-entry .product-cyber-panel mark,
.product-entry .product-cyber-panel strong,
.product-entry .product-cyber-panel b,
.product-entry .product-cyber-panel font,

.product-single .product-cyber-panel span,
.product-single .product-cyber-panel mark,
.product-single .product-cyber-panel strong,
.product-single .product-cyber-panel b,
.product-single .product-cyber-panel font,

.s-product-page .product-cyber-panel span,
.s-product-page .product-cyber-panel mark,
.s-product-page .product-cyber-panel strong,
.s-product-page .product-cyber-panel b,
.s-product-page .product-cyber-panel font {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: rgba(235, 248, 255, 0.94) !important;
  text-shadow: none !important;
  box-shadow: none !important;

  padding: 0 !important;
}


/* إزالة أي style داخلي فيه خلفية بيضاء أو لون قريب منها داخل الوصف */
.product-entry .product-cyber-panel [style*="background"],
.product-entry .product-cyber-panel [style*="background-color"],
.product-entry .product-cyber-panel [style*="rgb(255"],
.product-entry .product-cyber-panel [style*="#fff"],
.product-entry .product-cyber-panel [style*="#ffffff"],

.product-single .product-cyber-panel [style*="background"],
.product-single .product-cyber-panel [style*="background-color"],
.product-single .product-cyber-panel [style*="rgb(255"],
.product-single .product-cyber-panel [style*="#fff"],
.product-single .product-cyber-panel [style*="#ffffff"],

.s-product-page .product-cyber-panel [style*="background"],
.s-product-page .product-cyber-panel [style*="background-color"],
.s-product-page .product-cyber-panel [style*="rgb(255"],
.s-product-page .product-cyber-panel [style*="#fff"],
.s-product-page .product-cyber-panel [style*="#ffffff"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: rgba(235, 248, 255, 0.94) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}


/* الروابط داخل الوصف */
.product-entry .product-cyber-panel a,
.product-single .product-cyber-panel a,
.s-product-page .product-cyber-panel a {
  color: #7bdfff !important;
  background: transparent !important;
  text-shadow: none !important;
}


/* القوائم والنقاط داخل الوصف */
.product-entry .product-cyber-panel li,
.product-single .product-cyber-panel li,
.s-product-page .product-cyber-panel li {
  color: rgba(235, 248, 255, 0.94) !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* =====================================================
   77Stores - ضبط وصف المنتج داخل حدود صندوق الوصف
   توازن يمين ويسار + منع خروج النص + ترتيب القوائم
===================================================== */

/* صندوق محتوى الوصف داخل التبويب */
.product-entry .product-cyber-tab-content,
.product-single .product-cyber-tab-content,
.s-product-page .product-cyber-tab-content {
  width: 100% !important;
  max-width: 100% !important;

  padding: 22px 34px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* حاوية الوصف نفسها */
.product-entry .product-cyber-panel,
.product-single .product-cyber-panel,
.s-product-page .product-cyber-panel,
.product-entry .product__description,
.product-single .product__description,
.s-product-page .product__description,
.product-entry .product-description,
.product-single .product-description,
.s-product-page .product-description,
.product-entry .s-product-description,
.product-single .s-product-description,
.s-product-page .s-product-description,
.product-entry #description,
.product-single #description,
.s-product-page #description {
  width: 100% !important;
  max-width: 100% !important;

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

  direction: rtl !important;
  text-align: justify !important;
  text-align-last: right !important;

  line-height: 2.05 !important;
  word-spacing: 1px !important;
  letter-spacing: 0 !important;

  overflow-wrap: anywhere !important;
  word-break: normal !important;

  color: rgba(235, 248, 255, 0.94) !important;
  background: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  box-sizing: border-box !important;
}

/* كل العناصر داخل الوصف */
.product-entry .product-cyber-panel *,
.product-single .product-cyber-panel *,
.s-product-page .product-cyber-panel *,
.product-entry .product__description *,
.product-single .product__description *,
.s-product-page .product__description *,
.product-entry .product-description *,
.product-single .product-description *,
.s-product-page .product-description *,
.product-entry .s-product-description *,
.product-single .s-product-description *,
.s-product-page .s-product-description *,
.product-entry #description *,
.product-single #description *,
.s-product-page #description * {
  max-width: 100% !important;

  direction: rtl !important;
  text-align: justify !important;
  text-align-last: right !important;

  line-height: 2.05 !important;
  word-spacing: 1px !important;
  letter-spacing: 0 !important;

  overflow-wrap: anywhere !important;
  word-break: normal !important;

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

  color: rgba(235, 248, 255, 0.94) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  box-sizing: border-box !important;
}

/* الفقرات */
.product-entry .product-cyber-panel p,
.product-single .product-cyber-panel p,
.s-product-page .product-cyber-panel p,
.product-entry .product__description p,
.product-single .product__description p,
.s-product-page .product__description p,
.product-entry .product-description p,
.product-single .product-description p,
.s-product-page .product-description p {
  width: 100% !important;
  max-width: 100% !important;

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

  text-align: justify !important;
  text-align-last: right !important;
}

/* القوائم */
.product-entry .product-cyber-panel ul,
.product-single .product-cyber-panel ul,
.s-product-page .product-cyber-panel ul,
.product-entry .product__description ul,
.product-single .product__description ul,
.s-product-page .product__description ul,
.product-entry .product-description ul,
.product-single .product-description ul,
.s-product-page .product-description ul {
  width: 100% !important;
  max-width: 100% !important;

  margin: 12px 0 18px 0 !important;
  padding-right: 28px !important;
  padding-left: 0 !important;

  direction: rtl !important;
  list-style-position: outside !important;
  box-sizing: border-box !important;
}

/* عناصر القائمة */
.product-entry .product-cyber-panel li,
.product-single .product-cyber-panel li,
.s-product-page .product-cyber-panel li,
.product-entry .product__description li,
.product-single .product__description li,
.s-product-page .product__description li,
.product-entry .product-description li,
.product-single .product-description li,
.s-product-page .product-description li {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 12px 0 !important;
  padding-right: 4px !important;
  padding-left: 0 !important;

  text-align: justify !important;
  text-align-last: right !important;
  line-height: 2.05 !important;
}

/* العناوين داخل الوصف */
.product-entry .product-cyber-panel h1,
.product-entry .product-cyber-panel h2,
.product-entry .product-cyber-panel h3,
.product-entry .product-cyber-panel h4,
.product-single .product-cyber-panel h1,
.product-single .product-cyber-panel h2,
.product-single .product-cyber-panel h3,
.product-single .product-cyber-panel h4,
.s-product-page .product-cyber-panel h1,
.s-product-page .product-cyber-panel h2,
.s-product-page .product-cyber-panel h3,
.s-product-page .product-cyber-panel h4 {
  width: 100% !important;
  max-width: 100% !important;

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

  text-align: right !important;
  text-align-last: right !important;

  color: #ffffff !important;
  font-weight: 900 !important;
  line-height: 1.75 !important;
  text-shadow: none !important;
}

/* النصوص العريضة */
.product-entry .product-cyber-panel strong,
.product-entry .product-cyber-panel b,
.product-single .product-cyber-panel strong,
.product-single .product-cyber-panel b,
.s-product-page .product-cyber-panel strong,
.s-product-page .product-cyber-panel b {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* الروابط */
.product-entry .product-cyber-panel a,
.product-single .product-cyber-panel a,
.s-product-page .product-cyber-panel a {
  color: #7bdfff !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(123, 223, 255, 0.45) !important;
  text-shadow: none !important;
}

/* منع أي صورة/جدول/عنصر من الخروج خارج صندوق الوصف */
.product-entry .product-cyber-panel img,
.product-entry .product-cyber-panel table,
.product-entry .product-cyber-panel iframe,
.product-single .product-cyber-panel img,
.product-single .product-cyber-panel table,
.product-single .product-cyber-panel iframe,
.s-product-page .product-cyber-panel img,
.s-product-page .product-cyber-panel table,
.s-product-page .product-cyber-panel iframe {
  max-width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}

/* الجوال */
@media (max-width: 768px) {
  .product-entry .product-cyber-tab-content,
  .product-single .product-cyber-tab-content,
  .s-product-page .product-cyber-tab-content {
    padding: 18px 16px !important;
  }

  .product-entry .product-cyber-panel,
  .product-single .product-cyber-panel,
  .s-product-page .product-cyber-panel,
  .product-entry .product__description,
  .product-single .product__description,
  .s-product-page .product__description,
  .product-entry .product-description,
  .product-single .product-description,
  .s-product-page .product-description {
    font-size: 14px !important;
    line-height: 1.95 !important;
  }

  .product-entry .product-cyber-panel *,
  .product-single .product-cyber-panel *,
  .s-product-page .product-cyber-panel * {
    line-height: 1.95 !important;
  }

  .product-entry .product-cyber-panel ul,
  .product-single .product-cyber-panel ul,
  .s-product-page .product-cyber-panel ul {
    padding-right: 22px !important;
  }
}

/* =====================================================
   77Stores - ضبط نهائي للمسافات بعد تنظيف التعارضات
   الهدف:
   1) تقليل المسافة بين البنر الأول وسلايدر الأيقونات
   2) زيادة المسافة قليلًا بين سلايدر الأيقونات وزر/عنوان إصدارات جديدة
   3) عدم لمس عرض الكل / عرض المزيد / المنتجات / swiper-slide
===================================================== */

/* البنرات: إلغاء الفراغ السفلي الزائد */
body.s77-home .s-block--banners,
body.s77-home .s-banner-block,
body.s77-home .s-block--hero {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* البنر الأول تحديدًا */
body.s77-home .s-block--banners:first-of-type,
body.s77-home .s-banner-block:first-of-type,
body.s77-home .s-block--hero:first-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* تقريب سلايدر الأيقونات من البنر الأول */
body.s77-home .s-block--categories,
body.s77-home section[class*="categor"] {
  margin-top: -18px !important;
  margin-bottom: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* تنظيف فراغات الحاويات الداخلية لسلايدر الأيقونات */
body.s77-home .s-block--categories .container,
body.s77-home .s-block--categories .s-container,
body.s77-home section[class*="categor"] .container,
body.s77-home section[class*="categor"] .s-container,
body.s77-home .s-block--categories .swiper,
body.s77-home .s-block--categories .swiper-container,
body.s77-home section[class*="categor"] .swiper,
body.s77-home section[class*="categor"] .swiper-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* لا نغير أحجام الأيقونات؛ فقط نمنع فراغ أعلى العنصر */
body.s77-home .s-block--categories a,
body.s77-home section[class*="categor"] a,
body.s77-home .s-block--categories img,
body.s77-home section[class*="categor"] img {
  margin-top: 0 !important;
}

/* زيادة المسافة قليلًا بين سلايدر الأيقونات وقسم المنتجات الذي يحتوي إصدارات جديدة */
body.s77-home .s-block--categories + .s-block--products,
body.s77-home section[class*="categor"] + .s-block--products,
body.s77-home .s-block--categories + section[class*="products"],
body.s77-home section[class*="categor"] + section[class*="products"] {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* عنوان إصدارات جديدة فوق المنتجات فقط */
body.s77-home .s-block--products > .s-block__title,
body.s77-home section[class*="products"] > .s-block__title {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.s77-home .s-block--products > .s-block__title h2,
body.s77-home .s-block--products > .s-block__title h3,
body.s77-home .s-block--products > .s-block__title span,
body.s77-home section[class*="products"] > .s-block__title h2,
body.s77-home section[class*="products"] > .s-block__title h3,
body.s77-home section[class*="products"] > .s-block__title span {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block--banners,
  body.s77-home .s-banner-block,
  body.s77-home .s-block--hero {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.s77-home .s-block--categories,
  body.s77-home section[class*="categor"] {
    margin-top: -12px !important;
    margin-bottom: 26px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.s77-home .s-block--categories + .s-block--products,
  body.s77-home section[class*="categor"] + .s-block--products,
  body.s77-home .s-block--categories + section[class*="products"],
  body.s77-home section[class*="categor"] + section[class*="products"] {
    margin-top: 16px !important;
    padding-top: 0 !important;
  }

  body.s77-home .s-block--products > .s-block__title,
  body.s77-home section[class*="products"] > .s-block__title {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
  }
}
/* =====================================================
   77Stores - عداد وقت لمنتجات الإصدارات الجديدة / الطلب المسبق
   صفحة المنتج فقط
===================================================== */

.s77-product-countdown {
  width: 100% !important;
  margin: 16px 0 !important;
  padding: 16px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.16), transparent 42%),
    linear-gradient(135deg, #061b3a 0%, #031126 52%, #020714 100%) !important;

  border: 1.5px solid rgba(0, 157, 255, 0.78) !important;
  border-radius: 16px !important;

  box-shadow:
    0 0 14px rgba(0, 157, 255, 0.34),
    0 0 30px rgba(0, 90, 255, 0.18),
    inset 0 0 18px rgba(0, 157, 255, 0.08) !important;

  color: #ffffff !important;
  text-align: center !important;
  overflow: hidden !important;
}

.s77-product-countdown__title {
  margin-bottom: 10px !important;

  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;

  text-shadow:
    0 0 8px rgba(0, 157, 255, 0.65),
    0 0 18px rgba(0, 90, 255, 0.35) !important;
}

.s77-product-countdown__subtitle {
  margin-bottom: 14px !important;

  color: rgba(235, 248, 255, 0.78) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  text-shadow: none !important;
}

.s77-product-countdown__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}

.s77-product-countdown__box {
  min-height: 70px !important;
  padding: 10px 6px !important;

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

  background:
    linear-gradient(180deg, rgba(0, 157, 255, 0.16), rgba(2, 7, 20, 0.72)) !important;

  border: 1px solid rgba(0, 157, 255, 0.62) !important;
  border-radius: 12px !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.26),
    inset 0 0 12px rgba(0, 157, 255, 0.08) !important;
}

.s77-product-countdown__num {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-shadow:
    0 0 8px rgba(0, 157, 255, 0.80),
    0 0 18px rgba(0, 90, 255, 0.45) !important;
}

.s77-product-countdown__label {
  margin-top: 7px !important;

  color: rgba(235, 248, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.s77-product-countdown.is-ended {
  border-color: rgba(0, 255, 180, 0.72) !important;
  box-shadow:
    0 0 14px rgba(0, 255, 180, 0.25),
    inset 0 0 18px rgba(0, 255, 180, 0.08) !important;
}

.s77-product-countdown.is-ended .s77-product-countdown__title {
  color: #7dffdf !important;
  text-shadow:
    0 0 8px rgba(0, 255, 180, 0.70),
    0 0 18px rgba(0, 255, 180, 0.32) !important;
}

@media (max-width: 768px) {
  .s77-product-countdown {
    margin: 14px 0 !important;
    padding: 13px !important;
    border-radius: 14px !important;
  }

  .s77-product-countdown__grid {
    gap: 7px !important;
  }

  .s77-product-countdown__box {
    min-height: 62px !important;
    padding: 8px 4px !important;
    border-radius: 10px !important;
  }

  .s77-product-countdown__num {
    font-size: 19px !important;
  }

  .s77-product-countdown__label {
    font-size: 10px !important;
  }
}
/* =====================================================
   77Stores - تعديل اتجاه عداد الإصدار
   من اليسار لليمين:
   يوم - ساعة - دقيقة - ثانية
===================================================== */

.s77-product-countdown {
  text-align: center !important;
}

.s77-product-countdown__title,
.s77-product-countdown__subtitle {
  text-align: center !important;
}

/* مهم: يجعل ترتيب المربعات بصريًا من اليسار لليمين */
.s77-product-countdown__grid {
  direction: ltr !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

/* نحافظ على النص العربي داخل كل مربع */
.s77-product-countdown__box {
  direction: rtl !important;
  text-align: center !important;
}

/* =====================================================
   77Stores - تنظيف نهائي لتعارض زر اشترِ الآن في الجوال
   يحذف أثر الزر التجريبي وصندوق الشراء المنقول فقط
   ولا يغير تعليمات زر اشترِ الآن الأصلي
===================================================== */

.s77-new-mobile-buy-now-wrap,
.s77-new-mobile-buy-now,
.s77-new-mobile-buy-now__icon,
.s77-new-mobile-buy-now__text {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.s77-mobile-buy-box-moved,
.s77-mobile-buy-box-moved-fixed,
.s77-mobile-buy-box-final {
  position: static !important;
  transform: none !important;
  animation: none !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

/* =====================================================
   77Stores - إصلاح نهائي لزر عرض الكل
   إظهار النص بالمنتصف + إعادة الخطوط يمين ويسار
===================================================== */

/* عنوان القسم الذي يحتوي زر عرض الكل */
body.s77-home .s-block__title:has(.s-block__display-all) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;

  margin-top: 16px !important;
  margin-bottom: 38px !important;
  min-height: 64px !important;
}

/* إعادة الخطوط يمين ويسار الزر */
body.s77-home .s-block__title:has(.s-block__display-all)::before,
body.s77-home .s-block__title:has(.s-block__display-all)::after {
  content: "" !important;
  display: inline-block !important;

  width: 90px !important;
  height: 1px !important;
  margin: 0 10px !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 157, 255, 0.95),
    transparent
  ) !important;

  box-shadow:
    0 0 8px rgba(0, 157, 255, 0.75),
    0 0 16px rgba(0, 157, 255, 0.35) !important;

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

/* الحاوية الخارجية بدون شكل حتى لا يظهر زر مكرر */
body.s77-home .s-block__title .s-block__display-all {
  position: relative !important;
  top: 18px !important;

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

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

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

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

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

  overflow: visible !important;
}

/* الزر الحقيقي */
body.s77-home .s-block__title .s-block__display-all a {
  position: relative !important;
  top: 0 !important;

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

  min-width: 86px !important;
  width: auto !important;

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

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

  background:
    linear-gradient(135deg, #03345f 0%, #0077c8 55%, #009dff 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.90) !important;
  border-radius: 9px !important;

  box-shadow:
    0 0 9px rgba(0, 157, 255, 0.45),
    inset 0 0 7px rgba(255, 255, 255, 0.08) !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;

  overflow: visible !important;
  transform: none !important;
}

/* النص داخل الزر */
body.s77-home .s-block__title .s-block__display-all a span,
body.s77-home .s-block__title .s-block__display-all a p,
body.s77-home .s-block__title .s-block__display-all a div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: auto !important;
  line-height: 1 !important;

  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* في حال كان النص مباشرة داخل الرابط بدون span */
body.s77-home .s-block__title .s-block__display-all a {
  white-space: nowrap !important;
}

/* إظهار الأيقونة الأصلية بجانب النص */
body.s77-home .s-block__title .s-block__display-all a svg,
body.s77-home .s-block__title .s-block__display-all a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 13px !important;
  height: 13px !important;

  margin-inline-start: 5px !important;

  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;

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

  transform: none !important;
}

/* منع الطبقات المكررة فقط */
body.s77-home .s-block__title .s-block__display-all::before,
body.s77-home .s-block__title .s-block__display-all::after,
body.s77-home .s-block__title .s-block__display-all a::before,
body.s77-home .s-block__title .s-block__display-all a::after {
  content: none !important;
  display: none !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block__title:has(.s-block__display-all) {
    gap: 8px !important;
    margin-bottom: 32px !important;
    min-height: 58px !important;
  }

  body.s77-home .s-block__title:has(.s-block__display-all)::before,
  body.s77-home .s-block__title:has(.s-block__display-all)::after {
    width: 52px !important;
    margin: 0 6px !important;
  }

  body.s77-home .s-block__title .s-block__display-all {
    top: 15px !important;
  }

  body.s77-home .s-block__title .s-block__display-all a {
    min-width: 78px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 14px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
  }
}
/* =====================================================
   77Stores - إصلاح تمركز نص وأيقونة زر عرض الكل
===================================================== */

/* عنوان القسم الذي يحتوي زر عرض الكل */
body.s77-home .s-block__title:has(.s-block__display-all) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;

  margin-top: 16px !important;
  margin-bottom: 40px !important;
  min-height: 68px !important;
}

/* إعادة الخطوط يمين ويسار الزر */
body.s77-home .s-block__title:has(.s-block__display-all)::before,
body.s77-home .s-block__title:has(.s-block__display-all)::after {
  content: "" !important;
  display: inline-block !important;

  width: 90px !important;
  height: 1px !important;
  margin: 0 10px !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 157, 255, 0.95),
    transparent
  ) !important;

  box-shadow:
    0 0 8px rgba(0, 157, 255, 0.75),
    0 0 16px rgba(0, 157, 255, 0.35) !important;

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

/* الحاوية الخارجية بدون خلفية حتى لا يظهر زر داخل زر */
body.s77-home .s-block__title .s-block__display-all {
  position: relative !important;
  top: 18px !important;

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

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

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

  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  transform: none !important;
}

/* الزر الحقيقي */
body.s77-home .s-block__title .s-block__display-all a {
  position: relative !important;
  top: 0 !important;

  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-width: 88px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;

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

  background:
    linear-gradient(135deg, #03345f 0%, #0077c8 55%, #009dff 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.90) !important;
  border-radius: 9px !important;

  box-shadow:
    0 0 9px rgba(0, 157, 255, 0.45),
    inset 0 0 7px rgba(255, 255, 255, 0.08) !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;

  overflow: hidden !important;
  transform: none !important;
}

/* إجبار النص والأيقونة على منتصف الزر */
body.s77-home .s-block__title .s-block__display-all a *,
body.s77-home .s-block__title .s-block__display-all a span,
body.s77-home .s-block__title .s-block__display-all a .s-button-text,
body.s77-home .s-block__title .s-block__display-all a .s-button-content {
  position: static !important;

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

  height: auto !important;
  min-height: 0 !important;
  line-height: 1 !important;

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

  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
  translate: none !important;
}

/* الأيقونة الأصلية داخل الزر */
body.s77-home .s-block__title .s-block__display-all a svg,
body.s77-home .s-block__title .s-block__display-all a i {
  position: static !important;

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

  width: 13px !important;
  height: 13px !important;

  margin: 0 0 0 5px !important;

  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;

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

  transform: none !important;
  translate: none !important;
}

/* منع الطبقات المكررة فقط */
body.s77-home .s-block__title .s-block__display-all::before,
body.s77-home .s-block__title .s-block__display-all::after,
body.s77-home .s-block__title .s-block__display-all a::before,
body.s77-home .s-block__title .s-block__display-all a::after {
  content: none !important;
  display: none !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block__title:has(.s-block__display-all) {
    gap: 8px !important;
    margin-bottom: 34px !important;
    min-height: 60px !important;
  }

  body.s77-home .s-block__title:has(.s-block__display-all)::before,
  body.s77-home .s-block__title:has(.s-block__display-all)::after {
    width: 52px !important;
    margin: 0 6px !important;
  }

  body.s77-home .s-block__title .s-block__display-all {
    top: 15px !important;
  }

  body.s77-home .s-block__title .s-block__display-all a {
    min-width: 80px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 14px !important;

    font-size: 11px !important;
    border-radius: 8px !important;
  }
}
/* =====================================================
   77Stores - توسيط زر عرض الكل بين الخطين
===================================================== */

/* الحاوية الرئيسية */
body.s77-home .s-block__title:has(.s-block__display-all) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  position: relative !important;

  gap: 14px !important;
  margin-top: 16px !important;
  margin-bottom: 42px !important;
  min-height: 66px !important;

  text-align: center !important;
}

/* الخط الأيمن والأيسر */
body.s77-home .s-block__title:has(.s-block__display-all)::before,
body.s77-home .s-block__title:has(.s-block__display-all)::after {
  content: "" !important;
  display: block !important;

  flex: 0 0 90px !important;
  width: 90px !important;
  height: 1px !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 157, 255, 0.95),
    transparent
  ) !important;

  box-shadow:
    0 0 8px rgba(0, 157, 255, 0.75),
    0 0 16px rgba(0, 157, 255, 0.35) !important;

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

/* الحاوية الخارجية للزر */
body.s77-home .s-block__title .s-block__display-all {
  position: relative !important;
  top: 18px !important;

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

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

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* الزر نفسه */
body.s77-home .s-block__title .s-block__display-all a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  min-width: 92px !important;
  height: 36px !important;
  padding: 0 16px !important;
  margin: 0 !important;

  background:
    linear-gradient(135deg, #03345f 0%, #0077c8 55%, #009dff 100%) !important;
  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.90) !important;
  border-radius: 9px !important;

  box-shadow:
    0 0 9px rgba(0, 157, 255, 0.45),
    inset 0 0 7px rgba(255, 255, 255, 0.08) !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* الأيقونة داخل الزر */
body.s77-home .s-block__title .s-block__display-all a svg,
body.s77-home .s-block__title .s-block__display-all a i {
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;

  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* منع أي طبقات مكررة */
body.s77-home .s-block__title .s-block__display-all::before,
body.s77-home .s-block__title .s-block__display-all::after,
body.s77-home .s-block__title .s-block__display-all a::before,
body.s77-home .s-block__title .s-block__display-all a::after {
  content: none !important;
  display: none !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block__title:has(.s-block__display-all) {
    gap: 8px !important;
    margin-bottom: 34px !important;
    min-height: 58px !important;
  }

  body.s77-home .s-block__title:has(.s-block__display-all)::before,
  body.s77-home .s-block__title:has(.s-block__display-all)::after {
    flex-basis: 52px !important;
    width: 52px !important;
  }

  body.s77-home .s-block__title .s-block__display-all {
    top: 15px !important;
  }

  body.s77-home .s-block__title .s-block__display-all a {
    min-width: 82px !important;
    height: 34px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }
}

/* =====================================================
   77Stores - إنزال الخطين فقط حول زر عرض الكل
   بدون رفع أو تحريك الزر
===================================================== */

/* تثبيت الزر كما هو */
body.s77-home .s-block__title .s-block__display-all {
  position: relative !important;
  top: 18px !important;
}

/* إنزال الخطين فقط ليصبحا بمنتصف الزر */
body.s77-home .s-block__title:has(.s-block__display-all)::before,
body.s77-home .s-block__title:has(.s-block__display-all)::after {
  position: relative !important;
  top: 18px !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block__title .s-block__display-all {
    top: 15px !important;
  }

  body.s77-home .s-block__title:has(.s-block__display-all)::before,
  body.s77-home .s-block__title:has(.s-block__display-all)::after {
    top: 15px !important;
  }
}

/* =====================================================
   77Stores - تقليل المسافة بين زر عرض الكل والبنر الذي تحته
===================================================== */

/* تقليل المسافة أسفل زر عرض الكل */
body.s77-home .s-block__title:has(.s-block__display-all) {
  margin-bottom: 14px !important;
  min-height: 54px !important;
}

/* تقليل المسافة العلوية للبنرات التي تأتي بعد زر عرض الكل */
body.s77-home .s-block__title:has(.s-block__display-all) + .s-block--banners,
body.s77-home .s-block__title:has(.s-block__display-all) + .s-banner-block,
body.s77-home .s-block__title:has(.s-block__display-all) + .s-block--hero,
body.s77-home .s-block__title:has(.s-block__display-all) + section {
  margin-top: 4px !important;
  padding-top: 0 !important;
}

/* إذا كان البنر داخل قسم بعد المنتجات مباشرة */
body.s77-home .s-block--products + .s-block--banners,
body.s77-home section[class*="products"] + .s-block--banners,
body.s77-home .s-block--products + .s-banner-block,
body.s77-home section[class*="products"] + .s-banner-block,
body.s77-home .s-block--products + .s-block--hero,
body.s77-home section[class*="products"] + .s-block--hero {
  margin-top: 6px !important;
  padding-top: 0 !important;
}

/* تقليل المسافة العامة للبنرات في الصفحة الرئيسية */
body.s77-home .s-block--banners,
body.s77-home .s-banner-block,
body.s77-home .s-block--hero {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block__title:has(.s-block__display-all) {
    margin-bottom: 10px !important;
    min-height: 50px !important;
  }

  body.s77-home .s-block--banners,
  body.s77-home .s-banner-block,
  body.s77-home .s-block--hero {
    margin-top: 6px !important;
    margin-bottom: 10px !important;
  }
}

/* =====================================================
   77Stores - تقليل المسافة فوق عنوان منتجات قد تعجبك
===================================================== */

/* تقليل المسافة بين المنتجات السابقة وعنوان القسم التالي */
body.s77-home .s-block--products + .s-block--products,
body.s77-home section[class*="products"] + section[class*="products"] {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

/* تقليل المسافة فوق عنوان منتجات قد تعجبك */
body.s77-home .s-block--products + .s-block--products .s-block__title,
body.s77-home section[class*="products"] + section[class*="products"] .s-block__title {
  margin-top: 6px !important;
  margin-bottom: 16px !important;
}

/* تقليل المسافة أسفل المنتجات السابقة */
body.s77-home .s-block--products,
body.s77-home section[class*="products"] {
  margin-bottom: 14px !important;
}

/* في حال كان عنوان منتجات قد تعجبك داخل نفس بنية المنتجات */
body.s77-home .s-block__title h2,
body.s77-home .s-block__title h3 {
  margin-top: 0 !important;
}

/* =====================================================
   77Stores - تقليل المسافة بين بنر لماذا متجر 77 والأيقونات تحته
===================================================== */

/* تقليل المسافة أسفل البنرات عمومًا */
body.s77-home .s-block--banners,
body.s77-home .s-banner-block,
body.s77-home .s-block--hero {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

/* تقليل المسافة أعلى القسم الذي يأتي بعد البنر مباشرة */
body.s77-home .s-block--banners + *,
body.s77-home .s-banner-block + *,
body.s77-home .s-block--hero + * {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* تقليل المسافة بين بنر لماذا متجر 77 وأيقونات العناوين التي تحته */
body.s77-home .s-block--banners + .s-block--categories,
body.s77-home .s-banner-block + .s-block--categories,
body.s77-home .s-block--hero + .s-block--categories,
body.s77-home .s-block--banners + section[class*="categor"],
body.s77-home .s-banner-block + section[class*="categor"],
body.s77-home .s-block--hero + section[class*="categor"] {
  margin-top: 6px !important;
  padding-top: 0 !important;
}

/* تقليل مسافة عنوان/أيقونات التصنيفات نفسها */
body.s77-home .s-block--categories,
body.s77-home section[class*="categor"] {
  margin-top: 8px !important;
  margin-bottom: 14px !important;
}

/* لو كانت الأيقونات داخل بلوك مخصص وليس تصنيفات سلة */
body.s77-home .s77-category-icons,
body.s77-home .s77-icons-row,
body.s77-home .s77-custom-categories,
body.s77-home [class*="icon"] {
  margin-top: 8px !important;
}

/* الجوال */
@media (max-width: 768px) {
  body.s77-home .s-block--banners,
  body.s77-home .s-banner-block,
  body.s77-home .s-block--hero {
    margin-bottom: 6px !important;
  }

  body.s77-home .s-block--banners + *,
  body.s77-home .s-banner-block + *,
  body.s77-home .s-block--hero + * {
    margin-top: 6px !important;
  }

  body.s77-home .s-block--categories,
  body.s77-home section[class*="categor"] {
    margin-top: 6px !important;
    margin-bottom: 12px !important;
  }
}

/* =====================================================
   77Stores - Safe Global Product Cards
   لجميع بطاقات المنتجات
   بدون تعديل السعر
   بدون لمس الهيدر
   بدون تغيير حجم الشبكة
===================================================== */

/* البطاقة فقط */
.s-product-card-entry,
.s-product-card,
.product-card {
  position: relative !important;
  overflow: hidden !important;

  border-radius: 16px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.12), transparent 38%),
    linear-gradient(180deg, #061426 0%, #01070f 100%) !important;

  border: 1px solid rgba(0, 157, 255, 0.70) !important;

  box-shadow:
    0 0 12px rgba(0, 157, 255, 0.26),
    inset 0 0 16px rgba(0, 120, 255, 0.10) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

/* هوفر البطاقة */
.s-product-card-entry:hover,
.s-product-card:hover,
.product-card:hover {
  transform: translateY(-4px) !important;

  border-color: rgba(0, 157, 255, 0.95) !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.52),
    0 0 34px rgba(0, 90, 255, 0.22),
    inset 0 0 18px rgba(0, 120, 255, 0.12) !important;
}

/* خط نيون أعلى البطاقة فقط */
.s-product-card-entry::before,
.s-product-card::before,
.product-card::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0, 195, 255, 1),
      transparent
    ) !important;

  box-shadow: 0 0 12px rgba(0, 195, 255, 0.85) !important;

  z-index: 3 !important;
  pointer-events: none !important;
}

/* صورة المنتج بدون تغيير مقاس البطاقة */
.s-product-card-image,
.product-card__image {
  position: relative !important;
  overflow: hidden !important;

  border-radius: 12px !important;
  background: rgba(1, 7, 17, 0.55) !important;
}

/* الصورة نفسها */
.s-product-card-image img,
.s-product-card-entry img,
.s-product-card img,
.product-card img {
  border-radius: 8px !important;

  transition:
    transform 0.25s ease,
    filter 0.25s ease !important;
}

/* حركة خفيفة للصورة */
.s-product-card-entry:hover .s-product-card-image img,
.s-product-card:hover .s-product-card-image img,
.product-card:hover .product-card__image img {
  transform: scale(1.025) !important;
  filter: brightness(1.06) contrast(1.05) !important;
}

/* محتوى البطاقة بدون تغيير المقاسات العامة */
.s-product-card-content,
.product-card__content {
  text-align: center !important;
  background: transparent !important;
}

/* عنوان المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card h3,
.product-card h3 {
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;

  text-align: center !important;
  text-align-last: center !important;

  text-shadow: 0 0 6px rgba(0, 157, 255, 0.35) !important;
}

/* الوصف المختصر فقط */
.s-product-card-subtitle,
.s-product-card-content-subtitle,
.product-card__subtitle {
  color: rgba(220, 235, 245, 0.72) !important;

  font-size: 12px !important;
  line-height: 1.55 !important;

  text-align: center !important;
  text-shadow: none !important;
}

/* مهم: لا يوجد أي تعديل على السعر هنا */

/* زر أضف للسلة فقط */
.s-product-card-content-footer button,
.s-product-card-entry .s-button-btn,
.s-product-card .s-button-btn,
.s-product-card .s-button-element,
.product-card button {
  min-height: 34px !important;

  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.85) !important;
  border-radius: 9px !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.42),
    inset 0 0 9px rgba(255, 255, 255, 0.08) !important;

  text-shadow: none !important;

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

/* هوفر زر أضف للسلة */
.s-product-card-content-footer button:hover,
.s-product-card-entry .s-button-btn:hover,
.s-product-card .s-button-btn:hover,
.s-product-card .s-button-element:hover,
.product-card button:hover {
  background:
    linear-gradient(135deg, #044a82 0%, #0084d8 55%, #00aaff 100%) !important;

  border-color: rgba(123, 223, 255, 0.95) !important;

  box-shadow:
    0 0 15px rgba(0, 157, 255, 0.65),
    0 0 26px rgba(0, 90, 255, 0.30),
    inset 0 0 10px rgba(255, 255, 255, 0.10) !important;

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

/* حذف الدوائر حول عدد الشراء والتقييم فقط داخل البطاقة */
.s-product-card .s-product-card-rating,
.s-product-card .s-product-card-reviews,
.s-product-card .s-product-card-orders,
.s-product-card .s-product-card-purchase-count,
.s-product-card .s-product-card-rating-count,
.product-card .product-card__rating,
.product-card .product-card__reviews,
.product-card .product-card__sold {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

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

  border-radius: 0 !important;
  padding: 0 2px !important;
}

/* حذف الدوائر من العناصر الداخلية فقط */
.s-product-card .s-product-card-rating *,
.s-product-card .s-product-card-reviews *,
.s-product-card .s-product-card-orders *,
.s-product-card .s-product-card-purchase-count *,
.s-product-card .s-product-card-rating-count *,
.product-card .product-card__rating *,
.product-card .product-card__reviews *,
.product-card .product-card__sold * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

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

  border-radius: 0 !important;
}

/* النجمة فقط */
.s-product-card .s-product-card-rating svg,
.product-card .product-card__rating svg {
  color: #ffd45d !important;
  fill: #ffd45d !important;
  stroke: #ffd45d !important;

  filter: drop-shadow(0 0 4px rgba(255, 212, 93, 0.45)) !important;
}

/* الجوال */
@media (max-width: 768px) {
  .s-product-card-entry,
  .s-product-card,
  .product-card {
    border-radius: 13px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .s-product-card h3,
  .product-card h3 {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .s-product-card-content-footer button,
  .s-product-card-entry .s-button-btn,
  .s-product-card .s-button-btn,
  .s-product-card .s-button-element,
  .product-card button {
    min-height: 32px !important;
    font-size: 11px !important;
    padding: 7px 6px !important;
  }
}

/* =====================================================
   77Stores - Final Safe Product Cards CSS
   استبدال كامل لكود بطاقة المنتج
   بدون تعديل السعر
   بدون لمس الهيدر
   بدون تغيير حجم شبكة المنتجات
===================================================== */


/* =====================================================
   1) جسم بطاقة المنتج
===================================================== */

.s-products-list-wrapper .s-product-card-entry,
.s-products-list-wrapper .s-product-card,
.s-products-grid .s-product-card-entry,
.s-products-grid .s-product-card,
.s-products-list .s-product-card-entry,
.s-products-list .s-product-card,
.s-products-slider-swiper .s-product-card-entry,
.s-products-slider-swiper .s-product-card,
.s-block--products .s-product-card-entry,
.s-block--products .s-product-card,
.product-card {
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.13), transparent 38%),
    linear-gradient(180deg, #061426 0%, #01070f 100%) !important;

  border: 1px solid rgba(0, 157, 255, 0.78) !important;
  outline: none !important;
  border-radius: 16px !important;

  box-shadow:
    0 0 12px rgba(0, 157, 255, 0.28),
    inset 0 0 16px rgba(0, 120, 255, 0.10) !important;

  transform: none !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}


/* الهوفر */
.s-products-list-wrapper .s-product-card-entry:hover,
.s-products-list-wrapper .s-product-card:hover,
.s-products-grid .s-product-card-entry:hover,
.s-products-grid .s-product-card:hover,
.s-products-list .s-product-card-entry:hover,
.s-products-list .s-product-card:hover,
.s-products-slider-swiper .s-product-card-entry:hover,
.s-products-slider-swiper .s-product-card:hover,
.s-block--products .s-product-card-entry:hover,
.s-block--products .s-product-card:hover,
.product-card:hover {
  transform: translateY(-4px) !important;

  border-color: rgba(0, 195, 255, 0.98) !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.55),
    0 0 34px rgba(0, 90, 255, 0.22),
    inset 0 0 18px rgba(0, 120, 255, 0.12) !important;
}


/* =====================================================
   2) حذف الإطار الأبيض نهائيًا من جسم البطاقة
===================================================== */

.s-product-card-entry,
.s-product-card,
.product-card,
.s-product-card-entry article,
.s-product-card article,
.product-card article,
.s-product-card-entry > div,
.s-product-card > div,
.product-card > div {
  outline: none !important;
  border-color: rgba(0, 157, 255, 0.20) !important;
}


/* منع الإطار الأبيض من الروابط الداخلية */
.s-product-card-entry a,
.s-product-card a,
.product-card a {
  outline: none !important;
  box-shadow: none !important;
}


/* =====================================================
   3) خط نيون أعلى البطاقة
===================================================== */

.s-products-list-wrapper .s-product-card-entry::before,
.s-products-list-wrapper .s-product-card::before,
.s-products-grid .s-product-card-entry::before,
.s-products-grid .s-product-card::before,
.s-products-list .s-product-card-entry::before,
.s-products-list .s-product-card::before,
.s-products-slider-swiper .s-product-card-entry::before,
.s-products-slider-swiper .s-product-card::before,
.s-block--products .s-product-card-entry::before,
.s-block--products .s-product-card::before,
.product-card::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0, 195, 255, 1),
      transparent
    ) !important;

  box-shadow: 0 0 12px rgba(0, 195, 255, 0.85) !important;

  z-index: 5 !important;
  pointer-events: none !important;
}


/* =====================================================
   4) منطقة الصورة
===================================================== */

.s-product-card-image,
.product-card__image {
  position: relative !important;
  overflow: hidden !important;

  background: rgba(1, 7, 17, 0.55) !important;

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

  border-radius: 12px !important;
}


/* الصورة نفسها */
.s-product-card-image img,
.s-product-card-entry img,
.s-product-card img,
.product-card img {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;

  border-radius: 8px !important;

  transition:
    transform 0.25s ease,
    filter 0.25s ease !important;
}


/* هوفر الصورة */
.s-product-card-entry:hover .s-product-card-image img,
.s-product-card:hover .s-product-card-image img,
.product-card:hover .product-card__image img {
  transform: scale(1.025) !important;
  filter: brightness(1.06) contrast(1.05) !important;
}


/* =====================================================
   5) محتوى البطاقة والكتابة
===================================================== */

.s-product-card-content,
.product-card__content {
  background: transparent !important;

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

  text-align: center !important;
}


/* عنوان المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card h3,
.product-card h3 {
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;

  text-align: center !important;
  text-align-last: center !important;

  text-shadow:
    0 0 6px rgba(0, 157, 255, 0.35) !important;
}


/* الوصف المختصر */
.s-product-card-subtitle,
.s-product-card-content-subtitle,
.product-card__subtitle {
  color: rgba(220, 235, 245, 0.72) !important;

  font-size: 12px !important;
  line-height: 1.55 !important;

  text-align: center !important;
  text-shadow: none !important;
}


/* =====================================================
   6) السعر
   لا يوجد تعديل على السعر نهائيًا
===================================================== */

.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price,
.product-card__price,
.price {
  text-shadow: none !important;
}


/* =====================================================
   7) زر أضف للسلة
===================================================== */

.s-product-card-content-footer {
  border-top: 0 !important;
  background: transparent !important;
}


/* الزر */
.s-product-card-content-footer button,
.s-product-card-entry .s-button-btn,
.s-product-card .s-button-btn,
.s-product-card .s-button-element,
.product-card button {
  min-height: 34px !important;

  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.88) !important;
  outline: none !important;
  border-radius: 9px !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.42),
    inset 0 0 9px rgba(255, 255, 255, 0.08) !important;

  text-shadow: none !important;

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


/* هوفر الزر */
.s-product-card-content-footer button:hover,
.s-product-card-entry .s-button-btn:hover,
.s-product-card .s-button-btn:hover,
.s-product-card .s-button-element:hover,
.product-card button:hover {
  background:
    linear-gradient(135deg, #044a82 0%, #0084d8 55%, #00aaff 100%) !important;

  border-color: rgba(123, 223, 255, 0.95) !important;

  box-shadow:
    0 0 15px rgba(0, 157, 255, 0.65),
    0 0 26px rgba(0, 90, 255, 0.30),
    inset 0 0 10px rgba(255, 255, 255, 0.10) !important;

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


/* =====================================================
   8) حذف دوائر التقييم وعدد الشراء فقط
===================================================== */

.s-product-card .s-product-card-rating,
.s-product-card .s-product-card-reviews,
.s-product-card .s-product-card-orders,
.s-product-card .s-product-card-purchase-count,
.s-product-card .s-product-card-rating-count,
.product-card .product-card__rating,
.product-card .product-card__reviews,
.product-card .product-card__sold {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

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

  border-radius: 0 !important;
  padding: 0 2px !important;
}


/* العناصر الداخلية */
.s-product-card .s-product-card-rating *,
.s-product-card .s-product-card-reviews *,
.s-product-card .s-product-card-orders *,
.s-product-card .s-product-card-purchase-count *,
.s-product-card .s-product-card-rating-count *,
.product-card .product-card__rating *,
.product-card .product-card__reviews *,
.product-card .product-card__sold * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

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

  border-radius: 0 !important;
}


/* لون النجمة فقط */
.s-product-card .s-product-card-rating svg,
.product-card .product-card__rating svg {
  color: #ffd45d !important;
  fill: #ffd45d !important;
  stroke: #ffd45d !important;

  filter: drop-shadow(0 0 4px rgba(255, 212, 93, 0.45)) !important;
}


/* =====================================================
   9) الجوال
===================================================== */

@media (max-width: 768px) {
  .s-products-list-wrapper .s-product-card-entry,
  .s-products-list-wrapper .s-product-card,
  .s-products-grid .s-product-card-entry,
  .s-products-grid .s-product-card,
  .s-products-list .s-product-card-entry,
  .s-products-list .s-product-card,
  .s-products-slider-swiper .s-product-card-entry,
  .s-products-slider-swiper .s-product-card,
  .s-block--products .s-product-card-entry,
  .s-block--products .s-product-card,
  .product-card {
    border-radius: 13px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .s-product-card h3,
  .product-card h3 {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .s-product-card-content-footer button,
  .s-product-card-entry .s-button-btn,
  .s-product-card .s-button-btn,
  .s-product-card .s-button-element,
  .product-card button {
    min-height: 32px !important;
    font-size: 11px !important;
    padding: 7px 6px !important;
  }
}

/* =====================================================
   77Stores - Final Scoped Product Card CSS
   يعمل فقط على الكلاس الذي يضيفه الجافا
   لا يلمس الهيدر
   لا يلمس السعر
   لا يغير شبكة المنتجات
===================================================== */

/* البطاقة */
.s77-product-card-final {
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.13), transparent 38%),
    linear-gradient(180deg, #061426 0%, #01070f 100%) !important;

  border: 1px solid rgba(0, 157, 255, 0.78) !important;
  outline: none !important;
  border-radius: 16px !important;

  box-shadow:
    0 0 12px rgba(0, 157, 255, 0.28),
    inset 0 0 16px rgba(0, 120, 255, 0.10) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

/* إلغاء الإطار الأبيض داخل البطاقة فقط */
.s77-product-card-final,
.s77-product-card-final > *,
.s77-product-card-final article,
.s77-product-card-final div,
.s77-product-card-final a {
  outline: none !important;
}

.s77-product-card-final > *,
.s77-product-card-final article,
.s77-product-card-final div {
  border-color: rgba(0, 157, 255, 0.12) !important;
}

/* هوفر البطاقة */
.s77-product-card-final:hover {
  transform: translateY(-4px) !important;

  border-color: rgba(0, 195, 255, 0.98) !important;

  box-shadow:
    0 0 18px rgba(0, 157, 255, 0.55),
    0 0 34px rgba(0, 90, 255, 0.22),
    inset 0 0 18px rgba(0, 120, 255, 0.12) !important;
}

/* خط نيون أعلى البطاقة */
.s77-product-card-final::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0, 195, 255, 1),
      transparent
    ) !important;

  box-shadow: 0 0 12px rgba(0, 195, 255, 0.85) !important;

  z-index: 5 !important;
  pointer-events: none !important;
}

/* منطقة الصورة */
.s77-product-image-final {
  position: relative !important;
  overflow: hidden !important;

  background: rgba(1, 7, 17, 0.55) !important;

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

  border-radius: 12px !important;
}

/* الصور داخل البطاقة */
.s77-product-card-final img {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;

  border-radius: 8px !important;

  transition:
    transform 0.25s ease,
    filter 0.25s ease !important;
}

/* هوفر الصورة */
.s77-product-card-final:hover img {
  transform: scale(1.025) !important;
  filter: brightness(1.06) contrast(1.05) !important;
}

/* محتوى البطاقة */
.s77-product-card-final .s-product-card-content,
.s77-product-card-final .product-card__content {
  background: transparent !important;

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

  text-align: center !important;
}

/* عنوان المنتج */
.s77-product-card-final .s-product-card-content-title,
.s77-product-card-final .s-product-card-content-title a,
.s77-product-card-final h3 {
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;

  text-align: center !important;
  text-align-last: center !important;

  text-shadow:
    0 0 6px rgba(0, 157, 255, 0.35) !important;
}

/* الوصف المختصر فقط */
.s77-product-card-final .s-product-card-subtitle,
.s77-product-card-final .s-product-card-content-subtitle {
  color: rgba(220, 235, 245, 0.72) !important;

  font-size: 12px !important;
  line-height: 1.55 !important;

  text-align: center !important;
  text-shadow: none !important;
}

/* منع لمس السعر */
.s77-product-card-final .s-product-card-price,
.s77-product-card-final .s-product-card-sale-price,
.s77-product-card-final .s-product-card-regular-price,
.s77-product-card-final .price {
  text-shadow: none !important;
}

/* زر أضف للسلة */
.s77-product-card-final .s-button-btn,
.s77-product-card-final .s-button-element,
.s77-product-card-final button,
.s77-product-button-final {
  min-height: 34px !important;

  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;

  color: #ffffff !important;

  border: 1px solid rgba(0, 157, 255, 0.88) !important;
  outline: none !important;
  border-radius: 9px !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow:
    0 0 10px rgba(0, 157, 255, 0.42),
    inset 0 0 9px rgba(255, 255, 255, 0.08) !important;

  text-shadow: none !important;

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

/* هوفر الزر */
.s77-product-card-final .s-button-btn:hover,
.s77-product-card-final .s-button-element:hover,
.s77-product-card-final button:hover,
.s77-product-button-final:hover {
  background:
    linear-gradient(135deg, #044a82 0%, #0084d8 55%, #00aaff 100%) !important;

  border-color: rgba(123, 223, 255, 0.95) !important;

  box-shadow:
    0 0 15px rgba(0, 157, 255, 0.65),
    0 0 26px rgba(0, 90, 255, 0.30),
    inset 0 0 10px rgba(255, 255, 255, 0.10) !important;

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

/* حذف دوائر التقييم وعدد الشراء داخل البطاقة فقط */
.s77-product-card-final .s-product-card-rating,
.s77-product-card-final .s-product-card-reviews,
.s77-product-card-final .s-product-card-orders,
.s77-product-card-final .s-product-card-purchase-count,
.s77-product-card-final .s-product-card-rating-count {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

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

  border-radius: 0 !important;
  padding: 0 2px !important;
}

.s77-product-card-final .s-product-card-rating *,
.s77-product-card-final .s-product-card-reviews *,
.s77-product-card-final .s-product-card-orders *,
.s77-product-card-final .s-product-card-purchase-count *,
.s77-product-card-final .s-product-card-rating-count * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

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

  border-radius: 0 !important;
}

/* لون النجمة */
.s77-product-card-final .s-product-card-rating svg {
  color: #ffd45d !important;
  fill: #ffd45d !important;
  stroke: #ffd45d !important;

  filter: drop-shadow(0 0 4px rgba(255, 212, 93, 0.45)) !important;
}

/* الجوال */
@media (max-width: 768px) {
  .s77-product-card-final {
    border-radius: 13px !important;
  }

  .s77-product-card-final .s-product-card-content-title,
  .s77-product-card-final .s-product-card-content-title a,
  .s77-product-card-final h3 {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .s77-product-card-final .s-button-btn,
  .s77-product-card-final .s-button-element,
  .s77-product-card-final button,
  .s77-product-button-final {
    min-height: 32px !important;
    font-size: 11px !important;
    padding: 7px 6px !important;
  }
}

/* =====================================================
   77Stores - Forced Product Card Helper CSS
===================================================== */

.s77-force-product-card {
  border: 1px solid rgba(0, 157, 255, 0.85) !important;
  outline: none !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 157, 255, 0.13), transparent 38%),
    linear-gradient(180deg, #061426 0%, #01070f 100%) !important;
  box-shadow:
    0 0 14px rgba(0, 157, 255, 0.34),
    inset 0 0 16px rgba(0, 120, 255, 0.12) !important;
}

.s77-force-product-card > *,
.s77-force-product-card article,
.s77-force-product-card div,
.s77-force-product-card a {
  outline: none !important;
}

.s77-force-product-card img {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.s77-force-product-card button,
.s77-force-product-card .s-button-btn,
.s77-force-product-card .s-button-element {
  background:
    linear-gradient(135deg, #03345f 0%, #006bb8 55%, #008bd6 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(0, 157, 255, 0.9) !important;
  border-radius: 9px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}