body#app.index{
  background-color: #000000;
}

.banner--fixed img, .banner-entry {
  background-color: rgb(243 244 246 / 0%);
}

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

#main-content > section:nth-child(2) {
  margin-top: 0px;
}

.s-block__title h2 {
  color: white;
}

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

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

.s-slider-block__title h2 {
  color: white;
}

/* الهوم بيدج فقط */
.main-menu li.root-level>a {
  color: white !important;
}

.banner--fixed img {
  background-color: #000000;
}

.lazy__bg.lazy.bg-no-repeat.entered.loaded {
  background-color: #000000;
}


/* ===== بطاقة المنتج ===== */

.s-product-card-entry {
  border-radius: 18px;
  overflow: hidden;
  background: #262626;
  border: 1px solid #3a3a3a;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}


/* صورة المنتج */

.s-product-card-image img {
  transition: transform 0.6s ease;
}


/* العنوان */

.s-product-card-content-title a {
  color: #fff;
  transition: color 0.3s ease;
}


/* السعر */

.s-product-card-price {
  color: #fff;
  font-weight: 700;
  transition: color 0.3s ease;
}


/* زر الإضافة */

.s-product-card-content-footer .s-button-element {
  border-radius: 14px;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}


/* ===== Hover بطاقة المنتج ===== */

.s-product-card-entry:hover {
  transform: translateY(-8px);
  border-color: #eaaf38;
  box-shadow: 0 18px 45px rgba(234,175,56,0.32);
}


/* تكبير الصورة */

.s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.08);
}


/* تغيير لون العنوان */

.s-product-card-entry:hover .s-product-card-content-title a {
  color: #eaaf38;
}


/* تغيير لون السعر */

.s-product-card-entry:hover .s-product-card-price {
  color: #eaaf38;
}


/* زر الإضافة */

.s-product-card-entry:hover .s-product-card-content-footer .s-button-element:not(.s-button-disabled) {
  background-color: #eaaf38;
  border-color: #eaaf38;
  color: #fff;
}


/* ===== الزرار فقط ===== */

.s-button-primary-outline.s-button-btn {

  position: relative;
  overflow: hidden;

  border-radius: 18px;
  border: none;

  background:
  linear-gradient(
    135deg,
    #eaaf38,
    #f3c766,
    #c58c18,
    #eaaf38
  );

  background-size:350% 350%;

  color:#fff;

  font-weight:700;

  letter-spacing:.3px;

  box-shadow:
  0 12px 30px rgba(234,175,56,.35);

  animation:
  softGradientShift 7s ease-in-out infinite,
  buttonPulseGlow 4s ease-in-out infinite;

  transition:
  transform .45s cubic-bezier(.2,.8,.2,1),
  box-shadow .45s ease,
  filter .45s ease;
}


/* طبقة اللمعة */

.s-button-primary-outline.s-button-btn::before {

content:"";

position:absolute;

inset:0;

background:
radial-gradient(
circle at 20% 50%,
rgba(255,255,255,.35),
transparent 28%
);

transform:
translateX(-120%) scale(1.2);

opacity:.8;

animation:
liquidLight 5s ease-in-out infinite;

pointer-events:none;

}


/* النص داخل الزر */

.s-button-primary-outline .s-button-text {

position:relative;

z-index:2;

display:inline-flex;

align-items:center;

justify-content:center;

gap:7px;

color:#fff;

}


/* الأيقونة */

.s-button-primary-outline .sicon-shopping-bag {

margin-left:0;

opacity:0;

transform:
translateY(18px)
scale(.7)
rotate(-12deg);

width:0;

overflow:hidden;

transition:

opacity .45s ease,

transform .45s cubic-bezier(.2,.9,.2,1.2),

width .45s ease;

}


/* Hover الزر */

.s-button-primary-outline.s-button-btn:hover {

transform:
translateY(-5px)
scale(1.045);

box-shadow:
0 24px 55px rgba(234,175,56,.58);

filter:saturate(1.08);

}


/* ظهور الأيقونة */

.s-button-primary-outline.s-button-btn:hover .sicon-shopping-bag {

opacity:1;

width:18px;

transform:
translateY(0)
scale(1)
rotate(0deg);

animation:
bagWiggle .75s ease .15s;

}


/* تسريع اللمعة */

.s-button-primary-outline.s-button-btn:hover::before {

animation-duration:2s;

}
/* Click effect */

.s-button-primary-outline.s-button-btn:active {
  transform:scale(.96);
}


/* ===== Keyframes الزرار ===== */

@keyframes softGradientShift {

0% {
background-position:0% 50%;
}

35% {
background-position:80% 20%;
}

70% {
background-position:100% 80%;
}

100% {
background-position:0% 50%;
}

}


@keyframes buttonPulseGlow {

0%,100% {

box-shadow:
0 12px 30px rgba(234,175,56,.35);

}

50% {

box-shadow:
0 18px 42px rgba(243,199,102,.55);

}

}


