/* ====== أساس الهوية ====== */
body {
    font-family: 'Cairo', sans-serif;
    background: #F7F2EB;
    color: #6E6258;
    letter-spacing: 0.2px;
}

/* ====== الهيدر فخم ====== */
.header, .navbar {
    background: #F7F2EB !important;
    border-bottom: 1px solid #E8D9C8;
    backdrop-filter: blur(6px);
}

.logo, .store-name {
    font-weight: 800;
    color: #6E6258 !important;
}

/* ====== شريط علوي تسويقي ====== */
.top-bar {
    background: linear-gradient(135deg, #A8B39E, #D9AFA7) !important;
    color: #fff !important;
    font-size: 13px;
    text-align: center;
    padding: 10px;
}

/* ====== بانر رئيسي ====== */
.banner {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

/* ====== أقسام الصفحة ====== */
.section-title {
    font-weight: 800;
    color: #6E6258;
    margin-bottom: 15px;
}

/* ====== كروت المنتجات VIP ====== */
.product, .product-card {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #E8D9C8;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.product:hover, .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 35px rgba(0,0,0,0.10);
}

/* صورة المنتج */
.product img {
    transition: 0.4s ease;
}

.product:hover img {
    transform: scale(1.05);
}

/* اسم المنتج */
.product-title {
    font-size: 15px;
    font-weight: 700;
    color: #6E6258;
}

/* السعر */
.price {
    color: #D9AFA7;
    font-weight: 800;
    font-size: 16px;
}

/* ====== زر الشراء VIP (أهم عنصر بيع) ====== */
.btn, button, .add-to-cart {
    background: linear-gradient(135deg, #E9C3B2, #D9AFA7) !important;
    color: #fff !important;
    border-radius: 16px;
    font-weight: 800;
    padding: 10px 14px;
    transition: all 0.3s ease;
    border: none;
}

.btn:hover, button:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(217,175,167,0.4);
}

/* ====== شارات المنتجات ====== */
.badge {
    background: #A8B39E !important;
    color: #fff !important;
    border-radius: 10px;
    font-size: 11px;
    padding: 5px 8px;
}

/* ====== شارة تسويقية قوية ====== */
.product::before {
    content: "🌸 الأكثر طلباً";
    position: absolute;
    top: 12px;
    left: 12px;
    background: #A8B39E;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 8px;
}

/* ====== تحسين التذييل ====== */
footer {
    background: #E8D9C8;
    color: #6E6258;
    padding: 30px;
    text-align: center;
}

/* ====== تأثير دخول المنتجات ====== */
.product, .product-card {
    animation: fadeUp 0.5s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ====== تحسين عام للمسافات ====== */
.container {
    padding-top: 18px;
}

/* ====== تحسين تجربة الجوال ====== */
@media (max-width: 768px) {
    .product {
        border-radius: 16px;
    }

    .btn {
        font-size: 14px;
    }
}
.salla-notification,
.toast,
.alert-success,
.added-to-cart-message {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
div[class*="toast"],
div[class*="notification"],
div[class*="alert"] {
    display: none !important;
}
.add-to-cart {
    background: linear-gradient(135deg, #E9C3B2, #D9AFA7) !important;
    color: #fff !important;
    border-radius: 18px;
    font-weight: 900;
    transition: 0.25s ease;
}

.add-to-cart:hover {
    transform: scale(1.07);
    box-shadow: 0 10px 25px rgba(217,175,167,0.4);
}
.product-title {
    font-size: 15px;
    font-weight: 800;
    color: #6E6258;
}

.price {
    font-size: 17px;
    font-weight: 900;
    color: #D9AFA7;
}
.product-title {
    font-size: 15px;
    font-weight: 800;
    color: #6E6258;
}

.price {
    font-size: 17px;
    font-weight: 900;
    color: #D9AFA7;
}
.add-to-cart,
button.add-to-cart,
.btn-add-to-cart {
    background: linear-gradient(135deg, #E9C3B2, #D9AFA7) !important;
    color: #fff !important;
    border-radius: 18px !important;
    font-weight: 900 !important;
    padding: 12px 16px !important;
    border: none !important;
    transition: 0.25s ease !important;
}

.add-to-cart:hover {
    transform: scale(1.07);
    box-shadow: 0 10px 25px rgba(217,175,167,0.4);
}
document.querySelectorAll('button').forEach(btn => {
    if (btn.innerText.includes('أضف')) {
        btn.innerText = 'اطلب الآن 🌸';
    }
});
/* ===== أساس المتجر ===== */
body {
    font-family: 'Cairo', sans-serif;
    background: #F7F2EB;
    color: #6E6258;
}

/* ===== الهيدر فخم وهادئ ===== */
.header, .navbar {
    background: #F7F2EB !important;
    border-bottom: 1px solid #E8D9C8;
}

/* ===== بانر احترافي ===== */
.banner {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}

/* ===== كروت المنتجات (VIP + مبيعات) ===== */
.product, .product-card {
    background: #fff;
    border-radius: 22px;
    border: 1px solid #E8D9C8;
    transition: all 0.35s ease;
    overflow: hidden;
    position: relative;
}

.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}

/* صورة المنتج */
.product img {
    transition: 0.4s ease;
}

.product:hover img {
    transform: scale(1.06);
}

/* اسم المنتج (أقوى نفسياً) */
.product-title {
    font-weight: 800;
    font-size: 15px;
    color: #6E6258;
}

/* السعر (إبراز القيمة) */
.price {
    font-weight: 900;
    font-size: 17px;
    color: #D9AFA7;
}

/* ===== زر الشراء (أهم عنصر بيع في المتجر) ===== */
.add-to-cart, .btn, button {
    background: linear-gradient(135deg, #E9C3B2, #D9AFA7) !important;
    color: #fff !important;
    border-radius: 18px;
    font-weight: 900;
    padding: 10px 14px;
    transition: all 0.25s ease;
    border: none;
}

.add-to-cart:hover, .btn:hover {
    transform: scale(1.08);
    box-shadow: 0 12px 28px rgba(217,175,167,0.4);
}

/* ===== شارة “الأكثر طلباً” ===== */
.product::before {
    content: "🌸 الأكثر طلباً";
    position: absolute;
    top: 12px;
    left: 12px;
    background: #A8B39E;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 8px;
}

/* ===== تحسين البادجات ===== */
.badge {
    background: #A8B39E !important;
    color: #fff !important;
    border-radius: 10px;
}

/* ===== إزالة الإزعاجات بالكامل (ELITE UX) ===== */
.salla-notification,
.toast,
.alert,
.alert-success,
.added-to-cart-message,
div[class*="toast"],
div[class*="notification"] {
    display: none !important;
    opacity: 0 !important;
}

/* ===== الفوتر ===== */
footer {
    background: #E8D9C8;
    color: #6E6258;
    text-align: center;
    padding: 30px;
}

/* ===== حركة ناعمة للمنتجات ===== */
.product {
    animation: fadeUp 0.5s ease;
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== تحسين الجوال ===== */
@media (max-width: 768px) {
    .product {
        border-radius: 16px;
    }

    .add-to-cart {
        font-size: 14px;
    }
}