.overlay {
display: flex;
visibility: hidden;
opacity: 0;
transition: opacity 1s linear, visibility 1s linear;
.......
}
.overlay.show {
opacity: 1;
visibility: visible;
}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
и все норм $('.popup').fadeIn({
start: function() {
$(this).css('display','flex');
}
});
.item_footer:nth-child(3) input {
width: 900px;
}
.catalog-dropdown:before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 45px;
}