/* خلفية المتجر */ 
body,
#app,
.app-inner {
  background-image: url("https://i.postimg.cc/WbKtb2JH/Chat-GPT-Image-Jun-24-2026-12-21-28-PM-1.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

.s-block,
section,
main,
.main-content {
  background: transparent !important;
}

.s-block__title .center-side {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
}


/* الهيدر */ 
.header-components,
.header-components-home,
.store-header,
.header-bg {
  background: #5D818D !important;
  background-color: #5D818D !important;
}

.header-components,
.header-components * {
  color: lightgray !important;
}

#mainnav,
#mainnav.fixed-header,
#mainnav.fixed-pinned,
#mainnav.main-nav-container,
.main-nav-container.fixed-header,
.main-nav-container.fixed-pinned {
  background: #5d818d !important;
  background-color: #5d818d !important;
}
/*  لما ينزل الهيدر */ 

#mainnav .inner,
#mainnav .container,
#mainnav .menu-fixed-bar,
#mainnav .bg-inherit,
#mainnav [class*="bg-"] {
  background: #5d818d !important;
  background-color: #5d818d !important;
}

#mainnav,
#mainnav * {
  color: #ffffff !important;
}
/* الفوتر */ 

.store-footer,
.store-footer__top,
footer.store-footer {
  background: #5D818D !important;
  background-color: #5D818D !important;
}
.store-footer,
.store-footer *,
.store-footer a {
  color: #ffffff !important;
}



/* الفيديو */ 
header.header-components,
.store-header,
.header-bg {
  margin-bottom: 0 !important;
}

salla-video-hero,
.s-block--bundle-video-hero,
section.s-block--bundle-video-hero,
.video-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

header.header-components + salla-hook,
header.header-components + salla-hook + section,
.salla-video-hero,
.s-block--bundle-video-hero {
  transform: translateY(-1px);
}



.s-user-menu-trigger.custom-avatar-ready {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #5d818d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.s-user-menu-trigger.custom-avatar-ready img,
.s-user-menu-trigger.custom-avatar-ready svg {
  display: none !important;
}

.custom-user-initials {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}