/* Add custom CSS styles below */ 
.p-4 {
    scale: 1.5;
    background-color: transparent;
    padding: 0;
}



/*مميزات*/
.s-block--enhanced-features__item {
    background-color: #ffffff;
}
.text-store-text-secondary {
    color: #8c8b8b;
}



/*العرض*/
.py-32 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/*الاسئلة الشائعة*/
.border-store-text-secondary {
    
    border-color: #d1cdcd;
}
.mt-2.text-lg.leading-8.text-store-text-secondary {
    font-size: 16px; 
}


/*البنرات*/
.banner--fixed img {
  
    margin-bottom: 26px;
}


/*
.banner--fixed img {
  opacity: 0;
  transform: translateY(20px) scale(1.1);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

.banner--fixed img.in-view {
  opacity: 1;
  animation: zoomOutSlideUp 2.5s ease-in-out forwards;
}

@keyframes zoomOutSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(1.1);
  }
  50% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 1;
    transform: translateY(-10px) scale(0.95);
  }
}

*/

.banner--fixed img {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transition: opacity 1.2s ease, transform 1.2s ease, visibility 0s linear 1.2s;
}

.banner--fixed img.in-view {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  animation: scaleFadeIn 2.5s ease-in-out forwards;
}

@keyframes scaleFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}



    
/*اول قسم السلايدر*/

.advanced-slider .swiper .swiper-slide-active h2 ,.advanced-slider .swiper .swiper-slide-active p  {
    color: #ffffff;
}

 
.advanced-slider__caption__inner__content__button

 {
    border-radius: 25px;
}
salla-slider .swiper-pagination-bullet-active {
  
    background-color: #ced7e1;
}




/*الماركات*/


.s-block--animated-brands--brand {
    background: #d6dfeb !important;
}

.s-block--animated-brands--marquee .marquee__group {
   
    animation: scroll-x 15s linear infinite;
}
.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: -2s;
}


/*اخفاء تواصل معنا */
#karzoun-widget-send-button {
    display: none;
}

/*اخفاء النص اللي بجانب علامة الواتس*/
.cEaIkM
 {
    display: none;
 }
 
 
 /* بطاقة المنتجات */
 
 
 
 
 /* الاحصائيات */
 .text-store-text-secondary {
    color: #8c8b8b;
}




/* قصة  المتجر*/

@media (min-width: 768px) {
    .md\:w-5\/12 {
        margin: auto;
        width: 33.666667%;
    }
}

.\!rounded-none {
    border-radius: 4px !important;
}

.bg-primary {
    background-color: var(--product-enhanced-btn-bg);
      

}

.text-primary-reverse {
    color: #ffffff;
}

.text-primary {
    
    color: var(--product-enhanced-btn-bg);
}


/* انزل كلمة يلبسك شعور الفخامة */

 .split-line {
    display: block;
  } 
  
  
  
  /* العناوين */
  
  .text-3xl {
    line-height: 2.5rem;
}




/*footer*/

.store-footer {
   
    margin-top: 1rem;
    
  }


.footer-is-custom .store-footer .footer-rights p {
    color: #ffffff;
    
}

.footer-is-custom .store-footer .store-footer__curve {
    color: #ffffff00;
}


footer img[alt="متجر ناتق للعود"] {
  scale: 1.5;
}

.footer-description, .footer-description p, .footer-description+p
 {
   padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 34px;
}








/*  اراء العملاء */

.bg-store-bg-secondary {
    background-color: #ffffff;
}




/*  footer اضافة سطر قبل ال في صفحة المنتجات */
  
  .fit-slider-products .s-slider-swiper-wrapper .swiper-slide {
    margin-bottom: 4rem;
    }
    
    
    
    
/*عرض  منتجات */
/*
salla-slider .slide--one-sixth {
    margin-top: 4rem;
    width: 44%;
}
*/

.home-slider:not(.photos-slider) .swiper-slide {
    background: #ffffff;
}

div.swiper-lazy.swiper-lazy-loaded {
    margin-top: -39px;
}











/* product page */




.product-card--primary-buttons button:hover, .product-card--primary-buttons salla-button:hover{
color: #ffffff !important;
opacity: 0.8;
}

.product-card--primary-buttons button:hover i, .product-card--primary-buttons salla-button:hover i {
    color: #ffffff !important;
}


    .product-more-info .more-tab-container .more-info-tabs__nav-link.active {
        
        color: #00479f;
    }

.s-button-primary:hover {
    color: white;
    background-color: #00479f;
    opacity: 0.8 !important;
}

.s-button-primary {
    border-color: #00479f;
    background-color: #ffffff;
    color: #00479f;
}


.s-comment-form-input {
    background-color: #f9f9f9 !important;
    border: 1px solid #dce3ec;
}


.s-fast-checkout-button.outline {
    
    border: 1px #6180a6 solid !important;
    }


.btn--collapse,.product-more-info .more-tab-container .more-info-tabs__nav-link{

    border-color: rgb(200 210 223);
    background-color: #f9f9f9;

}



.product-price-top {
  display: none !important;
}


.tamara-product-widget, #tabbyPromo>[class*=styles__tabby]

 {
    background-color: #f2f0f0 !important;
}

.product-single .product-single__info button.s-social-share-btn, .product-single .product-single__info button.btn--wishlist

 {
    
    background-color: #f2f0f0;
    
  }
  
  
  .product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn

 {
    color: white;
    background-color: var(--product-enhanced-btn-bg);

    border: 1px solid;
}


.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *) {
    color: var(--product-enhanced-btn-bg);
    
}
.s-fast-checkout-button.outline {
   
    border: 1px solid var(--product-enhanced-btn-bg) !important;
}
/*
.s-button-element:not(:disabled):not([loading]) {
    border: 1px solid;
    color: white;
    background: var(--product-enhanced-btn-bg);
}
*/



/* اقسام المتجر */

.text-base {
    font-size: 1rem;
    }
    
    
/*سلايدر بداية المتجر */
.advanced-slider__caption__inner__content__button span {
    color: #000000 !important;
}
.advanced-slider .swiper .swiper-slide-active h2, .advanced-slider .swiper .swiper-slide-active p {
    color: #000000;
}    

.advanced-slider__caption__inner__content__button {
    background-color: #ffffff9e !important;
    margin-top: 235px;
}
.advanced-slider__caption__inner--center {
    margin-top: -90px;
}
.advanced-slider__caption__inner__content__button:hover{
    border-radius: 25px;
        background-color: #ffffff9e !important;

}


.advanced-slider__caption__inner__content__text {
 background-color: #ffffff9e !important;
  border-radius: 25px; 
  padding: 10px; /* مسافة داخلية لتجنب تلاصق النص بالحواف */
  box-sizing: border-box; /* يجعل البادينج والحد ضمن الأبعاد */
}







/*products*/
.form-input {
    color: #ffffff;
    background-color: #00479f !important;
}




// نفترض إن ده هو أول div عندك اللي فيه الكلاسات دي
const targetDiv = document.querySelector('div.flex.md\\:gap-15.items-start.justify-center.flex-wrap.md\\:flex-nowrap');

if (targetDiv) {
  targetDiv.classList.add('enhanced-title-border');
}