/* Add custom CSS styles below */
        
body{
    background-color: #fdf9f5;
/*background-image:linear-gradient(rgba(255, 255, 255, 0.8)),
    url("https://i.ibb.co/gL7Fyvhk/pattren-ellora-01.png"); */
 background-position: center; 
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Top Ads*/
.top-navbar{
margin:0px 0px;
padding:0px 0px;
background-color:#124d6d;
 }a
 .marquee-container {
      position: relative;
      width: 100%;
      overflow: hidden;
      color: #fff;
      height: 40px;
      display: flex;
      align-items: center;
    }

    .marquee-text {
    width:100vw;
      position: absolute;
      white-space: nowrap;
      font-size: 18px;
      animation: scroll linear infinite;
    }

    @keyframes scroll {
      from {
        transform: translateX(-100%);
      }
      to {
        transform: translateX(100%);
      }
    }
/*-------------------- Header ----------------*/


 
section.s-block:nth-of-type(1) .container {
    max-width: 100%;
    padding: 0;
}
section.s-block:nth-of-type(1)  {
    margin-top:0px;
}
section.s-block img{
    background-color: transparent;
    border-radius:0px;
    }
    /*------------------- Hero -------------*/
    .hero-section {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 100%;
            height: 85vh; /* ارتفاع ملائم للشاشات المختلفة */
            overflow: hidden;
            text-align: right;
        }

        .hero-banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-image: url('https://i.ibb.co/VY0QHbf6/ibnu-ihza-e68kz8x-Ki8-unsplash.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            transition: transform 0.5s ease;
        }

        /* تظليل لزيادة وضوح النص فوق الصورة */
        .hero-banner::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.6); /* تظليل خفيف */
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 90%;
            padding: 3rem;
   /* خلفية نصف شفافة للنص */
            transform: translateY(0);
            transition: transform 0.6s ease-out, opacity 0.6s ease-out;
            opacity: 1;
        }

        .hero-content h1 {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: #124d6d; /* استخدام اللون الأساسي الجديد */
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        }

        .hero-content p {
            font-size: 1.3rem;
            margin: 1.5rem 0rem;
            max-width: 600px;
            font-weight: 400;
        }

        .hero-button {
            display: block;
            padding: 1rem 2.5rem;
            background-color:rgba(17, 72, 101,0.9);
            color:#fff;
            text-decoration: none;
            width:12rem;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 700;
            text-align: center;
            border: 2px solid var(--primary-color);
            transition: all 0.3s ease;
            /* تحديث الظل ليتناسب مع اللون الجديد (#124d6d) */
            box-shadow: 0 4px 15px rgba(18, 77, 109, 0.4);
        }

        .hero-button:hover {
            background-color:rgba(17, 72, 101,0.9);
            color:#fff;
            transform: translateY(-3px);
            /* تحديث الظل ليتناسب مع اللون الجديد (#124d6d) */
            box-shadow: 0 6px 20px rgba(18, 77, 109, 0.6);
        }

        /*
        التصميم المتجاوب (Responsive Design)
        */
        @media (max-width: 1024px) {
            .hero-content h1 {
                font-size: 3rem;
            }
            .hero-content p {
                font-size: 1.1rem;
            }
        }

        @media (max-width: 768px) {
            .hero-section {
                height: 70vh;
            }
            .hero-content {
                max-width: 95%;
                padding: 2rem 1.5rem;
                text-align: center;
            }
            .hero-content h1 {
                font-size: 2.5rem;
            }
            .hero-content p {
                font-size: 1rem;
                max-width: 100%;
            }
            .hero-button {
                padding: 0.8rem 2rem;
                font-size: 1rem;
            }
        }
 
 /*-------------------- reviews ----------------*/
 .s-reviews-testimonial__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
        text-align: center;
 }
 .s-reviews-testimonial__name_wrapper {
    align-items: center;
    display: flex;
    flex-direction:column !important;
    justify-content: center;}
 .s-reviews-testimonial,
 .s-block--features__item{
 background-color:rgba(106, 193, 202,0.5);
     border-radius:40px;
 }
 
 /*- -------------------------- Banner   -------*/
 .s-block--video{
 margin-top:1rem;
 }
 .s-block {
    margin-top: 1rem;
}

/*--------- product card -------*/
.s-product-card-image,.s-product-card-entry{
 background-color:#f5ebe1;
 
}
salla-add-product-button button{
background-color:#124d6d;
color:#fff !important ;
 }
salla-add-product-button:hover{
color:#fff;
}

/*product page*/
.product__description{
 background-color:rgba(245, 235, 225,0.7)!important;
}
.bg-white {
  
    background-color: rgb(253 249 245)!important;
}

/*footer*/
.store-footer__inner{
 background-color:rgba(245, 235, 225,0.7)!important;
}