@keyframes liquidLight {

0% {

transform:
translateX(-120%)
scale(1.2);

opacity:0;

}

25% {

opacity:.85;

}

55% {

transform:
translateX(120%)
scale(1.2);

opacity:0;

}

100% {

transform:
translateX(120%)
scale(1.2);

opacity:0;

}

}


@keyframes bagWiggle {

0% {

transform:
translateY(0)
rotate(0deg);

}

35% {

transform:
translateY(-3px)
rotate(-10deg);

}

70% {

transform:
translateY(1px)
rotate(7deg);

}

100% {

transform:
translateY(0)
rotate(0deg);

}

}



/* ===== محتوى البطاقة ===== */


.s-product-card-content {

display:flex;

place-content:center;

align-items:center;

color:#fff;

}


.s-product-card-content-title a {

display:block;

font-size:16px;

color:#fff;

}


.s-product-card-content-sub {

display:flex;

justify-content:center;

align-items:center;

color:#fff;

}


.s-product-card-price {

color:#fff;

font-weight:700;

font-size:21px;

transition:
color .3s ease;

}



/* أي نصوص داخل الكارد */

.s-product-card-entry,
.s-product-card-entry * {

color:#fff;

}


/* Hover العنوان والسعر */

.s-product-card-entry:hover 
.s-product-card-content-title a,

.s-product-card-entry:hover 
.s-product-card-price {

color:#eaaf38;

}



/* زر Light */

.s-button-light-outline {

background-color:#eaaf38;

}



/* قسم المنتجات */

#featured-products-style2-3 {

background-color:#262626;

}



/* ===== أيقونات الهيدر ===== */


.header-btn__icon,
.s-cart-summary-icon,
.icon.sicon-shopping-bag {

font-size:26px;

transition:

transform .3s ease,

color .3s ease,

filter .3s ease;

cursor:pointer;

color:#fff;

filter:
drop-shadow(0 0 0 rgba(0,0,0,0));

}



/* Hover الأيقونات */


.header-btn:hover .header-btn__icon,

.s-cart-summary-wrapper:hover .s-cart-summary-icon,

.s-cart-summary-wrapper:hover .icon.sicon-shopping-bag {


color:#eaaf38;


transform:scale(1.08);


filter:
drop-shadow(
0 0 4px rgba(234,175,56,.3)
);


animation:
pulseGlowSmooth 1.5s infinite ease-in-out;


}



@keyframes pulseGlowSmooth {


0% {

filter:
drop-shadow(
0 0 0 rgba(234,175,56,0)
);

}


50% {

filter:
drop-shadow(
0 0 6px rgba(234,175,56,.3)
);

}


100% {

filter:
drop-shadow(
0 0 0 rgba(234,175,56,0)
);

}

}



/* ===== User Menu ===== */


.s-user-menu-login-btn svg {

width:32px;

height:32px;

transition:

transform .3s ease,

filter .3s ease,

fill .3s ease;

cursor:pointer;

fill:#fff;

filter:
drop-shadow(
0 0 0 rgba(0,0,0,0)
);

}



.s-user-menu-login-btn:hover svg {


transform:scale(1.08);


fill:#eaaf38;


filter:
drop-shadow(
0 0 4px rgba(234,175,56,.3)
);


animation:
pulseGlowUser 1.5s infinite ease-in-out;


}



@keyframes pulseGlowUser {


0% {

filter:
drop-shadow(
0 0 0 rgba(234,175,56,0)
);

}


50% {

filter:
drop-shadow(
0 0 6px rgba(234,175,56,.3)
);

}


100% {

filter:
drop-shadow(
0 0 0 rgba(234,175,56,0)
);

}

}



/* اللوجو */

.navbar-brand img {

max-width:5rem;

max-height:5rem;

}


.main-nav-container.fixed-pinned 
.navbar-brand img {

max-height:5rem;

}



/* ===========================
   نسخة الموبايل
=========================== */


@media (max-width:768px) {


.header-btn__icon,

.s-cart-summary-icon,

.icon.sicon-shopping-bag {


font-size:22px;


}



.s-user-menu-login-btn svg {


width:26px;

height:26px;


transition:


transform .25s ease,

filter .25s ease,

fill .25s ease;


}



.s-user-menu-login-btn:hover svg {


transform:scale(1.05);


filter:
drop-shadow(
0 0 3px rgba(234,175,56,.25)
);


animation:
pulseGlowUserMobile 1.5s infinite ease-in-out;


fill:#eaaf38;


}



@keyframes pulseGlowUserMobile {


0% {

filter:
drop-shadow(
0 0 0 rgba(234,175,56,0)
);

}


50% {

filter:
drop-shadow(
0 0 4px rgba(234,175,56,.25)
);

}


100% {

filter:
drop-shadow(
0 0 0 rgba(234,175,56,0)
);

}


}


}



/* الناف بار */

div#mainnav {

background-color:#262626;

}

/* ===== Desktop Only ===== */
@media (min-width: 1024px) {

  #main-content > section:nth-child(5) > div {
    max-width: 90%;
  }

  #main-content > section:nth-child(6) > div {
    max-width: 60%;
  }

}
.store-footer__inner {
    background-color: #000000;
}