:root {
  --nu-green: #06382b;
  --nu-dark: #002d22;
  --nu-gold: #ba9360;
  --nu-cream: #f6f3ed;
}

html,
body,
#app,
.app-inner,
#main-content {
  background: var(--nu-cream) !important;
}

body {
  overflow-x: hidden !important;
  color: var(--nu-green) !important;
}

/* الترويسة */
.top-navbar,
#mainnav,
#mainnav .inner,
.main-nav-container,
.store-header {
  background: var(--nu-dark) !important;
  box-shadow: none !important;
}

#mainnav {
  min-height: 84px !important;
}

#mainnav a,
#mainnav button,
#mainnav i,
#mainnav span,
.top-navbar a,
.top-navbar span {
  color: #f4eee0 !important;
}

#mainnav [data-testid="store-header-logo"] img {
  display: block !important;
  width: auto !important;
  height: 72px !important;
  max-width: 88px !important;
  object-fit: contain !important;
}

.store-header .s-search-input-wrapper,
.store-header .s-search-placeholder-wrapper {
  background: rgba(255, 255, 255, .13) !important;
  border: 1px solid rgba(239, 222, 194, .5) !important;
  border-radius: 999px !important;
}

.store-header .s-search-input,
.store-header input {
  color: #fff !important;
}

.store-header input::placeholder {
  color: #dedbd3 !important;
}

@media (min-width: 1024px) {
  #mainnav custom-main-menu .main-menu > li.root-level {
    display: none !important;
  }

  #mainnav [data-testid="store-header-mobile-toggle"] {
    display: flex !important;
  }
}

/* البنر الرئيسي */
body.index #main-content section[component-id="2004873290"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--nu-cream) !important;
}

body.index #main-content section[component-id="2004873290"] .swiper,
body.index #main-content section[component-id="2004873290"] .swiper-wrapper {
  height: auto !important;
}

body.index #main-content section[component-id="2004873290"] .swiper-slide {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1902 / 827 !important;
  background: var(--nu-cream) !important;
}

body.index #main-content section[component-id="2004873290"] .swiper-slide > div:first-child {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.index #main-content section[component-id="2004873290"] .swiper-slide > div.overlay-bg::before,
body.index #main-content section[component-id="2004873290"] .swiper-slide > div.overlay-bg::after,
body.index #main-content section[component-id="2004873290"] .s-slider-nav-arrow,
body.index #main-content section[component-id="2004873290"] .s-slider-block__title-nav {
  display: none !important;
}

body.index #main-content section[component-id="2004873290"] .swiper-slide > div.overlay-bg {
  filter: none !important;
}

body.index #main-content section[component-id="2004873290"] .home-slider__content {
  pointer-events: none !important;
}

/* أقسام الصور الموجودة في سلة */
body.index #main-content section[component-id="387539096"],
body.index #main-content section[component-id="9970175"],
body.index #main-content section[component-id="2081894600"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: var(--nu-cream) !important;
}

/* الصور الخمس تحت البنر */
body.index #main-content section[component-id="387539096"] {
  padding: 16px clamp(10px, 3vw, 42px) !important;
}

body.index #main-content section[component-id="387539096"] .square-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(9px, 1.4vw, 18px) !important;
  max-width: none !important;
}

/* شريط نواة */
.nu-shipping {
  margin: 6px clamp(10px, 3vw, 42px) 20px;
  padding: 11px 18px;
  border-radius: 999px;
  background: var(--nu-dark);
  color: #f2e7d4;
  text-align: center;
  direction: rtl;
  font-size: clamp(13px, 1.6vw, 20px);
  font-weight: 800;
}

.nu-shipping__mark {
  color: var(--nu-gold);
  margin-inline: clamp(6px, 2vw, 25px);
}

/* عناوين المجموعات */
.nu-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(9px, 2vw, 25px);
  margin: 0 auto clamp(12px, 2vw, 25px);
  text-align: center;
  direction: rtl;
}

