/* Add custom CSS styles below */ 


.header-container{
  background-color: #473f2b !important;
}

.header-container .sicon-menu{
  color: #ffffff !important;
}


.s-button-btn {
background: linear-gradient(270deg, #473F2B, #a57545, #473F2B);
  background-size: 400% 400%;
  animation: gradientMove 7s ease infinite;
color: #ffffff !important;
  border: none;
  padding: 10px 20px;

  transition: transform 0.5s ease;
}


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



/* ملف features.css */

.angel-feature {
  background: linear-gradient(135deg, #fdfcfb, #e8e6e1); 
  border: 2px solid #cbb994;  
  border-radius: 1rem;
  padding: 1.5rem;
  width: 100%;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  animation: borderPulse 3s infinite ease-in-out;
  box-sizing: border-box;
}


@keyframes borderPulse {
  0%, 100% {
    box-shadow: 0 0 0px #cbb994;
  }
  50% {
    box-shadow: 0 0 8px #cbb994;
  }
}


@media (max-width: 768px) {
  .angel-feature {
    width: 100%;
    margin-bottom: 1rem;
  }
}


/* تدرج خلفية ناعم للفوتر */
.store-footer__inner.da-bgm {
  background: linear-gradient(135deg, #f6f6f6, #f1f1f1) !important;
  border-top: 1px solid #ddd;
}