*/

2. صندوق البحث (Search Bar) مع تأثير التركيز
   ==================================================
*/
/* --- 2. صندوق البحث (Search Bar) --- */

.s-header-search-input, .s-search-input {

    border-radius: 50px !important;

    border: 1.5px solid #eee !important;

    background: #fdfdfd !important;

    padding: 0 20px !important;

    transition: all 0.3s ease-in-out !important;

    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;

}



.s-search-input:focus {

    border-color: #1C398E !important;

    background-color: #ffffff !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;

    outline: none !important;

}


.s-product-card-entry {
    background: #fff;
    border-radius: 15px !important;
    border: 1px solid #f1f1f1 !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    overflow: hidden;
    position: relative;
}

.s-product-card-entry:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    border-color: #4F39F6 !important; /* إضافة حدود ملونة عند التحويم */
}

.s-product-card-image img {
    transition: transform 0.5s ease;
}

.s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.08);
}

/* تأثير اللمعان (Shine Effect) */
.s-product-card-entry::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-25deg);
    transition: 0.7s;
}
.s-product-card-entry:hover::after { left: 125%; }

/* تنسيق السعر */
.s-product-card-sale-price h4 {
    color: #e91e63 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    background: rgba(233, 30, 99, 0.05);
    padding: 2px 8px;
    border-radius: 8px;
    display: inline-block;
}

/* ==================================================
   6. أزرار الأكشن (Buttons) مع تأثير النبض
   ==================================================
*/
.s-product-card-content-footer button,
.s-button-element.s-button-primary-outline {
    border-radius: 50px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    border: 1.5px solid #1C398E !important;
}

@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(28, 57, 142, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(28, 57, 142, 0); }
    100% { box-shadow: 0 0 0 0 rgba(28, 57, 142, 0); }
}

.s-product-card-content-footer button:hover {
    background-color: #1C398E !important;
    color: #fff !important;
    animation: pulse-blue 1.5s infinite;
}



/* --- 1. إصلاح هيكلي وشامل لقائمة الجوال (حل مشكلة الانزياح) --- */
nav#mobile-menu.mm-spn {
    direction: rtl !important;
    text-align: right !important;
    right: 0 !important; /* ضمان الالتصاق باليمين */
    width: 100% !important;
    padding-right: 0 !important;
}

#mobile-menu ul.main-menu {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background-color: #ffffff;
}

/* --- 2. تنسيق عناصر القائمة (الرابط والاسم) --- */
#mobile-menu li {
    border-bottom: 1px solid #f5f5f5; /* فاصل ناعم بين الأقسام */
}

#mobile-menu li a, 
#mobile-menu li span {
    display: flex !important;
    align-items: center !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    transition: all 0.3s ease-in-out;
    text-decoration: none !important;
}

/* --- 3. إضافة الأيقونات (Emojis) أمام التصنيفات المذكورة --- */
/* نستخدم ID التصنيف لضمان الدقة */

/* --- 4. تأثيرات جمالية عند التفاعل (Hover & Active) --- */
#mobile-menu li a:hover, 
#mobile-menu li a:active {
    background-color: #fcfcfc !important;
    color: #00baf1 !important; /* لون هوية سلة أو لون متجرك */
    padding-right: 25px !important; /* إزاحة بسيطة تعطي شعوراً بالتفاعل */
}

/* تحسين السهم الجانبي في القوائم المنسدلة */
.mm-spn--main.mm-spn--navbar::after {
    text-align: center !important;
    font-weight: bold;
}

/* --- 5. دعم الشاشات الكبيرة (Desktop) لإبقاء التنسيق متسقاً --- */
@media (min-width: 1024px) {
    .root-level > a {
        border-bottom: none !important;
        padding: 10px 15px !important;
    }
}
/* استهداف العنصر li نفسه لضمان ظهور الأيقونة في كل الحالات */
#mobile-menu li[id] > a::before, 
#mobile-menu li[id] > span::before {
    content: "" !important;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.main-menu li[id] > a:hover span::before {

    transform: rotate(10deg) scale(1.1);

}

