/* Canonical floating fields shared by Checkout and Contact. Native integrations remain scoped. */
.marielco-contact__form .marielco-form-field { position: relative; }
.marielco-checkout.is-enhanced .marielco-checkout__fields > .form-row.is-floating > label,
.marielco-contact__form .marielco-form-field.is-floating > .ff-el-input--label { position: absolute; top: 29px; left: 0; z-index: 1; font-size: 15px; pointer-events: none; transition: top 180ms ease, font-size 180ms ease, color 180ms ease; }
.marielco-checkout.is-enhanced .marielco-checkout__fields > .form-row.is-floating:is(.is-filled,:focus-within) > label,
.marielco-contact__form .marielco-form-field.is-floating:is(.is-filled,:focus-within,:has(input:autofill)) > .ff-el-input--label { top: 6px; font-size: 12px; }
.marielco-checkout .marielco-checkout__fields :is(input.input-text,select,textarea),
.marielco-contact__form .marielco-form-field .ff-el-form-control { display: block; width: 100%; height: 58px; min-height: 58px; padding: 22px 0 7px; border: 0; border-bottom: 1px solid var(--marielco-form-line, #bcbcbc); border-radius: 0; outline: 0; box-shadow: none; background: transparent; color: var(--marielco-form-ink, var(--checkout-ink)); font-family: inherit; font-size: 15px; line-height: 1.5; transition: border-color 180ms ease; }
.marielco-checkout .marielco-checkout__fields :is(input.input-text,select,textarea):focus,
.marielco-contact__form .marielco-form-field .ff-el-form-control:focus { border-bottom-color: var(--marielco-form-focus-line, #111); outline: 0; box-shadow: none; }
.marielco-checkout .marielco-checkout__fields :is(input,textarea)::placeholder,
.marielco-contact__form .marielco-form-field.is-floating :is(input,textarea)::placeholder { color: transparent; }

.marielco-contact__form .marielco-form-field > .ff-el-input--label { color: var(--marielco-form-muted); font-size: 12px; line-height: 1.2; }
.marielco-contact__form .marielco-form-field.is-floating > .ff-el-input--label label { font-size: inherit; line-height: inherit; }
@media (max-width: 768px) { .marielco-contact__form .marielco-form-field .ff-el-form-control { height: 56px; min-height: 56px; font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .marielco-contact__form .marielco-form-field, .marielco-contact__form .marielco-form-field * { transition: none; } }