/** Shopify CDN: Minification failed

Line 59:0 Unexpected "}"
Line 166:17 Expected identifier but found whitespace
Line 166:18 Unexpected "0.6rem"
Line 219:6 Expected identifier but found whitespace
Line 219:15 Unexpected "!"
Line 302:7 Expected identifier but found whitespace
Line 302:8 Unexpected "1px"

**/
.email-signup-banner .newsletter-form,
.email-signup-banner .newsletter-form__field-wrapper,
.email-signup-banner .email-signup-banner__box {
width: 100%;
box-sizing: border-box;
}

/* Force the label above the input and make it white */
.email-signup-banner .field {
display: block !important;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 0;
flex-direction: column;
}

.email-signup-banner .field__label {
display: block !important;
width: 100% !important;
margin-bottom: 0.35rem !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.2 !important;
color: #ffffff !important; /* make label white */
z-index: 2;
}

/* Make required asterisk white (or red if you prefer) */
.email-signup-banner .field__label span[aria-hidden="true"] {
color: #ffffff !important;
font-weight: 700;
margin-left: 0.25rem;
}

/* Input: keep placeholder hidden and ensure visible background contrast /
.email-signup-banner .field__input {
display: block !important;
width: 100% !important;
padding: 12px 14px !important;
font-size: 15px !important;
line-height: 1.4 !important;
box-sizing: border-box !important;
border: 1px solid rgba(255,255,255,0.15) !important;
border-radius: 6px !important;
background-color: rgba(255,255,255,0.06) !important; / subtle transparent background on dark banners /
color: #ffffff !important; / input text white so any typed email is legible */
}

/* Hide placeholder text completely (force) */
.email-signup-banner .field__input::placeholder {
color: transparent !important;
opacity: 0 !important;
}

/* Also ensure placeholder for older browsers */
.email-signup-banner .field__input:-ms-input-placeholder { color: transparent !important; }
.email-signup-banner .field__input::-ms-input-placeholder { color: transparent !important; }

/* Buttons */
.email-signup-banner .newsletter-form__button,
.email-signup-banner .field__button {
display: inline-block;
margin-top: 0.6rem;
}

/* Desktop: keep label above but allow input + button on same row */
@media only screen and (min-width: 750px) {
.email-signup-banner .field {
display: flex !important;
gap: 0.6rem;
align-items: flex-start;
}

/* Force label to remain full width above the input visually */
.email-signup-banner .field__label {
order: -1;
width: 100% !important;
margin-bottom: 0.5rem !important;
}

.email-signup-banner .field__input {
flex: 1 1 auto;
margin-top: 0 !important;
}

.email-signup-banner .newsletter-form__button,
.email-signup-banner .field__button {
margin-top: 0 !important;
flex: 0 0 auto;
align-self: center;
}
}/* FORCE label above input — highest-specificity overrides */
.email-signup-banner .newsletter-form__field-wrapper,
.email-signup-banner .newsletter-form__field-wrapper .field {
display: block !important;
position: static !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.35rem !important;
}

/* remove decorative pseudo-elements that can overlay the input */
.email-signup-banner .newsletter-form__field-wrapper .field::before,
.email-signup-banner .newsletter-form__field-wrapper .field::after {
display: none !important;
content: none !important;
}

/* Label: normal document flow, full width, white */
.email-signup-banner .newsletter-form__field-wrapper .field__label {
position: static !important;
transform: none !important;
top: auto !important;
left: auto !important;
display: block !important;
width: 100% !important;
margin: 0 0 0.5rem 0 !important;
color: #ffffff !important;
z-index: 20 !important;
pointer-events: auto !important;
}

/* Input: sit below the label, remove negative margins and overlays */
.email-signup-banner .newsletter-form__field-wrapper .field__input,
.email-signup-banner .newsletter-form__field-wrapper input[type="email"] {
position: relative !important;
margin: 0 !important;
margin-top: 0 !important;
padding: 12px 14px !important;
box-sizing: border-box !important;
width: 100% !important;
border-radius: 6px !important;
background-color: rgba(255,255,255,0.06) !important;
color: #ffffff !important;
-webkit-appearance: none !important;
appearance: none !important;
box-shadow: none !important;
}

/* Hide placeholder completely */
.email-signup-banner .newsletter-form__field-wrapper .field__input::placeholder {
color: transparent !important;
opacity: 0 !important;
}

/* Desktop keep stacked label (if you want inline input+button later, we can change) */
@media (min-width: 750px) {
.email-signup-banner .newsletter-form__field-wrapper .field {
display: block !important;
}
}/* --- Newsletter: label left above input, clearer input, centered arrow --- /
.email-signup-banner {
--newsletter-btn-size: 48px; / adjust button size */
--newsletter-gap: 0.6rem;
}

/* Base: label left-aligned (mobile & desktop) */
.email-signup-banner .newsletter-form__field-wrapper,
.email-signup-banner .newsletter-form__field-wrapper .field {
display: flex !important;
flex-direction: column !important;
gap: 0.35rem !important;
width: 100% !important;
}

/* Label: left aligned, sits above the input */
.email-signup-banner .field__label {
display: block !important;
width: 100% !important;
text-align: left !important;
margin: 0 0 0.35rem 0 !important;
font-weight: 600 !important;
color: #ffffff !important;
pointer-events: auto !important;
}

/* Input: clearer contrast and consistent height with button */
.email-signup-banner .field__input {
width: 100% !important;
padding: 12px 14px !important;
font-size: 15px !important;
line-height: 1.2 !important;
box-sizing: border-box !important;
border-radius: 8px !important;
border: 1px solid rgba(255,255,255,0.16) !important;
background-color: rgba(255,255,255,0.06) !important;
color: #ffffff !important;
height: auto !important;
min-height: 44px !important;
}

