/* ==============================
   ⚡ BODY & BACKGROUND
   ============================== */
body.index::before {
  content: "";
  display: block;
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media(max-width:767px){

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.gap-4 > salla-trust-badges > img {
    width: 33px;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.gap-4 > div {
    align-items: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.gap-4 > salla-trust-badges > img {
    width: 33px;
}

}
salla-trust-badges.s-trust-badges-wrapper.dark.hydrated {
    display: none;
}
.s-product-card-sale-price h4 {
    color: #E7BF24 !important;
}
.s-product-card-sale-price span {
    color: #991B1B;
}
h4.s-product-card-price {
    color: #E7BF24 !important;
}
/* ==============================
   🌐 HEADER & NAVBAR
   ============================== */

.navbar-brand img {
  max-height: 4rem;
}


/* إخفاء التوب ناف */
.top-navbar {
  display: none;
}

/* ==============================
   🛍 PRODUCT CARD
   ============================== */
.s-product-card-content {
  background-color: #2A2929;
  color: #FBBF24;
  justify-content: center;
  align-items: center;
  height: 180px; /* Desktop default inside media query */
}

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

.s-product-card-content-sub {
  gap: .75rem;
  justify-content: center;
}

.s-product-card-content-subtitle {
  color: rgb(255 255 255);
}

custom-salla-product-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 12px;
}

custom-salla-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(235, 189, 27, 0.4);
  border-color: #EBBD1B;
}

@keyframes glowHover {
  0% { box-shadow: 0 0 5px #EBBD1B; }
  50% { box-shadow: 0 0 20px #EBBD1B; }
  100% { box-shadow: 0 0 5px #EBBD1B; }
}

custom-salla-product-card:hover::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, rgba(235,189,27,0.2), rgba(235,189,27,0));
  transform: rotate(25deg);
  pointer-events: none;
  animation: glowHover 1.5s infinite alternate;
}

custom-salla-product-card .s-product-card-content-title a,
custom-salla-product-card .s-product-card-price,
custom-salla-product-card .s-button-text {
  color: #fff;
  transition: color 0.3s ease;
}

custom-salla-product-card .sicon-shopping-bag,
custom-salla-product-card .sicon-heart {
  color: #fff;
  transition: color 0.3s ease;
}

custom-salla-product-card:hover .sicon-shopping-bag,
custom-salla-product-card:hover .sicon-heart {
  color: #EBBD1B;
}

/* ==============================
   🖱 BUTTONS
   ============================== */
.s-button-element.s-button-primary-outline {
  background: linear-gradient(135deg, #7a5c00, #b8860b, #a67c00, #7a5c00);
  background-size: 400% 400%;
  animation: gradientGoldDark 8s ease infinite;
  color: #fff !important;
  border: none !important;
  border-radius: 10px;
  font-weight: 600;
  transition: all 0.4s ease;
}

@keyframes gradientGoldDark {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.s-button-element.s-button-primary-outline:hover {
  background: linear-gradient(45deg, #8b7500, #ffd700, #a67c00, #8b7500);
  background-size: 300% 300%;
  animation: gradientHoverGoldDark 6s ease infinite;
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(184,134,11,0.7), 0 0 35px rgba(255,215,0,0.8);
  color: #fff !important;
}

@keyframes gradientHoverGoldDark {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.s-button-element.s-button-primary-outline:active {
  transform: scale(0.95);
}

/* ==============================
   🏷 FEATURE BLOCKS
   ============================== */
.s-block--features__item {
  background-color: #292828;
  grid-column: span 1/span 1;
  border: 2px solid #EBBD1B;
}

.s-block--features__item h2 {
  color: rgb(255 255 255);
}

.s-block--features__item p {
  color: #EDBC19;
}

/* ==============================
   🎬 SLIDER / BANNER
   ============================== */
.s-slider-block__title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.s-slider-block__title-right h2 {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #EBBD1B;
  border: 2px solid #EBBD1B;
  border-radius: 12px;
  padding: 8px 24px;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.s-slider-block__title-right h2::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(235, 189, 27, 0) 0%,
    rgba(235, 189, 27, 0.6) 50%,
    rgba(235, 189, 27, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shineTitle 3s infinite ease-in-out;
}

@keyframes shineTitle {
  0% { left: -75%; }
  100% { left: 125%; }
}

.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
  padding-left: 0rem;
}

/* إخفاء أزرار السلايدر */
button.s-slider-next.s-slider-nav-arrow,
button.s-slider-prev.s-slider-nav-arrow,
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled {
  display: none;
}

.banner--fixed img,
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
  background-color: transparent;
}

section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
  padding: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  height: 100%;
  overflow: hidden;
  margin-top: -90px; /* Desktop */
}

.banner-entry::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.1) 0%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0.1) 100%
  );
  transform: skewX(-25deg);
}

