/** Shopify CDN: Minification failed

Line 178:0 Expected "}" to go with "{"

**/
/* ═══════════════════════════════════════════════════════
   🌟 القسم 1: تحسينات عامة للموقع
   ═══════════════════════════════════════════════════════ */

body {
  font-family: 'Cairo', 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  overflow-x: hidden;
}

/* تأثير التمرير السلس الناعم */
html {
  scroll-behavior: smooth;
}

/* إخفاء شريط التمرير مع إبقاء الوظيفة */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,#4b4b4b 0%,#4b4b4b 100%);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,rgb(0, 0, 0) 0%,rgb(0, 0, 0) 100%);
}

/* ═══════════════════════════════════════════════════════
   🏷️ القسم 4: شارات التخفيضات والعروض (Badges)
   ═══════════════════════════════════════════════════════ */

.badge,
.sale-badge,
.product-badge,
.badge--sale {
  position: absolute;
  top: 15px;
  right: 15px;
  background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 4px 15px rgba(229, 62, 62, 0.4);
  animation: pulseBadge 2s ease-in-out infinite;
  z-index: 10;
}

@keyframes pulseBadge {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.4);
  }
  50% {
    transform: scale(1.08);
    box-shadow: 0 8px 25px rgba(229, 62, 62, 0.6);
  }
}

/* شارة "جديد" */
.badge--new {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
  animation: slideInBadge 0.6s ease-out;
}

@keyframes slideInBadge {
  from {
    transform: translateX(50px) rotate(10deg);
    opacity: 0;
  }
  to {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

/* ══════════════════════════════════════════════════════
   القسم 1: تحسينات الهيدر والقائمة تلقائياً
   ══════════════════════════════════════════════════════ */

/* شعار الموقع يتحرك عند الهوفر */
.header__heading-logo img,
.site-header__logo img,
.logo img {
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.header__heading-logo:hover img,
.site-header__logo:hover img,
.logo:hover img {
  transform: scale(1.1) rotate(-5deg);
  filter: drop-shadow(0 10px 25px rgba(102, 126, 234, 0.4));
}

/* أيقونة السلة مع تأثير نبض */
.header__icon--cart,
.cart-link,
[href*="/cart"] {
  position: relative;
  transition: all 0.3s ease;
}

.header__icon--cart:hover,
.cart-link:hover {
  animation: cartBounce 0.6s ease;
}

@keyframes cartBounce {
  0%, 100% { transform: scale(1); }
  25% { transform: scale(1.2) rotate(-10deg); }
  75% { transform: scale(1.2) rotate(10deg); }
}

/* أيقونة البحث مع تأثير */
.header__icon--search,
.search-icon,
[href*="/search"] {
  transition: all 0.3s ease;
}

.header__icon--search:hover,
.search-icon:hover {
  transform: scale(1.15);
  filter: drop-shadow(0 0 15px rgba(102, 126, 234, 0.6));
}

.countdown-timer {
  display: flex;
  gap: 15px;
  justify-content: center;
  padding: 20px;
  background: #ff4444;
  border-radius: 10px;
  margin: 20px 0;
}

/* شارة الخصم على المنتجات */
.product-badge-discount {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(0, 0, 0, 0.66);
  color: white;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  z-index: 10;
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.3px;
}
/* للموبايل - حجم أصغر */
@media (max-width: 768px) {
  .product-badge-discount {
    top: 8px;
    left: 8px;
    padding: 5px 9px;
    font-size: 9px;
  }