/* Add custom CSS styles below */ 
/* Add custom CSS styles below */
/* Style the logo loader container */
.logo-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9); 
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 1.6s ease-in; /* Smooth fade-out */
}

/* Add the logo as a background */
.logo-loader::before {
  content: '';
  width: 150px; 
  height: 150px; 
  background-image: url("https://i.postimg.cc/L6vfnkrz/image-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: pulse 1.5s infinite; 
}

@media (max-width: 600px) {
  .logo-loader {
    display: flex; 
    width: 100%;
    height: 100%;
  }
}

/*body background */
body::before {
    content: "";
    background-image: url();
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(1.5px);
    z-index: -1;
    
    }
    
    

/* Section 7 background */
.app-inner section:nth-of-type(7) .container,
#best-offers-9-slider salla-products-slider salla-slider {
    background: white !important;
    padding: 31px !important;
    border-radius: 9px !important;
}
.s-user-menu-trigger{
  background:none !important;
}

/* Footer */
.store-footer__inner {
    border-top-width: 3px !important;
    border-top-color: #ffaf1c !important;
    border-style: solid !important;
}
.app-inner section:nth-of-type(1) .container a.banner.banner--fixed.overflow-hidden::after {
   content: 'التصنيفات الرئيسة';
    display: flex;
    justify-content: center;
    padding-top: 45px;
    margin-top: 90px;
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 600;
    color: #000000eb;
    padding-bottom: 24px;
}
/* Default style */
.app-inner section:nth-of-type(2) .grid::after {
    content: 'تســـوق حـــسب التـــصنيفـات المخـــصصة';
    display: flex;
    justify-content: center;
    align-items: center;
    color: #10059F;
    position: absolute;
    left: 50%;
    width:100%;
    transform: translateX(-50%);
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: -81px; /* Default for larger screens */
}


/* Max width 640px and Min width 481px */
@media (max-width: 640px) and (min-width: 481px) {
    .app-inner section:nth-of-type(2) .grid::after {
        left: 48%;
        transform: translateX(-48%);
        margin-top: -60px !important;
    }
}
/* Max width 640px and Min width 481px */
@media (max-width: 768px) {
    .app-inner section:nth-of-type(2) .grid::after {
       font-size:14px;
      margin-top: -79px;
    }
    .app-inner section:nth-of-type(1) .container a.banner.banner--fixed.overflow-hidden::after{
    font-size:2rem;
    }
}

/* Max width 550px and Min width 426px */
@media (max-width: 550px) and (min-width: 426px) {
    .app-inner section:nth-of-type(2) .grid::after {
        width:100%;
        margin-top: -59px;
    }
}

/* Max width 425px and Min width 376px */
@media (max-width: 426px) and (min-width: 400px) {
    .app-inner section:nth-of-type(2) .grid::after {
        width:100%;
        margin-top: -50px;
    }
    .app-inner section:nth-of-type(2) .grid .banner-entry {
        width: 182px !important;
        height: 182px !important;
    }
}

/* Max width 374px */
@media (max-width: 374px) and (min-width:350px){
    .app-inner section:nth-of-type(2) .grid::after {
        
        margin-top: -40px;
    }
}

/* Very small screens: 374px and below */
@media (max-width: 374px) {
    .app-inner section:nth-of-type(2) div::after {
        margin-top: -40px; /* Adjust for the smallest screens */
    }
}


.inner.bg-inherit {
    z-index: 9999 !important;
}


a.navbar-brand img{
      border-radius: 7px;
   box-shadow: 1px 1px 20px -9px rgba(66, 68, 90, 1);
    }
  
/* user icon */
@media (max-width:768px){
  .s-user-menu-wrapper{margin-left: -19px !important;}
  .s-user-menu-trigger-avatar{width:2rem !important;height:2rem !important;}

}

    
.grid.md\:grid-cols-1.grid-flow-row.gap-3.sm\:gap-8 {
    width: 100% !important;
    display: flex;
    justify-content: center;
    }
.app-inner section:nth-of-type(6) {
    width: 100% !important;
    }
    .app-inner section:nth-of-type(6) .s-block__title{
      margin-right:15px;
    }
  .app-inner section:nth-of-type(6) .grid.one-row.md\:grid-cols-1.grid-flow-row.gap-3.sm\:gap-8 {
    display: none;
}
a.banner-entry.lazy.h-lg-banner.entered.loaded {
    height: 77px !important;
    width: 100px !important;
    background-size: cover;
}
/*Homepage 375px*/
/* General Styles */
.app-inner section:nth-of-type(2) div .banner-entry {
    width: 620px; 
    height: 620px; 
    border-radius: 14px; /* General border-radius */
}

