/* =========================================================
   MUSIC FM — HERO GLASS FINAL CLEAN
   קובץ אחד בלבד ל-HERO
   ========================================================= */

body .hero.hero-slider,
body .hero.hero-slider *{
    box-sizing:border-box !important;
}

body .hero.hero-slider{
    position:relative !important;
    direction:rtl !important;
    width:100% !important;
    height:460px !important;
    min-height:460px !important;
    margin:8px 0 8px !important;
    padding:0 !important;
    overflow:hidden !important;
    isolation:isolate !important;

    border:none !important;
    border-radius:34px !important;

    background:
        linear-gradient(135deg, rgba(255,255,255,.30), rgba(232,244,255,.18)),
        radial-gradient(circle at 30% 50%, rgba(20,124,255,.15), transparent 36%),
        radial-gradient(circle at 78% 16%, rgba(0,132,255,.12), transparent 28%) !important;

    backdrop-filter:blur(28px) saturate(1.25) !important;
    -webkit-backdrop-filter:blur(28px) saturate(1.25) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 18px 44px rgba(15,23,42,.04) !important;
}

body .hero.hero-slider::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(115deg,
            transparent 0%,
            transparent 36%,
            rgba(255,255,255,.46) 48%,
            rgba(255,255,255,.16) 56%,
            transparent 68%) !important;
    animation:mfHeroGlassSweep 8s ease-in-out infinite !important;
    opacity:.55 !important;
}

body .hero.hero-slider::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background-image:
        linear-gradient(rgba(20,124,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20,124,255,.010) 1px, transparent 1px) !important;
    background-size:54px 54px !important;
    opacity:.20 !important;
}

@keyframes mfHeroGlassSweep{
    0%,20%{transform:translateX(46%) skewX(-10deg); opacity:.22;}
    52%{transform:translateX(-38%) skewX(-10deg); opacity:.68;}
    100%{transform:translateX(-50%) skewX(-10deg); opacity:.22;}
}

/* slides */
body .hero-slider .hero-slide{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:scale(.992) translateY(8px) !important;
    filter:blur(10px) !important;
transition:none !important;
}

body .hero-slider .hero-slide.active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:scale(1) translateY(0) !important;
    filter:blur(0) !important;
    z-index:2 !important;
}

body .hero-slider .hero-slide.is-entering{
    animation:none !important;
opacity:1 !important;
visibility:visible !important;
filter:none !important;
transform:none !important;
}

body .hero-slider .hero-slide.is-leaving{
animation:none !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}

@keyframes mfHeroLuxuryIn{
    from{opacity:0; transform:scale(.986) translateY(14px); filter:blur(14px);}
    to{opacity:1; transform:scale(1) translateY(0); filter:blur(0);}
}

@keyframes mfHeroLuxuryOut{
    from{opacity:1; transform:scale(1) translateY(0); filter:blur(0);}
    to{opacity:0; transform:scale(1.01) translateY(-10px); filter:blur(14px);}
}

/* layout */
body .hero-slider .hero-content{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    min-height:460px !important;

    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 330px !important;
    align-items:center !important;
    gap:48px !important;

    padding:22px 84px 22px 68px !important;
    margin:0 !important;
}

/* image */
body .hero-slider .hero-image{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:center !important;
    align-self:center !important;
    transform:translateX(35px) !important;

    position:relative !important;
    z-index:4 !important;

    width:290px !important;
    height:290px !important;
    min-width:290px !important;
    max-width:290px !important;

    border-radius:50% !important;
    overflow:hidden !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

body .hero-slider .hero-image::before,
body .hero-slider .hero-image::after{
    display:none !important;
}

body .hero-slider .hero-image img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:50% !important;
}

/* text */
body .hero-slider .hero-text{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:flex-start !important;

    position:relative !important;
    z-index:4 !important;

    min-width:0 !important;
    width:100% !important;
    max-width:940px !important;
    min-height:380px !important;
    transform:translateX(28px) !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;

    padding-top:55px !important;
    padding-bottom:10px !important;

    text-align:right !important;
}

