/* Add custom CSS styles bel/* Add custom CSS styles below */ 


 

.navbar-brand img {
    max-height  22rem;
    width: auto;
    max-width  200px;
    display: none; /* لإخفاء الصورة الأصلية */

}

.navbar-brand  {

    background-image: url(https://up6.cc/2024/03/17106686709351.gif);
    /* background-size: contain; */
    background-repeat: no-repeat;
    width: 221px;
    height: 72px;
    background-size: 222px;
    background-position-y: center;
}

.main-nav-container {
    min-height: 74px;
    background-color: darkorange;
}


.bg-inherit {
 background-image :  url("https://www7.0zz0.com/2023/09/19/10/723950485.jpg");

    background-color  #fff;

    transform: none;
    top: 0;
    border-bottom: 2px solid #ff8100;
}



.bg-gray-50{
background-image  url("https://www3.0zz0.com/2023/10/06/12/682314134.png");

background-position  center;
background  center / contain no-repeat ,
            #eee 35% url("https://mrkzgulfup.com/do.php?img=32451");


background-color: #d9d9d9;
}





         /* ايقونات الهيدر */

.header-btn__icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    /* color: #374151; */
    /* color: rgb(55 65 81/var(--tw-text-opacity)); */
    border-color: #ff8100;
}







         /* شريط الهيدر اثناء النزول */

.main-nav-container.fixed-pinned .inner {
   /*   transform: none;  */
    width: 95%;
    right: 0;
    left: 0;
    opacity: 0.9;
    border-radius: 5px;
        margin-right: auto;
    margin-left: auto;
    border-top: 2px solid #ff8100;
    top: -100px;
    transform: translateY(110px);
    transition: transform 1s ease-in-out;

}











         /* بعد تسجيل الدخول للعميل ( صورة العميل ) */

.s-user-menu-trigger {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: 0.375rem;
    /* border-top-left-radius: 0.375rem; */
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    border: 2px solid #ff8100;
    border-radius: 31px;
}






         /* الصورة الثابته مع المنتجات المتحركة */


.s-block--slider-with-bg {
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    padding-bottom: 2rem;
    background-color: transparent;
/*    background-image: url(https://www7.0zz0.com/2023/09/19/10/723950485.jpg);
    background-position: inherit;
    object-fit: cover;
*/

}





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

}

.s-product-card-content{

    text-align: center;
    margin: 0px;
}



.s-products-slider-card  {

    text-align: center;
    margin: 0px;

}

.s-product-card-price{
color: #2dc100;
font-size: 20px;
    font-weight: bold;
margin: auto;
}
.s-product-card-sale-price h4 {
    font-size: 20px;

color: #2dc100;
        padding-left: 10px;

}    

.s-product-card-sale-price span {
    font-size: 15px;
   
    color: red;
}

    
         /* زر اضافة للسلة */

