* Force every row in the form to stack vertically and clear overlaps */
.klaviyo-form div[data-testid="form-row"] {
display: block !important;
position: relative !important;
margin-bottom: 15px !important; /* Adds space between rows */
width: 100% !important;
}
/* Ensure the dropdown container doesn't have a collapsing height */
.klaviyo-form .klaviyo-dropdown {
height: auto !important;
min-height: 45px !important;
position: relative !important;
display: block !important;
}
/* Ensure the email field and subscribe button take up their own space */
.klaviyo-form .klaviyo-emailinput,
.klaviyo-form .klaviyo-form-button {
display: block !important;
width: 100% !important;
margin-bottom: 10px !important;
}
/* Fix for the specific dropdown container appearing in your code */
.go3519837754.klaviyo-dropdown {
margin-top: 10px !important;
clear: both !important;
}
/* Force the error message and dropdown to stay in the flow of the document */
.klaviyo-form div[style*="position: absolute"] {
position: relative !important;
top: 0 !important;
left: 0 !important;
}
