/* MYCHOCHY HERO - SAFE MOBILE FIX */

.ml-hero{
    width:760px!important;
    max-width:90%!important;
    margin:20px auto 25px auto!important;
    padding:18px 16px!important;
    border-radius:20px!important;
    position:relative!important;
    top:0!important;
    transform:none!important;
    overflow:visible!important;
    z-index:1!important;
}

.ml-hero-badge{
    font-size:12px!important;
    padding:6px 12px!important;
    margin-bottom:8px!important;
    transform:none!important;
}

.ml-hero h1{
    font-size:30px!important;
    line-height:1.05!important;
    margin:0 0 8px!important;
}

.ml-hero-text{
    font-size:14px!important;
    line-height:1.4!important;
}

.ml-hero-buttons{
    margin-top:12px!important;
    gap:8px!important;
}

.ml-hero-menu-btn,
.ml-hero-viber-btn{
    font-size:13px!important;
    padding:9px 14px!important;
    border-radius:12px!important;
    animation:none!important;
}

/* МНОГО ВАЖНО - НЕ ПУЛСИРАЙ ВСИЧКИ БУТОНИ */
.wp-block-button__link,
.wp-block-button a,
a.wp-block-button__link,
.wp-element-button,
button,
.button{
    animation:none!important;
}

/* MOBILE */
@media(max-width:768px){

    .ml-hero{
        width:92%!important;
        max-width:92%!important;
        margin:15px auto 18px auto!important;
        padding:12px 10px!important;
        border-radius:16px!important;
        top:0!important;
        transform:none!important;
    }

    .ml-hero-badge{
        font-size:10px!important;
        padding:5px 9px!important;
        margin-bottom:6px!important;
        transform:none!important;
    }

    .ml-hero h1{
        font-size:21px!important;
        margin-bottom:6px!important;
    }

    .ml-hero-text{
        font-size:12px!important;
        line-height:1.3!important;
    }

    .ml-hero-buttons{
        flex-direction:row!important;
        justify-content:center!important;
        gap:6px!important;
        margin-top:8px!important;
    }

    .ml-hero-menu-btn,
    .ml-hero-viber-btn{
        width:auto!important;
        max-width:none!important;
        font-size:11px!important;
        padding:8px 10px!important;
        border-radius:10px!important;
    }
}