/* Add custom CSS styles below */ 
}
/* إخفاء صورة الأفاتار في قسم آراء العملاء */
.testimonials-item img {
    display: none !important;
}

/* أو لو الثيم يغير الترتيب، هذا يمسك أي صورة داخل التستيمونيال */
.testimonials-item .flex img {
    display: none !important;
}
/* رفع النص والنجوم بعد إزالة الصورة */
.testimonials-item .flex.items-center.justify-center {
    margin-bottom: 0 !important;
}
/* إخفاء عنوان قسم آراء العملاء */
.home-block-title h2,
.sectionheader h2,
.text-store-text-primary.text-2xl.lg\:text-3xl.font-bold.leading-tight {
    display: none !important;
} 
/* تصغير نص فقرة الوصف في الفوتر */
.footer-description {
    font-size: 13px !important;   /* صغّريها هنا */
    line-height: 1.6 !important;  /* يخلي السطور أنعم */
    color: #dddddd !important;    /* تقدرين تخففين اللون بعد */
}
/* تصغير trust badges في الفوتر */
.s-trust-badges-wrapper {
    transform: scale(0.7);   /* صغّري النسبة هنا */
    transform-origin: center; 
    margin-top: -5px;        /* ترفيع بسيط */
    margin-bottom: 5px;      /* تحسين المسافة تحت */
}
.enhanced-title-border.home-block-line {
    display: none !important;
}
#compare-slider, 
#compare-slider .first, 
#compare-slider .second, 
#compare-slider .first-overlay {
    height: 260px !important; /* صغّري الرقم حسب ذوقك */
    max-height: 260px !important;
}
/* تصغير قبل/بعد وخليه مستطيل بدل مربع – لموبايل */
@media (max-width: 768px) {

  /* عنصر قبل/بعد نفسه */
  img-comparison-slider,
  img-comparison-slider#w-compare-slider,
  img-comparison-slider#compare-slider,
  img-comparison-slider.w-full.h-full {
    width: 100% !important;
    max-width: 380px !important;   /* زي اللي في الصورة الثانية تقريباً */
    height: 234px !important;      /* خليه مستطيل مو مربع */
    max-height: 234px !important;
    margin: 0 auto !important;     /* يجي بالنص */
    border-radius: 16px !important;/* حواف ناعمة فاخرة */
    overflow: hidden !important;   /* يمنع أي شيء يطلع برا الإطار */
    display: block !important;
  }
/* إزالة الخلفية والدائرة */
.sicon-keyboard_arrow_down,
.sicon-keyboard_arrow_down::before {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* جعل السهم نفسه ناعم وفاخر */
.sicon-keyboard_arrow_down {
    width: 22px !important;
    height: 22px !important;
    color: #000 !important; /* لون السهم */
    font-size: 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
} 
/* إظهار عنوان قسم الفيديوهات وإعادته فوق */
.vid-class .home-block-title,
.vid-class .home-block-title h2 {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

/* إظهار الوصف تحت العنوان */
.vid-class .home-block-title p {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 14px !important;
    margin-top: 5px !important;
    text-align: center !important;
}
  /* حركة ظهور النص */
.text-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s ease;
}

/* لما تظهر بالمشهد */
.text-animate.show {
    opacity: 1;
    transform: translateY(0);
}/* حركة الظهور لنص الشتاء */
.winter-text {
    opacity: 0;
    transform: translateY(25px);
    transition: all 1s ease;
}

/* لما يدخل المشهد */
.winter-text.show {
    opacity: 1;
    transform: translateY(0);
}
  /* إخفاء عداد العد التنازلي في صفحة المنتج */
.product-single .countdown-single {
    display: none !important;
}
.product-single p {
    line-height: 2.2 !important;
}
@keyframes softPulseStrong {
  0% { 
    transform: scale(1); 
    opacity: 1;
  }
  50% { 
    transform: scale(1.07);  /* أقوى شوي */
    opacity: 0.85;           /* أوضح */
  }
  100% { 
    transform: scale(1); 
    opacity: 1;
  }
}

h2.text-2xl.lg\:text-4xl.text-primary.font-bold.mb-5 {
    animation: softPulseStrong 2.6s ease-in-out infinite;
}
/* صندوق الكتابة */
.typewriter {
  display: inline-block;
  direction: rtl;
  text-align: right;
  border-right: 3px solid #C7A76B;
  white-space: nowrap;
  overflow: hidden;
  font-weight: inherit;
  animation: cursorBlink 0.7s infinite;
}

/* وميض المؤشر */
@keyframes cursorBlink {
  0% { border-color: transparent; }
  50% { border-color: #C7A76B; }
  100% { border-color: transparent; }
}
/* ضبط عنوان مجموعة العناية الفاخرة في المنتصف */
h1.font-bold.text-xl.rtl\:pl-3.ltr\:pr-3.text-store-text-primary {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    animation: softPulse 2.2s infinite ease-in-out;
}

/* النبض */
@keyframes softPulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.92; }
    100% { transform: scale(1); opacity: 1; }
}
/* تصغير شعار La Reina */
a.navbar-brand img {
    max-height: 38px !important; /* غيري الرقم حسب رغبتك */
    height: auto !important;
    width: auto !important;
}
/* تصغير بوكس الترويج */
.product-card__promotion {
    font-size: 10px !important;   /* تصغير الخط */
    padding: 3px 6px !important;  /* تصغير البادينق */
    border-radius: 4px !important; /* انحناء أخف */
    line-height: 1 !important;    /* يقلل الارتفاع */
    height: auto !important;      /* يخلي الحجم يناسب المحتوى */
}
 .s-rating-stars-reviews {
    display: none !important;
}
 h1.font-bold.text-2xl.text-store-text-primary {
    animation: laPulse 2.2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes laPulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.03); } /* نبض خفيف فاخر */
    100% { transform: scale(1); }
}
/* تنسيق كرت آراء العملاء بالكامل */
.s-comments-item {
    background: #f9f9f9 !important;
    border-radius: 14px !important;
    padding: 18px !important;
    border: 1px solid #eee !important;
    margin-bottom: 22px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* إزالة أي ألوان غريبة ظهرت عندك */
.s-comments-flex,
.s-comments-item-inner,
.s-comments-item-wrapper {
    background: transparent !important;
}

/* الصورة الشخصية تصغير وتنعيم */
.s-comments-item-avatar img {
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    object-fit: cover;
}

/* اسم العميل */
.s-comments-item-user-info-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

/* عبارة قام بالشراء */
.s-comments-item-flex-1 {
    opacity: .8;
    font-size: 13px !important;
}

/* التاريخ */
.s-comments-item-timestamp {
    font-size: 13px !important;
    color: #777 !important;
}

/* النجوم */
.s-comments-item-stars {
    transform: scale(1.1);
    margin: 5px 0 !important;
}

/* النص */
.s-comments-item-content p {
    font-size: 15px !important;
    color: #333 !important;
    margin-top: 8px !important;
}
  .product__count .flex.text-[#f11e1e].flex-grow.shrink-0 span:last-child {
    font-size: 0 !important;
}
 /* تنسيق العبارة + نبض راقي */
.custom-sold-text {
    font-size: 12px !important;   /* أصغر */
    font-weight: 500 !important;
    color: #e60000 !important;
    display: inline-block !important;
    animation: softPulse 1.6s ease-in-out infinite; /* النبض */
}

/* نبض أنيق للعنصر الأحمر المحدد */
#app.product-single div[style*="rgb(241, 30, 30)"] {
    animation: softPulse 1.7s ease-in-out infinite;
    display: inline-block !important;
}

