/* Add custom CSS styles below */ 
body {
    background-color: black;
    color: white; /* لتغيير لون النص إلى الأبيض حتى يكون واضحاً */
}

.lazy__bg {
background-color: #000
}
.footer-is-light .store-footer {
  background: linear-gradient(to right, #11454B, #121633); /* تدرج من الأزرق إلى الأخضر */  color: white;
}

.footer-is-light .store-footer .store-footer__inner {
  background: linear-gradient(to right, #11454B, #121633); /* تدرج من الأزرق إلى الأخضر */
  color: white; /* لجعل النصوص باللون الأبيض */
}
.copyright-text p {
    --tw-text-opacity: 1;
    color: rgb(232 232 232);
}

.main-nav-container {
    min-height: 68px;
    background-color: #000;
}

:after, :before {
    --tw-content: "";
    color: white;
}

.s-product-card-content {
  background-color: #333535;
}

.s-product-card-content-title a {
  color: #ffff;
}

.sicon-sar:before {
  color: #42B2B1;
}

.s-quantity-input-input {
  color: #000;
}
.text-sm {
  color: #000;
}

.flex b[data-cart-total] {
  color: #000; 
}

.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(255 255 255);
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    font-size: x-large;
}

.total-price.font-bold.text-xl.inline-block {
  color: #000;
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(202 66 66);
    font-size: x-large;
}

.whitespace-nowrap {
    white-space: nowrap;
    padding-bottom: 1.5ex;
}

.s-button-light-outline {
    --tw-border-opacity: 1 !important;
    --tw-bg-opacity: 1;
    background-color: rgb(66 178 177);
    color: #ffff;
}

.s-comments.s-comments-product {
  background-color: #161717;
}

@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding-bottom: 10px;
    }

}

@media (min-width: 640px) {
    .sm\:gap-8 {
        gap: 0rem;
    }

  .grid {
    display: grid;
    align-content: space-evenly;
    justify-content: space-evenly;
}