/* Add custom CSS styles below */ 
/*Header and Banner And video*/

a.navbar-brand {
    margin-left: 41%;
}
.navbar-brand img {
    max-height: 5rem;
}

@media (max-width: 767px) {
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > .flex.items-center.justify-between > .navbar-brand {
    margin-left: 40%;
    background-color: #00800029;
    border-radius: 1rem;
}
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .fixed-header > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > .flex.items-center.justify-between > .navbar-brand {
    margin-left: 44%;
    background-color: transparent;
    border-radius: unset;
}
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > .flex.items-center.justify-between > .navbar-brand img {
    max-height: 6rem;
    filter: brightness(0) invert(1);
}
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .fixed-header > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > .flex.items-center.justify-between > .navbar-brand img {
    max-height: 3rem;
    filter: unset;
}



body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.center-between > div:nth-child(2) > a:nth-child(3) {
    display: none;
}

body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .fixed-header > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.center-between > div:nth-child(2) > a:nth-child(3) {
    display: block;
}

body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.center-between > div > div > .group.relative.inline-block {
    display: none;
}
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .fixed-header > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.center-between > div > div > .group.relative.inline-block {
    display: block;
}



body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.center-between > div:nth-child(2) > a.flex-center > salla-cart-summary > a > span {
    display: none;
}
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .fixed-header > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.center-between > div:nth-child(2) > a.flex-center > salla-cart-summary > a > span {
    display: block;
}

body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.flex.items-center.justify-between > a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 > i {
    display: none;
}
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .fixed-header > .inner.bg-inherit > .container > .flex.justify-between.relative.flex-col.gap-2.py-2 > div.flex.items-center.justify-between > a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 > i {
    display: none;
}


}
@media (max-width: 767px) {
#V_multi_slider-1 {
    display: none;
}
}
@media (min-width: 767px) {
#V_multi_slider-0 {
    display: none;
}
}

/* تأكد أن الإعلان فوق الهيدر */
.salla-advertisement.hydrated {
  position: sticky;
  top: 0;
  z-index: 1300;
}
#app.index > div.app-inner.overflow-x-hidden > div > header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: background-color 0.3s ease;
}

/* تكييف للموبايل */
@media (max-width: 767.98px) {
  /* لما يكون الهيدر عليه كلاس fixed-pinned */
  header.fixed-header,
  .site-header.fixed-header,
  .fixed-header {
    top: 0px !important; /* ارتفاع الإعلان في الموبايل */
  }

  /* أما باقي الحالات لما ما يكون fixed-pinned */
  header:not(.fixed-header),
  .site-header:not(.fixed-header),
  .div#mainnav {
    top: 44px; /* ارتفاع الإعلان في الموبايل */
  }
}

/* الحالة الافتراضية - قبل النزول */
header:not(.fixed-header) {
  background-color: transparent !important;
}

/* الحالة بعد النزول */
body.index.salla-86002009 > div.app-inner.overflow-x-hidden > div > header > .div#mainnav {
    background-color: transparent !important;
}
.fixed-header {
  background-color: var(--color-header-bg) !important;
}


/*End Header and Banner And video*/
/*Home page product Section*/
.s-product-card-content *, .s-product-card-content-title a {
    color: #000000;
}
.s-product-card-entry {
    border: 1px solid;
    border-radius: 7rem;
    background-color: transparent;
}


.s-product-card-entry .s-button-btn, .s-product-card-entry .s-button-primary.s-button-element {
    border-radius: 0rem 0rem 3rem 3rem;
}

.s-product-card-vertical salla-add-product-button>div.w-full {
    width: 79%;
    margin-right: 10.5%;
    margin-bottom: -6%;
}
/*Ebd Home page product Section*/


/*Prodcut page*/
.center-between.bg-primary-l.text-white.p-3.w-full.rounded-theme.max-w-100 {
    background: #052c0b;
    border-radius: 1rem;
    margin-bottom: 9%;
}
.flex.flex-col.lg\:flex-row.items-start.gap-3 > div.main-content.lg\:overflow-hidden > div > div.imformation.active > div:nth-child(6) {
    display: none;
}
/*End Prodcut page*/


/**/
form > div.s-product-card-content > div.s-product-card-content-main > div > a {
    display: none;
}