body{
    background: #fff ;
}
salla-slider.photos-slider .swiper-slide {
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0;
    }
    .rounded-md {
        border-radius: 0 !important;
    }
    #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{
        padding: 0;
    } 
    #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--photos-slider{
    margin:0;
    }


.s-button-btn{
  background-color: #9aa96f !important;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.s-button-btn:hover{
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  border: none !important;
    background-color: #fff !important;
  color: #9aa96f !important;
}

.feature-icon{
background:#9aa96f !important;
}

header , .mobile-menu{
color: #9aa96f !important;
}

.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25D366;
color: white;
font-size: 28px;
padding: 11px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease-in-out;
text-align: center;
z-index: 9999;
}

.whatsapp-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
background-color: rgba(37, 211, 102, 0.5);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
50% {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

.whatsapp-icon:hover {
transform: scale(1.1);
}

section.s-block.s-block--fixed-banner.wide-placeholder .container{
max-width: 100% !important;
    border-radius: 0%;
        margin: 0;
          padding: 0}
          
          
/*section.s-block.s-block--fixed-banner.wide-placeholder{
margin: 0 0 20px 0;}*/

.s-block--features__item{
     border: 1px solid #9aa96f !important;
}

.s-block--features__item:nth-of-type(2) {
  background-color: #9aa96f;
}

/* لو العناصر الداخلية محتاجة تغيير لونها كمان */
.s-block--features__item:nth-of-type(2) h2,
.s-block--features__item:nth-of-type(2) p,
.s-block--features__item:nth-of-type(2) i {
  color: #ffffff;
}
.s-product-card-image img.loaded {
    transition: all .5s;
}
.s-product-card-image img.loaded:hover {
    transform: rotate(8deg) scale(1.3);
    transition: all .5s;
}
.s-product-card-entry {
    border: 2px solid #ae9db1;
    padding: 7px;
    border-radius: 17px;
    box-shadow: 0 0 3px #9aa96f,0 0 3px #9aa96f,0 0 3px #ffffff40;
    height: 97%;
    margin-top: 8px;
}


body.index:after{content:"";width:100%;height:100%;top:0;position:fixed;z-index:999999;background:url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/OqlRXp/Efpt4KoJxXeZpsYaco9w3A9YDF22liF7nKdM1CIb.png) center/80px no-repeat #fff;left:0;animation:fade-in 3s forwards}@keyframes fade-in{0%,50%{opacity:1}50%{transform:scale(1.2)}100%{opacity:0;visibility:hidden;transform:scale(1.5)}}


@media(max-width:780px){

salla-slider.photos-slider .swiper-slide {
    border-radius: 0;
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding: 0;
}
.section-1 {
    margin: 0;
}
.index .rounded-md {
    border-radius: 0.375rem;
}
}
.banner-entry {
    
    background: transparent;
   
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column: span 1 / span 1;
        grid-row: 1 / 1;
    }
}

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




.flex.mb-6,
.s-product-card-content-sub,
.store-footer a,
.s-product-card-content-title a,.s-product-card-content-subtitle,
.store-footer .contact-social ul,.s-social-list,
.footer-is-light .store-footer .store-footer__inner {
    text-align: center !important;
    justify-content: center !important;
}
.store-footer__inner {
    background: #9aa96f !important;
    color: white;
}
.store-footer h3 {
    color: #000 !important;
    background: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    width: 100%;
    padding-bottom: .3rem;
    box-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
footer > div.store-footer_inner > div > div:nth-child(2) > h3:hover, #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer_inner > div > div:nth-child(3) > div:nth-child(1) > h3:hover {
    opacity: .7;
    transition: all 200ms;
}
.mb-6 {
    margin-bottom: 1.5rem;
    margin-top: 10px;
}
@media only screen and (min-width: 767px) {
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div{
    grid-template-columns: repeat(4,minmax(0,1fr));
}
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p{
    margin: auto;
}
.s-apps-icons-list {
    place-content: center;
}
@keyframes ss {
0% {
    top: 0;
}

50% {
    top: 8px;
}
100% {
    top: 0px;
}
}
span.s-contacts-icon {
    background: white;
    color: #000;
}
li.s-social-link {
    background: white;
    color: #000;
    border-radius: 50%;
}
.store-footer__inner {
    border-radius: 50px 50px 0 0;
}
/*--media--*/
@media(max-width:767px){
a.banner-entry{
    height: 120px;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
}
.main-nav-container {
    min-height: 56px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
}
}@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.s-advertisement-content-main {
    flex: 1 1 0%;
    text-align: center;
    font-size: 0.999rem;
    line-height: 1.25rem;
    font-weight: 900;
}