/* 1. فرض الخط على كامل المتجر باستخدام أعلى درجات التحديد */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@700;900&display=swap');

html body, html body * {
font-family: 'Cairo', sans-serif !important;
}

/* 2. توهج الأزرار الذهبي - استهداف دقيق لثيم رائد */
@keyframes goldPulse {
0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }
70% { box-shadow: 0 0 0 15px rgba(212, 175, 55, 0); }
100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

/* زر الإضافة للسلة واتمام الطلب */
.s-button-element.s-button-primary,
.s-product-card-content-subtotal .s-button-element,
button[type="submit"].s-button-primary {
background: linear-gradient(90deg, #d4af37, #b8860b) !important;
animation: goldPulse 2s infinite !important;
border-radius: 50px !important; /* شكل بيضاوي فخم */
transition: 0.4s !important;
}

/* 3. تأثير الـ 3D لبطاقات البكجات (المقام، الوقار، النوادر) */
.s-product-card-entry {
border-radius: 20px !important;
border: 1px solid #eee !important;
transition: all 0.5s ease !important;
}

.s-product-card-entry:hover {
transform: translateY(-12px) !important;
box-shadow: 0 20px 40px rgba(212, 175, 55, 0.15) !important;
border-color: #d4af37 !important;
}

/* 4. زووم احترافي للصور */
.s-product-card-image-wrapper img {
transition: transform 0.7s ease !important;
}

.s-product-card-entry:hover .s-product-card-image-wrapper img {
transform: scale(1.15) !important;
}