.nu-title::before,
.nu-title::after {
  content: "";
  width: min(16vw, 170px);
  height: 1px;
  background: var(--nu-gold);
}

.nu-title h2 {
  margin: 0;
  color: var(--nu-dark);
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 800;
  white-space: nowrap;
}

/* أقسام المتجر: أربع صور */
body.index #main-content section[component-id="9970175"],
body.index #main-content section[component-id="2081894600"] {
  padding: 18px clamp(10px, 3vw, 42px) !important;
}

body.index #main-content section[component-id="9970175"] .square-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(9px, 1.5vw, 20px) !important;
  max-width: none !important;
}

/* أصناف التمور: خمس صور في القسم نفسه */
body.index #main-content section[component-id="2081894600"] .square-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(9px, 1.5vw, 20px) !important;
  max-width: none !important;
}

/* بطاقات صور العروض والتمور: دون قص */
body.index #main-content section[component-id="387539096"] .banner-entry,
body.index #main-content section[component-id="2081894600"] .banner-entry {
  position: relative !important;
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: transparent !important;
}

/* بطاقة القسم: الصورة ثم اسم القسم */
body.index #main-content section[component-id="9970175"] .banner-entry {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: transparent !important;
}

body.index #main-content .banner-entry .nu-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  flex: none !important;
}

body.index #main-content .banner-entry.nu-has-image .lazy__bg {
  display: none !important;
}

/* مسميات أقسام المتجر فقط */
body.index #main-content section[component-id="9970175"] .nu-category-label {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 8px clamp(12px, 2vw, 24px);
  background: var(--nu-dark);
  color: #fff;
  direction: rtl;
  text-align: start;
  font-size: clamp(13px, 1.6vw, 21px);
  font-weight: 800;
}

/* أصناف التمور: الصورة فقط */
body.index #main-content section[component-id="2081894600"] .nu-card-label {
  display: none !important;
}

/* المزايا */
.nu-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 26px clamp(12px, 4vw, 60px) 34px;
  background: var(--nu-cream);
  direction: rtl;
  text-align: center;
  color: var(--nu-dark);
}

.nu-feature {
  padding: 7px 10px;
  border-inline-end: 1px solid #d8c9b2;
}

.nu-feature:last-child {
  border: 0;
}

.nu-feature span,
.nu-feature strong,
.nu-feature small {
  display: block;
}

.nu-feature span {
  margin-bottom: 5px;
  color: var(--nu-gold);
  font-size: 24px;
}

.nu-feature small {
  margin-top: 5px;
}

/* التذييل */
.store-footer,
.store-footer__inner,
footer[data-testid="store-footer"] {
  background: var(--nu-dark) !important;
  color: #f6f3ed !important;
}

.store-footer a,
.store-footer p,
.store-footer span {
  color: #f6f3ed !important;
}

/* مقدمة الشعار عند كل تحديث */
#nuwaa-intro {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--nu-dark);
  opacity: 1;
  visibility: visible;
  transition: opacity .65s ease, visibility .65s ease;
}

#nuwaa-intro.nuwaa-intro--hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#nuwaa-intro .nuwaa-intro__background {
  position: absolute;
  inset: -35px;
  background-color: var(--nu-green);
  background-image:
    radial-gradient(circle at 30% 75%, rgba(186, 147, 96, .35), transparent 32%),
    radial-gradient(circle at 78% 30%, rgba(39, 92, 65, .55), transparent 40%);
  background-size: cover;
  background-position: center;
  filter: blur(20px) brightness(.43);
  transform: scale(1.08);
}

#nuwaa-intro .nuwaa-intro__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 24px;
  text-align: center;
  animation: nuwaa-intro-enter .8s ease both;
}

#nuwaa-intro .nuwaa-intro__logo {
  display: block;
  width: clamp(130px, 18vw, 205px);
  height: auto;
  max-height: 205px;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 14px 25px rgba(0, 0, 0, .35));
}