.banner-entry:hover::after {
  left: 150%;
  transition: left 1s ease;
}

/* ==============================
   📱 MEDIA QUERIES
   ============================== */

/* Desktop only */
@media (min-width: 1024px) {
  .inner.bg-inherit.w-full {
    background-color: #292828;
    color: white;
  }

  .header-btn__icon,
  .s-cart-summary-icon,
  .s-cart-summary-wrapper i {
    color: #fff;
    fill: #fff;
  }

  .s-cart-summary-total {
    color: #EDBC19;
  }

  #main-content > section:nth-child(3) > div > a:nth-child(2) {
    width: 140%;
    right: -41%;
  }

  #main-content > section:nth-child(3) > div > a:nth-child(1) {
    width: 60%;
  }

  #main-content > section:nth-child(4) > div > a:nth-child(1) {
    width: 60%;
  }

  #main-content > section:nth-child(4) > div > a:nth-child(2) {
    width: 144%;
    right: -42%;
  }

  #main-content > section:nth-child(4) > div > a:nth-child(2) {
    width: 144%;
    left: -40%;
  }

  #main-content > section:nth-child(5) > div > a:nth-child(1) {
    width: 140%;
  }

  #main-content > section:nth-child(5) > div > a:nth-child(2) {
    background-size: contain;
    background-color: transparent;
    left: -20%;
  }

  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(6) > .container {
    margin-top: 0;
    max-width: 50%;
  }

  .banner-entry {
    height: 429px;
  }

  .s-product-card-content {
    height: 180px;
  }
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.gap-4 {
    gap: 5rem;
}
a.load-img-onclick {
    width: 40px;
    height: 50px;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.gap-4 > div {
    align-items: center;
}
}

/* Mobile */
@media(max-width:767px){
  #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
     padding:0;
  }

  .s-products-slider-card {
      max-width: 185px;
  }

  .main-nav-container {
      min-height: 56px;
  }

  .s-button-element:not(:disabled):not([loading]) {
      font-size: 11px;
  }

  .banner-entry {
      height: 255px;
  }

  #main-content > section:nth-child(5) > div > a:nth-child(2) {
      height: 360px;
  }

  #main-content > section:nth-child(4) > div > a:nth-child(1) {
      height: 419px;
  }
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  height: 100%;
  margin-top: 0px; /* Desktop */
}
 .inner.bg-inherit.w-full {
    background-color: #010101 !important;
    color: white !important;
}
 .header-btn__icon,
  .s-cart-summary-icon,
  .s-cart-summary-wrapper i {
    color: #fff;
    fill: #fff;
  }

  .s-cart-summary-total {
    color: #EDBC19;
  }

a.load-img-onclick {
    width: 40px;
    height: 50px;
}

}

/* ==============================
   ⚡ MISC
   ============================== */
button.s-product-card-wishlist-btn.animated.not-added.un-favorited.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    display: none;
}

.s-trust-badges-label,
.s-trust-badges-number {
    font-size: 0.850rem;
}

.rtl\:ml-2:where([dir=rtl],[dir=rtl] *) {
    display: none;
}