@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Ibarra+Real+Nova:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: "Cairo", "Poppins", "Ibarra Real Nova", sans-serif;
}
.inner.bg-inherit {
    background-color: #241D12;
}
/* خلي كل النصوص والأيقونات داخل الناف بار باللون الأبيض */
.flex.items-stretch.justify-between.relative,
.flex.items-stretch.justify-between.relative a,
.flex.items-stretch.justify-between.relative i,
.flex.items-stretch.justify-between.relative span,
.flex.items-stretch.justify-between.relative p {
  color: #fff !important;
  fill: #fff !important; /* لأيقونات SVG */
}

/* لو في أيقونات SVG لازم نغيّر الـ path */
.flex.items-stretch.justify-between.relative svg path {
  fill: #fff !important;
}
.s-cart-summary-total {
    
    color: rgb(255 255 255);
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
}

/* الكونتينر داخل البانر ياخد كامل العرض */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100%;
  padding: 0;
}
/* البانر الأول ياخد ارتفاع كامل */
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}
.s-block--fixed-banner img,
.s-block--fixed-banner a,
.s-block--fixed-banner {
  border-radius: 0 !important;
}
@media (min-width: 1024px) {
  .s-button-element {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid #997F53; /* لون الهوية */
    color: #997F53;
  }

  .s-button-element:hover {
    background-color: #997F53;
    color: #fff;
    transform: translateY(-3px); /* حركة خفيفة */
    box-shadow: 0 4px 12px rgba(153, 127, 83, 0.4);
  }

  /* لمعة متحركة */
  .s-button-element::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
  }

  .s-button-element:hover::before {
    animation: shine 0.8s forwards;
  }

  @keyframes shine {
    100% {
      left: 125%;
    }
  }
}

/* تأثير على الكارد كامل */
.s-products-slider-card {
  transition: all 0.4s ease;
}

.s-products-slider-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px; /* اختياري: لو حابب زوايا ناعمة */
}

/* تأثير على الصورة داخل الكارد */
.s-products-slider-card .s-product-card-image img {
  transition: transform 0.5s ease;
}

.s-products-slider-card:hover .s-product-card-image img {
  transform: scale(1.05);
}
.s-slider-block__title-right h2 {
  font-size: 2rem; /* تكبير الحجم */
  font-weight: bold;
  background: linear-gradient(90deg, #997F53, #c2a67a, #997F53);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineText 3s linear infinite;
}

/* أنيمشن اللمعة */
@keyframes shineText {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}
.s-block--features__item {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  transition: all 0.4s ease;
}

.s-block--features__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* الأيقونة تبقى ثابتة */
.s-block--features__item .feature-icon i {
  font-size: 2rem;
  color: #555; /* اللون الأساسي */
  transition: transform 0.3s ease;
}

.s-block--features__item:hover .feature-icon i {
  transform: scale(1.2); /* بس تكبير بدون تغيير لون */
}
.footer-is-light .store-footer .store-footer__inner {
   
   
    background-color: rgb(36 29 18);
    color: white;
}

@media (max-width: 767px) {
  .s-slider-block__title-right h2 {
    font-size: 1.4rem;
  }
}
@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: 50px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
}
}