/* ربط الأيقونات بالمعرفات (IDs) مع دعم الحالتين a و span */
li[id="738375426"] > a::before, li[id="738375426"] > span::before { background-image: url('https://img.icons8.com/?size=100&id=_equuTIepTNy&format=png'); }
li[id="236509125"] > a::before, li[id="236509125"] > span::before { background-image: url('https://img.icons8.com/fluency/48/warranty.png'); }
li[id="1908296870"] > a::before, li[id="1908296870"] > span::before { background-image: url('https://img.icons8.com/ios/256/settings.png'); }
li[id="2111843078"] > a::before, li[id="2111843078"] > span::before { background-image: url('https://img.icons8.com/fluency/48/cooker-hood.png'); }
li[id="637649704"] > a::before, li[id="637649704"] > span::before { background-image: url('https://img.icons8.com/?size=100&id=y4iGUe7FsxjS&format=png'); }
li[id="1265638490"] > a::before, li[id="1265638490"] > span::before { background-image: url('https://img.icons8.com/color/48/kettle.png'); }
li[id="672080828"] > a::before, li[id="672080828"] > span::before, li[id="2055050178"] > a::before, li[id="2055050178"] > span::before { background-image: url('https://img.icons8.com/fluency/48/iron.png'); }
li[id="351557568"] > a::before, li[id="351557568"] > span::before { background-image: url('https://img.icons8.com/fluency/48/fan.png'); }
li[id="1916002664"] > a::before, li[id="1916002664"] > span::before { background-image: url('https://img.icons8.com/color/48/meat-grinder.png'); }
li[id="1330485039"] > a::before, li[id="1330485039"] > span::before { background-image: url('https://img.icons8.com/fluency/48/air-conditioner.png'); }
li[id="422229544"] > a::before, li[id="422229544"] > span::before { background-image: url('https://img.icons8.com/fluency/48/fridge.png'); }

/* الإضافات الجديدة */
li[id="301048480"] > a::before, li[id="301048480"] > span::before { background-image: url('https://img.icons8.com/fluency/48/water-cooler.png'); } /* برادة */
li[id="413555673"] > a::before, li[id="413555673"] > span::before { background-image: url('https://img.icons8.com/material-rounded/24/5677fc/microwave.png'); } /* ميكروويف */
li[id="2051724705"] > a::before, li[id="2051724705"] > span::before { background-image: url('https://img.icons8.com/fluency/48/vacuum-cleaner.png'); } /* مكنسة */
li[id="1987928943"] > a::before, li[id="1987928943"] > span::before { background-image: url('https://img.icons8.com/external-yogi-aprelliyanto-glyph-yogi-aprelliyanto/32/5677fc/external-oven-bakery-shop-yogi-aprelliyanto-glyph-yogi-aprelliyanto.png'); } /* أفران */
li[id="2028865132"] > a::before, li[id="2028865132"] > span::before { background-image: url('https://img.icons8.com/ios-filled/50/5677fc/gas.png'); } /* غاز */
li[id="2144376043"] > a::before, li[id="2144376043"] > span::before { background-image: url('https://img.icons8.com/fluency/48/dishwasher.png'); } /* غسالات صحون */
li[id="1276830984"] > a::before, li[id="1276830984"] > span::before { background-image: url('https://img.icons8.com/external-photo3ideastudio-solid-photo3ideastudio/64/5677fc/external-tumble-dryer-laundry-photo3ideastudio-solid-photo3ideastudio.png'); } /* نشافة */
li[id="2027473885"] > a::before, li[id="2027473885"] > span::before { background-image: url('https://img.icons8.com/fluency/48/washing-machine.png'); } /* غسالات */
li[id="1732452267"] > a::before, li[id="1732452267"] > span::before { background-image: url('https://img.icons8.com/external-xnimrodx-lineal-xnimrodx/64/5677fc/external-freezer-internet-of-things-xnimrodx-lineal-xnimrodx.png'); } /* فريزرات */
li[id="49151071"] > a::before, li[id="49151071"] > span::before { background-image: url('https://img.icons8.com/fluency/48/monitor--v1.png'); } /* شاشات */

/* إخفاء الصور الأصلية إن وجدت لضمان ظهور الأيقونات بشكل صحيح */
li[id="422229544"] img, li[id="301048480"] img, li[id="413555673"] img, 
li[id="2051724705"] img, li[id="1987928943"] img, li[id="2028865132"] img, 
li[id="2144376043"] img, li[id="1276830984"] img, li[id="2027473885"] img, 
li[id="1732452267"] img, li[id="49151071"] img { display: none !important; }
.main-menu li[id] > a:hover span::before {
    transform: rotate(10deg) scale(1.1);
}