/* Add custom CSS styles below */ 
.brand-card img {
  display: block;
  margin: 0 auto;
}

.brand-name {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-top: 6px;
  font-family: 'Cairo', sans-serif;
}
/* ===========================
   Celia – Luxury Perfume Theme (Light Product Cards, No Black)
   =========================== */

/* 1) لوحة الألوان والمتغيرات العامة */
:root {
  --lux-bg: #f7f7f9;               
  --lux-surface: #ffffff;          
  --lux-soft: #f5f5f7;             
  --lux-text: #222;                
  --lux-muted: #666;               
  --lux-border: #e1e1e6;           

  /* ذهبي فاخر */
  --lux-gold: #c9a24b;
  --lux-gold-2: #e8c36a;
  --lux-gold-3: #9d7b31;
  --lux-gold-grad: linear-gradient(135deg, var(--lux-gold), var(--lux-gold-2));

  /* ظلال */
  --lux-shadow: 0 6px 18px rgba(0,0,0,.08);
  --lux-glow: 0 0 0 1px rgba(201,162,75,.25), 0 4px 14px rgba(201,162,75,.18);

  /* ألوان خاصة ببطاقة المنتجات الفاتحة */
  --card-bg: #ffffff;
  --card-bg-soft: #faf9f6;
  --card-border: #e6e6e6;
  --card-border-hover: #d4b56f;
  --card-text: #222;
  --card-muted: #666;
  --card-price: #b08c3e;
}

/* 2) أساسيات الصفحة */
html[dir="rtl"] body,
body {
  background: radial-gradient(1200px 600px at 50% -10%, #ffffff 0%, var(--lux-bg) 45%, #f2f2f4 100%) fixed;
  color: var(--lux-text);
}
a { color: var(--lux-gold-2); }
a:hover { color: var(--lux-gold); }
.container, .container-fluid { max-width: 1320px; }

/* 3) الهيدر والنافبار */
.header, .site-header, .navbar, .main-header {
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--lux-border);
}
.navbar .nav-link, .main-nav a, .menu a {
  color: var(--lux-muted);
}
.navbar .nav-link:hover, .main-nav a:hover { color: var(--lux-gold-2); }

/* 5) بطاقات المنتجات */
.product-card, .product-item, .product-grid-item, .product {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 18px;
  box-shadow: var(--lux-shadow);
  color: var(--card-text);
}

/* باقي الأكواد تبقى نفسها لكن أي خلفية/حدود كانت داكنة صارت ألوان فاتحة */

.toast, .alert, .modal-content {
  background: #ffffff !important;
  color: var(--lux-text) !important;
  border: 1px solid var(--lux-border) !important;
}

.mini-cart, .cart-drawer, .offcanvas-cart {
  background: linear-gradient(180deg, #ffffff, #fafafa);
  border-inline-start: 1px solid var(--lux-border);
  box-shadow: var(--lux-shadow);
}

.footer, .site-footer {
  background: #f9f9fb;
  border-top: 1px solid var(--lux-border);
}

.policy, .shipping-table, .returns-box {
  background: #ffffff;
  border: 1px solid var(--lux-border);
}