/* Tudo o que o tailwind falhou */

#modalProduto {
    padding: 15vh 2vw 15vh 2vw;
}

#modalProdutoContent {
    max-height: 90vh;
}

@media screen and (min-width: 768px) {
    #modalProduto {
        padding: 30vh 28vw 30vh 28vw;
    }
}

body:has(#modalProduto:not(.hidden)) {
    overflow: hidden;
}

#modalProdutoMedia {
    height: 45vh;
    max-height: 55vh;
    overflow: hidden;
}

#modalProdutoMedia img,
#modalProdutoMedia video {
    width: 100%;
    height: 100%;
}

#modalProdutoMedia {
    background: #f6f1e7;
}

#modalProdutoMedia .hidden {
    display: none !important;
}

@media screen and (min-width: 768px) {
    #modalProdutoMedia {
        height: 55vh;
        max-height: 60vh;
    }
}