/** Shopify CDN: Minification failed

Line 13:54 Unexpected "-->"
Line 27:4 Comments in CSS use "/* ... */" instead of "//"
Line 29:14 Expected ":"
Line 39:0 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
<!-- إضافة الرابط لمكتبة FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<!-- أيقونة الماسنجر -->
<a href="https://m.me/PrincessStre" target="_blank" style="position: fixed; bottom: 20px; right: 20px; background-color: #0084ff; color: #FFF; border-radius: 50%; width: 50px; height: 50px; text-align: center; font-size: 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index: 10000;" id="messenger-icon" aria-label="Messenger">
    <i class="fab fa-facebook-messenger"></i>
</a>

<!-- الرسالة التي ستظهر فوق باقي المحتوى -->
<div id="message-box" style="position: fixed; bottom: 80px; right: 20px; background-color: #ffffff; padding: 15px 25px; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); font-size: 14px; color: #333; display: none; font-family: Arial, sans-serif; z-index: 10100;">
    <p style="margin: 0;">محتاجه مساعده؟ احنا في الخدمة</p>
</div>

<script>
    // عرض الرسالة تلقائيًا بعد تحميل الصفحة
    if (window.addEventListener) {
        window.addEventListener('load', function() {
            const messageBox = document.getElementById('message-box');
            if (messageBox) {
                messageBox.style.display = 'block';
                setTimeout(function() {
                    messageBox.style.display = 'none';
                }, 5000);
            }
        });
    }
</script>

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  
}