body {
    --tw-bg-opacity: 1;
    background-color: #fff;    
}


.footer-is-light .store-footer {
   --tw-bg-opacity: 1;
   background-color: #fff; /* لون أساسي للهوية – غيره حسب شعار متجرك */
   background-image: none !important; /* إلغاء الخلفية */
   background-size: initial;
   background-position: initial;
   background-attachment: initial;
   color: #ffffff; /* لون النصوص – غيره حسب التباين */
}
 @media only screen and (max-width: 1024px){
:is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after {
    color: #0000;
    }
      }
.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
    color: #0e748a;
    }
     
.s-button-btn {
  background: rgb(155, 80, 35) !important;
  background: linear-gradient(
    90deg, 
    rgba(155,80,35,1) 0%, 
    rgba(190,110,50,1) 50%, 
    rgba(220,140,70,1) 100%
  ) !important;
}


body::before {
    content: " ";
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 9998;
    opacity: 0;
    animation: intro 2s;
}

body:after {
    z-index: 9999;
    position: fixed;
    content: "";
    background-image: url('https://sayedabdelmaqsoud.com/wp-content/uploads/2025/09/WhatsApp-Image-2025-09-19-at-19.13.43_3ba5762b.jpg') !important;
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    width: 0px;
    transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Y-axis rotation */
    height: 100px;
    right: 50%;
    top: 50%;
    opacity: 0;
    visibility: visible !important;
    background-color: transparent !important;
    animation: intro_logo 2.5s;
}

@keyframes intro {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100%;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
    }
}

@keyframes intro_logo {
    0% {
        width: 100px;
        opacity: 0.8;
        transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Initial Y-axis rotation */
    }

    50% {
        opacity: 0.9;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100px;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
        transform: translate(50px, -50px) scale(2) rotateY(360deg); /* Y-axis rotation */
    }
}

/*تعديلات سابقة */

/* ✅ تعديل الزرار */
.s-button-btn{
    border-radius: 0.4rem;
    background: #9B5023;
    border: 0px;
    color: white;
    box-shadow: 0px 0px 7px gray;
}
    
.s-block--slider-with-bg .slider-bg{
    background-position: left;
}
    
.s-product-card-vertical{
}    
    
/* ✅ تعديل الفوتر بألوان اللوجو */
.store-footer__inner {
    border-radius: 20px;
    margin: 16px;
    background: #A64622 !important ; /* بني غامق من اللوجو */
    padding: 15px;
    color: #fff ;
    box-shadow: 0px 0px 12px 3px #80808082, 0px -6px 0px 0px #F3A327; /* برتقالي متوسط */
}

.store-footer__inner h2, 
.store-footer__inner h3, 
.store-footer__inner a, 
.store-footer__inner p {
    color: #fff !important; /* برتقالي فاتح */
}

.store-footer__inner a:hover {
    color: #fff !important; /* hover أبيض */
}

.feature-icon{
    box-shadow: 2px -4px 19px 1px #0d738a59 !important;
}


.bg-inherit{
    background-color: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(12px);
}

.s-product-card-image{
    background: white;
}

.s-products-slider-card{
    padding: 8px;
    max-width: 250px;
}


@media (max-width: 640px){
    .s-products-slider-card{
        max-width: 190px;
    .slide--one-sixth {
        width: 50%; }
    }
}

.rounded-full{
    border-radius: 0px;
}

custom-salla-product-card{
  box-shadow: -2px 3px 7px #0000004d;
}

.slide--cat-entry{
    background:none;
}

a.slide--cat-entry > img{
    width: 9rem !important;
    height: 9rem !important;
}

a.slide--cat-entry > h2{
   display : none
}


/*انواع شركات المياه */
#main-links-1 {
 background: url(https://i.ibb.co/ThXRw9k/abstract-blue-geometric-shapes-background.jpg);

  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
}
 
 
 /*ايقونات مميزات المتجر*/
.s-block--features__item{
    background-color: #fff0;
}
.s-block--features__item .feature-icon {
    margin-bottom: .75rem;
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #41404200;
}
.s-block--features__item .feature-icon {
    margin-bottom: .75rem;
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #41404200;
}

 
.sicon-expert:before {
   content: "" ;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('https://i.ibb.co/XDJ8PvH/wired-outline-447-water-drop.gif') no-repeat;
    background-size: cover; 
}
.sicon-checkbox:before {
    content: "" ;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('https://i.ibb.co/FzQ5b1x/wired-outline-981-consultation.gif') no-repeat;
    background-size: cover; 
}
.sicon-chat-alt:before {
    content: "" ;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('https://i.ibb.co/qBM8P5P/wired-outline-497-truck-delivery.gif') no-repeat;
    background-size: cover; 
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > salla-button > button > span > i.sicon-shopping-bag:before {
  content: "" ;
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url('https://i.ibb.co/7KHbdmy/wired-outline-146-trolley-1.gif') no-repeat;
    background-size: cover; 
}

/*مميزات المتجر*/
.s-block--features__item:first-child {
    grid-column:auto;
}
.grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(3,minmax(0,3fr));
}

/*النقاط المتحركة تحت البنرات الرئيسية*/
.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.dot {
   height: 10px;
    width: 10px;
    margin: 0px 8px;
    background-color: #cdf2fe;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: #717171;
}
.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
/*----*/
.s-user-menu-trigger {
  background-color: #fff0;
}
.s-slider-block__title h2 {
    padding-right: 20px;
}
 
/* icons*/
@media only screen and (max-width: 1024px){
#\"1888990025\" > a > img{
    pointer-events: none;
    height: 3rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }
}
@media only screen and (max-width: 1024px){
 #\"1847988308\"> a > img{
 pointer-events: none;
    height: 3rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }
}
      
@media only screen and (max-width: 1024px){   
   #\"575276681\" > span > img{
    pointer-events: none;
    height: 3rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }
}
         /*WHATSAPP*/
.dkuywW {
    position: relative;
    width: 0px;
    margin: auto;
}

/*الصفحات التعريفية*/
.content .content-entry img {
    margin: 6px 0 0px;
}
.s-block--hero-slider .swiper-slide .overlay-bg:after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 0%);
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}
.bg-cover {
    background-size: 100%;
    background-repeat: no-repeat;
}
.s-block--hero-slider .swiper-slide {
    position: relative;
    height: 20rem;
    --tw-bg-opacity: 1;
    background-color: #1f293700;
}