/* Tablet: 1029px to 769px */
@media (max-width: 1029px) and (min-width: 769px) {
    .app-inner section:nth-of-type(2) .grid .banner-entry {
        width: 365px;
        height: 365px;
    }
    .app-inner section:nth-of-type(2) div a:nth-of-type(4) {
        margin-top: -384px;
    }
}

/* Large Mobile: 768px to 613px */
@media (max-width: 768px) and (min-width: 640px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 296px;
        height: 296px;
    }
    .app-inner section:nth-of-type(2) div a:nth-of-type(4) {
        margin-top: -317px;
    }
}
@media (max-width: 639px) and (min-width: 613px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 296px;
        height: 296px;
    }
    .app-inner section:nth-of-type(2) div a:nth-of-type(4) {
        margin-top: 0;
    }
}

/* Medium Mobile: 613px to 441px */
@media (max-width: 613px) and (min-width: 441px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 220px;
        height: 220px;
    }
    .app-inner section:nth-of-type(2) div a:nth-of-type(4) {
        margin-top: 0 !important;
    }
}

/* Small Mobile: 440px */
@media (max-width: 440px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 195px;
        height: 196px;
    }
}

/* Smaller than 405px */
@media (max-width: 405px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 175px;
        height: 175px;
    }
}

@media (max-width: 399px)and (min-width:365px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 169px;
        height: 169px;
    }
}
@media (max-width: 360px)and (min-width:340px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
       width: 158px;
        height: 158px;
    }
}

/* Very Small Mobile: 340px */
@media (max-width: 340px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 138px ;
        height: 138px ;
    }
   
}
@media (max-width: 325px) and (min-width: 320px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 145px !important;
        height: 145px !important;
    }
        
}

/* Specific Adjustment for 425px */
@media (max-width: 425px) {
    .app-inner section:nth-of-type(2) div .banner-entry {
        width: 183px ;
        height: 183px;
    }
    
}

@media (max-width:320px){
    .header-btn__icon {
        height: 27px;
        width: 27px;
    }
    button.header-btn {
    margin-left: -10px;
}
salla-cart-summary {
    margin-left: -6px !important;
}
}
@media (max-width:390px) and (min-width:320px){
.app-inner section:nth-of-type(2) div::after{
          width:100%;
          margin-top:-58px !important;
          }
  }

@media (max-width:400px) {
.app-inner section:nth-of-type(2) div::after{
  margin-top:-57px;
}
.navbar-brand img{
max-height:2.4rem
}

.header-btn__icon{
height:2rem;
width:2rem;
}

    .app-inner section:nth-of-type(2) div .banner-entry {
        height: 155px;
    }

.app-inner section:nth-of-type(2) div .banner-entry {
        width: 155px ;
}
.s-block--features__item p{
   font-size:11px;
}

a.banner-entry.lazy.h-lg-banner.entered.loaded {
    height: 77px !important;
    width: 100px !important;
    background-size: cover;
}

banner.entered.loaded {
    height: 77px !important;
    width: 100px;
    display: flex;
    justify-content: center;
    background-size: cover;
    margin-right: -30px;
}
  .s-reviews-testimonial__text p{font-size:11px;}
  .s-reviews-testimonial__icon svg{height:1.7rem}

}


/******************/



/* category secttion */
.app-inner section:nth-of-type(3){
    background: white;
      border-radius:22px;
}
.app-inner section:nth-of-type(2) div {
    display: ;
    grid-template-columns: repeat(2, 1fr); /* Two columns with equal width */
    gap: 20px; /* Optional: Space between the cards */
}
.app-inner section:nth-of-type(11){
padding-top: 88px !important;
}

.app-inner section:nth-of-type(2) div .banner-entry{
  /*/ width:210px ; */
  border-radius:20px;
}

@media (min-width: 1030px) {
  .app-inner section:nth-of-type(2) div .banner-entry{
  width:620px !important;
   height: 620px;
}
  
    .two-row .banner-entry:nth-child(4) {
    margin-top: -640px;
}
}
/*section banner top */
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 30px !important;
}
section#featured-products-style2-7 {
    margin-top: -177px;
}
section#featured-products-style2-7 .container .tabs salla-button {
    display: none ;
}
section#featured-products-style2-7 .container .tabs {
  padding-bottom:104px !important;
}
section#featured-products-style2-8 .container .tabs span {
    font-size: 35px !important;
}
section#featured-products-style2-8 .container .tabs salla-button button{
    display:inline !important;
}


