/* تم انشاء هذا الكود خاص لمتجر القرية النقية من قبل ام جي ستوديو */
/*  MJ STUDIO     mjsstud.com  */
/* وهذا الكود محمي بحقوق ومضمون */
/* يرجى الملاحظة انه في حال العبث بهذا الكود من خلال الاضافة او الحذف سيتم الغاء الضمان */


/* 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/01/170573108721581.png);


    background-size: cover;
    background-repeat: no-repeat;
    width: 140px;
    height: 72px;
    background-size: 100%;
    background-position-y: center;
}

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


.bg-inherit {
 background-image :  url("https://up6.cc/2024/02/170764688185171.jpg");

    background-color  #fff;

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



.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: #425607;
}



.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 #425607;
    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: #7aa206;

}

.s-product-card-content{

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



.s-products-slider-card  {

    text-align: center;
    margin: 0px;

}




.s-product-card-price{
color: #ff0000;
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://up6.cc/2024/02/170764688185171.jpg); 

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


}

.s-button-wide:hover {
    background: rgba(71, 71, 71, 1); 
  color: #fff; 
}

.s-button-primary {
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: #96c900;
    color: #ffffff;
    background-image: linear-gradient(45deg, black, transparent);
}


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

}

.s-product-card-entry{

    padding: 10px;
    border: 2px solid #80ab00;
    background-color: #faffeb;
}



.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: #71940a;


}


.store-footer h3 {

    color: #b8e72c;
    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-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-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: center;
    background-position-y: 0;
    text-align-last: center;

    /* 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: 23px;
  /*  background-image: url(https://up6.cc/2024/01/170573338150841.png);  */
    background-repeat: no-repeat;
    background-size: 10%;
    height: inherit;
}


         /*
.slide--cat-entry i {
   

  
}
salla-slider .slide--one-sixth {
    scale: 50%;
    margin-right: -102px;}

salla-slider:not(.hydrated), .carousel-slider {
    visibility: visible;
    width: 100%;
}
element.style {
    transition-duration: 0ms;
    margin-right: auto;
    margin-left: -62px;
}

*/


.unicode {
    unicode-bidi: plaintext;
    font-size: 18px;
}


#btn-show-more {
  border: 1px solid #000;
    background-color: #bfe15c;
    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: #afe413;
    margin-top: 0px;
    position: relative;
    color: black;
    font-size: 15px;
    height: 105px;
    font-weight: bold;
    font-family: system-ui;
    border-top: solid 2px white;
        padding-top: 10px;


}


.mb-6 {
    text-align: center;
    align-items: center;
    margin: revert;
    justify-content: center;
}

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



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

.copyright-text p {
    --tw-text-opacity: 1;
    color: #efefef;
    /* color: rgb(55 65 81/var(--tw-text-opacity)); */
}

 
 
 /* CSS 
.glass-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8) ; 
    pointer-events: none;
    z-index: 9998;
    backdrop-filter: blur(10px);
    transition: opacity 1s;
}
*/

/*
.s-block__title h2 {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    display: none;
}

.banner--fixed img {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-style: none;
    --tw-bg-opacity: 0;
    /* background-color: #f3f4f6; */
    /* background-color: rgb(243 244 246/var(--tw-bg-opacity)); */
    /*
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: -80px;
}
*/




/* 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;
}