/* ============================================================
   MASTERING PAGE - MOBILE OPTIMIZATION
   ============================================================ */

@media (max-width: 1024px) {

    /* --- 1. תיקון התמונה והריווח ב-Hero --- */
    body section#mastering-hero-section.hero {
        height: 100vh !important; /* תופס את גובה המסך */
        min-height: 100svh !important; /* מבטיח מילוי מלא גם בדפדפני מובייל (Safari/Chrome) */
        
        background-size: cover !important; 
        background-position: center center !important; 
        background-repeat: no-repeat !important;
        
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* ביטול מרווח תחתון מיותר כדי לאפשר לסקשן הבא להיצמד */
        margin-bottom: 0 !important; 
    }

    /* צמצום הריווח העליון של סקשן הטרנספורמיישן כדי לצמצם את המרווח מה-Hero */
    .transformation-section {
        padding-top: 40px !important; /* ריווח פנימי קטן יותר למעלה */
        margin-top: -10px !important; /* משיכה קלה כלפי מעלה */
    }

    /* --- 2. כותרת הסקשן - סידור ל-2 שורות --- */
    .transformation-section .section-title {
        font-size: 1.3rem !important; 
        line-height: 1.1 !important;
        letter-spacing: 1.5px !important;
        white-space: normal !important; /* מאפשר ירידת שורה */
        
        /* הגבלת רוחב כדי שהטקסט יישבר בדיוק איפה שצריך */
        max-width: 280px !important; 
        margin: 0 auto 15px !important;
        display: block !important;
        text-align: center !important;
    }

    /* --- 3. הטקסט מתחת לכותרת --- */
    .transformation-section .section-text {
        font-size: 0.8rem !important; 
        line-height: 1.4 !important;
        max-width: 300px !important;
        margin: 0 auto 30px !important;
        opacity: 0.8;
        text-align: center !important;
    }

    /* --- 4. התאמת הלוגו ב-Hero --- */
    .mastering-hero .hero-logo {
        width: 85vw !important;
        max-width: 320px !important;
        height: auto !important;
    }

} /* <--- הסוגר הזה סוגר את ה-Media Query ומוודא שהקוד תקין */