/*زر البنر*/
a.advanced-slider__caption__inner__content__button {
    top: 40px;
}




.mini_top_promotion .simplified-products .product-card.product-card--simplified .product-card__promotion {
        bottom: auto;
        left: auto;
        right: 0;
        top: 0;

}

.product-card__actions {
    position: absolute;
    right: 10px;
    top: 60px;
    z-index: 1;
}


li#\"867931980\" {
    font-size: 16px;
    color: red;
}
li#\38 67931980 {
    font-size: 16px;
    color: red;
}

//
li#\34 97364060 {
    font-size: 16px;
    color: red;
}

li#\"497364060\" {
    font-size: 16px;
    color: red;
}

.carousel-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 30px;
        }
        
        /* التصميم العصري للعنصر */
        .custom-modern-carousel-item {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
            width: 300px;
            transition: all 0.4s ease;
            position: relative;
            display: flex;
            flex-direction: column;
        }
        
        .custom-modern-carousel-item:hover {
            transform: translateY(-15px);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
        }
        
        /* تصميم الصورة */
        .custom-modern-carousel-item img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            transition: transform 0.5s ease;
            border-bottom: 1px solid #f1f1f1;
        }
        
        .custom-modern-carousel-item:hover img {
            transform: scale(1.05);
        }
        
        /* شارة VIP */
        .custom-modern-carousel-item::before {
            content: 'VIP';
            position: absolute;
            top: 15px;
            right: 15px;
            background: linear-gradient(135deg, #f39c12, #e67e22);
            color: white;
            font-weight: bold;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            z-index: 10;
        }
        
        /* المحتوى النصي */
        .custom-modern-carousel-item h3 {
            font-size: 1.4rem;
            color: #2c3e50;
            margin: 20px 0 10px;
            padding: 0 20px;
            transition: color 0.3s ease;
        }
        
        .custom-modern-carousel-item:hover h3 {
            color: #e67e22;
        }
        
        .custom-modern-carousel-item p {
            color: #7f8c8d;
            font-size: 0.95rem;
            padding: 0 20px;
            margin-bottom: 15px;
            line-height: 1.5;
            min-height: 60px;
        }
        
        /* السعر */
        .custom-modern-carousel-item .price {
            display: block;
            font-size: 1.6rem;
            font-weight: bold;
            color: #27ae60;
            margin: 10px 0 20px;
            position: relative;
            padding-bottom: 15px;
        }
        
        .custom-modern-carousel-item .price::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 3px;
            background: linear-gradient(to right, #3498db, #8e44ad);
            border-radius: 2px;
        }
        
        
        .custom-modern-carousel-item:hover::after {
            opacity: 1;
        }
        
        /* تصميم متجاوب */
        @media (max-width: 768px) {
            .custom-modern-carousel-item {
                width: 280px;
            }
            
            .custom-modern-carousel-item img {
                height: 220px;
            }
        }
        
        @media (max-width: 480px) {
            .custom-modern-carousel-item {
                width: 100%;
                max-width: 350px;
            }
            
            .header h1 {
                font-size: 2rem;
            }
        }


/* Add custom CSS styles below */ 
/*
.product-single__main-media {
  opacity: 0 !important;
}


}
@media (min-width: 1024px) {
    .lg\:\!w-2\/4 {
        width: 100% !important;
    }
}


    .lg\:\!w-2\/4 {
        width: 100% !important;
    }

@media (min-width: 1024px) {
    .lg\:sticky {
        position:relative ;
    }
}

.custom-gallery {
width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
.custom-main-img {
    width: 100%;
    max-width: 800px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  margin-bottom: 20px;
}

.custom-thumbs {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.custom-thumb {

    width: 230px;
    height: 120px;
  object-fit: cover;
  border-radius: 6px;
  border: 2px solid #ccc;
  cursor: pointer;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.custom-thumb:hover {
  transform: scale(1.05);
  border-color: #a88d64;
}

    .lg\:\!w-2\/4 {
        width: 10000%;
    }




.product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/4.md\:w-full.w-full.ltr\:md\:pl-\[15px\].rtl\:md\:pr-\[15px\].mt-5.sm\:mt-0 {
    position: relative;
    width: 100%;
    max-width: 10000px;
    min-width: 100%;
}







/* يبدأ تعديل القسم هنا */

.custom-dior-carousel-section {
  position: relative;
  padding: 80px 20px;
  background: #fff;
  overflow: hidden;
  margin-top: 60px;
}

.carousel-background {
  background-image: url('');
  background-size: cover;
  background-position: center;
  filter: brightness(0.4);
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.carousel-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: white;
}

.carousel-title {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 40px;
}

.carousel-products {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 40px;
  justify-content: center;
  padding: 0 20px;
}

.carousel-item {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  border-radius: 8px;
  padding: 20px;
  min-width: 250px;
  max-width: 250px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.carousel-item:hover {
  transform: translateY(-10px);
}

.carousel-item img {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 15px;
}

.carousel-item h3 {
  font-size: 18px;
  margin: 10px 0 5px;
}

.carousel-item .price {
  color: #b40000;
  font-weight: bold;
  margin: 8px 0;
}

.custom-cart-btn {
  margin-top: 10px;
  width: 100%;
}
/* ينتهي شكل القسم هنا */




/* عناوين الصفحة الرئيسية */

h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
    font-weight: 400;
}
/*  */




.custom-dior-card {
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin: 60px 0;
}

.dior-product-container {
  flex-direction: column;
}

.dior-card-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 350px;
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.dior-card-wrapper:hover {
  transform: translateY(-5px);
}

.dior-card-img {
  position: relative;
  display: block;
}

.dior-card-img img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.dior-card-img .badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #d3313e;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 5px;
}

