/* develope By Package +  shamsalfakih@gmail.com  */ 

:root { 
        --color-primary: #664cd3; --color-primary-dark: #3f25ac; 
        --color-primary-light: #8c72f9; 
        --color-primary-reverse: #ffffff; --bg: #000000e6; 

    }

header.store-header {
    border-radius: 15px !important;
}

 .navbar-brand img
       {
          max-height:4.5rem;
       } 

  @media (min-width:640px) 
   .navbar-brand img
   {
         max-height:7rem;
     }

  .main-nav-container.fixed-pinned .navbar-brand img
    {
     max-height:59px;
          border-radius: 15px !important;
     }


    .main-nav-container.fixed-pinned .navbar-brand img
    {
        max-height:75px;padding:5px;
     }


  .s-block__title h2
     {
       font-size:1.45rem;
       }
   [dir=rtl] .s-block__title .right-side
   {
      padding-left:0rem;background:linear-gradient(307deg,
      var(--color-primary),transparent);
     }

 .s-slider-block__title h2
       {
          font-size:1.45rem;
       }

  .px-2\.5
         {
             padding-left:0.25rem;
             padding-right:0.25rem;
           }

    .text-xs
          { 
              line-height:0.25rem;
          } 
     
       
       .product-entry
            {
                border:0.2px solid #ddb34b38;
            }

     .dmopMx
          { 
              display:none;
          }


   .main-nav-container.fixed-header .inner
            {
                 background-color:var(--bg);
                 backdrop-filter:blur(9px);
             }


    .banner-entry
         {
             border-radius:1.375rem;
          }


       .grid-flow-row
           {
                grid-template-columns:auto auto auto auto;
            }

        .banner-entry h3
           {
                display:none;

             }


     .has-overlay:after
             {
                  display:none;
                }


    .banner-entry h3
           {
              line-height:1.5rem;
              font-size:24px;
              color:var(--color-primary);
           }

    @media only screen and (max-width:768px)
                 {
.banner-entry h3
       {
           display:none;  
        }


     .has-overlay:after
           {
               display:none;
             }


   .grid-flow-row
        {
             grid-template-columns:auto auto auto auto;
             
        }

    .banner-entry
            {
                max-height:110px;
             }
    

   .gap-3
     {
          gap:0.5rem;
       }
    }


      .grid-flow-row
             {
                     display:grid;
              }

   .topnav-is-dark .top-navbar
          {
               --tw-bg-opacity:0;
            }


   .grid
         {
               display:grid;
               grid-template-columns:repeat(2,1fr);
               gap:1rem;
          }


  .banner-entry
        {
             border-radius:.375rem; 
         }[dir=rtl] 
 

.s-slider-block__title-right
         {
              padding-left:0rem;
              background:linear-gradient(307deg,var(--color-primary) -67%,transparent 75%);\
         }


   .bg-inherit
          {
            border-bottom:1px solid var(--color-primary);
            }

 .main-nav-container.fixed-pinned .inner 
              {
                box-shadow:0 0 5px var(--color-primary);
               }


 .s-block--slider-with-bg .s-slider-block__title-left 
              {
                   margin-bottom:20px;
               }

 .s-button-primary-outline 
            {
                fill:#231f1e;
                color:#231f1e;
              }
  

  .s-button-primary-outline:hover
             {
                   background-color:var(--color-primary);
                   fill:#fff;
                   color:#fff;
               }


 .s-button-primary 
           {
              border-color:#231f1e;
              background-color:#231f1e; 
               color:#fff;
           }


 .s-button-primary:hover 
            {
              background-color:var(--color-primary);
              border-color:var(--color-primary);
             } 


.s-product-card-vertical
         {
              border:1px solid gray;
         }


 .s-button-primary-outline
               {
                   color:white;
                   background:var(--color-primary);
                    border:2px solid var(--color-primary-dark);
              }

 .footer-is-light .store-footer .store-footer__inner
          {
               background:var(--color-primary);
               color:white;
                border-radius:18px;
             }


    div#mainnav 
          {
               background:var(--bg);
                color:white;
           }


  .sicon-shopping-bag:before,.sicon-user-circle:before
            { 
                color:white;
            } [dir=rtl] 


 .carousel-slider .swiper
         {
              padding-left:0rem!important;
          }


      salla-slider.photos-slider .swiper-slide
             {
                    position:relative;
                    margin:0!important;
                    padding:0;
                    height:auto;
                    width:100%;
                    overflow:hidden;
                     border-radius:0rem;
            }


 .rounded-md
       {
            border-radius:0rem!important;
        }


 .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden
                  {
                       padding:0;
                  } 


section:first-of-type.s-block.s-block--photos-slider
                  {
                        margin:0!important;
                   }

 .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8
            {
                     display:flex;
                     flex-wrap:wrap;
               }


 .lazy__bg.lazy.entered.loaded
                {
                     background-size:contain;
                     background-repeat:no-repeat;
                 }


 .banner--fixed img
              {
                    background:#faebd700;
               }

 .banner-entry
        {
              width:22%;
              height:240px!important;
              background:#f9fafb00;
         }
    


.store-footer::after 
         {
                content: "تصميم " " " "3lshamsalfakih@gmail.com"; 
                content: "تصميم وتطوير شمس الدين        ";
                content: " Web Design by  " " | " "shams adeen  shamsalfakih@gmail.com ";
                font-size: 13px; 
                color: rgb(35, 69, 130) !important; 
                margin-right: 89px !important; 
              }


 @media (max-width:480px)
      {
     .banner-entry
           {
                 width:48%;
                 height:130px!important;
                 background:#f9fafb00;
             }
         }


 @media (min-width:481px) and (max-width:767px)
            {
                .banner-entry
                 {
                      width:47%;
                      height:177px!important;
                      background:#f9fafb00;
                 }
           } 


    @media (min-width:768px) and (max-width:1024px)
        {
               banner-entry
                  {
                        width:48%;
                        height:130px!important; 
                        background:#f9fafb00;
                       }
                 }
     
  @media (min-width:1025px) and (max-width:1280px)
                            {
                                      banner-entry
                                        {
                                            width:48%;
                                            height:130px!important;
                                            background:#f9fafb00;
                                          }
                            }