lord-icon.flex.m-auto {
    --lord-icon-primary: #000 !important;
    --lord-icon-secondary: #fff !important;
    --lord-icon-primary-base: #000 !important;
    --lord-icon-secondary-base: #fff !important;
}
.store-footer__inner {
    background-image: url("https://cdn.files.salla.network/homepage/1045060674/a776f40c-a397-4628-98bf-3ec0a11fe443.webp");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.store-footer__inner {
    height: 35vh;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: white;
}
a.s-menu-footer-item {
    color: #8ACCF6;
}
a.s-contacts-item {
    color: #8ACCF6;
}
.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    color: #8ACCF6;
}
.copyright-text p {
    color: #8ACCF6;
}
/* صندوق المميزات – تصميم متقدم */
.s-block--features__item {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 25px 20px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 1;
  border: 2px solid #8ACCF6;
}

/* طبقة خلفية متحركة داخل الصندوق */
.s-block--features__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    #8ACCF6,
    #5BB6EA,
    #8ACCF6,
    #5BB6EA
  );
  background-size: 200% 200%;
  z-index: 0;
  border-radius: 16px;
  transition: opacity 0.5s ease;
  opacity: 0;
  animation: bgMove 6s linear infinite;
}

/* حركة الخلفية */
@keyframes bgMove {
  0% { background-position: 0% 0%; }
  25% { background-position: 50% 50%; }
  50% { background-position: 100% 0%; }
  75% { background-position: 50% 50%; }
  100% { background-position: 0% 0%; }
}

/* هوفر الصندوق */
.s-block--features__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(138, 204, 246, 0.45);
}

.s-block--features__item:hover::before {
  opacity: 0.35;
}

/* الأيقونة */
.s-block--features__item .feature-icon {
  position: relative;
  z-index: 2;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 6px 18px rgba(138, 204, 246, 0.35);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.s-block--features__item:hover .feature-icon {
  transform: scale(1.15) rotate(10deg);
  box-shadow: 0 10px 26px rgba(138, 204, 246, 0.55);
}

.s-block--features__item .feature-icon i {
  font-size: 2rem;
  color: #5BB6EA;
}

/* النصوص */
.s-block--features__item h2 {
  position: relative;
  z-index: 2;
  color: #3A7CA5;
  margin-top: 12px;
  font-size: 1.3rem;
  font-weight: 600;
}

.s-block--features__item p {
  position: relative;
  z-index: 2;
  color: #4A8FB8;
  margin-top: 6px;
  font-size: 1rem;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:nth-child(3) > salla-contacts > h3 {
    color: #8ACCF6;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:nth-child(2) > h3 {
    color: #8ACCF6;
}

@media (min-width: 1024px) {
  .banner-entry {
    height: 523px;
  }
.navbar-brand img {
    max-height: 5rem;
}
.main-menu > li > a[href*=offer] {
    color: white;
}
ul.main-menu {
    color: white;
}
}
@media (max-width: 767px) {
  .banner-entry {
    height: 318px; /* غير الرقم حسب اللي يناسبك */
  }
.mm-spn.mm-spn--light {
    color: #ffffff;
    background: #8ACCF6;
}
}
.s-cart-summary-count {
    background-color: #8ACCF6;
}
/* أيقونات الهيدر */
.header-left .header-btn__icon,
.header-left .header-btn__icon i,
.header-left .sicon-search,
.header-left .sicon-user,
.header-left .sicon-shopping-bag {
  color: #fff !important;
}

/* أيقونة السلة SVG */
.header-left #s-cart-icon svg,
.header-left #s-cart-icon svg path {
  fill: #fff !important;
}

/* رقم السلة */
.header-left .s-cart-summary-count,
.header-left .s-cart-summary-total,
.header-left .s-cart-summary-total i {
  color: #fff !important;
}
.shadow-default {
    --tw-shadow: 0;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0;
}
i.sicon-menu.text-2xl {
    color: white;
}
.md\:mb-6 {
    margin-bottom: 3.5rem;
}