/* حركة النبض */
@keyframes softPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.08);
        opacity: 0.88;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
  /* تصغير حجم عنوان "حين تتحول العناية إلى لحظة تستحق المشاركة" فقط */
h2.mt-2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl.typewriter {
    font-size: 18px !important;   /* الحجم الجديد */
    line-height: 1.5 !important;
}
  /* تأثير فاخر على فقرات الأسئلة الشائعة */
.single-faq {
    transition: all 0.25s ease-in-out !important;
}

.single-faq:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    background-color: #ffffff !important; /* تبقى بيضاء ومرتّبة */
}
/* -----------------------------------------------------
   ظل فاخر + خلفية للصندوق
----------------------------------------------------- */
.content--single-page {
    background: linear-gradient(to bottom, #ffffff 0%, #faf8f6 100%) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.08) !important;
    animation: boxFade 0.8s ease forwards;
}

@keyframes boxFade {
    0% { opacity: 0; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* -----------------------------------------------------
   حركة العنوان الحقيقي (strong داخل h2)
----------------------------------------------------- */
.content--single-page h2 strong {
    font-size: 32px !important;
    font-weight: 800 !important;
    display: block;
    text-align: center;
    margin-bottom: 12px !important;
    color: #1f1f1f !important;

    opacity: 0;
    transform: translateY(20px) scale(0.95);
    animation: titleAnim 1s ease forwards;
}

@keyframes titleAnim {
    0%   { opacity: 0; transform: translateY(20px) scale(0.95); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
/* ===========================
   تنسيقات صفحة (قصتنا)
   =========================== */

/* خلفية الصفحة + شكل فاخر */
.content--single-page {
    background: linear-gradient(to bottom, #ffffff 0%, #faf8f6 100%) !important;
    border-radius: 14px !important;
    padding: 35px 22px !important;
}

/* العنوان الرئيسي (قصتنا) */
.content--single-page h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 12px !important;
    color: #1f1f1f !important;
}

/* خط ذهبي تحت العنوان */
.content--single-page h2::after {
    content: "";
    display: block;
    width: 45px;
    height: 3px;
    background: #bfa67a;   /* ذهب خفيف */
    margin: 8px auto 0;
    border-radius: 3px;
}

/* الفقرات */
.content--single-page p {
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: #3f3f3f !important;
    margin-bottom: 14px !important;

    /* حركة دخول ناعمة */
    opacity: 0;
    transform: translateY(18px);
    animation: fadeUp 0.8s ease forwards;
}

/* مسافات بين الفقرات */
.content--single-page p + p {
    margin-top: 6px !important;
}

/* تأثير فاخر للكلمات المهمة */
.content--single-page strong,
.content--single-page span.brand {
    color: #bfa67a !important;
    font-weight: 700 !important;
}

/* حركة الفيد أب */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* تصغير العناوين الرئيسية داخل صفحة القصّة */
.content--single-page h2 strong {
    font-size: 22px !important;   /* الحجم الجديد */
    font-weight: 700 !important;
    line-height: 1.5 !important;
    display: block !important;
    text-align: center !important;
    margin: 10px 0 14px !important;
    color: #1f1f1f !important;
}
/* إخفاء العنوان الرئيسي (قصتنا) الموجود خارج البوكس */
h1.font-bold.text-2xl.mb-6 {
    display: none !important;
}
/* عنوان بنفس لون شعار La Reina + نبض + تصحيح الظهور */
.content--single-page h2 strong {
    display: inline-block !important;
    color: #D9B77A !important;   /* نفس لون الشعار */
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1);
    animation: titlePulse 1.8s ease-in-out infinite;
}

@keyframes titlePulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}
/* تحسين كارد المنتج داخل السلة */
.cart-item, 
.s-cart-item {
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.07) !important;
    padding: 18px !important;
    border: 1px solid #f0eee9 !important;
}

/* تكبير صورة المنتج داخل السلة */
.cart-item img, 
.s-cart-item img {
    border-radius: 10px !important;
    width: 95px !important;
    height: auto !important;
}

/* لون السعر الجديد (نفس لون الشعار) */
.cart-item .price,
.s-cart-item .price {
    color: #D9B77A !important;
    font-weight: 700 !important;
}

/* السعر القديم */
.cart-item .old-price,
.s-cart-item .old-price {
    color: #a1a1a1 !important;
    font-size: 14px !important;
}

/* تحسين زر + و - */
.quantity-control button {
    background: #f7f5f1 !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* تنسيق زر إتمام الطلب */
button[type="submit"], 
.checkout-btn {
    background-color: #1f1f1f !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 14px 0 !important;
    border-radius: 12px !important;
    box-shadow: 0px 8px 22px rgba(0,0,0,0.15) !important;
    transition: 0.3s ease !important;
}

button[type="submit"]:hover, 
.checkout-btn:hover {
    background-color: #D9B77A !important;
    color: #1f1f1f !important;
}

/* إضافة ظل خفيف لصندوق المجموع */
.summary-box, 
.cart-summary {
    border-radius: 14px !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.06) !important;
    padding: 18px !important;
}

/* تحسين النصوص */
.cart-summary h3, 
.cart-summary .title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1f1f1f !important;
}
/* إخفاء العداد داخل التصفّح السريع فقط */
.quickview .countdown-single {
    display: none !important;
}
/* كرت فاخر لقسم تفاصيل المنتج */
#details_table.tab-pane,
#details_table.tab-pane.show,
.more-tab-container,
.more-info-tabs_content {
    background: #ffffff !important;
    border-radius: 22px !important;
    padding: 22px 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    margin-top: 18px !important;
    line-height: 1.8 !important;
}

/* تصغير الخط للنصوص داخل تفاصيل المنتج */
#details_table p,
#details_table span,
#details_table div,
#details_table strong {
    font-size: 14.5px !important;   /* ← أصغر لكن واضح */
    color: #333 !important;
}

/* العناوين داخل تفاصيل المنتج */
#details_table h1,
#details_table h2,
#details_table h3 {
    font-size: 16px !important;     /* ← تصغير العنوان */
    font-weight: 700 !important;
    color: #BAA06A !important;       /* لون الشعار */
    margin-bottom: 8px !important;
}

/* إزالة الخلفية الزرقاء من التبويب */
.more-tab-container {
    background: #fff !important;
}

/* تقليل المسافات حول القسم */
.product-more-info__inner {
    padding-top: 0 !important;
}