/* تأثير ناعم عند تمرير الماوس على المنتجات */
.product-card:hover {
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
  box-shadow: 0 8px 16px rgba(139, 106, 60, 0.2);
}

/* تعديل عنوان الأقسام */
.section-title {
  color: #3B2F2F;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 20px;
}

/* تعديل أزرار "صمم كوبك بنفسك" */
.btn, .button {
  background-color: #8B6A3C !important;
  color: #fff !important;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

.btn:hover, .button:hover {
  background-color: #3B2F2F !important;
  color: #fff !important;
}

/* تنسيق أسعار المنتجات */
.price {
  color: #142C2E;
  font-weight: bold;
  font-size: 18px;
}

/* تحسين ظهور العناوين الطويلة */
.product-card .truncate {
  white-space: normal;
  overflow: visible;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* نص الحقوق في الفوتر */
footer::after {
  content: "جميع الحقوق محفوظة لـ نكهة ولمسة © 2025";
  display: block;
  text-align: center;
  color: #3B2F2F;
  font-family: 'Tajawal', sans-serif;
  font-size: 14px;
  margin-top: 20px;
}

/* تحميل خطوط المزخرفة */
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');

/* تطبيق الخطوط المزخرفة */
h1, h2, h3, .section-title {
  font-family: 'El Messiri', sans-serif !important;
  letter-spacing: 0.5px;
}

h1, h2, h3, h4, h5, h6,
.section-header__title,
.card__title,
.collection-title,
.product__title,
.title-wrapper__title,
.title,
.main-page-title,
.page-title {
  font-family: 'Tajawal', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
}

/* خلفية بيج شفافة ثابتة */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(247, 245, 240, 0.6);
  z-index: -1;
}

/* تنسيق القائمة الرئيسية بخط ورموز وتأثير */
.header-menu .nav-item > a {
  font-family: 'Amiri', serif;
  font-weight: 700;
  font-size: 18px;
  color: #3B2F2F;
  padding: 12px 18px;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  animation: fadeInNav 1s ease forwards;
}

.header-menu .nav-item:nth-child(1) > a::before { content: "🖌️"; }
.header-menu .nav-item:nth-child(2) > a::before { content: "🔥"; }
.header-menu .nav-item:nth-child(3) > a::before { content: "🏺"; }
.header-menu .nav-item:nth-child(4) > a::before { content: "🎁"; }
.header-menu .nav-item:nth-child(5) > a::before { content: "☕"; }
.header-menu .nav-item:nth-child(6) > a::before { content: "🍫"; }
.header-menu .nav-item:nth-child(7) > a::before { content: "🍵"; }

.header-menu .nav-item > a:hover {
  color: #8B6A3C;
  background-color: rgba(139, 106, 60, 0.07);
  border-radius: 10px;
}

/* ترتيب أفقي للقائمة */
.header-menu .nav {
  display: flex;
  justify-conte
/* خلفية القائمة الجانبية */
.collection-sidebar {
  background-color: rgba(247, 245, 240, 0.5); /* بيج ناعم شفاف */
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

/* عنوان قسم التصنيفات */
.collection-sidebar h3,
.sidebar__title {
  font-family: 'El Messiri', sans-serif;
  font-size: 20px;
  color: #3B2F2F; /* بني */
  border-bottom: 2px solid #8B6A3C;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/* قائمة التصنيفات الجانبية */
.collection-sidebar ul,
.sidebar__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.collection-sidebar li,
.sidebar__item {
  margin-bottom: 12px;
}

.collection-sidebar li a,
.sidebar__link {
  color: #142C2E; /* أخضر زيتي */
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
}

.collection-sidebar li a:hover,
.sidebar__link:hover {
  background-color: rgba(139, 106, 60, 0.1); /* ظل ذهبي ناعم */
  color: #8B6A3C;
  transform: translateX(4px);
}