/* Reset */

            :root {
                --gold-bronze: #c9a05c; /* צבע זהב/ברונזה בהיר יותר */
                --gold-bronze-light: #d9b978; /* גרסה בהירה יותר */
                --gold-bronze-dark: #b38a49; /* הצבע המקורי כגרסה כהה יותר */
            }


            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family: 'Rubik', sans-serif;
                background-color: #0a0a0a;
                color: #f5f5f5;
                line-height: 1.6;
                direction: rtl;
            }

            /* Main Container */
            .page-wrapper {
                max-width: 100%;
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                background: linear-gradient(135deg, #0a0a0a 0%, #121212 100%);
            }

            /* Background Elements */
            .bg-pattern {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                /* שינוי מכתום לזהב */
                background-image: radial-gradient(circle at 15% 50%, rgba(255, 215, 0, 0.1) 0%, transparent 25%),
                                radial-gradient(circle at 85% 30%, rgba(255, 215, 0, 0.1) 0%, transparent 25%);
                z-index: -1;
                opacity: 0.6;
            }

            /* Hero Section */
            .hero {
                height:95h;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                position: relative;
                overflow: hidden;
                padding: 0 0 60px 0;
                text-align: center;
            }

            /* Facebook-style Profile Container with improved image handling */
            .profile-container {
                width: 100%;
                position: relative;
                margin-bottom: 80px; /* Additional space for the overlapping profile image */
            }

            /* Cover photo container with specific aspect ratio */
            .cover-photo-container {
                width: 100%;
                position: relative;
                max-height: 350px;
                overflow: hidden;
                background-color: #1c1c1c; /* Fallback if image doesn't load */
                display: flex;
                align-items: center;
                justify-content: center;
            }

            /* Cover photo with proper sizing */
            .cover-image {
                border-radius: 20px;
                width: 100%;
                height: auto;
                object-fit: contain; /* Changed to contain to prevent stretching */
                max-height: 400px;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
                background-color: #0a0a0a;

            }

            /* Profile image container */
            .profile-image-container {
                position: absolute;
                bottom: -60px;
                right: 50%;
                transform: translateX(50%);
                width: 160px;
                height: 160px;
                border-radius: 50%;
                border: 5px solid #0a0a0a;
                overflow: hidden;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
                z-index: 10;
                background-color: #1c1c1c; /* Fallback background */
            }

            .p-contact{
                text-align: center;
            }
            .category-tabs {
                display: flex;
                justify-content: center;
                align-items: center;
                overflow-x: auto;
                gap: 10px;
                margin-bottom: 30px;
                padding-bottom: 5px;
                flex-wrap: nowrap;
                scrollbar-width: none; /* הסתרת סקרול בפיירפוקס */
                -ms-overflow-style: none; /* הסתרת סקרול באינטרנט אקספלורר */
            }


            .category-tab {
                flex-shrink: 0;
                white-space: nowrap;
                padding: 10px 20px;
                background: #b38a49(255, 255, 255, 0.05);
                border: 2px solid var(--gold-bronze-light);
                border-radius: 20px;
                color: #f5f5f5;
                cursor: pointer;
                transition: 0.3s;
                margin-top: 10px;
            }

            .category-tab:hover {
                background-color: #deb25a;
                color: black;
                font: bold;
            }
            .category-tab.active {
                background-color: #c89b54; /* רקע מוזהב שקוף */
                border-color: var(--gold-bronze-light); /* מסגרת מוזהבת */
                color: black; /* טקסט לבן */
                font-size: 20px;
            }
            
            .category-tabs::-webkit-scrollbar {
                display: none; /* מסתיר את הסקרול בכרום וספארי */
            }

            .category-tab:hover {
                background: #b4986c(255, 215, 0, 0.1);
                transform: translateY(-2px);
            }

            .category-content {
                display: none;
            }

            .category-content.active {
                display: block;
                animation: fadeIn 0.5s ease;
            }

            @media (min-width: 768px) {
                .profile-image-container {
                    right: 30px; /* Position from right on larger screens */
                    transform: none;
                    bottom: -60px;
                }
            }

            .profile-image {
                width: 100%;
                height: 100%;
                object-fit: cover; /* This maintains aspect ratio while filling the container */
            }

            .profile-border {
                position: absolute;
                top: -3px;
                left: -3px;
                right: -3px;
                bottom: -3px;
                /* שינוי מכתום לזהב */
                border: 2px solid rgba(255, 215, 0, 0.8);
                border-radius: 50%;
                z-index: 11;
                pointer-events: none;
            }

            .name-container {
                margin-top: 70px; /* Space for the overlapping profile image */
                margin-bottom: 30px;
                padding: 0 20px;
            }


            .name {
                font-family: 'Times New Roman', Times, serif ;
                font-size: 110px;
                font-weight: 700;
                /* צבע זהב מפואר */
                color: var(--gold-bronze);
                /* אפקט זוהר מסביב לטקסט - משלב כמה שכבות של צל */
                text-shadow:
                white 2px 2px 2px;
                /* 0 0 5px rgba(164, 227, 231, 0.098),
                            0 0 10px rgba(255, 255, 255, 0.4),
                            0 0 10px rgba(224, 167, 94, 0.3),
                            0 0 10px rgba(224, 167, 94, 0.2),
                            0 0 15px rgba(224, 167, 94, 0.1),
                            0 0 3px rgba(32, 36, 36, 0.402);  */
                margin-bottom: 5px;
                letter-spacing: 1px;
            }

            .title-hebrew {
                font-size: 2rem;
                font-weight: 500;
                margin-bottom: 5px;
                color: #f5f5f5;
            }

            .occupation {
                font-size: 1.2rem;
                font-weight: 300;
                color: #aaa;
                margin-bottom: 10px;
            }

            /* Updated Social Navigation */
            .social-nav {
                width: 100%;
                max-width: 800px;
                margin: 0 auto;
                padding: 10px;
                align-items: center;
            }

            .social-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr); /* Changed from 4 to 3 columns */
                gap: 20px;
                padding: 10px;
                justify-items: center;
                /* Adding explicit row template to ensure proper layout */
                grid-template-areas: 
                    "item1 item2 item3"
                    "item4 item5 item6"
                    "item7 item8 .";
            }

            .social-grid > :nth-child(1) { grid-area: item1; }
            .social-grid > :nth-child(2) { grid-area: item2; }
            .social-grid > :nth-child(3) { grid-area: item3; }
            .social-grid > :nth-child(4) { grid-area: item4; }
            .social-grid > :nth-child(5) { grid-area: item5; }
            .social-grid > :nth-child(6) { grid-area: item6; }
            .social-grid > :nth-child(7) { grid-area: item7; }
            .social-grid > :nth-child(8) { grid-area: item8; }


            
            

            .social-link {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                flex-direction: column;
                align-items: center;
                text-decoration: none;
                color: #f5f5f5;
                transition: transform 0.3s ease;
            }

            .social-link:hover {
                transform: translateY(-5px);
            }


            .social-icon-wrapper {
                position: relative;
                width: 70px;
                height: 70px;
                margin-bottom: 10px;
                display: flex;
                justify-content: center;
                align-items: center;
                animation: pulse-glow 2.2s infinite ease-in-out;
                border-radius: 50% !important;
            }

            .social-icon-inner {
                width: 100%;
                height: 100%;
                border-radius: 50% !important;
                background: #121212;
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: 0 4px 15px rgba(168, 101, 35, 0.3), 
                            inset 0 0 10px rgba(168, 101, 35, 0.1);
                position: relative;
                z-index: 1;
                border: 2px solid var(--gold-bronze);
            }

            .social-icon-inner::before {
                content: '';
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: radial-gradient(circle, var(--gold-bronze-light) 0%, transparent 70%);
                opacity: 0;
                transition: opacity 0.3s ease;
                animation: rotate-glow 6s linear infinite;
            }

            .social-icon-outer {
                position: absolute;
                top: -8px;
                left: -8px;
                right: -8px;
                bottom: -8px;
                border: 1px solid rgba(201, 160, 92, 0.7);
                border-radius: 50% !important;
                z-index: -1;
                animation: subtle-glow 3s infinite ease-in-out;
                overflow: visible;
            }

            /* שיפור אייקון */
            .icon {
                width: 28px;
                height: 28px;
                fill: #A86523 !important;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin: 0;
                filter: drop-shadow(0 0 1px rgba(201, 160, 92, 0.8));
            }

            .social-name {
                font-size: 14px;
                text-align: center;
            }

            /* Scroll Arrow */
          .scroll-arrow {
    all: unset; /* מאפס עיצוב ברירת מחדל */
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
    color: #d39b3f;
    font-size: 2rem;
    cursor: pointer;
    margin-bottom: 10px;
}


            @keyframes bounce {
                0%, 20%, 50%, 80%, 100% {
                    transform: translateY(0) translateX(-50%);
                }
                40% {
                    transform: translateY(-20px) translateX(-50%);
                }
                60% {
                    transform: translateY(-10px) translateX(-50%);
                }
            }

            /* Content Sections */
            .section {
                padding: 60px 20px;
                max-width: 800px;
                margin: 0 auto;
                position: relative;
                /* הסרת התוכן before שמייצר את הקו המפריד */
            }

            .section:before {
                display: none;
            }

            .section-title {
                font-size: 2.2rem;
                margin-bottom: 30px;
                font-weight: 700;
                text-align: center;
                color: #f5f5f5;
            }

            .section-title-categoris {
                font-size: 1.5rem;
                margin-bottom: 30px;
                font-weight: 700;
                text-align: center;
                color: #f5f5f5;
                
            }

            .section-title span {
                position: relative;
                display: inline-block;
                margin-top: 30px;
            }

            .section-title span:after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                right: 0;
                height: 3px;
                /* שינוי מגרדיאנט כתום לזהב */
                background: #b9955b;
                border-radius: 3px;
            }

            /* About Section */
            .about-text {
                font-size: 1.1rem;
                line-height: 1.8;
                margin-bottom: 20px;
                text-align: right;
                margin-top: 50px;
            }

            

            /* Gallery Section */

            .video-carousel-container {
                position: relative;
                width: 100%;
                margin: 40px 0;
                overflow: hidden;
            }

            .video-carousel {
                display: flex;
                transition: transform 0.5s ease;
                gap: 20px;
                padding: 20px 0;
            }

            .video-carousel-item {
                min-width: auto;
                width: 100%; /* גודל אחיד לכל הקוביות */
                flex: none; /* ביטול התנהגות flexible */
                background: rgba(255,255,255,0.05);
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 4px 20px rgba(0,0,0,0.2);
                transition: all 0.3s ease;
                transform: scale(0.95); /* מקטין מעט את הקוביות כדי לתת מראה מעוצב */
            }
            

            .video-carousel-item.active {
                transform: scale(1); 
                margin-top:14px ;
                opacity: 1;
                box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
            }

            video-carousel-item:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
            }
            .video-grid-wrapper {
                display: grid;
                grid-template-columns: repeat(3, 1fr); /* 4 בשורה במסך רחב */
                gap: 20px;
                padding: 20px;
            }
            
            
            
            .carousel-controls {
                display: flex;
                justify-content: center;
                gap: 20px;
                margin-top: 20px;
            }

            .carousel-control {
                width: 40px;
                height: 40px;
                background: #121212;
                border: 2px solid rgba(255, 215, 0, 0.8);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: #ffd700;
                transition: all 0.3s ease;
            }

            .carousel-control:hover {
                transform: scale(1.1);
                box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
            }

            .carousel-dots {
                display: flex;
                justify-content: center;
                gap: 8px;
                margin-top: 15px;
            }

            .carousel-dot {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.3);
                cursor: pointer;
                transition: all 0.3s ease;
            }

            .carousel-dot.active {
                background: #ffd700;
                transform: scale(1.2);
            }

            .gallery-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
                margin-top: 30px;
            }

            .gallery-item {
                border-radius: 10px;
                overflow: hidden;
                position: relative;
                aspect-ratio: 1;
            }

            .gallery-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.5s ease;
            }

            .gallery-item:hover .gallery-img {
                transform: scale(1.1);
            }

            .gallery-overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);
                opacity: 0;
                transition: opacity 0.3s ease;
                display: flex;
                align-items: flex-end;
                padding: 15px;
            }

            .gallery-item:hover .gallery-overlay {
                opacity: 1;
            }

            /* Videos Section */
            .videos-grid {
                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); /* מגדיל את הקוביות */
            }
            

            .video-card {
                background: rgba(255,255,255,0.05);
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 4px 20px rgba(0,0,0,0.2);
                transition: all 0.3s ease;
            }

            .video-card:hover {
                transform: translateY(-5px);
                /* שינוי מכתום לזהב */
                box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
            }

            .video-thumbnail {
                aspect-ratio: 4 / 3; /* זה נשאר טוב לרוחב 350px */
            }
            
            .video-thumbnail img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .video-thumbnail video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                cursor: pointer;
            }

            .play-button {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 50px;
                height: 50px;
                /* שינוי מגרדיאנט כתום לשחור עם מסגרת זהב */
                background: #121212;
                border: 3px solid var(--gold-bronze-light);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s ease;
                z-index: 5;
                opacity: 0.9;
                box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3);
            }

            .play-icon {
                width: 18px;
                height: 18px;
                /* שינוי מלבן לזהב */
                fill: #ffd700 !important;
                margin-left: 3px;
            }

            .video-thumbnail:hover .play-button {
                transform: translate(-50%, -50%) scale(1.1);
                /* שינוי מכתום לזהב */
                box-shadow: 0 6px 15px rgba(255, 215, 0, 0.5);
                opacity: 1;
            }

            .video-info {
                padding: 12px;
            }

            .video-title {
                font-size: 1rem;
                font-weight: 500;
                margin-bottom: 4px;
                color: #f5f5f5;
            }

            .video-description {
                font-size: 0.85rem;
                color: #aaa;
            }

            /* Events Video Section */
            .events-video-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
                gap: 15px;
                margin-top: 30px;
            }

            .event-video-card {
                background: rgba(255,255,255,0.05);
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 4px 15px rgba(0,0,0,0.2);
                transition: all 0.3s ease;
            }

            .event-video-card:hover {
                transform: translateY(-5px);
                /* שינוי מכתום לזהב */
                box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3);
            }

            .event-video-container {
                position: relative;
                width: 100%;
                padding-bottom: 56.25%; /* יחס 16:9 */
                overflow: hidden;
            }
            
            .event-video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover; /* ודא שהווידאו ממלא את המיכל */
            }

            .event-overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.4);
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 1;
                transition: opacity 0.3s ease;
            }

            .event-play-button {
                width: 50px;
                height: 50px;
                background: #121212;
                border: 3px solid #d9b978;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s ease;
            }
            /* מבטיח שכל הקטגוריות מקבלות את אותו סגנון */


            .event-play-icon {
                width: 18px;
                height: 18px;
                /* שינוי מלבן לזהב */
                fill: #ffd700;
                margin-left: 3px;
            }

            .event-video-container:hover .event-overlay {
                opacity: 0.7;
            }

            .event-video-container:hover .event-play-button {
                transform: scale(1.1);
            }

            .event-video-info {
                padding: 10px;
            }

            .event-title {
                font-size: 0.95rem;
                font-weight: 500;
                color: #f5f5f5;
                text-align: center;
            }

            /* Contact Form */
            .contact-form-container {
                background: rgba(255,255,255,0.03);
                border-radius: 20px;
                padding: 30px;
                margin-top: 30px;
                box-shadow: 0 4px 30px rgba(0,0,0,0.2);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255,255,255,0.05);
            }

            .contact-form {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .form-group {
                width: 100%;
                max-width: 400px;
                margin-bottom: 20px;
            }

            .form-input {
                width: 100%;
                padding: 15px 20px;
                border-radius: 30px;
                background: rgba(255,255,255,0.08);
                border: 1px solid rgba(255,255,255,0.1);
                color: #f5f5f5;
                font-family: 'Rubik', sans-serif;
                font-size: 1rem;
                transition: all 0.3s ease;
            }

            .form-input:focus {
                outline: none;
                background: rgba(255,255,255,0.12);
                /* שינוי מכתום לזהב */
                border-color: rgba(255, 215, 0, 0.5);
            }

            .form-input::placeholder {
                color: rgba(255,255,255,0.4);
            }

            .form-textarea {
                height: 120px;
                resize: none;
                border-radius: 20px;
            }

            .form-submit {
                /* שינוי מגרדיאנט כתום לשחור עם מסגרת זהב */
                background: #121212;
                border: 2px solid #b38a49;
                color: white;
                padding: 15px 40px;
                border-radius: 30px;
                font-weight: 500;
                font-size: 1rem;
                cursor: pointer;
                transition: all 0.3s ease;
                margin-top: 10px;
                box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }

            .form-submit:hover {
                transform: translateY(-5px);
                /* שינוי מכתום לזהב */
                box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);
            }

            /* Footer */
            .footer {
                padding: 40px 20px;
                text-align: center;
                background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
            }

            .footer-links {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 20px;
                margin-bottom: 20px;
            }

            .footer-link {
                color: #aaa;
                text-decoration: none;
                transition: color 0.3s ease;
            }

            .footer-link:hover {
                /* שינוי מכתום לזהב */
                color: #09f496;
            }

            .copyright {
                color: #afacac;
                font-size: 0.9rem;
                margin-bottom: 20px;
            }

            /* Back to Top Button */
            .back-to-top {
                position: fixed;
                bottom: 30px;
                right: 30px;
                /* שינוי מגרדיאנט כתום לשחור עם מסגרת זהב */
                background: #121212;
                border: 2px solid var(--gold-bronze-light);
                width: 50px;
                height: 50px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #ffd700;
                text-decoration: none;
                opacity: 0;
                transform: translateY(20px);
                transition: all 0.3s ease;
                box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
                z-index: 100;
                cursor: pointer;
            }

            .back-to-top.visible {
                opacity: 1;
                transform: translateY(0);
            }

            .back-to-top:hover {
                transform: translateY(-5px);
                /* שינוי מכתום לזהב */
                box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);
            }

            /* Video Modal */
            .modal {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,0.9);
                z-index: 1000;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }

            .modal-content {
                position: relative;
                width: 100%;
                max-width: 900px;
                margin: 0 auto;
            }

            .close-modal {
                position: absolute;
                top: -40px;
                right: 0;
                color: white;
                font-size: 30px;
                cursor: pointer;
                transition: color 0.3s ease;
            }

            .close-modal:hover {
                /* שינוי מכתום לזהב */
                color: #ffd700;
            }

            .video-container {
                position: relative;
                padding-bottom: 56.25%;
                height: 0;
                overflow: hidden;
                border-radius: 10px;
            }

            .video-container iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: none;
            }

            .video-container video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: none;
                background-color: #000;
            }

            /* Media Queries - בסיסי */
            @media (max-width: 768px) {
                .name {
                    font-size: 2.8rem;
                }
                
                .title-hebrew {
                    font-size: 1.5rem;
                }
                
                .section-title {
                    font-size: 1.8rem;
                }
                
                .gallery-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
                
                .videos-grid, .events-video-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
                
                .social-grid {
                    grid-template-columns: repeat(4, 1fr);
                    gap: 10px;
                }
                
                .social-icon-wrapper {
                    width: 70px;
                    height: 70px;
                }
                
                .video-grid-wrapper {
                    grid-template-columns: repeat(1, 1fr);
                }
            
            .cover-photo-container {
                width: 100%;
                position: relative;
                max-height: 350px;
                overflow: hidden;
                background-color: #1c1c1c; /* Fallback if image doesn't load */
                display: flex;
                align-items: center;
                justify-content: center;

                
            }
            .cover-image {
                border-radius: 10px;
                width: 100%;
                height: auto;
                /* שינוי מ-contain ל-cover על מנת שהתמונה תמלא את הרוחב */
                object-fit: cover; 
                /* אפשרות להגדיר לתמונה למלא את גובה המיכל באופן מושלם */
                max-height: 350px;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            }

            .category-tabs {
                flex-wrap: wrap; /* במקום nowrap */
                justify-content: center; /* מרכז את השורות */
            }

            .category-tab {
                flex: 0 0 calc(50% - 10px); /* כל טאאב תופס חצי שורה עם מרווח */
                text-align: center;
            }

            /* התאמות מובייל משופרות */

            /* תיקונים כלליים למסכים קטנים */
            @media (max-width: 768px) {
                .section {
                    padding: 40px 15px; /* רווח קטן יותר בסקשנים */
                }
                
                /* שיפור גודל כותרת ראשית */
                .name {
                    font-size: 40px; /* גודל מתאים יותר למובייל */
                }
                
                /* שיפור סידור האייקונים החברתיים */
                .social-grid {
                    grid-template-columns: repeat(4, 1fr);
                    grid-template-areas: 
                        "item1 item2 item3"
                        "item4 item5 item6"
                        "item7 item8 .";
                    gap: 15px;
                }
            }

            /* התאמות למסכים קטנים מאוד */
            @media (max-width: 480px) {
                /* כותרת ראשית מוקטנת */
                .name {
                    font-size: 52px;
                    margin-top: 10px;
                }
                
                /* התאמת קרוסלת וידאו למובייל */
                .video-carousel-item {
                    min-width: 300px;
                    flex: 0 0 300;
                }
                
                .title-hebrew {
                    font-size: 1.3rem;
                }
                
                .occupation {
                    font-size: 1rem;
                }
                
                /* סידור טוב יותר של אייקונים חברתיים */
                .social-grid {
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-areas: 
                        "item1 item2"
                        "item3 item4"
                        "item5 item6"
                        "item7 item8";
                    gap: 10px;
                }
                
                
                .social-icon-wrapper {
                    width: 50px;
                    height: 50px;
                }
                .social-icon-inner {
                    width: 42px;
                    height: 42px;
                }
                
                .social-icon-outer {
                    top: -4px;
                    left: -4px;
                    right: -4px;
                    bottom: -4px;
                    border-radius: 16px;
                }
                
                .icon {
                    font-size: 20px;
                }
                
                .social-name {
                    font-size: 18px;
                }
                
                /* תיקון גודל תמונת פרופיל */
                .profile-image-container {
                    width: 110px;
                    height: 110px;
                    bottom: -35px;
                    border-width: 3px;
                }
                
                /* התאמת גריד של סרטונים */
                .videos-grid {
                    grid-template-columns: 1fr;
                    gap: 15px;
                }
                
                /* הגדרת רווחים בטופס */
                .contact-form-container {
                    padding: 20px 15px;
                }
                
                .form-group {
                    margin-bottom: 15px;
                }
                .hero{
                    height: 30vh;
                }      
            /* .scroll-arrow {
                margin-top: 00px;
            } */
                .section-title {
                 margin-top:-5vh
                }
                .scroll-arrow{
                        display: none !important;

                }
            }

            /* התאמות למסכים זעירים */
            @media (max-width: 360px) {
                .name {
                    font-size: 10px;
                }
                
                .social-grid {
                    gap: 3px;
                }
                
                .social-icon-wrapper {
                    width: 36px;
                    height: 36px;
                }
                
                .icon {
                    width: 14px;
                    height: 14px;
                }
                
                .profile-image-container {
                    width: 100px;
                    height: 100px;
                }
                
                /* התאמת גובה תמונת כותרת */
                .cover-photo-container,
                .cover-image {
                    max-height: 150px;
                }
                
                /* ריווח בסקשנים */
                .section {
                    padding: 30px 10px;
                }
            }

            /* תיקון ספציפי לסרטונים ואירועים */
            @media (max-width: 600px) {
                .videos-grid, .events-video-grid {
                    grid-template-columns: 1fr; /* סרטון אחד בשורה במובייל */
                }
                
                .video-title, .event-title {
                    font-size: 0.95rem;
                }
            }



            @keyframes fadeIn {
                from { opacity: 0; transform: translateY(10px); }
                to { opacity: 1; transform: translateY(0); }
            }
            }

            /* CSS לגלריה מודרנית */
            .gallery-filter {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 12px;
                margin-bottom: 30px;
            }

            .filter-btn {
                padding: 8px 16px;
                background: rgba(255, 255, 255, 0.05);
                border: 2px solid rgba(201, 160, 92, 0.3);
                border-radius: 20px;
                color: #f5f5f5;
                cursor: pointer;
                transition: all 0.3s ease;
                font-family: 'Rubik', sans-serif;
                font-size: 0.9rem;
            }

            .filter-btn:hover, .filter-btn.active {
                background-color: var(--gold-bronze-dark);
                color: #fff;
                transform: translateY(-2px);
                box-shadow: 0 4px 12px rgba(201, 160, 92, 0.3);
            }

            /* גלריה מודרנית */
            .modern-gallery {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
                gap: 25px;
                margin-top: 30px;
            }

            .gallery-item {
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
                position: relative;
                aspect-ratio: 1/1;
                transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            }

            .gallery-item-inner {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            .gallery-item img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            }

            .gallery-overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                padding: 20px;
                opacity: 0;
                transition: all 0.4s ease;
            }

            .gallery-info {
                transform: translateY(20px);
                transition: transform 0.4s ease;
            }

            .gallery-info h3 {
                color: var(--gold-bronze);
                font-size: 1.2rem;
                font-weight: 500;
                margin-bottom: 5px;
            }

            .gallery-info p {
                color: rgba(255, 255, 255, 0.8);
                font-size: 0.85rem;
            }

            .gallery-icon {
                position: absolute;
                top: 15px;
                right: 15px;
                width: 35px;
                height: 35px;
                background: rgba(0, 0, 0, 0.5);
                border: 1px solid var(--gold-bronze);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                transform: translateY(-10px);
                transition: all 0.4s ease;
            }

            .gallery-icon svg {
                width: 16px;
                height: 16px;
                stroke: var(--gold-bronze);
                stroke-width: 1.5;
                fill: none;
            }

            /* אפקט מעבר - הובר */
            .gallery-item:hover {
                transform: translateY(-8px);
                box-shadow: 0 15px 35px rgba(201, 160, 92, 0.2);
            }

            .gallery-item:hover img {
                transform: scale(1.1);
            }

            .gallery-item:hover .gallery-overlay {
                opacity: 1;
            }

            .gallery-item:hover .gallery-info {
                transform: translateY(0);
            }

            .gallery-item:hover .gallery-icon {
                opacity: 1;
                transform: translateY(0);
            }

            /* לייטבוקס מודאל */
            .lightbox-modal {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.9);
                z-index: 1000;
                overflow: hidden;
                opacity: 0;
                transition: opacity 0.4s ease;
            }

            .lightbox-modal.active {
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 1;
            }

            .lightbox-content {
                position: relative;
                max-width: 90%;
                max-height: 90%;
                margin: auto;
            }

            .close-lightbox {
                position: absolute;
                top: -40px;
                right: 0;
                color: #fff;
                font-size: 30px;
                cursor: pointer;
                transition: color 0.3s ease;
            }

            .close-lightbox:hover {
                color: var(--gold-bronze);
            }

            .lightbox-image {
                max-width: 100%;
                max-height: 80vh;
                border-radius: 6px;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
                display: block;
                margin: 0 auto;
            }

            .lightbox-caption {
                text-align: center;
                padding: 15px 0;
                color: #fff;
            }

            .lightbox-title {
                font-size: 1.3rem;
                color: var(--gold-bronze);
                margin-bottom: 5px;
            }

            .lightbox-desc {
                font-size: 0.9rem;
                color: rgba(255, 255, 255, 0.7);
            }

            .lightbox-prev, .lightbox-next {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background: rgba(0, 0, 0, 0.4);
                border: 1px solid var(--gold-bronze);
                color: var(--gold-bronze);
                width: 40px;
                height: 40px;
                border-radius: 50%;
                font-size: 22px;
                cursor: pointer;
                transition: all 0.3s ease;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .lightbox-prev {
                left: -60px;
            }

            .lightbox-next {
                right: -60px;
            }

            .lightbox-prev:hover, .lightbox-next:hover {
                background-color: rgba(201, 160, 92, 0.3);
                color: #fff;
                box-shadow: 0 0 15px rgba(201, 160, 92, 0.5);
            }

            /* התאמה למסכים קטנים */
            @media (max-width: 768px) {
                .modern-gallery {
                    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
                    gap: 15px;
                }
                
                .lightbox-prev, .lightbox-next {
                    width: 35px;
                    height: 35px;
                }
                
                .lightbox-prev {
                    left: -45px;
                }
                
                .lightbox-next {
                    right: -45px;
                }
            }

            @media (max-width: 480px) {
                .modern-gallery {
                    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                    gap: 10px;
                }
                
                .gallery-info h3 {
                    font-size: 1rem;
                }
                
                .gallery-info p {
                    font-size: 0.8rem;
                }
                
                .lightbox-prev {
                    left: 10px;
                }
                
                .lightbox-next {
                    right: 10px;
                }
                
            }

            /* עיצוב מודאל ההצלחה */
    .success-modal {
        display: none;
        position: fixed;
        z-index: 2000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .success-modal.show {
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .success-modal-content {
        background-color: white;
        max-width: 400px;
        width: 90%;
        padding: 30px;
        border-radius: 12px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        text-align: center;
        position: relative;
        transform: translateY(20px);
        opacity: 0;
        direction: rtl;
        transition: all 0.3s ease;
    }
    
    .success-modal.show .success-modal-content {
        transform: translateY(0);
        opacity: 1;
    }
    
    .success-icon-wrapper {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
        position: relative;
    }
    
    .success-icon {
        width: 80px;
        height: 80px;
    }
    
    .success-circle {
        stroke-width: 2;
        stroke: #4CAF50;
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        fill: none;
        animation: success-circle 0.6s ease-in-out forwards;
    }
    
    .success-check {
        stroke-width: 2;
        stroke: #4CAF50;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        fill: none;
        animation: success-check 0.6s ease-in-out 0.3s forwards;
    }
    
    @keyframes success-circle {
        0% {
        stroke-dashoffset: 166;
        }
        100% {
        stroke-dashoffset: 0;
        }
    }
    
    @keyframes success-check {
        0% {
        stroke-dashoffset: 48;
        }
        100% {
        stroke-dashoffset: 0;
        }
    }
    
    .success-title {
        color: #333;
        font-size: 24px;
        margin: 0 0 10px;
        font-weight: 600;
    }
    
    .success-message {
        color: #666;
        font-size: 16px;
        margin: 0 0 25px;
    }
    
    .success-button {
        background-color: #4CAF50;
        color: white;
        border: none;
        padding: 10px 25px;
        font-size: 16px;
        border-radius: 30px;
        cursor: pointer;
        transition: background-color 0.3s;
        font-family: 'Rubik', sans-serif;
    }
    
    .success-button:hover {
        background-color: #388E3C;
    }
    
    /* עיצוב אנימציית טעינה בכפתור השליחה */
    .loading-spinner {
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top-color: #fff;
        animation: spin 0.8s linear infinite;
        margin-right: 8px;
        vertical-align: middle;
    }
    
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    /* סגנון כפתור בזמן טעינה */
    .form-submit:disabled {
        background-color: #4CAF50;
        cursor: wait;
    }
    
    /* אנימציות הבהוב לאייקונים החברתיים */

    /* אנימציה לזוהר עדין מסביב לעיגול */
    @keyframes subtle-glow {
        0% {
            box-shadow: 0 0 0 0 rgba(201, 160, 92, 0);
        }
        50% {
            box-shadow: 0 0 10px 2px rgba(201, 160, 92, 0.6);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(201, 160, 92, 0);
        }
    }

    /* אנימציה לאפקט זוהר פנימי */
    @keyframes inner-glow {
        0% {
            opacity: 0.7;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0.7;
        }
    }

    /* עדכון סגנון המעטפת החיצונית עם אנימציה */
    .social-icon-outer {
        position: absolute;
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px;
        border: 1px solid rgba(201, 160, 92, 0.7);
        border-radius: 50% !important;
        z-index: -1;
        animation: subtle-glow 3s infinite ease-in-out;
        overflow: visible;
    }

    /* עדכון הרקע הפנימי למראה מבריק יותר */
    .social-icon-inner {
        width: 100%;
        height: 100%;
        border-radius: 50% !important;
        background: #121212;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 15px rgba(168, 101, 35, 0.3), 
                    inset 0 0 10px rgba(168, 101, 35, 0.2);
        position: relative;
        z-index: 1;
    }

    /* הוספת אפקט זוהר פנימי */
    .social-icon-inner::after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-radius: 50px;
        background: transparent;
        border: 2px solid var(--gold-bronze-light);
        z-index: -1;
        opacity: 0.7;
        animation: inner-glow 2.5s infinite ease-in-out;
    }

    /* האייקון עצמו מקבל גם אפקט זוהר קל */
    .icon {
        width: 28px;
        height: 28px;
        fill: #A86523 !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        filter: drop-shadow(0 0 1px rgba(201, 160, 92, 0.8));
    }

    /* הגברת האפקט במעבר עכבר */
    .social-link:hover .social-icon-outer {
        animation: pulse-glow 1.1s infinite ease-in-out;
        transform: scale(1.09);
    }

    .social-link:hover .social-icon-inner::after {
        animation-duration: 1.5s; /* אנימציה מהירה יותר בהצבעה */
        opacity: 0.9;
        border-color: var(--gold-bronze);
    }

    .social-link:hover .icon {
        filter: drop-shadow(0 0 3px rgba(201, 160, 92, 1));
    }

    /* התאמות למובייל */
    @media (max-width: 480px) {
        .social-icon-wrapper {
            width: 40px;
            height: 40px;
        }
        
        .icon {
            width: 16px;
            height: 16px;
        }
    }

    @keyframes rotate-glow {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes pulse-glow {
        0% {
            box-shadow: 0 0 0px 0px var(--gold-bronze), 0 0 10px 2px rgba(217,185,120,0.7), 0 0 0px 0px rgba(255,255,255,0.4);
        }
        40% {
            box-shadow: 0 0 22px 8px var(--gold-bronze), 0 0 40px 16px rgba(217,185,120,0.5), 0 0 10px 3px rgba(255,255,255,0.25);
        }
        100% {
            box-shadow: 0 0 0px 0px var(--gold-bronze), 0 0 10px 2px rgba(217,185,120,0.7), 0 0 0px 0px rgba(255,255,255,0.4);
        }
    }
      .Accessibility-Statement:hover{
                color: #09f496;
      }
      .Accessibility-Statement{
                text-decoration: none;
                transition: color 0.3s ease;
                font-weight: bold;
                                color: #c8c5c5;

  }
    .copyright {
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.9rem;
        }
        
        .copyright a {
            color: var(--primary);
            text-decoration: none;
        }