body { font-family: sans-serif; background: #f4f4f4; margin: 0;}
        /* تنسيق قسم البحث */
        .search-container { background: white; padding: 20px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);  margin-top: 70px; }
        .search-input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; font-size: 1em; outline: none; box-sizing: border-box; }
        .search-input:focus { border-color: #3498db; box-shadow: 0 0 5px rgba(52,152,219,0.3); }

        .container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;}
        .card { background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-top: 5px solid #3498db; }
        
        /* هذا التنسيق لإخفاء العناصر التي لا تطابق البحث */
        .hidden { display: none; }

        .card img { width: 100%; border-radius: 5px; height: 180px; object-fit: cover; }
        .price { color: #27ae60; font-weight: bold; font-size: 1.3em; margin: 10px 0; }
        .contact-info { background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px dashed #3498db; margin-top: 10px; }
        .phone-num { color: #e67e22; font-weight: bold; font-size: 1.1em; text-decoration: none; display: block; margin-top: 5px; }