body {
  background-color: #fff;
}

#mainnav {
  background-color: #7D1B4A !important;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 75px !important;
}

.navbar-brand img {
    max-height: 5rem !important;

    width: auto;
}

.sicon-menu::before {
  color: #fff !important;
}
.header-btn__icon {
  color: #fff !important;
  border-color: #fff !important;
}
.s-user-menu-trigger {
  background-color: transparent !important;
}
.s-cart-summary-total {
  color: #fff !important;
}
.s-cart-summary-count {
  background-color: #fff;
  color: #7D1B4A;
}
.sub-menu * {
  color: #000;
}
.mm-spn--open li a {
  color: #fff!important;
}
.mm-spn--open li a:hover {
  color: #fff!important;
  opacity: 0.8;
}
.sub-menu {
  color: #333;
}

@media (max-width: 1024px) {
  .mm-spn--open {
    background-color: #7D1B4A !important;
  }

  .mm-spn--open li,
  .mm-spn--open li a {
    color: #fff !important;
  }

  .mm-spn--open li:hover,
  .mm-spn--open li a:hover {
    color: #f3d6e2 !important; /* لون فاتح مناسب للهوفر */
  }

  #mobile-menu::after {
    background-color: #7D1B4A !important;
    color: #fff !important;
  }
}


/* Products Cards */
custom-salla-product-card {
  background-color: #fff !important;
  border: 0px solid #000 !important;
}
salla-add-product-button button {
  background-color: #7D1B4A !important;
  color: #fff!important;
  border: 1px solid transparent !important;
}
salla-add-product-button:hover button {
  background-color: #fff!important;
  color: #7D1B4A !important;
  border: 1px solid #7D1B4A !important;
}




/* Banners */
.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding: 0px !important;
}
.index .s-block--fixed-banner img {
  background-color: transparent !important;
  border-radius: 0;
}
.s-block--fixed-banner:first-of-type {
  margin-top: 0px !important;
}


/* Titles */

/*title*/
.s-slider-block__title {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    flex-direction: row !important;
    width: 100%;
}

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0 !important; 
}

.s-slider-block__title-right {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    white-space: nowrap;
}


.s-slider-block__title-left {
    margin-left: 0 !important;
    margin-right: auto !important;
    position: relative;
    z-index: 3;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    direction: ltr;
}
.s-slider-nav-arrow {

  margin-left:5px !important;
}







/* Footer */
footer {
  background-color: #7D1B4A !important;
}
.store-footer__inner {
  position: relative;
  z-index: 2;
  background-color:#7D1B4A !important;
  padding-bottom: 0;
}
.store-footer__inner * {
  color: #fff !important;
}
.store-footer h3 {
  color: #fff !important;
}
.copyright-text p {
  color: #fff !important;
}
.copyright-text p a:hover {
  color: #fff !important;
  opacity: 0.8;
}

.store-footer__inner .grid > div:nth-of-type(1) > a::after {
  content: "";
  background: url("https://i.postimg.cc/2yGmmryT/Whats_App_Image_2026_03_10_at_3_49_56_PM.png");
  display: block;
  background-size: contain;
  width: 200px;
  height: 100px;
  background-repeat: no-repeat;
}

.store-footer__inner .container > div {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: 0;
  padding-bottom: 20px;
}

.store-footer__inner .container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.store-footer__inner .container > div:nth-of-type(1) {
  grid-column: span 1 / span 2;
}
.store-footer__inner + div {
  background: transparent;
  max-width: 100%;
  justify-content: space-around;
}
.store-footer__inner > div a h3 {
  display: none;
}

@media (max-width: 992px) {
  .store-footer__inner .container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.store-footer__inner + div {
  background-color:#7D1B4A!important;
}

/* Custom ScrollBar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7D1B4A;
}


















.custom-links-section {
  width: 100%;
  padding: 40px 20px;
  text-align: center;
}

.section-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #000;
}

/* Container */
.custom-links-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 25px;
  padding: 0 10px;
}

/* Items */
.custom-links-container a {
  display: block;
  overflow: hidden;
  border-radius: 15px;
  transition: 0.3s;
}

.custom-links-container a:hover {
  transform: translateY(-10px);
}

/* Images */
.custom-links-container img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  display: block;
  transition: 0.3s;
}

.custom-links-container a:hover img {
  transform: scale(1.05);
}

/* Tablet */
@media (max-width: 992px) {
  .custom-links-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

/* Mobile */
@media (max-width: 768px) {

  .custom-links-section {
      width: 100%;
      padding: 0 !important;
      text-align: center;
}
  
  .custom-links-container {
    grid-template-columns: repeat(3, 1fr);
  }
}











.features-section {
  width: 100%;
  padding: 40px 20px;
  background: transparent;
}

.features-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 10px;
}

.feature-item {
  text-align: center;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature-item:hover {
  transform: translateY(-10px);
}

.feature-image {
  width: 100%;
  max-width: 260px;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

.feature-item:hover .feature-image {
  transform: scale(1.05);
}

.feature-item h4 {
  margin: 15px 0;
  font-size: 16px;
  color: #7D1B4A;
  font-weight: bold;
}

.feature-item p {
  color: #7D1B4A;
  line-height: 1.4;
  font-size: 12px;
  max-width: 250px;
  margin: 0 auto;
  font-weight: bold;
}




 @media (max-width: 992px) {
    .features-container {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
  }

  @media (max-width: 768px) {
    .features-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto auto;
      gap: 30px;
      padding:0 !important;
    }
    .feature-item:first-child {
      grid-column: 1 / -1;
      grid-row: 1;
      max-width: 300px;
      margin: 0 auto;
    }
    .feature-item:first-child .feature-image {
      max-width: 250px;
    }
    .feature-item:nth-child(2),
    .feature-item:nth-child(3) {
      grid-row: 2;
      max-width: 250px;
      justify-self: center;
    }
  }

  @media (max-width: 576px) {
    .features-container {
      gap: 20px;
    }
    .feature-item:first-child {
      max-width: 250px;
    }
    .feature-item:first-child .feature-image {
      max-width: 200px;
    }
    .feature-item:nth-child(2),
    .feature-item:nth-child(3) {
      max-width: 200px;
    }
  }




.s-block-html-content{
  margin-top:1rem !important;
}