body#app {
    background-color: white;
}

.index section.s-block.s-block--fixed-banner.wide-placeholder >.container {
    max-width: 100%;
    padding: 0;
}
/* ✔️ رجّع أول بانر لحجمه الطبيعي داخل two-row */
.s-block--banners .two-row > .banner-entry:first-child {
  grid-column: auto;
  grid-row: auto ;
}

/* بعض القوالب بتكبره على الشاشات الكبيرة — نلغيها برضه */
@media (min-width: 768px) {
  .s-block--banners .two-row > .banner-entry:first-child {
    grid-column: span 1;
    grid-row: span 1 ;
  }
}

/* تأكيد: ما فيش أبعاد مختلفة لأول عنصر */
.s-block--banners .two-row > .banner-entry:first-child {
  width: 100% ;
  margin: 0 ;
}
    .sm\:gap-8 {
        gap: .5rem;
        }
        /* ✅ تغيير خلفية سكشن المنتجات إلى أبيض */
.s-block.s-block--tabs-produtcs.s-block--full-bg {
  background-color: #fff ;
}
a{
background-color: transparent !important;
}

.store-header .inner .container{ 
max-width: 85%;
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1){
margin-top:0;
}
div#mainnav {
    background-color: black;
}
/* ✅ تغيير لون روابط الناف بار إلى ذهبي */
header nav a,
header .nav-link {
  color: #FCCD86  ;
  }
/* ✅ تغيير لون كلمة تخفيضات إلى أحمر */
#offers a,
#offers a span {
  color: #F64747;
}
/* ✅ الحفاظ علي لون الهوفر بعد تغيير اللون navbar */
    .main-menu li>a:hover {
        color: #FCCD86;

    }
/* ✅ أيقونات الحساب والسلة باللون الأبيض + إطار أبيض */
.header-btn__icon,
salla-cart-summary .s-cart-summary-icon,
salla-cart-summary .header-btn__icon {
  color: #FCCD86 ;
  fill: #FCCD86 ;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ✅ العدد + السعر أبيض فقط (من غير إطار) */
salla-cart-summary .s-cart-summary-count,
salla-cart-summary .s-cart-summary-total,
salla-cart-summary .sicon-sar {
  color: #FCCD86 ;
  fill: #FCCD86 ;
  border: none ;
  padding: 0 ;
}
/* ✅ الدائرة الصغيرة فوق السلة */
salla-cart-summary .s-cart-summary-count {
  background-color: #fff ; /* خلفية بيضاء */
  color: #000 ;            /* الرقم بالأسود */
  
}
.navbar-brand img {
    max-height: 5rem;
    }
    
    .main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 5rem;
}
    .sicon-menu {
    color: #FCCD86;
}
@media(max-width:767px){
.index .grid.md\:grid-cols-3 {
    grid-template-columns: 
    repeat(2, minmax(0px, 1fr));
    .banner-entry .lazy__bg {
    border-radius: 5px;}
    

}
.s-products-slider-card {
    max-width: 190px;}
.banner-entry {
    height: 90px;}
    }
/* ✅ الصورة كلها بنفس الحجم */
.s-product-card-image img {
  width: 100%;
  height: 220px;        
   border-radius: 6px;
}

/* ✅ الكارت أوتوماتيك من غير مسافات فاضية */
.s-product-card-entry {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  min-height: 360px;   
  max-height: 400px;
  overflow: hidden;
}

/* ✅ العنوان ما يطولش */
.s-product-card-content-title a {
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
  .s-product-card-entry {
    border: 1px solid;
    img.s-product-card-image-cover.lazy.loaded {
    object-fit: cover;
}
}


.banner-entry .lazy__bg {
  transition: all 0.3s ease-in-out;
  border-radius: 10px;

}

.banner-entry:hover .lazy__bg {
  transform: scale(.95); /* تكبير خفيف */
 
}
/* الجريد داخل نفس الـ section اللي عرضته */
.s-block.s-block--banners.container > .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 .lazy__bg{
  background-size: cover !important;

}
@media(max-width:767px){
  .grid.one-row a:nth-of-type(3) {
    transform: translateX(-50%);   /* يزق العنصر يمين */

  }
}