.dior-card-content {
  padding: 20px;
  text-align: center;
}

.dior-card-content h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

.dior-card-content p {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.dior-card-content .price {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}

.dior-card-content .price .current {
  color: red;
  font-weight: bold;
  font-size: 18px;
}
.dior-current-price {
    color: red;

}
.dior-card-content .price .old {
  text-decoration: line-through;
  color: #aaa;
  font-size: 14px;
}

.dior-card-content .btn-add {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 6px;
  font-size: 14px;
  text-d



/*.from-gray-900 {
  display:none;
}


@keyframes blink {
    0% { color: cadetblue; }
    50% { color: red; }
    100% { color: cadetblue; }
}

li#\"245010922\" {
    color: cadetblue;
    font-size: 17px;
    animation: blink 2s infinite;
}





/* إخفاء العنصر فقط في الصفحة المحددة */


@media (min-width: 991px) {
     .product-card__mini-cart{
        display:none;
    }}

/*تعطيل مؤقت انتهاء العروض في صفحة المنتجات */
.product-single .countdown-single, .quickview .countdown-single {
    /* display: contents; */
    margin-bottom: 30px;
    font-size: 18px;
    color: #f11e1e;
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0 12px 60px;
    font-weight: 400;
    min-height: 47px;
    position: relative;
    line-height: 26px;
    box-shadow: 0px 3px 180px 0px rgba(0, 0, 0, .1);
    background-color: var(--bg-secondary);
    display: none;
}



/* تصميم النافذة المنبثقة (Modal) */
.modal {
  display: none;  /* إخفاء النافذة بشكل افتراضي */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5); /* خلفية مظللة */
}

.modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.close-btn {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}















/* Add custom CSS styles below */ 
/*Menu-منتجات رائجة */
li#\"462661220\" {
    color: red;
}

/*li#\"1916709604\" {
    color: red;
    animation: pulse 1.5s infinite;
}

/* تعريف الأنيميشن 
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}*/

li#\"310027580\" {
  color: red;
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/*PC Btn - MainScreen*/
@media (min-width: 961px) {
a.advanced-slider__caption__inner__content__button {
    bottom: -150px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius:20px;
    left:50px;
    color:red;
  }
  
}