.s-button-wide {

    color: #000000;
    text-align: center;
    /* background-color: #ffedcd; */
    width: 100%;
   padding-left: 0; 
    padding-right: 0;
   background-image: url(https://www7.0zz0.com/2023/09/19/10/723950485.jpg); 

    background-size: auto , cover;
    background-position: center, center;
    background-repeat: no-repeat;
    transition: background 0.3s ease, color 0.3s ease;

/*
    color: #000000;
    text-align: center;
/*    background-color: #ffedcd;   */
/*    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-image :  url("https://www7.0zz0.com/2023/09/19/10/723950485.jpg");
 /* background-size: cover; /* تغطية الزر بالصورة بشكل كامل */
/*  transition: background 0.3s ease, color 0.3s ease; /* تأثير التحول مع مدة وسهولة التأثير */


}

.s-button-wide:hover {
    background: rgba(71, 71, 71, 1); /* تغيير لون الخلفية بشكل جزئي أو تغيير التظليل */
  color: #fff; /* تغيير لون النص عند تمرير الماوس */
  /*  transform: scale(1.1); /* زيادة حجم الزر عند تمرير الماوس */
*/
}


.s-product-card-content-sub{
    text-align: center;
    display: initial;

}

.s-product-card-entry{


    padding: 10px;
    border: 1.5px solid #ff8100;
}



.store-footer{
    text-align: center;
    align-items: center;
}


.store-footer__inner{
    text-align: center;
    align-items: center;
}

.mb-6{
    text-align: center;
    align-items: center;
}


.rtl\:ml-10{

color: #dfb800;


}


.store-footer h3 {

    color: #dfb800;
    padding-bottom: 10px;


}

.store-footer .contact-social ul {

    display: inline-flex;
}


.mb-4  {
    margin-bottom: 1rem;
    display: inline-flex;
    justify-content: center;
}

.max-w-sm {
    max-width: 20rem;
        display: contents;

}

.store-footer h3 {
    margin: auto;
    
}

.footer-list  {

    text-align: center;
    margin: 20px;

}



         /* تكبير صور المنتجات داخل البطاقة */

.s-product-card-fit-height .s-product-card-image {
    height: auto;
    
    max-height: 24rem;
}




         /* شريط البحث العلوي */
         
/*    .topnav-is-dark .top-navbar  {
    --tw-bg-opacity: 1;
    background-color: #1d1f1f;
    background-color: rgb(29 31 31/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgb(209 213 219/var(--tw-text-opacity));
    display: none;
}

*/




         /* صفحة التسجيل */

.s-login-modal .s-modal-padding {
    padding-top: 217px;
    background-image: url(https://www12.0zz0.com/2023/10/14/14/961695378.gif), url(https://www12.0zz0.com/2023/09/24/11/727796810.jpg);
    background-position: top;
    background-size: 40%, cover;
    background-repeat: no-repeat, repeat;
    background-position-y: 37px, 0;
    background-position-x: center;

}


.s-login-modal-header-icon  
 background-image   url("https://mrkzgulfup.com/do.php?img=32454");

    background-color: #444444;

}


.mm-spn.mm-spn--light {
    color: #000;
    background: #fff;
      background-image: url(https://www7.0zz0.com/2023/10/12/15/761892060.gif);
}






       /* القائمة الرئيسية الجانبية */
        




.mm-ocd-opened .mobile-menu {
    display: block;
    background-image: url(https://www12.0zz0.com/2023/09/24/11/727796810.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}



.mm-spn li {
    position: relative;
    background: center;
    cursor: pointer;
    color: #000;
}



.mm-spn a {
    background: initial;
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
}



.mm-spn.mm-spn--navbar ul {
    top: calc(50px + 1px);
    top: calc(var(--mm-spn-item-height) + 50px);
    /* margin-top: 100px; */
}

main:after { 
    /* padding-left: 20px; */
    /* padding-left: var(--mm-spn-item-indent); */
    text-align: center;
    margin-top: 110px;
}

.mm-spn.mm-spn--navbar:after {
    background-position-x: 95%;
    background-position-y: -24px;

    /* text-align: left; */
    text-align: center;
    /* text-align: -webkit-match-parent; */
    font-weight: 700;
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    margin-top: 15px;
    background-image: url(https://www12.0zz0.com/2023/10/14/14/961695378.gif);
    background-repeat: no-repeat;
    background-size: 27%;
    height: inherit;
}








         /* القوائم المصغرة */
.slide--cat-entry i {
   
    color: #00dfe1;
  
}
salla-slider .slide--one-sixth {
 /*   width: auto;   */
}


         /*  أرقام التواصل في الاسفل */
.unicode {
    unicode-bidi: plaintext;
    font-size: 18px;
}




         /*  زر قراءة المزيد */

#btn-show-more {
  border: 1px solid #000;
    background-color: #ff8100;
    padding: 1px 15px 1px 15px;
    margin-top: 28px;
    color: #000;
    border-radius: 4px;
   /* box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);  */
}


         /*  تم تصميم المتجر بواسطة */

.mj {
    /* opacity: -0.25; */
    text-align: center;
    background-color: #ff8100;
    /* margin-top: -107px; */
    /* position: relative; */
    color: black;
    font-size: 14px;
        height: 50px;
    font-weight: bold;

}


 /*  وسائل التواصل بالأسفل */
.mb-6 {
    text-align: center;
    align-items: center;
    margin: revert;
    justify-content: center;
}

.store-footer .social-link {
    border-color: #ff8100;
}



 /*  تواصل معنا */

.w-8 {
    width: 2rem;
    border-color: #ff8100;
}



/*

.opacity-75::before {
    content: " تم تصميم المتجر بواسطة MJ STUDIO";
    cursor: pointer; /* تغيير المؤشر إلى يد عند التمرير فوق النص */
 /*   content-visibility: auto; /* تمكين عرض المحتوى ديناميكياً */
 
 
 
 
 
 
 /* CSS */
.glass-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(194, 98, 0, 0.8); /* لون الخلفية الزجاجية مع شفافية */
    pointer-events: none;
    z-index: 9998;
    backdrop-filter: blur(10px); /* تأثير الزجاجية */
    transition: opacity 1s;
}