#nuwaa-intro .nuwaa-intro__line {
  width: 72px;
  height: 2px;
  overflow: hidden;
  background: rgba(186, 147, 96, .3);
  border-radius: 5px;
}

#nuwaa-intro .nuwaa-intro__line::after {
  content: "";
  display: block;
  width: 40%;
  height: 100%;
  background: #d6b77e;
  border-radius: inherit;
  animation: nuwaa-intro-loading 1s ease-in-out infinite alternate;
}

@keyframes nuwaa-intro-enter {
  from { opacity: 0; transform: translateY(12px) scale(.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes nuwaa-intro-loading {
  from { transform: translateX(0); }
  to { transform: translateX(150%); }
}

@media (prefers-reduced-motion: reduce) {
  #nuwaa-intro .nuwaa-intro__content,
  #nuwaa-intro .nuwaa-intro__line::after {
    animation: none;
  }
}

/* الهاتف */
@media (max-width: 767px) {
  #mainnav {
    height: 66px !important;
    min-height: 66px !important;
  }

  #mainnav [data-testid="store-header-logo"] img {
    height: 59px !important;
    max-width: 70px !important;
  }

  body.index #main-content section[component-id="387539096"],
  body.index #main-content section[component-id="9970175"],
  body.index #main-content section[component-id="2081894600"] {
    padding-inline: 8px !important;
  }

  body.index #main-content section[component-id="387539096"] .square-photos-grid,
  body.index #main-content section[component-id="9970175"] .square-photos-grid,
  body.index #main-content section[component-id="2081894600"] .square-photos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.index #main-content section[component-id="9970175"] .nu-category-label {
    min-height: 40px;
    padding: 7px 10px;
    font-size: clamp(11px, 3vw, 15px);
  }

  .nu-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 0;
  }

  .nu-feature:nth-child(2) {
    border: 0;
  }
}





/* العروض والتمور: خمس صور في صف على الكمبيوتر */
body.index #main-content section[component-id="387539096"] .square-photos-grid,
body.index #main-content section[component-id="2081894600"] .square-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  gap: 12px !important;
  height: auto !important;
  align-items: start !important;
  overflow: visible !important;
}

/* البطاقة تأخذ ارتفاع الصورة الفعلي، فلا تغطي القسم التالي */
body.index #main-content section[component-id="387539096"] .banner-entry,
body.index #main-content section[component-id="2081894600"] .banner-entry {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(0, 45, 34, .09) !important;
}

/* مهم: height:auto بدل 100% لمنع تداخل المزايا مع الصور */
body.index #main-content section[component-id="387539096"] .banner-entry .nu-image,
body.index #main-content section[component-id="2081894600"] .banner-entry .nu-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* تأكيد ظهور المزايا بعد انتهاء قسم الصور */
body.index #main-content section[component-id="2081894600"] {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.index #main-content .nu-features {
  position: relative !important;
  display: grid !important;
  clear: both !important;
  margin-top: 16px !important;
  z-index: 1 !important;
}

/* حركة خفيفة عند مرور الماوس */
body.index #main-content section[component-id="387539096"] .banner-entry,
body.index #main-content section[component-id="2081894600"] .banner-entry {
  transition: transform .35s ease, box-shadow .35s ease !important;
}

@media (hover: hover) {
  body.index #main-content section[component-id="387539096"] .banner-entry:hover,
  body.index #main-content section[component-id="2081894600"] .banner-entry:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 30px rgba(0, 45, 34, .17) !important;
  }
}

/* الهاتف: 3 صور ثم صورتان */
@media (max-width: 767px) {
  body.index #main-content section[component-id="387539096"] .square-photos-grid,
  body.index #main-content section[component-id="2081894600"] .square-photos-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry,
  body.index #main-content section[component-id="2081894600"] .banner-entry {
    grid-column: span 2 !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(4),
  body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(5),
  body.index #main-content section[component-id="2081894600"] .banner-entry:nth-child(4),
  body.index #main-content section[component-id="2081894600"] .banner-entry:nth-child(5) {
    grid-column: span 3 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index #main-content .banner-entry {
    transition: none !important;
  }
}


