/* Add custom CSS styles below */ 

/* SECTIONS BANNER*/ 
.s-block.banners-slider+.s-block.banners-slider, .s-block.banners-slider+.s-block.double-banner, .s-block.banners-slider+.s-block.s-block--fixed-banner, .s-block.banners-slider+.s-block.three-banners, .s-block.double-banner+.s-block.banners-slider, .s-block.double-banner+.s-block.double-banner, .s-block.double-banner+.s-block.s-block--fixed-banner, .s-block.double-banner+.s-block.three-banners, .s-block.s-block--fixed-banner+.s-block.double-banner, .s-block.s-block--fixed-banner+.s-block.s-block--fixed-banner, .s-block.s-block--fixed-banner+.s-block.three-banners, .s-block.three-banners+.s-block.banners-slider, .s-block.three-banners+.s-block.double-banner, .s-block.three-banners+.s-block.s-block--fixed-banner, .s-block.three-banners+.s-block.three-banners {
    margin-top: .75rem;
    WIDTH: 468PX;
    MARGIN: 0PX AUTO;
}


/*LATEST PRODUCTS*/
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4 {
    width: 481px;
    margin: 50px auto !important;
}


img.aspect-\[14\/13\].w-full.rounded-2xl.lazy.object-cover.group-hover\:scale-110.duration-400.loaded {
    HEIGHT: 292PX ! IMPORTANT;
    WIDTH: 307PX ! IMPORTANT;
}

:root {
  --bg-primary: #000000 !important;
  --bg-secondary: #000000 !important;
  --header-bg: #000000 !important;
  --footer-bg: #000000 !important;
  --bottom-footer-bg: #000000 !important;
  --bottom-nav-bg: #000000 !important;
  --product-bg: #000000 !important;
}

body.index {
  background-color: #000000 !important;
}





.fixed-banner--7 .banner--fixed img {
  width: 100% !important;
  max-width: 100% !important;
  height: 350px !important;      /* عدّل الرقم ده للطول اللي عايزه */
  object-fit: cover !important;  /* أو contain لو مش عايز تقطيع من الصورة */
}

.fixed-banner--7 .container {
  max-width: 100% !important;  /* لو عايز البانر ياخد عرض أكبر من الكونتينر الافتراضي */
}



.s-block--fixed-banner {
  width: 100% !important;
}

.s-block--fixed-banner .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.s-block--fixed-banner .banner--fixed {
  width: 100% !important;
  display: block !important;
}

.s-block--fixed-banner .banner--fixed img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;  /* أهم سطر - يمنع القص خالص */
  display: block !important;
}


  /* .fixed-banner--2 .banner--fixed img {
  width: 500px !important;   
  max-width: 100% !important; 
  height: auto !important;
  object-fit: contain !important;
} */


section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--2 {
    width: 527px !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4 {
    width: 527px !important;
}


:root {
  --header-text-color: #ffffff !important;
  --store-text-primary: #ffffff !important;
  --store-text-secondary: #ffffff !important;
  --footer-text-color: #ffffff !important;
  --bottom-nav-text-color: #ffffff !important;
  --countdown-color: #ffffff !important;
}

body, p, h1, h2, h3, h4, h5, h6, span, a, li {
  color: #ffffff !important;
}


.store-footer__inner {
    background-color: #E64D51 !important;
}


.store-footer__contacts-row {
  background-color: rgb(230 77 81) !important;

}

@media (max-width: 768px) {
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--2 {
    width: 305px !important;
  }
}

@media (max-width: 768px) {
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4 {
    width: 305px !important;
  }
}



@media (max-width: 768px) {
    img.aspect-\[14\/13\].w-full.rounded-2xl.lazy.object-cover.group-hover\:scale-110.duration-400.loaded {
        width: 308px !important;
        height: 167px !important;
    }
}