/* ================================
   Ikleel – Optimized CSS
   - ضع كود الخط في Head (أفضل) واحذف @import من هنا
================================ */

/* ألوان وهوية */
:root{
  --page-bg:#F5F0E6;     /* بيج فاتح */
  --card-bg:#FFFBF3;     /* أوف وايت دافئ */
  --ink:#333;
  --muted:#666;
  --dark:#444;
  --dark-2:#333;

  --radius:14px;
  --radius-lg:19px;
  --shadow:0 6px 16px rgba(0,0,0,.06); /* أخف وأسرع */
  --border:1px solid rgba(0,0,0,.06);
}

/* أساسيات */
body{
  font-family:"El Messiri", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  background:var(--page-bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
  margin:0;
  padding:0;

  scrollbar-width:thin;
  scrollbar-color:var(--muted) #e0e0e0;
}

/* WebKit Scrollbar */
body::-webkit-scrollbar{ width:12px; }
body::-webkit-scrollbar-track{ background:#e0e0e0; border-radius:7px; }
body::-webkit-scrollbar-thumb{ background:var(--muted); border-radius:7px; }
body::-webkit-scrollbar-thumb:hover{ background:#444; }

/* شعار المتجر */
.navbar-brand img{
  border-radius:50%;
  max-width:100px;
}

/* شريط التنقل */
.main-nav-container.bg-white{
  background-color:var(--page-bg);
  box-shadow:none;
}
.main-nav-container.fixed-header .inner{ width:94%; }

.main-menu li > a:hover,
.header-btn__icon,
.s-cart-summary-total,
.main-menu > li > a[href*=offer],
.sicon-menu{
  color:#ddd;
}

/* أقسام */
.bg-inherit{
  background:var(--dark);
  color:#fff;
  margin:7px auto;
  border-radius:var(--radius-lg);
  box-shadow:0 3px 5px rgba(0,0,0,.25);
  width:94%;
  padding:10px;
  box-sizing:border-box;
}

/* الشريط العلوي */
.top-navbar{
  background:var(--dark-2);
  color:#fff;
  padding:10px;
}
.top-navbar .s-search-input{
  box-shadow:0 1px 2px rgba(0,0,0,.3);
  border:1px solid #555;
  border-radius:12px;
  width:100%;
  padding:8px 12px;
  font-size:14px;
}
.top-navbar .s-search-input::placeholder{ color:#999; }
.s-search-icon svg{ fill:#fff; }

/* العناوين */
.s-slider-block__title h2,
.s-block__title h2{
  border-right:5px solid var(--muted);
  padding:5px 0 0 5px;
  color:#222;
  font-size:18px;
}

/* أزرار السلايدر */
.s-slider-nav-arrow{
  background:var(--dark);
  width:2.39rem;
  height:2.39rem;
}
.s-slider-nav-arrow svg{ width:24px; fill:#fff; }

/* زر عرض الكل */
.s-block__display-all i{
  background:#555;
  border:1px solid #777;
  border-radius:50%;
  padding:5px;
  color:#fff;
}

/* ================================
   Product Cards – أخف + أوف وايت دافئ
================================ */

/* الكرت */
.s-product-card,
.product-card,
.s-product,
salla-product-card{
  border-radius:var(--radius) !important;
  overflow:hidden !important;
  border:var(--border) !important;
  box-shadow:var(--shadow) !important;
  background:var(--card-bg) !important;
}

/* محتوى الكرت */
.s-product-card__content,
.product-card__content,
.s-product-card .s-product-card-content,
salla-product-card .content,
salla-product-card .s-product-card__content{
  padding:10px 12px !important;
}

/* صورة المنتج: خلي الاستهداف أدق (بدل ما نمسك كل img) */
.s-product-card__image,
.product-card__image{
  background:var(--card-bg) !important;
}
.s-product-card__image img,
.product-card__image img{
  aspect-ratio:1/1;
  object-fit:contain !important;
  padding:10px !important;
  background:var(--card-bg) !important;
  width:100%;
  height:auto;
}

/* اسم المنتج: سطرين */
.s-product-card__name,
.product-card__name,
.s-product-card .product-title,
salla-product-card .product-title,
salla-product-card .s-product-card__name{
  font-size:13px !important;
  line-height:1.35 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:2.7em !important;
}

/* إخفاء إضافات تطوّل الكرت */
.s-product-card__subtitle,
.s-product-card__description,
.product-card__subtitle,
.product-card__description,
salla-product-card .subtitle,
salla-product-card .description{
  display:none !important;
}

/* السعر */
.s-product-card__price,
.product-card__price,
.price,
salla-product-card .product-price{
  font-size:13px !important;
  font-weight:700 !important;
  margin-top:6px !important;
}

/* زر الإضافة */
.s-product-card .btn,
.product-card .btn,
.s-product-card__btn,
salla-product-card button,
salla-product-card .btn{
  border-radius:12px !important;
  padding:8px 10px !important;
  font-size:13px !important;
  width:100% !important;
}

/* المفضلة */
.s-product-card__wishlist,
.wishlist,
salla-product-card .wishlist{
  transform:scale(.9);
}

/* هوفر خفيف (لا يشتغل على الجوال غالبًا) */
@media (hover:hover){
  .s-product-card:hover,
  .product-card:hover,
  salla-product-card:hover{
    transform:translateY(-2px);
    transition:.2s ease;
  }
}

/* ================================
   Responsive – الجوال
================================ */
@media (max-width:768px){
  body{ font-size:15px; }
  .navbar-brand img{ max-width:80px; }

  .main-nav-container.fixed-header .inner{
    width:100%;
    padding:0 10px;
  }
  .bg-inherit{
    width:100%;
    margin:10px 0;
    padding:10px;
  }

  .top-navbar{ padding:8px; }
  .top-navbar .s-search-input{
    font-size:13px;
    padding:6px 10px;
  }

  .s-slider-block__title h2,
  .s-block__title h2{ font-size:16px; }

  .s-slider-nav-arrow{ width:2rem; height:2rem; }
  .s-slider-nav-arrow svg{ width:20px; }

  .main-menu{ font-size:14px; }
  .s-block__display-all i{ padding:4px; }
}

/* Grid اختياري */
@media (min-width:1200px){
  .products-grid,
  .s-products-grid,
  salla-products-list .products-grid,
  salla-products-list .s-products-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)) !important;
    gap:14px !important;
  }
}
@media (max-width:768px){
  .products-grid,
  .s-products-grid,
  salla-products-list .products-grid,
  salla-products-list .s-products-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }
}