/* ------ Loader ------*/
        @keyframes zoom-pulse {
            0% {
                transform: scale(0.7) rotate(0deg); 
                opacity: 0.8;
            }
            50% {
                /* تكبير أكثر وضوحاً مع دوران بسيط */
                transform: scale(0.9) rotate(20deg); 
                opacity: 1;
            }
            100% {
                transform: scale(0.8) rotate(0deg); 
                opacity: 0.8;
            }
        }
        @keyframes dot-pulse {
            0%, 100% {
                transform: scale(0.3);
                opacity: 0.4;
            }
            50% {
                transform: scale(.8);
                opacity: 1;
            }
        }
        .logo-spinner {
            animation: zoom-pulse 2s ease-in-out infinite; 
            transform-origin: center center;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .loader-container {
            transition: opacity 0.5s ease-out; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100vw;
            height: 100vh;
            background-color: #f5ebe1;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
        }
        div.loader-init::after{
        display:none;
        }
        
        /*UserIcon */
        .s-user-menu-trigger{
          border-radius:50%;
        }





.bf-inner {

    font-family: 'Saudi';
}
@media (max-width: 720px)
{ .kpis {  justify-content: center; align-items: center; } 

  .bf-kpi { justify-content: center; align-items: center; }
  .actions {  justify-content: center; } 

} 
.bf-btn.primary { background: #decdbf; color: #ffffff; }
/* تطبيق فقط على تابلت ولابتوب */
@media (min-width: 720px) and (max-width: 1366px) {
  .ba-wrapper {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }.s-products-slider-slider .s-slider-swiper-wrapper{ display: flex; flex-direction: row; justify-content: center; }
  .ba-box {
    width: 40%;
  }.s-product-card-entry{width: 25%;}
}
.s-product-card-image, .s-product-card-entry {
    background-color: #fdf9f5;
}

/* عرض 2 خانة في الصف للموبايل */
@media (max-width: 720px) {
  .features-grid{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center;
  }
  .features-grid .feature-item{
    /* كل عنصر ياخد حوالي نصف العرض مع احتساب الفجوة */
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
    box-sizing: border-box;
    padding: 10px;
    text-align: center; /* نص العنصر يتوسّط */
  }
.nav-center-logo img {
    max-height: 40px;}
  /* تصغير الدائرة والصورة داخل الموبايل عشان تناسب العرض */
  .features-grid .icon-wrapper{
    width: 84px;
    height: 84px;
    margin-bottom: 10px;
  }.s-product-card-entry { width: 48%; }
  .features-grid .icon-wrapper .icon-img{
    width: 70%;
    height: 70%;
    object-fit: contain;
  }

  .features-grid .feature-title{ font-size: 15px; margin:6px 0 8px; }
  .features-grid .feature-description{ font-size: 13px; color:#666; line-height:1.3; }
}


.top-navbar {
    display: none;}
.bf-faq {
    display: none;}section.s-block img { background-color: #f5ebe1; border-radius: 20px; } .s-button-outline { border-color: rgb(245 235 225);} salla-add-product-button button { background-color: transparent; color: #b79879 !important; }

.navbar-brand {
    display: none !important;}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) { padding-left: 0rem; } .s-slider-block__title { margin-bottom: 2rem; justify-content: center; } .s-slider-block__title-left { display: none !important;}
.s-products-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
    .s-block__title {
        JUSTIFY-CONTENT: center;
    }
section.s-block:nth-of-type(1) { margin-top: 0px; background: white; padding-top: 1rem;} .s-product-card-image, .s-product-card-entry { background-color: white; }
.s-products-list-wrapper {
   
    margin-bottom: 0rem;
}.s-block {
    margin-top: 0rem;
}/* اختياري: لو الشاشة صغيرة جداً (مثلاً <360px) خلي عنصر واحد في الصف */
@media (max-width: 360px){
  .features-grid .feature-item{
    flex: 0 0 100%;
    max-width: 100%;
  }
  
}
.index .s-block {
    margin-top: 0rem;
    background: white;padding-top: 0rem!important;
}
section.s-block img {
    border-radius: 0px;
}
@media (max-width: 360px) {
    .features-grid .feature-item {
        flex: 0 0 50%;
    }
}.product__description {
    background-color: rgb(252 248 245) !important;
}
.s-button-text {
    color: #1d5442;} .bf-before-after {  background: white;} 
.bf-faq1{  background: white;} 
.s-comments-product {
  
    background-color: rgb(253 249 245)!important;
 
}
 @media (max-width: 720px) {
    .product-single .s-product-card-entry {
        width: 100%;
    }
}
.product-single .s-product-card-entry{ width: 100%; }
@media (max-width: 768px) {
    .about-container {
        flex-direction: column-reverse !important;
        text-align: center;
    }
}

    .hero-section {
        display: none;
    }
.s-add-product-button-mini-checkout-content:where([dir=rtl],[dir=rtl] *) {
    color: #124d6d!important;
}