/* دفع الشعار لأقصى اليمين */
.navbar-brand {
    margin-left: auto !important;
    margin-right: -230px !important;
    padding-right: 0px !important;
    right: 15px !important;
    position: relative !important;
    top: 10px !important;
}

/* تكبير الشعار */
.navbar-brand img {
    width: 120px !important;
    height: 300px !important;
}

/* التأكد من عدم تداخل العناصر */
#mainnav .flex.items-center:first-child {
    width: 100% !important;
    justify-content: space-between !important;
}

/* دفع القائمة لليسار */
custom-main-menu {
    margin-right: auto !important;
    margin-left: 20px !important;
}

/* الحل النهائي - نقل الأيقونات لأقصى اليسار */
#mainnav .container {
    position: relative !important;
}

#mainnav .flex.items-center.justify-end {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 80% !important;  /* Changed from 50% to 60% to move icons down */
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    margin: 0 !important;
    padding-left: 20px !important;
}

/* تأكيد المسافة من اليسار */
#mainnav .flex.items-center.justify-end .header-btn,
#mainnav .flex.items-center.justify-end .salla-cart-summary {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* توسيط عنوان القسم 100% */
.s-block__title {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-block__title .right-side {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.s-block__title h2 {
    text-align: center !important;
    width: 100% !important;
    font-size: 50px !important;
    font-weight: bold !important;
    margin: 0 auto !important;
}

/* إزالة كل الخلفيات والحدود الرمادية */
.s-product-card-entry,
.s-product-card-entry *,
.s-product-card-horizontal,
.horizontal-products .s-product-card-entry,
.horizontal-products .s-product-card-entry * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* الحاوية الرئيسية */
.s-block.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px !important;
}

.horizontal-products,
salla-products-list,
.s-products-list-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* توسيط الشبكة */
.s-products-list__grid,
.products-grid {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* البطاقة */
.horizontal-products .s-product-card-entry,
.s-product-card-entry {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* حل بسيط - تكبير الصورة مع الحفاظ عليها كاملة */
.s-product-card-entry__image,
.horizontal-products .s-product-card-entry__image {
    width: 400px !important;
    height: 500px !important;
    position: relative !important;
    margin: 0 auto !important;
    display: block !important;
}

/* الصورة - استخدام scale للتكبير */
.s-product-card-entry__image img,
.horizontal-products .s-product-card-entry__image img {
    transform: scale(2) !important;
    transform-origin: center !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 1 !important;
}

/* النص تحت الصورة */
.s-product-card-entry__details,
.horizontal-products .s-product-card-entry__details {
    width: 100% !important;
    text-align: center !important;
    margin-top: 100px !important;
    padding: 0 !important;
    background: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* اسم المنتج */
.s-product-card-entry__title {
    font-size: 40px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    width: 100% !important;
    line-height: 1.3 !important;
}

/* السعر */
.s-product-card-entry__price {
    font-size: 36px !important;
    font-weight: bold !important;
    color: var(--color-primary) !important;
    text-align: center !important;
    width: 100% !important;
}

/* زر السلة */
.s-product-card-entry__footer {
    text-align: center !important;
    margin: 20px auto !important;
    background: transparent !important;
    display: flex !important;
    justify-content: center !important;
}

.s-product-card-entry__footer button {
    font-size: 24px !important;
    padding: 20px 50px !important;
}

/* زر القلب */
.s-product-card-entry__wishlist {
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;
    top: auto !important;
    z-index: 10 !important;
}

.s-product-card-entry__wishlist button {
    width: 60px !important;
    height: 60px !important;
    font-size: 28px !important;
}

/* للموبايل والتابلت */
@media (max-width: 1024px) {
    .navbar-brand {
        margin-right: -10px !important;
        top: 0px !important;
    }
    
    .navbar-brand img {
        width: 150px !important;
        height: auto !important;
        object-fit: contain !important;
    }
    
    .s-product-card-entry__image {
        width: 350px !important;
        height: 450px !important;
    }
    
    .s-product-card-entry__title {
        font-size: 35px !important;
    }
    
    .s-product-card-entry__price {
        font-size: 30px !important;
    }
}

@media (max-width: 768px) {
    /* إرجاع الأيقونات للوضع الطبيعي في الموبايل */
    #mainnav .flex.items-center.justify-end {
        position: relative !important;
        left: auto !important;
        right: 0 !important;
        top: 0 !important;
        transform: none !important;
        padding-left: 0 !important;
    }
    
    .s-product-card-entry__image {
        width: 280px !important;
        height: 350px !important;
    }
    
    .s-product-card-entry__image img {
        transform: scale(1.5) !important;
    }
    
    .s-product-card-entry__title {
        font-size: 28px !important;
    }
    
    .s-product-card-entry__price {
        font-size: 24px !important;
    }
    
    .s-block__title h2 {
        font-size: 35px !important;
    }
    
    .s-product-card-entry__footer button {
        font-size: 20px !important;
        padding: 15px 35px !important;
    }
}