/* --- Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Zain:wght@300;400;500;600;700&display=swap');

html,
body {
  font-family: 'Zain', sans-serif !important;
}

* {
  font-family: inherit !important;
}


/* --- Layout & Backgrounds --- */
.main-dropdown-menu,
#fixed-header.sticky.fixed,
.slide-menu,
.slide-menu-static,
.slide-menue-header,
.div-bg-absolute{
  background-color: #0e0b18 !important;
}

#fixed-header {
  padding: 12px 0px 12px 0px !important;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0px !important;
}

.breadcrumb-item a {
  letter-spacing: normal !important;
}

/* --- Hidden Elements --- */
.footer-copyrights,
.loyalty_button_footer,
.loyalty-points-products-section,
.color-item,
.product-share-title,
.product-share-title + .product-icon,
.loyalty-points-section,
.loyalty-cart,
.main-slider-button::after {
  display: none !important;
}

/* --- Navigation & Menus --- */
.main-dropdown-menu {
  -webkit-transition: var(--main-transition) ease !important;
  transition: var(--main-transition) ease !important;
  border-radius: 0px 0px 15px 15px !important;
  box-shadow: 0px 1px 15px 1px #00000059 !important;
}

.main-dropdown-menu .top-level-link {
  width: auto !important;
}

.main-dropdown-menu-box {
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: flex-start !important;
  margin: 40px 25px 40px 25px !important;
  flex-direction: column !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
}

.slide-menu-static .account-lang-button {
  color: var(--primary-color) !important;
}

/* --- Categories & Hero --- */
.hero-page::after {
  background-color: rgb(0 0 0 / 66%) !important;
}

.home-categories-section .category-item > a::after {
  background-color: rgb(14 11 24 / 49%) !important;
}

.home-categories-section .category-item img {
  height: 200% !important;
}

.home-categories-section .category-item h3,
.page-categories-section .category-item h3 {
  color: #e1ccb6 !important;
}

.page-categories-section .category-item img {
  border-radius: 130px;
}

.page-categories-section section a {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.page-categories-section section a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.page-categories-section section a h3 {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 80% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  z-index: 2 !important;
}

.page-categories-section section a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border-radius: 130px !important;
  z-index: 1 !important;
}
  .main-slider-button {
    background: #e2ccb6 !important;
    color: #0e0b18 !important;
    font-size: 21px !important;
    padding: 10px 25px !important;
    border-radius: 20px !important;
}
/* --- Mobile Styles --- */
@media (max-width: 767px) {
  .box-1-1.product-images-carousel,
  button[onclick*="zidProductBuyNow"]{
  display: none !important;
  }
.product-image-item{
  width:100% !important;
  }

}