@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Cairo:wght@200..1000&display=swap');

body {
  font-family: "Cairo", "Alexandria", sans-serif !important;
}
.inner.bg-inherit {
     background-color: #F5A5C2 !important; 
}
nav#mobile-menu {
color : white ; 
} 
body {
  background-color: white;
}
.banner--fixed img {
  background-color: rgb(255 255 255);
}

section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
}

/* الكونتينر داخل البانر ياخد كامل العرض */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100%;
  padding: 0;
}
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-color: white;
}
.s-block--banners .grid.two-row {
    display: grid;                         /* تفعيل شبكة العرض */
    grid-template-columns: repeat(5, 1fr); /* 4 أعمدة متساوية */
    gap:1px ;                       /* مسافة بين العناصر */
}
/* الكارد */
.s-products-slider-card custom-salla-product-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* عند الوقوف بالماوس */
.s-products-slider-card custom-salla-product-card:hover {
  transform: translateY(-8px); /* يتحرك لفوق */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* ظل ناعم */
}

/* لمعة متحركة */
.s-products-slider-card custom-salla-product-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.1) 100%
  );
  transform: skewX(-25deg);
}

/* تشغيل اللمعة عند الهوفر */
.s-products-slider-card custom-salla-product-card:hover::after {
  left: 125%;
  transition: left 0.7s ease;
}
/* تجهيز البانر */
.grid .banner-entry {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  border-radius: 10px; /* نعومة للحواف */
}

/* حركة عند الهوفر */
.grid .banner-entry:hover {
  transform: scale(1.05); /* يكبر شوية */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* لمعة متحركة */
.grid .banner-entry::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.05) 100%
  );
  transform: skewX(-25deg);
}

/* تشغيل اللمعة عند الهوفر */
.grid .banner-entry:hover::after {
  left: 125%;
  transition: left 0.7s ease;
}
@media (max-width: 767px) {
  .banner-entry {
   background-size: contain;
    height: 200px;
    background-color: white;
  }
}
@media(max-width:767px){
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
}
.main-nav-container {
    min-height: 56px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
}
}
@media (max-width: 767px) {
  #custom-banners .grid {
    display: flex;
    flex-direction: column;
  }

  #custom-banners .banner-entry:nth-child(3) {
    order: -1; /* تخليها تطلع الأول */
  }
}
@media (max-width: 767px) {
  .grid.one-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* عمودين */
    gap: 0.5rem !important;
  }

  /* العنصر التالت ينزل ياخد الصف كله */
  .grid.one-row .banner-entry:nth-child(3) {
    grid-column: 1 / 3 !important; /* ياخد العمودين */
    justify-self: center; /* يفضل في النص */
    width: 100%; /* ممكن تتحكم في العرض هنا */
  }

  .grid.one-row .banner-entry {
    height: 150px; /* ارتفاع مناسب للموبايل */
}



.banner--fixed img {
   
    height: 220px;
}

}