body.index {
  background: url('https://i.ibb.co/HfsHqhpP/Container-1.png');
}


.inner.bg-inherit.w-full {
    background-color: #FBF5D9;
}
.inner.bg-inherit.w-full {
  background-color: rgba(251, 245, 217, 0.3); /* نفس اللون بس بشفافية */
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.3); /* حافة خفيفة زي الزجاج */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);  /* ظل خفيف */
  border-radius: 12px; /* اختياري - شكل أنعم */
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-color: #FBF5D9;
    background-size: cover;
}
@media (min-width: 1024px) {
  .banner-entry {
  
    height: 370px;
  }
.footer-is-light .store-footer .store-footer__inner {
   
    background-image: url(https://i.ibb.co/NdFbqpWN/footer-3.png);
background-repeat: no-repeat;
}
}
.s-block--features__item {
  position: relative;
  padding: 20px;
  border-radius: 12px;
  transition: all 0.4s ease;
  border: 2px solid transparent;
}

/* تأثير عند الهوفر */
.s-block--features__item:hover {
  border-color: rgba(218, 172, 179, 0.6);
  transform: translateY(-5px);
  box-shadow: 0 8px 20px #FBF5D4;
}

/* الخط المتحرك حول البوكس */
.s-block--features__item::before {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 14px;
  border: 2px solid #FBF5D4;
  transition: border-color 0.4s ease;
  pointer-events: none;
}

.s-block--features__item:hover::before {
  border-color: rgba(218, 172, 179, 0.6);
}
.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);
}
@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;
}
}