/* GGurgenidze — iPhone comments composer visibility fix */
:root{
    --gg-comments-visual-height:100dvh;
    --gg-comments-safe-bottom:max(10px,env(safe-area-inset-bottom,0px));
}

@media(max-width:900px){
    body.comments-modal-open{
        overflow:hidden!important;
        overscroll-behavior:none!important;
    }

    body.comments-modal-open .phase8-mobile-nav,
    body.comments-modal-open .mobile-bottom-nav,
    body.comments-modal-open .bottom-mobile-nav{
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translateY(120%)!important;
    }

    body.comments-modal-open .comments-modal{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:var(--gg-comments-visual-height,100dvh)!important;
        min-height:0!important;
        max-height:var(--gg-comments-visual-height,100dvh)!important;
        padding:0!important;
        align-items:stretch!important;
        justify-items:stretch!important;
        overflow:hidden!important;
    }

    body.comments-modal-open .comments-modal-dialog{
        position:relative!important;
        inset:auto!important;
        width:100vw!important;
        height:var(--gg-comments-visual-height,100dvh)!important;
        min-height:0!important;
        max-height:var(--gg-comments-visual-height,100dvh)!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        border:0!important;
        border-radius:0!important;
        background:#fff!important;
    }

    body.comments-modal-open .comments-modal-header{
        flex:0 0 auto!important;
        position:relative!important;
        z-index:5!important;
    }

    body.comments-modal-open .comments-modal-scroll{
        flex:1 1 auto!important;
        min-height:0!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
        padding-bottom:18px!important;
    }

    body.comments-modal-open .comments-modal-footer{
        position:relative!important;
        z-index:20!important;
        flex:0 0 auto!important;
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        min-height:64px!important;
        padding:10px 10px var(--gg-comments-safe-bottom)!important;
        margin:0!important;
        border-top:1px solid #e4e9f0!important;
        background:#fff!important;
        box-shadow:0 -10px 28px rgba(15,23,42,.08)!important;
        transform:none!important;
    }

    body.comments-modal-open .comments-modal-compose,
    body.comments-modal-open .comments-modal-footer .premium-comment-form,
    body.comments-modal-open .comments-modal-footer form[data-main-comment-form]{
        min-width:0!important;
        width:100%!important;
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }

    body.comments-modal-open .comments-modal-footer .premium-comment-form,
    body.comments-modal-open .comments-modal-footer form[data-main-comment-form]{
        position:relative!important;
        margin:0!important;
        padding:0!important;
    }

    body.comments-modal-open .comments-modal-footer input[name="body"]{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        width:100%!important;
        min-width:0!important;
        height:44px!important;
        min-height:44px!important;
        padding:10px 48px 10px 15px!important;
        border:1px solid #dfe5ed!important;
        border-radius:999px!important;
        background:#f0f2f5!important;
        color:#172b4d!important;
        font-size:16px!important;
        line-height:22px!important;
        -webkit-text-fill-color:#172b4d!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        box-shadow:none!important;
    }

    body.comments-modal-open .comments-modal-footer input[name="body"]::placeholder{
        color:#78869a!important;
        opacity:1!important;
        -webkit-text-fill-color:#78869a!important;
    }

    body.comments-modal-open .comments-modal-footer input[name="body"]:focus{
        outline:none!important;
        background:#fff!important;
        border-color:#8dbdf8!important;
        box-shadow:0 0 0 3px rgba(24,119,242,.12)!important;
    }

    body.comments-modal-open .comments-modal-footer .comment-send-icon{
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
        right:5px!important;
        top:5px!important;
        width:34px!important;
        height:34px!important;
        z-index:3!important;
    }

    body.comments-modal-open .comments-modal-user-avatar{
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
        flex:0 0 38px!important;
    }
}