:root {
            --nature-green: #2d4a31; 
            --feminine-sage: #8da392; 
            --gold-accent: #b89b72;
            --cream-bg: #fdfbf7;
            --white: #ffffff;
        }

        * { box-sizing: border-box; }
        body { background-color: var(--cream-bg); color: var(--nature-green); margin: 0; padding: 0; font-family: 'Assistant', sans-serif; overflow-x: hidden; scroll-behavior: smooth; }

        header { text-align: center; padding: 40px 15px 20px; }
        .logo { font-family: 'Bodoni Moda', serif; font-size: 2.6rem; font-weight: 700; letter-spacing: 3px; margin: 0; color: var(--nature-green); text-transform: uppercase; }
        .slogan { font-size: 0.9rem; font-weight: 300; letter-spacing: 2px; margin-top: 12px; color: var(--gold-accent); text-transform: uppercase; }

        nav { position: sticky; top: 0; background: rgba(253, 251, 247, 0.98); z-index: 1000; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.03); display: flex; justify-content: center; }
        nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; justify-content: center; }
        nav a { text-decoration: none; color: var(--nature-green); font-size: 0.8rem; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }

        .section-title { text-align: center; font-family: 'Bodoni Moda', serif; font-size: 2.2rem; font-weight: 400; margin: 60px 0 40px; letter-spacing: 2px; position: relative; padding-bottom: 15px; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 1px; background-color: var(--gold-accent); }

        .hero { width: 100%; margin-bottom: 10px; }
        .hero-image-wrapper { width: 100%; height: 50vh; overflow: hidden; }
        .hero-image-wrapper img { width: 100%; height: 100%; object-fit: cover; }

        .about-section { padding: 90px 25px; text-align: center; background-color: var(--feminine-sage); color: var(--white); }
        .about-content { max-width: 850px; margin: 0 auto; }
        .about-content p { font-size: 1.15rem; line-height: 1.9; font-weight: 300; margin-bottom: 20px; }
        .about-highlight { font-family: 'Bodoni Moda', serif; font-style: italic; font-size: 1.4rem; color: var(--white); margin-top: 30px; display: block; }

        /* לופים אינסופיים */
        .book-section { display: flex; flex-direction: column; padding: 15px; gap: 20px; overflow: hidden; }
        .amit-book-cover { position: relative; height: 450px; cursor: pointer; overflow: hidden; border-radius: 6px; flex-shrink: 0; box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
        .amit-book-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
        .amit-book-cover:hover img { transform: scale(1.05); }
        .book-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; }
        .book-overlay h3 { font-family: 'Bodoni Moda', serif; margin: 0; font-size: 2.8rem; font-weight: 400; letter-spacing: 2px; }
        .btn-view-album { margin-top: 20px; padding: 12px 25px; border: 1px solid white; background: rgba(255,255,255,0.1); backdrop-filter: blur(5px); font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; }

        .book-moving-gallery, .collage-container { width: 100%; overflow: hidden; padding: 10px 0; }
        .slider-track-fast, .slider-track-slow { display: flex; width: max-content; }
        
        /* מהירות מאוזנת כפי שביקשת */
        .slider-track-fast { animation: scrollLoop 45s linear infinite; }
        .slider-track-slow { animation: scrollLoop 85s linear infinite; }

        /* עצירת לופ במעבר עכבר */
        .slider-track-fast:hover, .slider-track-slow:hover { animation-play-state: paused; }

        .book-slide, .slide { width: 220px; height: 300px; margin: 0 10px; flex-shrink: 0; cursor: pointer; }
        .book-slide img, .slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; transition: transform 0.3s; }
        .book-slide img:hover, .slide img:hover { transform: scale(1.03); }

        @keyframes scrollLoop { 
            0% { transform: translateX(0); } 
            100% { transform: translateX(50%); } 
        }

        /* בוק של עמית שנפתח - גריד תמונות */
        #amits-album { display: none; padding: 20px; background: #faf8f5; border-radius: 4px; margin-top: 20px; }
        .album-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; }
        .album-grid img { width: 100%; height: 200px; object-fit: cover; border-radius: 4px; cursor: pointer; transition: 0.3s; }
        .album-grid img:hover { filter: brightness(0.8); }

        /* גריד נשף */
        .prom-grid { column-count: 2; column-gap: 10px; padding: 0 10px 60px; }
        .prom-item { display: inline-block; width: 100%; margin-bottom: 10px; border-radius: 4px; overflow: hidden; break-inside: avoid; cursor: pointer; }
        .prom-item img { width: 100%; height: auto; display: block; transition: transform 0.6s ease; }

        /* תפריט צד */
        .side-contact-menu { position: fixed; left: 15px; top: 150px; display: flex; flex-direction: column; gap: 12px; z-index: 2000; }
        .side-contact-item { width: 45px; height: 45px; background: var(--nature-green); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-decoration: none; font-size: 1.2rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }

        /* לייטבוקס (הגדלת תמונה) */
        #lightbox { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); align-items: center; justify-content: center; cursor: zoom-out; }
        #lightbox img { max-width: 90%; max-height: 90%; border: 2px solid var(--gold-accent); box-shadow: 0 0 30px rgba(0,0,0,0.5); }

        footer { background: #0d160e; color: #777; text-align: center; padding: 40px 20px; font-size: 0.7rem; }

        @media (min-width: 900px) {
            .prom-grid { column-count: 3; padding: 0 10% 80px; column-gap: 20px; }
            .book-section { flex-direction: row; padding: 40px 10%; align-items: center; height: 600px; }
            .amit-book-cover { flex: 0 0 450px; height: 100%; }
            .hero-image-wrapper { height: 80vh; width: 95%; margin: 0 auto; }
            .album-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
        }