/* product card */
@media (min-width: 1024px) {
    .s-products-slider-card {
        width: 25%;
    }
}
@media (min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width: 18.666667% !important;
    }
}
@media (min-width: 640px) {
    .s-products-slider-card {
        width: 50%;
        max-width: 320px;
    }
}
.s-product-card-entry{
    border: 2px solid #1d467d;
    }
    
    
.s-product-card-content-title a{ 
    font-size: 0.875rem;
    line-height: 1.25rem;
    }
   .s-product-card-vertical .s-product-card-wishlist-btn {
    position: absolute;
    bottom: 10px !important;
    top:auto !important;
    left: 3px !important;
    
    opacity: 1 !important;
      z-index:1000 !important;
     cursor: pointer;
    }
    .s-product-card-image{
    position:initial;
  }
  button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    width: 84%;
}
.s-button-wide{
  width:84% !important;
  }

@media (max-width:550px){
#mobile-menu-pc{
     display:none; 
     }
     }
@media (max-width:600px){
      button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    width: 80%;
}
     .s-product-card-vertical .s-product-card-wishlist-btn {
    position: absolute;
    bottom: 6px !important;
    top:auto !important;
    left: 2px !important;
    }
}
    
    

section.s-block.s-block--banners.container{
display:flex;
justify-content:center;

}

a.banner-entry.lazy.h-lg-banner.entered.loaded {
    height: 73px !important;
    background-size: 55px 48px;
}







div#swiper-wrapper-e9d767261b8da262 {
    display: flex;
    justify-content: center;
}

a.slide--cat-entry {
    background: none;
    border: none;
}
 
    a.banner-entry.square-photos{
    display:none;
    }
    
  .s-block__title {
    /*margin-right: 195px;
    margin-top: -24px; */
}

@media (max-width:768px){

    .s-block__title{
        padding-bottom:40px;
        
    }
    .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex.items-stretch.justify-between.relative{
     padding-top : 13px !important ;
     }
     
     
     
     .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, 1fr));
}
 
        
        
    }
section#featured-products-style2-5 .container .tabs {
    display: none;
}

section#featured-products-style2-5{
margin-top:-178px;
}
section#featured-products-style2-5 .container{
padding-top:100px;

}

a.navbar-brand{
margin-right:0px;
}
section#featured-products-style2-4 .container{
margin-top: 79px;
}

/* إضافة فقرة قبل عنوان h2 */
.s-block__title h2::after{
  content: "خصم لفترة محدودة"; /* النص الذي سيتم إضافته */
  display: block; /* جعله يظهر كفقرة مستقلة */
  font-size: 14px; /* حجم الخط */
  color: rgba(156, 163, 175, 1); /* لون النص */
  margin-top: 9px; /* مسافة بين الفقرة والعنوان */
  
  text-align: center; /* محاذاة النص في المنتصف */

font-size: 0.875rem;
    line-height: 1.25rem;
    padding-bottom:15px;
    
}

button.tab-trigger.is-active.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-after {
  position: relative; /* لجعل ::after يتموضع بالنسبة للزر */
  background: none;
  border: none;
  color: black;
  gap: 0.25rem;
  border-radius: 0.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer; /* لجعل الزر تفاعلي */
}

/* إضافة الخط السفلي */
section#featured-products-style2-4 .container .tabs salla-button button::after {
  content: ''; /* عنصر بدون محتوى */
  position: absolute;
  bottom: 0; /* وضعه في الأسفل */
  left: 50%; /* نبدأ من المنتصف */
  width: 25%; /* العرض الابتدائي 0 */
  height: 2px; /* سماكة الخط */
  background-color: blue; /* لون الخط */
  transition: width 0.3s ease, left 0.3s ease; /* تأثير التحريك عند التحويم */
}

/* عند التحويم: تكبير الخط */
section#featured-products-style2-4 .container .tabs salla-button button:hover::after {
  width: 100%; /* تكبير العرض إلى 100% */
  left: 0; /* نقل اليسار إلى البداية */
}
section#featured-products-style2-6 .container .tabs .tab-trigger button .s-button-text{
  font-size:32px;
  overflow:visible;
}
section#featured-products-style2-6 .container .tabs .tab-trigger button .s-button-text::after{
  content:'أطلب الان';
   display: block; /* جعله يظهر كفقرة مستقلة */
  font-size: 14px; /* حجم الخط */
  color: rgba(156, 163, 175, 1); /* لون النص */
  margin-top: 9px; /* مسافة بين الفقرة والعنوان */
  
  text-align: center; /* محاذاة النص في المنتصف */