/* حركة البطاقات واللمعة */
body.index #main-content section[component-id="387539096"] .banner-entry,
body.index #main-content section[component-id="9970175"] .banner-entry,
body.index #main-content section[component-id="2081894600"] .banner-entry {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform .4s ease,
    box-shadow .4s ease !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry .nu-image,
body.index #main-content section[component-id="9970175"] .banner-entry .nu-image,
body.index #main-content section[component-id="2081894600"] .banner-entry .nu-image {
  transition: transform .55s ease !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry::after,
body.index #main-content section[component-id="9970175"] .banner-entry::after,
body.index #main-content section[component-id="2081894600"] .banner-entry::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 240, 190, .26) 50%,
    transparent 70%
  );
  transform: translateX(140%);
  transition: transform .75s ease;
}

@media (hover: hover) {
  body.index #main-content section[component-id="387539096"] .banner-entry:hover,
  body.index #main-content section[component-id="9970175"] .banner-entry:hover,
  body.index #main-content section[component-id="2081894600"] .banner-entry:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 32px rgba(0, 45, 34, .19) !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry:hover .nu-image,
  body.index #main-content section[component-id="9970175"] .banner-entry:hover .nu-image,
  body.index #main-content section[component-id="2081894600"] .banner-entry:hover .nu-image {
    transform: scale(1.025);
  }

  body.index #main-content section[component-id="387539096"] .banner-entry:hover::after,
  body.index #main-content section[component-id="9970175"] .banner-entry:hover::after,
  body.index #main-content section[component-id="2081894600"] .banner-entry:hover::after {
    transform: translateX(-140%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index #main-content .banner-entry,
  body.index #main-content .banner-entry .nu-image,
  body.index #main-content .banner-entry::after {
    transition: none !important;
  }
}



#nuwaa-intro .nuwaa-intro__logo {
  border-radius: 24% !important;
  clip-path: inset(0 round 24%) !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .35)) !important;
}




@media (min-width: 1024px) {
  #mainnav [data-testid="store-header-mobile-toggle"] {
    display: none !important;
  }
}







/* مقدمة شفافة موحدة فوق أي صفحة */
#nuwaa-intro {
  background: rgba(0, 35, 27, .42) !important;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
}

#nuwaa-intro .nuwaa-intro__background {
  inset: 0 !important;
  background: linear-gradient(
    145deg,
    rgba(0, 45, 34, .22),
    rgba(0, 25, 20, .54)
  ) !important;
  filter: none !important;
  transform: none !important;
}

/* الشعار نفسه بحواف منحنية */
#nuwaa-intro .nuwaa-intro__logo {
  border-radius: 24% !important;
  clip-path: inset(0 round 24%) !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
}




/* الرئيسية: مقدمة البنر المموّهة السابقة */
body.index #nuwaa-intro {
  background: #002d22 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.index #nuwaa-intro .nuwaa-intro__background {
  inset: -35px !important;
  background-size: cover !important;
  background-position: center !important;
  filter: blur(20px) brightness(.43) !important;
  transform: scale(1.08) !important;
}









/* عروض الموسم: تكبير الكروت الخمسة فقط */
body.index #main-content section[component-id="387539096"] {
  padding: 28px 6px 36px !important;
}

body.index #main-content section[component-id="387539096"] .square-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  gap: 8px !important;
  align-items: start !important;
}

/* إطار ذهبي وظلال ناعمة */
body.index #main-content section[component-id="387539096"] .banner-entry {
  box-sizing: border-box !important;
  height: auto !important;
  padding: 3px !important;
  border: 1px solid rgba(186, 147, 96, .65) !important;
  border-radius: 18px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow:
    0 12px 28px rgba(0, 45, 34, .13),
    0 2px 5px rgba(0, 45, 34, .05) !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
}

