/* Add custom CSS styles below */
رتب هذي الاكواد /* Add custom CSS styles below */ 
.main-navbar{
    position: relative !important;
    top: auto !important;
}
.home main {
    padding-top: 50px !important;
}

.container {
    padding:0rem 0rem 0rem;
 .section-heading-divider {
    display: none; /
}}
.product-card {
    /* 1. تصغير حجم البطاقة */
    max-width: 250px; /* يمكنك تقليل هذا الرقم (مثلاً 200px) لتصغيرها أكثر */
    width: 100%;
    
    /* 2. إضافة إطار ولونه بني */
    border: 1px solid #8B4513; /* رقم اللون #8B4513 يعطي درجة اللون البني */
    
    /* 3. لمسة جمالية (اختيارية) لتقريب حواف الإطار وتناسق المحتوى */
    border-radius: 8px; /* لجعل زوايا الإطار منحنية ومنعمة */
    padding: 10px;      /* لترك مسافة داخلية حتى لا يلتصق المحتوى بالإطار */
    box-sizing: border-box; 
}
.products-container {
    display: grid;
    /* الكود أدناه ينشئ أعمدة تلقائية بحجم مناسب بجانب بعضها */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
    gap: 20px; /* المسافة بين المنتجات */
}
.main-links-style-3-slider-single-content-overlay {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0, transparent 0%);

/* تنسيق بطاقة المنتج وتصغير حجمها */
.product-card {
    max-width: 220px !important;
    width: 100% !important;
    border: 1px solid #8B4513 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

/* حل مشكلة الهامش وتوزيع المنتجات لتملأ الشاشة */
.products-list, .products-grid, [class*="products-"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* تنسيق بطاقات الأقسام (تصغيرها + الإطار البني) */
.main-links-style-3-slider-single-content-overlay .swiper-slide,
[class*="main-links-"] .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    border: 2px solid #8B4513 !important; /* إطار بني */
    border-radius: 12px !important;       /* زوايا منحنية مريحة للعين */
    padding: 10px !important;
    box-sizing: border-box !important;
}