/* =========================================
   1. إعدادات الشعار (اللوجو)
========================================= */
.header-logo img, .logo img, .navbar-brand img, .site-logo img {
    max-width: 120px !important; 
    height: auto !important;     
    max-height: 70px !important; 
}

/* =========================================
   2. تنعيم الحواف العام (منتجات، أزرار، بنرات)
========================================= */
.product-card, .product-item, .card, .s-product-card, .section-container, .box, .panel {
    border-radius: 16px !important;
    overflow: hidden !important; 
}

button, .btn, .add-to-cart-btn, .s-button {
    border-radius: 8px !important; 
}

img, .banner-image, .slider-image, .s-slider {
    border-radius: 12px !important;
}

/* =========================================
   3. وضع صور مخصصة للأيقونات (التصنيفات الدائرية)
========================================= */
/* الكود أدناه يخفي الحرف النصي ويستبدله بصورة تضع رابطها بنفسك */

/* الأيقونة الأولى (مثلاً: نتفلكس) */
.category-item:nth-child(1) .circle-icon, .s-category-circle:nth-child(1) {
    background-image: url('ضع_رابط_صورة_نتفلكس_هنا') !important;
    background-size: cover !important;
    background-position: center !important;
    color: transparent !important; /* هذا السطر يخفي الحرف (ن) */
}

/* الأيقونة الثانية (مثلاً: يوتيوب بريميوم) */
.category-item:nth-child(2) .circle-icon, .s-category-circle:nth-child(2) {
    background-image: url('ضع_رابط_صورة_يوتيوب_هنا') !important;
    background-size: cover !important;
    background-position: center !important;
    color: transparent !important; /* هذا السطر يخفي الحرف (ي) */
}

/* الأيقونة الثالثة (يمكنك نسخ هذا الجزء وتكراره لباقي الأيقونات مع تغيير الرقم) */
.category-item:nth-child(3) .circle-icon, .s-category-circle:nth-child(3) {
    background-image: url('ضع_رابط_الصورة_الثالثة_هنا') !important;
    background-size: cover !important;
    background-position: center !important;
    color: transparent !important; 
}