.py-6,.pb-6,.store-footer__inner,.s-cart-summary-count{background:linear-gradient(to left,#660022,#84002C,#660022)!important
;color:#fff!important}


.navbar-brand img {
  animation: slide-in 2900ms;
  max-height:75px;
}
@keyframes slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}

.s-block__title h2{text-transform: uppercase;
    background-image: linear-gradient(-225deg,
            #84002C 0%,
            #595959 25%,
            #84002C 70%,
            #1D1F1E 100%);
         
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #2783ce;
    font-weight: bold!important;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 8s linear infinite;
    display: inline-block;
    padding-right:1rem;
    
    
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.s-button-primary{background:linear-gradient(to left,#660022,#84002C,#660022)
;border:3px solid #660022!important;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;color:#fff!important;border-radius:0px 0px 8px 8px!important;width:80%!important}
.s-search-input{border-radius:15px!important;border:1.5px solid #EDEDED;}
.product-entry__image{-webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;border-radius:10px 10px 0px 0px!important
}
.product-entry__image:hover{transition: mask-position 0.3s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;}

.py-6{border-top:2px solid #fff!important}



.fixed-header .inner{padding:20px 10px;background:transparent;backdrop-filter: blur(1rem);border-radius:0 0 15px 15px;box-shadow:0 2px 5px -3px #212121;border-bottom:3px solid #84002C}

.product-entry--vertical{border-radius:10px;border:1.5px solid #EDEDED;box-shadow:0 2px 5px -3px #212121;}

.sicon-shopping-bag:nth-child(2){animation: wiggle 2.5s infinite;}
@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(10deg); } 95% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } }

.store-footer__inner::before
{
  content: "";
  background-image: url(https://cdn.salla.sa/WAaN/luWxyT0afKNmMeIwML3GonhGza7FTyXLjEGipJ8e.png);
  background-size: cover;
  display: block;
  background-repeat: round;
  transform: rotate(180deg);
  height: 105px;
  margin: -62px 0 0 0;
}
.offers-link{color:#84002C;font-weight:bolder}

.btn,.no-content-placeholder p{color:#fff!important}



h2.mb-5:before {
    text-align: center;
    content: "";
    display: block;
    height: 110px;
    width: 140px;
    margin: auto auto 20px;
    background-image: url(https://cdn.imgchest.com/files/myd5ca2ql24.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: sil 1200ms linear infinite;
Fill:#fff

}.category-item {
    width: 150px; /* عرض القسم */
    height: 150px; /* ارتفاع القسم */
    margin: 10px; /* المسافة بين الأقسام */
    font-size: 12px; /* تصغير النصوص داخل الأقسام */
    padding: 5px; /* تقليل الحشو داخل الأقسام */
    text-align: center; /* توسيط النص */
}

.category-item img {
    max-width: 100%; /* تأكد من أن الصور تتناسب مع حجم القسم */
    height: auto;
    border-radius: 10px; /* زوايا مستديرة (اختياري) */
}.image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 أعمدة في كل صف */
    gap: 10px; /* المسافة بين الصور */
    justify-items: center; /* توسيط الصور داخل الأعمدة */
}

.image-grid img {
    width: 100px; /* عرض الصورة */
    height: 100px; /* ارتفاع الصورة */
    object-fit: cover; /* يجعل الصورة تغطي المربع بشكل متناسق */
    border-radius: 5px; /* زوايا مستديرة (اختياري) */
    transition: transform 0.3s ease; /* تأثير تكبير الصورة عند المرور عليها */
}

.image-grid img:hover {
    transform: scale(1.1); /* تكبير الصورة عند المرور عليها */
}