font-size: 0.875rem;
    line-height: 1.25rem;


}

.s-block--tabs-produtcs .tab-trigger.is-active button{
border:none;
background:none;
color:black;
}
/* استهداف أيقونة البطاقة الأولى */
.grid .s-block--features__item:nth-child(1) .feature-icon {
    /* التعديلات التي تريدها على أيقونة البطاقة الأولى */
    background:url("https://i.postimg.cc/QdtyWMxX/shooting-star.gif");
        background-size: contain;
    
}
/*hide the icons */

i.sicon-store2, .sicon-shipping-fast, .sicon-bank-building{
display:none;}

/* استهداف أيقونة البطاقة الثانية */
.grid .s-block--features__item:nth-child(2) .feature-icon {
    background:url("https://i.postimg.cc/FKPFVz0D/marriage-certificate.gif");
        background-size: contain;
    
}

/* استهداف أيقونة البطاقة الثالثة */
.grid .s-block--features__item:nth-child(3) .feature-icon {
    background:url("https://i.postimg.cc/T1nXF3W8/icons8-service.gif");
        background-size: contain;
}

/* ازالة الخلفية البيضاء من البطاقات */
.s-block--features__item{
background:none;
}

/* Header */
.fixed-pinned .container {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.s-reviews-testimonial{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* For screens wider than 1024px (desktop) */
@media (min-width: 1024px) {
    /* Hide the desktop menu links */
    

    /* Show the burger menu */
    .mburger {
        display: block !important;
    }
}
@media (max-width:1440px){
li#\31 939035741 a img.rounded-full, li#\32 008622444 a img.rounded-full, li#\31 043573616 a img.rounded-full , li#\39 66288910 a img.rounded-full {
    max-width: 100px !important;
    width: 100px !important;
    }
    li#\31 939035741 a, li#\32 008622444 a, li#\31 043573616 a, li#\39 66288910 a{
    padding-right:0 !important;
  }
    li#\31 939035741 a span, li#\32 008622444 a span, li#\31 043573616 a span, li#\39 66288910 a span{
    padding-right:0 !important;
  }
.rounded-full {
    border-radius: 999px;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
}
}

/* For screens smaller than 1024px (mobile) */
@media (max-width: 1023px) {

  
   

    /* Mobile menu visibility logic can go here */
    .mobile-menu-open {
        display: block;
    }
}

#mobile-menu-pc{
background : white !important;


}


@media only screen and (min-width: 768px) {
.main-menu li:nth-child(2),
.main-menu li:nth-child(4),
.main-menu li:nth-child(6),
.main-menu li:nth-child(8),
.main-menu li:nth-child(10),
.main-menu li:nth-child(12),
.main-menu li:nth-child(14),
.main-menu li:nth-child(16),
.main-menu li:nth-child(18),
.main-menu li:nth-child(20),
.main-menu li:nth-child(22),
.main-menu li:nth-child(23) {
    display: none;
}

    #mobile-menu {
        display: none; 
    }
    
    a.navbar-brand{
     
width: 50% !important;
    text-align: center;
    margin-right: 42px;
    display: flex;
    justify-content: flex-end;
    position: absolute;
}
.main-nav-container {
        min-height: 52px;
        padding-top: 11px;
        padding-bottom: 59px;
    }

@media only screen and (min-width: 900px) {
    .main-menu li>a {
      justify-content:flex-start !important;
      padding-bottom:20px ;
    }
    
    .lg\:hidden {
        display: block;
    }
    
    }
    
  
 
 /*single product page */
 h4.text-red-800{
   color:rgba(248, 113, 113,1);
 }
 
 article.article--main {
    background-color: rgba(255, 255, 255, 1);
    padding: 19px;
    border-radius: 0.375rem;
    margin-top: 22px;
}

.s-comments-container{
  background: white;
    padding: 37px;
    border-radius: 12px;
}
/* تكبير صورة منصة الأعمال SBC */

.s-payments-list-item img[alt="SBC"] {

 width: 120px !important;   /* العرض */

 height: auto !important;   /* الطول تلقائي */

 transform: scale(1.8);    /* تكبير الصورة بنسبة 1.8 */

 transition: transform 0.3s ease;

}



/* تكبير الحاوية المحيطة بها إذا احتجت */

.s-payments-list-item:has(img[alt="SBC"]) {

 padding: 15px !important;

}/* Add custom CSS styles below */