/* Add custom CSS styles below */ 
/* 1. تصغير حاوية معرض الصور الرئيسية بالكامل وتوسيطها في الجوال والكمبيوتر */
.product-details__images,
.main-image-slider,
.product-images-carousel {
    max-width: 65% !important; /* النسبة التي تعطي مساحة بيضاء مناسبة وتصغر المنتج */
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
}

/* 2. ضبط جودة وأبعاد الصورة الداخلية لمنع التمدد القسري */
.product-details__images img,
.main-image-slider img,
.product-images-carousel img,
.swiper-slide img {
    max-height: 300px !important; /* يمنع استطالة الصورة عمودياً */
    width: auto !important; /* يسمح للعرض بالانكماش تلقائياً */
    object-fit: contain !important; /* يحافظ على أبعاد الشاحن الأصلية دون تمطيط */
    margin: 0 auto !important;
}
/* 1. إخفاء أيقونات العين والقلب فقط في نسخة الكمبيوتر والجوال */
.s-product-card-wishlist-btn,
.s-product-card-quick-view-btn,
.product-card__actions .add-to-wishlist,
.product-card__actions .quick-view {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 2. إجبار زر إضافة للسلة على الظهور كشريط كامل وواضح بالكمبيوتر */
@media (min-width: 992px) {
    .s-product-card-content .s-product-card-button,
    .s-product-card-add-to-cart-btn,
    .product-card__add-to-cart {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        transform: none !important;
        width: 100% !important;
        height: 40px !important; /* يحدد ارتفاع مناسب للزر */
        margin-top: 10px !important;
    }
}