/*Mobile Btn - MainScreen*/
@media (max-width: 960px) {
a.advanced-slider__caption__inner__content__button {
    bottom: -150px;
    left:50px;
  }
}

.product-card__promotion.max-w-\[calc\(100\%-60px\)\] {
    transform: rotate(45deg);
    right: 5px;
    background-color: #c0333e; 
    /* padding-right: 124px; */
    width: 120px;

/* Color - Slaide - h1 - Mobile , PC - START*/ 

@media (min-width: 1024px) {
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 5.5rem;
    }
}

/* Color - Pragraph*/ 

p.mb-5.text-store-text-primary {
    color: #6e9a91;

}

/* Color - Slaide - Mobile , PC - END*/ 


/* Color - list menu - Mobile- START*/ 
@keyframes colorAnimation {
  0% { color: #FF6347; }
  25% { color: #8fc7bc; }
  50% { color: #32CD32; }
  75% { color: #1E90FF; }
  100% { color: #8fc7bc; }
}

li#\"867931980\" a {
  animation: colorAnimation 4s infinite;
  font-size : 16px;
}
/* Color - list menu - Mobile- END*/ 



/* Color - National Day - PC  - START*/ 
@media (min-width:968px) {
    .product-card__normal-cart__btn salla-button button, .product-card__mini-cart salla-button button {
        width: 60%;
            justify-content: start;
            
    color: #8fc7bc;
    height: 40px;
    border-radius: 1px;
    position: relative;
    justify-content: start;
    }
}

/* Color - National Day - PC  - END*/ 


/* Color - National Day - MOBILE - START*/ 
@media (max-width:968px) {
    .product-card__normal-cart__btn salla-button button, .product-card__mini-cart salla-button button {
        width: 80%;
            justify-content: start;
            
    height: 40px;
    border-radius: 1px;
    position: relative;
    justify-content: start;
    }
}


/* Color - National Day - MOBILE - END*/ 



/* خلفية المتجر STRT */ 


/* خلفية المتجر END*/ 


/* بداية الصفحة التحميل */

.loading-overlay {

backdrop-filter: blur(20px);

-webkit-backdrop-filter: blur(20px);

-moz-backdrop-filter: blur(20px);

position: fixed;

width: 100%;

height: 100%;

z-index: 99999;

left: 0;

top: 0;

background-color: rgb(255 255 255 / 0.5%);

}

.loading-overlay .spinner {

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%, -50%);

-webkit-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

}

/* .loading-overlay .spinner img {

height: 2.5rem;

width: auto;r

}*/

/*@media (min-width: 768px) {

.loading-overlay .spinner img {

height: 4rem;

}

}*/

@-webkit-keyframes bounce {

0%,

100% {

-webkit-transform: scale(0.7);

}

50% {

-webkit-transform: scale(1.2);

}

}

@keyframes bounce {

0%,

100% {

transform: scale(0.7);

-webkit-transform: scale(0.7);

}

50% {

transform: scale(1.2);

-webkit-transform: scale(1.2);

}

}

/* بداية الصفحة التحميل اللون*/

body.slider_has_overlay .advanced-slider .swiper-slide * {

color: #fff;

}

/*لون المتجر الرسمي*/

.app-inner.flex.flex-col.min-h-full.bg-storeBG {

background-color: ;

}

.s-button-primary-outline {


}

.promo_with_countdown .s-count-down-item {

background: transparent;

border: 1px solid;

border-color: #eee;

border-radius: 0;

color: #fff;

flex: initial;

width: 5rem;

}

/*Countdown*/

a.advanced-slider__caption__inner__content__button {

top: 120px;


padding: 15px;

}

/*link  1+1> PC*/

li#\35 87647599 {
    color: red;
}


/*link عيد الأضحى> Mobile*/

li#\"587647599\" {

color : red;
font-size : 20px;

}

@keyframes pulse {

0% {

transform: scale(1);

}

50% {

transform: scale(1.05);

}

100% {

transform: scale(1);

}

/* الشريط الإعلاني */

.animated-text.animated-text--2 {

height: 50px;

font-size: 20px;

padding-bottom: 40px;

}

/* btn -slide home > PC

@media (min-width:1547px) {

a.advanced-slider__caption__inner__content__button {

top : 75px;

font-size: 30px;

width: 170px;

height: 101px;

padding: 15px;

padding-top: 35px;

border-radius: 30px;

}

}*/

/* btn -slide > home mobile

@media (min-width:767px) {

a.advanced-slider__caption__inner__content__button {

top: 260px;

right: 150px;

}

}*/

/* Start - العروض */

/*menu عروض الشهر ( الكمبيوتر )*/

li#\31 059737432 span {

text-transform: uppercase;

background-image :linear-gradient(322deg, #231557 0%, #44107a

29%, #ff1361 67%, #fff800 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 20px;

}

/*menu عروض الشهر ( الجوال )*/

@media (max-width: 767px) {

li#\"1059737432\" span {

text-transform: uppercase;

background-image :linear-gradient(322deg, #231557 0%, #44107a

29%, #ff1361 67%, #fff800 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

}

}
/ عنوان القسم "خصومات الشهر

li#\"00000000\" , span {

text-transform: uppercase;

background-image :linear-gradient(322deg, #231557 0%,#44107a

29%, #ff1361 67%, #fff800 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 1.5em; /* حجم الخط النسبي */

}

*/

/*سلايد تنصيف عروض الشهر للكمبيوتر */

@media (min-width: 991px) {

.cats_style_2 .cat-content-wrapper {

flex-direction: column;

align-items: center;


}

}

/* End - العروض */

/*Backgrund-Perfume*/

.space-y-4.lg\:space-y-8.absolute.top-0.left-0.w-full.h-full.flex.flex-col.items-center.justify-center.px-2\.5.py-10.lg\:p-10.z-\[1\] {

background-color: rgba(17, 24, 31, 0.20);

}

/*خلفية المنتج الذي عليه عد تنازلي*/

.mx-auto.max-w-7xl.px-4.sm\:px-6.lg\:px-8 {
    position: absolute;
    bottom: 30px;
    height: 300px;

}


/*.relative.bg-gray-900.bg-opacity-75.px-6.py-32.sm\:px-12.sm\:py-30.lg\:px-16 {

background-color: rgba(17, 24, 31, 0.60);


}


/*اعناصر العد التنازلي - النص - اللون-*/

a.mt-8.block.w-full.border.border-white.bg-transparent.px-8.py-3.text-base.font-medium.text-white.hover\:bg-gray-100.hover\:text-gray-800.sm\:w-auto {

font-size : 25px;

font-weight : 500;

}

/* الديف حق قسم - منتجات ثابتة */

.mb-8 {

text-align: center;

}

.h2.text-center.text-store-text-primary.text-2xl.lg\:text-3xl.font-bold.leading-tight {

width: 200px;

height: 200px;

border: 2px solid transparent; /* يجعل الحدود شفافة بدايةً */

border-radius: 10px; /* لتحديد شكل الحواف */

position: relative;

overflow: hidden; /* يخفي أي شيء يتخطى الحدود */

}

/* الحواف الذي فوق footer */

.footer-is-custom .store-footer .store-footer__curve {

color: var(--footer-bg);

content-visibility: hidden;

}

.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter {

background-color: rgb(0);

tw-border-opacity: 0.1;

}

/* الشريط الأبيض الذي في الفوتر */

.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter {

border-bottom-color: rgba(229, 231, 235, 0.100);

}

/* زر إضافة الى السلة - للمنتجات */

.s-button-primary-outline {

color:#414042;

}

/* عنوان اسفل الصفحة - آراء العملاء */

/*

div {

text-align : center;

}*/
  .wa-float-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    color: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 9999;
  }
  .wa-float-btn:hover {
    background-color: #1ebd5a;
  }
  .wa-float-btn i {
    pointer-events: none;
  }