@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Ibarra+Real+Nova:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: "Cairo", "Poppins", "Ibarra Real Nova", sans-serif;
}
body#app {
  background-color: white;
}
.banner--fixed img {
  background-color: rgb(255 255 255);
}
/* --------------------------------- 2. أول بانر (الهيرو) --------------------------------- */
/* أول بانر بس من غير مارجن توب وياخد فول ويدث */
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
}
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}
/* الكونتينر داخل البانر ياخد كامل العرض */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100%;
  padding: 0;
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-color: white;
}
@media (min-width: 1024px) {
  .lazy__bg.lazy.bg-no-repeat.entered.loaded {
    height: 600px;
  }
  .banner-entry {
    height: 600px;
  }
}
.footer-is-light .store-footer .store-footer__inner {
   
    background-color: #90B266;
}
/* 🎨 الجريد الأساسي */
.grid.one-row.md\:grid-cols-3 .banner-entry {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  transition: transform 0.5s ease;
}

/* الصورة */
.grid.one-row.md\:grid-cols-3 .banner-entry .lazy__bg {
  border-radius: inherit;
  transition: transform 0.7s ease, filter 0.7s ease;
}

/* ✨ لمعة خفيفة جدًا */
.grid.one-row.md\:grid-cols-3 .banner-entry::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 2;
}

/* 🩵 تأثير الهوفر */
.grid.one-row.md\:grid-cols-3 .banner-entry:hover {
  transform: translateY(-4px);
}

.grid.one-row.md\:grid-cols-3 .banner-entry:hover .lazy__bg {
  transform: scale(1.04);
  filter: brightness(1.05);
}

.grid.one-row.md\:grid-cols-3 .banner-entry:hover::after {
  top: 0;
  opacity: 1;
}
/* توزيع الجريد في الموبايل */
@media (max-width: 767px) {
  .grid.one-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* صفين فوق */
    gap: 10px;
  }

  /* خلي العنصر الأخير في صف لوحده ويتوسّط */
  .grid.one-row .banner-entry:last-child {
    grid-column: 1 / -1;        /* يخليها تاخد عرض الجريد كله */
    justify-self: center;       /* توسيط العنصر */
    width: 70%;                 /* عرض أصغر شوي */
  }
}