/* fixed floating meta */
body .hero-slider .hero-meta{
    position:absolute !important;
    top:-4px !important;
    right:0 !important;

    display:flex !important;
    align-items:center !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    margin:0 !important;
    padding:8px 14px !important;

    border-radius:18px !important;

    background:rgba(255,255,255,.34) !important;
    border:1px solid rgba(255,255,255,.74) !important;

    backdrop-filter:blur(18px) saturate(1.3) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.3) !important;

    box-shadow:
        0 10px 30px rgba(15,23,42,.08),
        inset 0 1px 0 rgba(255,255,255,.72) !important;

    z-index:20 !important;
}

body .hero-slider .hero-meta .tag{
    margin:0 !important;
}

body .hero-slider .hero-meta h5{
    margin:0 !important;
}

/* fallback if HTML still has tag + h5 without hero-meta */
body .hero-slider .hero-text > .tag{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;

    margin:0 10px 0 0 !important;
    padding:10px 16px !important;
    border-radius:14px !important;

    background:rgba(17,24,39,.94) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;

    font-size:14px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

body .hero-slider .tag{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;

    padding:10px 16px !important;
    border-radius:14px !important;

    background:rgba(17,24,39,.94) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;

    font-size:14px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

body .hero-slider .tag::before{
    content:"" !important;

    width:14px !important;
    height:14px !important;
    min-width:14px !important;

    border-radius:50% !important;

    background:#20d17d !important;

    box-shadow:
        0 0 0 0 rgba(32,209,125,.85),
        0 0 10px rgba(32,209,125,.95),
        0 0 22px rgba(32,209,125,.75),
        0 0 38px rgba(32,209,125,.45) !important;

    animation:heroLivePulse 1.8s infinite ease-out !important;
}

@keyframes heroLivePulse{

    0%{
        transform:scale(1);
        box-shadow:
            0 0 0 0 rgba(32,209,125,.75),
            0 0 12px rgba(32,209,125,.95),
            0 0 24px rgba(32,209,125,.65);
    }

    70%{
        transform:scale(1.18);
        box-shadow:
            0 0 0 12px rgba(32,209,125,0),
            0 0 22px rgba(32,209,125,1),
            0 0 42px rgba(32,209,125,.75);
    }

    100%{
        transform:scale(1);
        box-shadow:
            0 0 0 0 rgba(32,209,125,0),
            0 0 12px rgba(32,209,125,.95),
            0 0 24px rgba(32,209,125,.65);
    }
}

body .hero-slider .hero-text h5{
    display:inline-flex !important;
    align-items:center !important;

    margin:0 !important;
    padding:0 !important;

    color:#147cff !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

body .hero-slider .hero-text h1{
    display:block !important;

    margin:0 0 12px !important;

    max-width:900px !important;

min-height:auto !important;
max-height:none !important;
overflow:visible !important;

    color:#0f172a !important;

    font-size:31px !important;
    line-height:1.24 !important;
    font-weight:950 !important;

    letter-spacing:-.026em !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    background:linear-gradient(
    135deg,
    #56b8ff 0%,
    #1f7dff 24%,
    #17365f 82%,
    #0f172a 100%
) !important;

-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent !important;
background-clip:text !important;
color:transparent !important;
}

body .hero-slider .hero-text p{
    display:block !important;

    margin:0 0 18px !important;

    max-width:820px !important;

    color:#3f4654 !important;

    font-size:16px !important;
    line-height:1.62 !important;
    font-weight:650 !important;

min-height:auto !important;
max-height:none !important;
overflow:visible !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
}

body .hero-slider .hero-text a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:122px !important;
    height:42px !important;

    padding:0 20px !important;

    border-radius:14px !important;

    position:absolute !important;
    bottom:-15px !important;
    left:0 !important;

    background:linear-gradient(135deg,#1685ff,#005bea) !important;

    color:#fff !important;

    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;

    text-decoration:none !important;

    box-shadow:
        0 12px 24px rgba(20,124,255,.18),
        inset 0 1px 0 rgba(255,255,255,.22) !important;

    z-index:30 !important;
}

/* dots */
body .hero-slider .hero-dots{
    position:absolute !important;
    left:22px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:999 !important;

    width:56px !important;
    padding:12px 8px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:11px !important;

    border-radius:999px !important;
    background:rgba(255,255,255,.46) !important;
    border:1px solid rgba(255,255,255,.70) !important;
    backdrop-filter:blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;

    pointer-events:auto !important;
}

body .hero-slider .hero-dots span{
    width:42px !important;
    height:42px !important;

    display:grid !important;
    place-items:center !important;

    position:relative !important;
    z-index:1000 !important;

    border-radius:50% !important;
    background:transparent !important;
    color:#0f172a !important;

    font-size:16px !important;
    font-weight:950 !important;
    transition:.2s ease !important;

    pointer-events:auto !important;
    cursor:pointer !important;
    user-select:none !important;
}

body .hero-slider .hero-dots span.active{
    background:linear-gradient(135deg,#1685ff,#0068ff) !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(20,124,255,.22) !important;
}

body .hero-slider .numbers,
body .hero-slider .hero-arrows,
body .hero-slider .mf-news-hero-arrows{
    display:none !important;
}

@media(max-width:1100px){
    body .hero.hero-slider{
        height:auto !important;
        min-height:590px !important;
        border-radius:28px !important;
    }

    body .hero-slider .hero-content{
        min-height:590px !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
        padding:30px 28px 76px !important;
        text-align:center !important;
    }

    body .hero-slider .hero-image{
        grid-column:1 !important;
        grid-row:1 !important;
        width:245px !important;
        height:245px !important;
        min-width:245px !important;
        max-width:245px !important;
        margin:0 auto !important;
    }

    body .hero-slider .hero-text{
        grid-column:1 !important;
        grid-row:2 !important;
        max-width:100% !important;
        text-align:center !important;
        margin:0 auto !important;
        padding-top:68px !important;
    }

    body .hero-slider .hero-meta{
        right:50% !important;
        transform:translateX(50%) !important;
    }

    body .hero-slider .hero-text h1,
    body .hero-slider .hero-text p{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body .hero-slider .hero-text h1{
        font-size:28px !important;
        position:relative !important;
top:15px !important;
    }

    body .hero-slider .hero-dots{
        top:auto !important;
        bottom:18px !important;
        left:50% !important;
        transform:translateX(-50%) !important;
        width:auto !important;
        flex-direction:row !important;
    }
}


/* HERO DOTS CLICK FIX — final safety */
body .hero.hero-slider::before,
body .hero.hero-slider::after{
    pointer-events:none !important;
}

body .hero-slider .hero-slide{
    z-index:1 !important;
}

body .hero-slider .hero-slide.active{
    z-index:2 !important;
}

body .hero-slider .hero-dots{
    z-index:9999 !important;
    pointer-events:auto !important;
}

body .hero-slider .hero-dots span{
    position:relative !important;
    z-index:10000 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    user-select:none !important;
}

/* =========================================================
   MOBILE FIX — HERO FINAL COMPACT
   נטען בתוך קובץ ה-HERO עצמו כדי לנצח את סדר הטעינה בלי להוסיף שכבות חדשות
========================================================= */
@media (max-width: 820px){
    body .hero.hero-slider{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:6px 0 14px !important;
        padding:0 !important;
        border-radius:26px !important;
        overflow:hidden !important;
    }

    body .hero-slider .hero-slide,
    body .hero-slider .hero-slide.active{
        position:relative !important;
        inset:auto !important;
        height:auto !important;
        min-height:0 !important;
        transform:none !important;
        filter:none !important;
    }

    body .hero-slider .hero-slide:not(.active){
        position:absolute !important;
        inset:0 !important;
        height:100% !important;
    }

    body .hero-slider .hero-content{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:12px !important;
        padding:22px 16px 74px !important;
        margin:0 !important;
        text-align:center !important;
    }

    body .hero-slider .hero-image{
        order:1 !important;
        grid-column:auto !important;
        grid-row:auto !important;
        transform:none !important;
        width:clamp(136px, 42vw, 174px) !important;
        height:clamp(136px, 42vw, 174px) !important;
        min-width:0 !important;
        max-width:174px !important;
        margin:0 auto 2px !important;
        justify-self:center !important;
        align-self:center !important;
        border-radius:50% !important;
        overflow:hidden !important;
    }

    body .hero-slider .hero-image img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        border-radius:50% !important;
    }

    body .hero-slider .hero-text{
        order:2 !important;
        grid-column:auto !important;
        grid-row:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:100% !important;
        min-height:0 !important;
        margin:0 auto !important;
        padding:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        text-align:center !important;
    }

    body .hero-slider .hero-meta{
        position:static !important;
        top:auto !important;
        right:auto !important;
        inset:auto !important;
        width:min(100%, 336px) !important;
        height:auto !important;
        min-height:40px !important;
        max-height:none !important;
        margin:4px auto 12px !important;
        padding:5px 8px !important;
        display:flex !important;
        justify-content:center !important;
        gap:7px !important;
        transform:none !important;
        border-radius:999px !important;
    }

    body .hero-slider .hero-meta .tag,
    body .hero-slider .hero-text > .tag,
    body .hero-slider .tag{
        min-height:32px !important;
        height:32px !important;
        padding:0 11px !important;
        margin:0 !important;
        font-size:12px !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    body .hero-slider .hero-meta h5,
    body .hero-slider .hero-text h5{
        margin:0 !important;
        font-size:13px !important;
        line-height:1.25 !important;
        white-space:nowrap !important;
    }

    body .hero-slider .hero-text h1{
        position:static !important;
        top:auto !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 auto 10px !important;
        padding:0 !important;
        font-size:clamp(24px, 7vw, 31px) !important;
        line-height:1.13 !important;
        letter-spacing:-.04em !important;
        text-align:center !important;
        overflow-wrap:break-word !important;
    }

    body .hero-slider .hero-text p{
        width:100% !important;
        max-width:94% !important;
        margin:0 auto !important;
        padding:0 !important;
        font-size:14px !important;
        line-height:1.55 !important;
        text-align:center !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    body .hero-slider .hero-text a{
        margin-top:12px !important;
        min-height:40px !important;
        padding:0 16px !important;
        font-size:13px !important;
        border-radius:14px !important;
    }

    body .hero-slider .hero-dots{
        position:absolute !important;
        left:50% !important;
        right:auto !important;
        bottom:16px !important;
        top:auto !important;
        transform:translateX(-50%) !important;
        width:auto !important;
        max-width:calc(100% - 34px) !important;
        height:46px !important;
        padding:6px 10px !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        gap:6px !important;
        border-radius:999px !important;
        background:rgba(255,255,255,.76) !important;
        z-index:30 !important;
    }

    body .hero-slider .hero-dots span{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        padding:0 !important;
        margin:0 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:999px !important;
        font-size:16px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }
}

@media (max-width: 380px){
    body .hero-slider .hero-content{ padding:18px 13px 70px !important; }
    body .hero-slider .hero-image{ width:132px !important; height:132px !important; }
    body .hero-slider .hero-text h1{ font-size:23px !important; }
}

@media (max-width: 820px){

    .mf-hero-news .mf-hero-actions,
    .home-hero-news .mf-hero-actions,
    .hero-news .mf-hero-actions{
        margin-bottom: 32px !important;
    }

    .mf-hero-news .mf-hero-dots,
    .home-hero-news .mf-hero-dots,
    .hero-news .mf-hero-dots,
    .hero-news-dots,
    .mf-hero-pagination{
        position: relative !important;
        margin-top: 18px !important;
        transform: none !important;
        bottom: auto !important;
    }

    .mf-hero-news .mf-hero-readmore,
    .home-hero-news .mf-hero-readmore,
    .hero-news .mf-hero-readmore,
    .mf-hero-news .read-more,
    .home-hero-news .read-more{
        margin-bottom: 18px !important;
    }
}

/* =========================================================
   MUSIC FM — HERO PAGING/STABILITY FIX
   תיקון דפדוף בלבד: בלי שינוי גדלים, בלי שינוי פרופורציות
   ========================================================= */

/* מונע קפיצות/טשטוש בזמן מעבר בין סליידים */
body .hero-slider .hero-slide{
    transform:none !important;
    filter:none !important;
    transition:
        opacity .42s ease,
        visibility .42s ease !important;
}

body .hero-slider .hero-slide.active{
    transform:none !important;
    filter:none !important;
}

/* מבטל אנימציות כניסה/יציאה שגרמו לדפדוף לא יציב */
body .hero-slider .hero-slide.is-entering,
body .hero-slider .hero-slide.is-leaving{
    animation:none !important;
    transform:none !important;
    filter:none !important;
}

body .hero-slider .hero-slide.is-leaving{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

body .hero-slider .hero-slide.is-entering,
body .hero-slider .hero-slide.active.is-entering{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}

/* מבטיח שהנקודות תמיד נשארות לחיצות מעל הסליידים */
body .hero-slider .hero-dots,
body .hero-slider .hero-dots span{
    pointer-events:auto !important;
}