/* Add custom CSS styles below */ 

/* إخفاء حقل رقم الموديل */
.input-group {
    display: none !important;
}
/* ترتيب الشعار فوق والتصنيفات تحته */

.site-header {
  display: flex !important;
  flex-direction: column !important;
}

.site-header__top {
  order: 1;
}

.site-header__nav {
  order: 2;
  margin-top: 12px;
}
/* إخفاء التصنيفات من مكانها الافتراضي */
.header-categories,
.site-header__menu {
  display: none !important;
}

/* إظهار شريط التصنيفات أسفل الهيدر */
.categories-bar {
  display: block !important;
  margin-top: 10px;
}

 /*يجعل خلفية كل صور المنتجات بيضاء */
.product-card img,
.product-card .product-image-wrapper,
.product-card .product-image {
    background-color: #ffffff !important;
    display: block;
}

/* إضافة حواف بسيطة إذا أحببت */
.product-card img {
    padding: 5px;
    border-radius: 4px;
}

/* خلفية بيضاء لكل صور المنتجات */
.product-card img,
.product-card .product-image-wrapper,
.product-card .product-image {
    background-color: #ffffff !important;
    display: block;
    object-fit: contain; /* يحافظ على نسب الصورة */
}

/* تحسين وضوح الصور قليلًا وإضافة حواف */
.product-card img {
    padding: 5px;       /* مسافة بسيطة داخل الصورة */
    border-radius: 4px; /* حواف مستديرة لطيفة */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* ظل خفيف يبرز الصورة */
}

/* إذا كانت هناك صور مصغرة أو سلايدر */
.swiper-slide img,
.product-thumbnail img {
    background-color: #ffffff !important;
    object-fit: contain;
}

/* خلفية بيضاء لكل صور المنتجات */
.product-card img,
.product-card .product-image-wrapper,
.product-card .product-image {
    background-color: #ffffff !important;
    display: block;
    object-fit: contain; /* يحافظ على نسب الصورة */
  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease; 
    /* فلتر لتحسين وضوح الصورة */
   image-rendering: auto;
    filter: contrast(105%) brightness(105%) saturate(110%);
}

/* تحسين وضوح الصور وإضافة حواف وظل خفيف */
.product-card img {
    padding: 5px;       
    border-radius: 4px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* تأثير تكبير عند المرور على الصورة */
.product-card:hover img {
    transform: scale(1.05); /* تكبير 5% */
   box-shadow: 0 6px 15px rgba(0,0,0,0.2); /* ظل أكبر أثناء التكبير */
  filter: contrast(110%) brightness(110%) saturate(115%);
}

/* صور السلايدر والمصغرات */
swiper-slide img,
.product-thumbnail img {
    background-color: #ffffff !important;
    object-fit: contain;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    image-rendering: auto;
    filter: contrast(105%) brightness(105%) saturate(110%);
}

.swiper-slide:hover img,
.product-thumbnail:hover img {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    filter: contrast(110%) brightness(110%) saturate(115%);
}

/* تنسيقات خاصة بالجوال */
@media (max-width: 768px) {

  /* تقليل المسافات الزائدة */
  .section, .container {
    padding: 10px !important;
  }

  /* تكبير النصوص قليلاً */
  body {
    font-size: 15px;
  }

  /* تكبير أزرار الشراء */
  .btn, .add-to-cart {
    padding: 12px 16px !important;
    font-size: 15px;
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .products-grid .product-card {
    width: 48% !important;
  }
}
@media (max-width: 768px) {
  .hero-banner img {
    max-height: 260px;
    object-fit: cover;
  }
}
/* تصغير البنرات على الجوال */
@media (max-width: 768px) {
  .hero-banner img,
  .slider img,
  .banner img {
    max-height: 220px !important;
    object-fit: cover;
  }
}
/* جعل المنتجات أصغر وتظهر مرتبة */
@media (max-width: 768px) {
  .products-grid .product-card {
    width: 48% !important;
  }

.s-search-input {
    border: 2px solid #ff6f61 !important;
    padding: 8px 15px !important;
    width: 250px !important;
    border-radius: 25px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

.s-search-input:focus {
    border-color: #ff3b2e !important;
    box-shadow: 0 0 10px rgba(255,59,46,0.3) !important;
    outline: none !important;
}
.s-header-search {
    position: relative;
}

.s-header-search input[type="search"] {
    padding-right: 35px !important; /* مساحة للأيقونة */
}

.s-header-search::after {
    content: "🔍";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px;
    color: #ff6f61;
}
  /* تنسيق عام لعناصر التصنيف */
.category {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  margin-bottom: 12px;
  cursor: pointer;
  transition: transform .25s, box-shadow .25s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* تأثير عند المرور */
.category:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  transform: translateY(-3px);
}
/* تأثير hover على منتجات صفحات التصنيف */
.s-products-grid .s-product-card,
.s-products-list .s-product-card {
    transition: background-color 0.3s ease;
}

.s-products-grid .s-product-card:hover,
.s-products-list .s-product-card:hover {
    background-color: #ffffff !important;
}

 #top-shipping-bar {
background-color: #555555; /* رمادي متوسط */
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 10px;
  width: 100%;
  z-index: 9999;
   
} 
  /* إطار متحرك حول بطاقة المنتج عند المرور بالماوس */
.s-product-card-entry {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}