/* --- تحسينات عامة للمتجر --- */
:root {
    --primary-color: #00b4d8; /* يمكنك تغيير اللون هنا ليناسب هويتك */
    --hover-color: #0077b6;
    --border-radius: 15px;
}

/* تنعيم زوايا الصور والبطاقات */
.product-card, .card {
    border-radius: var(--border-radius) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease-in-out !important;
}

/* تأثير عند تمرير الماوس على المنتج */
.product-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 25px rgba(0,0,0,0.1) !important;
}

/* تحسين صور المنتجات */
.product-card img {
    border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

/* تنسيق أزرار الإضافة للسلة */
.btn-add-to-cart {
    background-color: var(--primary-color) !important;
    border-radius: 50px !important; /* شكل بيضاوي عصري */
    font-weight: bold !important;
    transition: 0.3s !important;
}

.btn-add-to-cart:hover {
    background-color: var(--hover-color) !important;
    transform: scale(1.05);
}

/* تحسين القائمة العلوية (الهيدر) */
header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px); /* تأثير الزجاج الضبابي */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* إخفاء الحقوق أو الروابط غير الضرورية (اختياري) */
.footer-copyright {
    font-size: 0.9rem;
    color: #888;
}

/* تحسين شكل الأسعار */
.product-price {
    color: var(--primary-color) !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}

/* تحسين شكل التصنيفات */
.category-item {
    border-radius: 12px !important;
    overflow: hidden;
}
/* تكبير صورة المنتج */
.product-image img {
    width: 100% !important; /* يجعل الصورة تأخذ كامل عرض الحاوية */
    height: auto !important; /* يحافظ على أبعاد الصورة عشان ما تخرب */
    max-width: 500px; /* تقدر تحدد أقصى عرض تبيه بالبكسل */
}
.product-image img {
    transition: transform 0.3s ease; /* حركة ناعمة */
}

.product-image img:hover {
    transform: scale(1.1); /* يكبر الصورة بنسبة 10% */
}
/* استهداف حاوية الصورة والصورة نفسها */
.product-card img, 
.product-item img, 
.img-fluid {
    width: 150% !important; /* جرب ترفع النسبة هنا */
    max-width: none !important; /* إلغاء الحد الأقصى */
    height: auto !important;
    object-fit: contain !important;
}.product-card__image img {
    transform: scale(1.2) !important; /* تكبير بنسبة 20% */
}.product-card__image img {
    transform: scale(1.2) !important; /* تكبير بنسبة 20% */
}
/* تعديل حاوية الصورة لتبدو بشكل متناسق */
.s-product-card-image-cover {
    aspect-ratio: 1 / 1 !important; /* يجعل المربع مربعاً تماماً (1:1) بدل الطولي */
    height: auto !important; 
    max-height: 350px !important; /* يمكنك زيادة أو تنقيص الطول من هنا */

  }

/* لجعل الصورة تمتد لتملأ المربع الجديد */
.s-product-card-image-cover img {
    object-fit: cover !important; /* أو استخدم contain إذا كنت لا تريد قص أطراف الصورة */
    width: 100% !important;
    height: 100% !important;
}
/* تكبير بطاقة المنتج ككل */
.s-product-card {
    min-height: 450px !important; /* تحكم في الطول الكلي للبطاقة */
    background: #fff;
    border-radius: 12px; /* اختياري: لعمل زوايا منحنية للمربع */
    overflow: hidden;
}
/* استهداف الحاوية مباشرة وتغيير نسبتها */
.s-product-card-image-cover.swiper-slide {
    aspect-ratio: 1 / 1 !important; /* يحول الشكل من مستطيل طولي إلى مربع */
    height: auto !important;
    width: 100% !important;
    display: block !important;
}

/* التأكد من أن الصورة تملأ المربع الجديد بدون تشويه */
.s-product-card-image-cover img {
    position: relative !important;
    object-fit: contain !important; /* يحافظ على كامل الصورة داخل المربع */
    height: 100% !important;
    width: 100% !important;
    max-height: none !important;
}