/* Make placeholder invisible */
.email-signup-banner .field__input::placeholder { color: transparent !important; opacity: 0 !important; }

/* Button: fixed square size, center the arrow /
.email-signup-banner .newsletter-form__button,
.email-signup-banner .field__button {
width: var(--newsletter-btn-size) !important;
height: var(--newsletter-btn-size) !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 8px !important;
margin-top: 0 !important;
background: rgba(255,255,255,0.12) !important; / tweak to taste */
color: #ffffff !important;
border: 1px solid rgba(255,255,255,0.12) !important;
}

/* Ensure SVG/icon centers and scales nicely */
.email-signup-banner .newsletter-form__button svg,
.email-signup-banner .field__button svg {
width: 18px;
height: 18px;
display: block;
}

/* Desktop: label sits above the left side of the input (not centered above button) */
@media (min-width: 750px) {
.email-signup-banner .newsletter-form__field-wrapper .field {
flex-direction: row !important;
align-items: center !important;
gap: var(--newsletter-gap) !important;
}

/* Keep label above only the input portion: give it a fixed max width */
.email-signup-banner .field__label {
order: -1;
width: calc(100% - var(--newsletter-btn-size) - var(--newsletter-gap)) !important;
margin-bottom: 0.35rem !important;
}

.email-signup-banner .field__input {
flex: 1 1 auto !important;
margin: 0 !important;
height: var(--newsletter-btn-size) !important;
display: block !important;
}

.email-signup-banner .newsletter-form__button,
.email-signup-banner .field__button {
flex: 0 0 var(--newsletter-btn-size) !important;
height: var(--newsletter-btn-size) !important;
}
}

/* Accessibility focus */
.email-signup-banner .field__input:focus {
outline: 3px solid rgba(255,255,255,0.12) !important;
outline-offset: 2px !important;
}

/* If anything else overlays label, ensure it sits on top */
.email-signup-banner .field__label { z-index: 50 !important; position: relative !important; }

/* Small additional cleanup: remove decorative pseudo-elements if present */
.email-signup-banner .field::before,
.email-signup-banner .field::after {
display: none !important;
content: none !important;
}
/* container needs to be relative so button can sit inside input */
.email-signup-banner .newsletter-form__field-wrapper,
.email-signup-banner .field {
position: relative !important;
}

/* inset the input so there's space on the right for the button */
.email-signup-banner .field__input {
padding-right: calc(var(--newsletter-btn-size) + var(--newsletter-btn-gap) + 6px) !important;
box-sizing: border-box !important;
}

/* position the submit button inside the input on the right, vertically centered /
.email-signup-banner .newsletter-form__button,
.email-signup-banner .field__button {
position: absolute !important;
right: var(--newsletter-btn-gap) !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: var(--newsletter-btn-size) !important;
height: calc(var(--newsletter-btn-size) - 4px) !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 6px !important;
background: rgba(255,255,255,0.10) !important; / tweak to taste */
border: 1px solid rgba(255,255,255,0.12) !important;
color: #ffffff !important;
z-index: 5 !important;
}

/* shrink/center the arrow SVG */
.email-signup-banner .newsletter-form__button svg,
.email-signup-banner .field__button svg {
width: 16px !important;
height: 16px !important;
display: block;
}

/* ensure label sits above left side of input */
.email-signup-banner .field__label {
display: block !important;
text-align: left !important;
margin-bottom: 0.35rem !important;
white-space: nowrap !important;
}

/* Responsive: on small screens keep button inside but adjust size if needed */
@media (max-width: 599px) {
:root{
--newsletter-btn-size: 44px;
--newsletter-btn-gap: 8px;
}

/* positioning context for input + button */
.email-signup-banner .newsletter-form__field-wrapper {
position: relative !important;
width: 100% !important;
box-sizing: border-box !important;
}

/* field contains input + button only */
.email-signup-banner .field {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

/* reserve right space inside input for the button */
.email-signup-banner .field__input {
width: 100% !important;
padding: 12px 16px 12px 12px !important;
padding-right: calc(var(--newsletter-btn-size) + var(--newsletter-btn-gap) + 8px) !important;
box-sizing: border-box !important;
min-height: 48px !important;
border-radius: 8px !important;
border: 1px solid rgba(255,255,255,0.12) !important;
background: rgba(255,255,255,0.06) !important;
color: #ffffff !important;
}

/* button sits inside the input on the right, vertically centered and same height /
.email-signup-banner .newsletter-form__button,
.email-signup-banner .field__button {
position: absolute !important;
right: var(--newsletter-btn-gap) !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: var(--newsletter-btn-size) !important;
height: calc(100% - 12px) !important; / slightly inset so input border is visible */
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 40 !important;
background: rgba(255,255,255,0.10) !important;
border: none !important;
border-left: 1px solid rgba(255,255,255,0.12) !important;
border-radius: 0 8px 8px 0 !important;
}

/* arrow icon size */
.email-signup-banner .newsletter-form__button svg,
.email-signup-banner .field__button svg {
width: 16px !important;
height: 16px !important;
display: block !important;
}

/* label stays above and left-aligned */
.email-signup-banner .field__label {
display: block !important;
margin: 0 0 6px 0 !important;
text-align: left !important;
color: #ffffff !important;
position: relative !important;
z-index: 50 !important;
}

/* remove any interfering pseudo-elements */
.email-signup-banner .field::before,
.email-signup-banner .field::after,
.email-signup-banner .newsletter-form__button::before,
.email-signup-banner .newsletter-form__button::after {
display: none !important;
content: none !important;
}