.navbar-brand img {
    max-height: 6rem;
    max-width: 100px;
    width: auto;
}
element.style {
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
}
body {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0);
}

.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    background-color: rgb(0 0 0);
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0);
}

.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    color: rgb(249 249 249);
}

element.style {
}
.s-user-menu-login-btn svg {
    fill: #fbe447;
    height: 1.25rem;
    width: 1.25rem;
}

.header-btn__icon {
    color: rgb(251 228 71);
}

element.style {
}
.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}



.s-reviews-testimonial {
background-color: rgb(0 0 0);
   }

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}




.footer-is-light .store-footer {
  background-color: rgb(6 6 6);
}

.copyright-text p {
    color: rgb(255 255 255);
}










.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 15px rgba(0,0,0,0.3);
  z-index: 9999;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: waPulse 1.8s infinite;
}

.whatsapp-float:hover {
  transform: scale(1.12);
  box-shadow: 0 8px 22px rgba(0,0,0,0.4);
}

@keyframes waPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

































































/* ================== SPLASH فوق كل شيء (فوق الفيديو والبنر والهيدر) ================== */
body.index::before {
  content: "";
  position: fixed;
  inset: 0;

  /* أعلى z-index في الصفحة ليظهر فوق كل العناصر */
  z-index: 9999999999;

  background-color: #000000;
  background-image: url("https://cdn.files.salla.network/theme/557912268/674ef566-1069-4bfc-af35-dfe7df4b878f.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;

  pointer-events: none;
  animation: splashOut 2.8s cubic-bezier(0.5, 0, 0.5, 1) forwards;
}

@keyframes splashOut {
  0% {
    opacity: 1;
    transform: scale(1.4);
    visibility: visible;
  }
  80% {
    opacity: 1;
    transform: scale(1.4);
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
    visibility: hidden;
  }
}

/* ================== السكشن الثاني يمتد يمين ويسار الصفحة ================== */
/* تم تعديل الـ margin-top هنا بناءً على طلبك */
#main-content > section:nth-child(2) {
  margin-top: -95px !important; 
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}













/* ================== الهيدر بترتيب طبيعي بدون تغطية ================== */
#app > div.app-inner.flex.flex-col.min-h-full > header {
  position: relative;
  z-index: 1000;
}

/* ================== إزالة الظلال من النافبار ================== */
.main-nav-container,
.shadow-default {
  box-shadow: none !important;
  --tw-shadow: none !important;
}

/* منع ظهور سكرول أفقي بسبب 100vw */
body {
  overflow-x: hidden;
}

/* حذف الشريط العلوي وجعل المنيو شفافة */
.top-navbar {
    display: none !important;
}

#mainnav {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

.navbar-brand img {
    max-height: 5rem;
    max-width: 100px;
    width: auto;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 76px;
}












/* العنصر الأب للبنر */
#main-content > section:nth-child(2) > div {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* البنر نفسه ممتد يمين ويسار الشاشة */
#main-content > section:nth-child(2) > div > a.banner.banner--fixed {
    display: block;
    width: 100vw;       /* عرض كامل الشاشة */
    margin-left: calc(-50vw + 50%); /* يوسع من اليمين واليسار */
    margin-right: calc(-50vw + 50%);
    position: relative; /* نسبي بحيث لا يختفي */
    overflow: hidden;
}

/* container داخل البنر فقط */
#main-content > section:nth-child(2) > div > a.banner.banner--fixed > .container {
    width: 100%;
    margin: 0;
    padding: 0;
}











.naw-credit-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 11px;
    color: #991b1b; /* لون رمادي هادئ */
    text-decoration: none;
    transition: color 0.3s ease;
}

.naw-credit-link:hover {
    color: #25d366; /* يتغير للون الواتساب الأخضر عند مرور الماوس */
    text-decoration: underline;
}




:root {
    --infinte-color: #c9c9c9;
    --main-text-color: #ffffff;

}


.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}



.s-comments-product {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0);
    padding-bottom: 1rem;
    padding-top: 1rem;
}


.s-product-options-wrapper {
    background-color: #fed405;
    padding: 1.25rem;
}




.s-product-card-entry {
    background-color: rgb(0 0 0);
}


.s-product-card-content-title a {
    color: rgb(255 222 0);
}




.form-label {
    display: block;
    font-size: 1.3rem;
    color: rgb(251 228 71);
}