/* Add custom CSS styles below */ 
/* =========================================
   VOU — Clean Luxury Style
   بدون التأثير على التصنيفات أو الفوتر
   ========================================= */

:root {
  --vou-bg: #f7f4ee;
  --vou-card: #ffffff;
  --vou-text: #1c1a17;
  --vou-accent: #9a8068;
  --vou-border: #e8e1d8;
}

/* خلفية المتجر */
body {
  background-color: var(--vou-bg) !important;
  color: var(--vou-text) !important;
}

/* -------------------------
   كروت المنتجات فقط
------------------------- */

.s-product-card-entry {
  background: var(--vou-card) !important;
  border: 1px solid var(--vou-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.035) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;
}

/* صورة المنتج */
.s-product-card-entry img {
  transition: transform 0.4s ease !important;
}

.s-product-card-entry:hover img {
  transform: scale(1.02);
}

/* اسم المنتج */
.s-product-card-content-title {
  color: var(--vou-text) !important;
  font-weight: 500 !important;
}

/* السعر */
.s-product-card-price {
  color: var(--vou-accent) !important;
  font-weight: 600 !important;
}

/* -------------------------
   الأزرار الأساسية
------------------------- */

.s-button-primary {
  background: #1c1a17 !important;
  border-color: #1c1a17 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  transition: 0.25s ease !important;
}

.s-button-primary:hover {
  background: #36312b !important;
  border-color: #36312b !important;
}

/* -------------------------
   حقول الإدخال
------------------------- */

input,
textarea,
select {
  border-radius: 12px !important;
}

/* -------------------------
   البنرات
------------------------- */

.banner-entry img {
  border-radius: 16px !important;
}

/* -------------------------
   تحديد النص
------------------------- */

::selection {
  background: #d8c9ba;
  color: #1c1a17;
}

/* -------------------------
   الجوال
------------------------- */

@media (max-width: 768px) {

  .s-product-card-entry {
    border-radius: 12px !important;
  }

  .s-product-card-entry:hover {
    transform: none;
  }
}