/* تصميم شاشة التحميل */
    .landing_2 {
      position: fixed; /* تغطي كامل الشاشة */
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh; /* ارتفاع الشاشة بالكامل */
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #ffffff9f;
      z-index: 9999;
      transition: opacity 0.5s ease;
    }

    .landing_2 .image img {
      width: 300px;
      max-width: 90%;
      position: relative;
      animation: up-and-down 3s ease-in-out infinite;
    }

    @keyframes up-and-down {
      0%, 100% { top: 0; }
      50% { top: -20px; }
    }

    /* عند إضافة كلاس loaded إلى body، تختفي شاشة التحميل */
    body.loaded .landing_2 {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    /* محتوى الصفحة مخفي في البداية */
    #content {
      display: none;
      text-align: center;
      padding: 30px;
    }

    /* بعد تحميل الصفحة يظهر المحتوى */
    body.loaded #content {
      display: block;
    }