/* Banner full width without white gaps */
img[src*="4fe4eaf"] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* Remove white padding around banner parent */
div:has(> a img[src*="4fe4eaf"]),
div:has(img[src*="4fe4eaf"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

/* لو البانر داخل container */
.container:has(img[src*="4fe4eaf"]),
.container-fluid:has(img[src*="4fe4eaf"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body[data-template="home"],
body[data-template="home"] .app,
body[data-template="home"] .main,
body[data-template="home"] .home,
body[data-template="home"] .app-content,
body[data-template="home"] .app-content-padded {
  background-color: #faf8f3 !important;
}

.gallery-section.section-padding-space {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.gallery-section .gallery.row {
  margin-bottom: 0 !important;
}

.gallery-section .gallery-item {
  height: auto !important;
}


/* Banner full width without white gaps - second image */
img[src*="37d0f3b-b8e8-466a-9745-1baa8e770d43"] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove white padding around second banner parent */
div:has(> a img[src*="2f5e031a-9d77-45f7-9dc6-7100d997070c"]),
div:has(img[src*="2f5e031a-9d77-45f7-9dc6-7100d997070c"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

/* Remove white padding around banner parent - new image */
div:has(> a img[src*="637d0f3b-b8e8-466a-9745-1baa8e770d43"]),
div:has(img[src*="637d0f3b-b8e8-466a-9745-1baa8e770d43"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}


/* Hide product SKU from all product pages */
.product-sku,
.div-product-sku,
div.product-sku {
  display: none !important;
}

/* Capitalize menu words */
.main-nav a,
.main-nav a span {
  text-transform: capitalize !important;
}




/* Remove white padding around banner parent - new image */
div:has(> a img[src*="f3406b94-719c-4e1a-8158-45f2d8bc909c"]),
div:has(img[src*="f3406b94-719c-4e1a-8158-45f2d8bc909c"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

/* Remove white padding around this banner parent */
div:has(> a img[src*="9116b28a-3bbf-46f9-aac3-e9e1b0032c8f"]),
div:has(img[src*="9116b28a-3bbf-46f9-aac3-e9e1b0032c8f"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

/* Remove white padding around this banner parent */
div:has(> a img[src*="12180478-e787-4fae-97b6-6320cfb7f018"]),
div:has(img[src*="12180478-e787-4fae-97b6-6320cfb7f018"]) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}


/* Make Best Sellers section full width */
#b0b37fde-7358-4684-adc7-ba14dc1afd74 {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  overflow: hidden !important;
}

/* Remove inner container side spacing */
#b0b37fde-7358-4684-adc7-ba14dc1afd74 .container,
#b0b37fde-7358-4684-adc7-ba14dc1afd74 .slider-container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Change product option text - English only */
html[lang="en"] .product-crd-spec small,
body.ltr .product-crd-spec small {
  font-size: 0 !important;
}

html[lang="en"] .product-crd-spec small::after,
body.ltr .product-crd-spec small::after {
  content: "Available in different colors" !important;
  font-size: 1.1rem !important;
  white-space: normal !important;
}

/* Hide bottom product description section */
.product-selection {
  display: none !important;
}




/* Change product option text */
.product-item small {
  font-size: 0 !important;
}

.product-item small::after {
  content: " متوفر بعدة ألوان " !important;
  font-size: 1rem !important;
  color: #8B8B8B !important;
  white-space: normal !important;
}



/* Breadcrumb section background same as header */
.breadcrumb-section,
.breadcrumb-section .container,
.breadcrumb-section nav,
.breadcrumb-section .breadcrumb,
.breadcrumb-section .container.d-flex {
  background-color: #faf8f3 !important;
}

/* Make category title/filter background same as header */
.subTitle-detail,
.breadcrumb-section,
section.subTitle-detail {
  background-color: #faf8f3 !important;
}