input[type="text"],
input[type="search"],
input[type="tel"],
input:not([type]) {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
background-color: #fff !important;
color: #000 !important;
padding: 0.75rem 1rem !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: aktiv-grotesk-extended, sans-serif !important;
font-size: 1rem !important;
line-height: 1.5 !important;
appearance: none !important;
}
button[type="submit"],
input[type="submit"],
form button[type="submit"],
form button:not([type]) {
background-color: #3947b0 !important;
color: #fff !important;
border: 0 !important;
cursor: pointer !important;
}
button[type="submit"]:hover,
input[type="submit"]:hover,
form button[type="submit"]:hover,
form button:not([type]):hover {
background-color: #2f3c96 !important;
color: #fff !important;
}
button[type="submit"] svg,
form button[type="submit"] svg,
form button:not([type]) svg {
fill: currentColor !important;
color: #fff !important;
}
button[type="submit"] .fa,
button[type="submit"] i,
form button[type="submit"] .fa,
form button:not([type]) .fa,
form button[type="submit"] i,
form button:not([type]) i {
color: #fff !important;
}
/*
* Narrow screens: list above map when Stockist stacks map-first.
* Use max-width 699px so we stay below Stockist’s default 700px desktop breakpoint
* (avoid reversing while the widget is still side-by-side). Match your Stockist
* Appearance → Desktop breakpoint if you change it there.
*/
@media screen and (max-width: 699px) {
[data-menz-stockist-mobile-stack] {
flex-direction: column-reverse !important;
}
}