/* الصورة كاملة */
body.index #main-content section[component-id="387539096"] .banner-entry .nu-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 13px !important;
  object-fit: contain !important;
  transform: none !important;
}

/* عنوان عروض الموسم */
body.index #main-content section[component-id="387539096"] .nu-title {
  margin-bottom: 24px !important;
}

body.index #main-content section[component-id="387539096"] .nu-title h2 {
  font-size: clamp(26px, 3vw, 40px) !important;
}

body.index #main-content section[component-id="387539096"] .nu-title::before,
body.index #main-content section[component-id="387539096"] .nu-title::after {
  background: linear-gradient(
    90deg,
    transparent,
    var(--nu-gold),
    transparent
  ) !important;
}

/* ارتفاع خفيف ولمعة عند مرور الماوس */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.index #main-content section[component-id="387539096"] .banner-entry:hover {
    transform: translateY(-7px) !important;
    box-shadow:
      0 20px 36px rgba(0, 45, 34, .19),
      0 0 22px rgba(186, 147, 96, .22) !important;
  }
}

/* الهاتف: ثلاث كروت ثم كرتان */
@media (max-width: 767px) {
  body.index #main-content section[component-id="387539096"] {
    padding: 20px 4px 28px !important;
  }

  body.index #main-content section[component-id="387539096"] .square-photos-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry {
    grid-column: span 2 !important;
    padding: 2px !important;
    border-radius: 12px !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(4),
  body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(5) {
    grid-column: span 3 !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry .nu-image {
    border-radius: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index #main-content section[component-id="387539096"] .banner-entry,
  body.index #main-content section[component-id="387539096"] .banner-entry::after {
    transition: none !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry:hover {
    transform: none !important;
  }
}







/* ترتيب مميز للكروت الخمسة في عروض الموسم فقط */
body.index #main-content section[component-id="387539096"] {
  padding: 28px clamp(8px, 2vw, 30px) 40px !important;
}

body.index #main-content section[component-id="387539096"] .square-photos-grid {
  display: grid !important;
  direction: rtl !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-areas:
    "first third third second"
    "fourth fourth fifth fifth" !important;
  gap: clamp(12px, 1.8vw, 24px) !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  align-items: center !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 4px !important;
  border: 1px solid rgba(186, 147, 96, .6) !important;
  border-radius: 20px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 12px 28px rgba(0, 45, 34, .12) !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(1) {
  grid-area: first !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(2) {
  grid-area: second !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(3) {
  grid-area: third !important;
  padding: 6px !important;
  border: 2px solid var(--nu-gold) !important;
  border-radius: 24px !important;
  box-shadow:
    0 20px 42px rgba(0, 45, 34, .18),
    0 0 24px rgba(186, 147, 96, .16) !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(4) {
  grid-area: fourth !important;
}

body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(5) {
  grid-area: fifth !important;
}

/* الصور كاملة دون قص */
body.index #main-content section[component-id="387539096"] .banner-entry .nu-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  border-radius: 15px !important;
  transform: none !important;
}

/* الهاتف: كرتان، ثم الثالث كبير، ثم كرتان */
@media (max-width: 767px) {
  body.index #main-content section[component-id="387539096"] {
    padding: 20px 8px 30px !important;
  }

  body.index #main-content section[component-id="387539096"] .square-photos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "first second"
      "third third"
      "fourth fifth" !important;
    gap: 12px !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry {
    padding: 3px !important;
    border-radius: 16px !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry:nth-child(3) {
    padding: 5px !important;
    border-radius: 20px !important;
  }

  body.index #main-content section[component-id="387539096"] .banner-entry .nu-image {
    border-radius: 12px !important;
  }
}