/* جعل البنر بعرض الشاشة بالكامل */
.container:has(.banner--fixed) {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.banner--fixed {
    display: block;
    width: 100vw !important; /* عرض الشاشة بالكامل */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.banner--fixed img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover; /* لضمان عدم تمدد الصورة بشكل سيء */
    border-radius: 0 !important; /* إزالة الحواف الدائرية ليتناسب مع عرض الشاشة */
}

/* تحسين المظهر على الجوال */
@media (max-width: 768px) {
    .banner--fixed img {
        min-height: 150px; /* لضمان وضوح البنر على الشاشات الصغيرة */
    }
}


/* كود تكبير الشعار الإضافي مع الحفاظ على الأبعاد */
.header-center-logo img, 
img[alt="Euphoria logo"] {
    /* 1. زيادة الحجم (تم رفعه لـ 300) */
    width: 300px !important;      
    height: auto !important;      
    object-fit: contain !important; /* لضمان عدم التمدد الخاطئ */
    
    /* 2. تحسينات العرض */
    max-width: 100% !important;   /* لضمان عدم خروجه عن حدود الشاشة في الشاشات المتوسطة */
    display: block !important;
    margin: 0 auto !important;    
    
    /* 3. الحركات التفاعلية */
    transition: transform 0.5s ease-in-out !important;
    animation: logoFloat 4s infinite ease-in-out;
}

/* تأثير التكبير عند تمرير الماوس */
.header-center-logo img:hover, 
img[alt="Euphoria logo"]:hover {
    transform: scale(1.05) translateY(-2px) !important;
}

/* حركة الطفو الهادئة */
@keyframes logoFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px); /* رفع مستوى الطفو قليلاً ليناسب الحجم الأكبر */
    }
}

/* ضبط المقاس للجوال ليكون متناسقاً مع عرض الشاشات الصغيرة */
@media (max-width: 768px) {
    .header-center-logo img, 
    img[alt="Euphoria logo"] {
        width: 160px !important; /* حجم متوازن للجوال */
    }
}

.s-product-card-fit-height .s-product-card-image {

    height: auto;

    max-height: unset;

}

.s-product-card-image img{

    height: 5in;

}

@media(max-width:1024px) 

{

.s-product-card-image img{

    height: 3in;

}

}