Flux checkout styling problem

Hi,

after installing Flux checkou plugin i have problem with styling.

I had exact problem in different eshop which is exact copy of this eshop in different language. You help me with this CSS:

@media only screen and (max-width: 325px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 320px;
}
}
@media only screen and (min-width: 374px) and (max-width: 380px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 375px;
}
}
@media only screen and (min-width: 424px) and (max-width: 430px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 425px;
}
}
@media only screen and (min-width: 766px) and (max-width: 770px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 768px;
}
}
@media only screen and (min-width: 888px) and (max-width: 900px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 890px;
}
}

body.woocommerce-checkout {
max-width: 100vw;
overflow-x: hidden;
}

I paste this CSS to copy of eshop and it didnt work like on first eshop. Can you please help me resolve this issue?

I tried to switch from enfold theme to Twenty Twenty Four and checkout styling was correct. Enfold version is 7.0

Sending login to both eshops in private content.

Thanks.