.main_contact_form_inner{margin:0 auto;color:var(--mcf-text-color, rgb(var(--color-foreground)))}.main_contact_form_inner.has_bg{background:var(--mcf-block-bg);padding:5.5rem 4rem;border-radius:var(--mcf-broder-main)}.main_contact_form_inner.has_bg.has_media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(2rem,4vw,5rem);padding:0;overflow:hidden}.main_contact_form_inner.has_bg.has_media .main_contact_form_content{padding:5.5rem 4rem}.main_contact_form_media{position:relative}.main_contact_form_media img{width:100%;height:100%;object-fit:cover;display:block}.main_contact_form_head{text-align:var(--head-align);margin:0 0 2.4rem}.main_contact_form_head h2+.main_contact_form_text{margin:1.2rem 0 0}.main_contact_form_head h2{margin:0;color:var(--mcf-heading-color, var(--mcf-text-color, rgb(var(--color-foreground))))}.main_contact_form_head .main_contact_form_text p{font-size:1.4rem;line-height:1.6;margin:0;color:var(--mcf-text-color, rgb(var(--color-foreground)))}.main_contact_form{min-width:0}.main_contact_form_inner .input_field_wrapper{margin:0;height:100%;border-radius:var(--mcf-broder-input);position:relative}.main_contact_form_inner .input_field_wrapper input,.main_contact_form_inner .input_field_wrapper textarea{width:100%;border:none;background:var(--mcf-input-bg);color:var(--mcf-input-text);font-family:var(--font-heading-family);font-size:1.3rem;line-height:1.3;border-radius:var(--mcf-broder-input);height:4.8rem;padding:0 1.8rem}.main_contact_form_inner .input_field_wrapper.textarea{display:flex}.main_contact_form_inner .input_field_wrapper.textarea textarea{min-height:12.8rem;height:100%;padding:2rem 3rem;border-radius:var(--mcf-broder-input);resize:vertical;background:var(--mcf-input-bg);color:var(--mcf-input-text)}.main_contact_form_fields .input_field_wrapper input::placeholder,.main_contact_form_fields .input_field_wrapper textarea::placeholder{color:var(--mcf-input-text)}.input_field_wrapper.if_name label,.input_field_wrapper.if_email label,.input_field_wrapper.if_custom_field label,.input_field_wrapper.if_phone label{position:absolute!important;top:33%;left:2rem;transform:translateY(-50%);font-family:var(--font-heading-family);color:var(--mcf-input-text);line-height:1.2;pointer-events:none;transition:top .3s ease-out;clip:auto!important;overflow:visible!important;margin:0!important}.main_contact_form_inner .input_field_wrapper.select_wrapper select{width:100%;-webkit-appearance:none;appearance:none;border:none;background:var(--mcf-input-bg);color:var(--mcf-input-text);font-family:var(--font-heading-family);font-size:1.3rem;line-height:1.3;border-radius:var(--mcf-broder-input);height:4.8rem;padding:0 3.4rem 0 1.8rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%236a6a6a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.6rem center;background-size:1.1rem}.main_contact_form_inner .input_field_wrapper.select_wrapper select:invalid{color:var(--mcf-input-text)}.input_field_wrapper.if_button{background:transparent}.main_contact_form_inner .input_field_wrapper label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.main_contact_form_inner .input_field_wrapper input:focus-visible,.main_contact_form_inner .input_field_wrapper textarea:focus-visible,.main_contact_form_inner .input_field_wrapper select:focus-visible{outline:2px solid var(--mcf-text-color);outline-offset:-3px;box-shadow:0 0 0 2px var(--mcf-block-bg)}.main_contact_form_inner .input_field_wrapper button:focus-visible{outline:2px solid var(--color-primary-button-text);outline-offset:-5px;box-shadow:0 0 0 2px var(--mcf-block-bg)}.main_contact_form_inner .main_contact_form_fields:not(.two_cols) .input_field_wrapper:has(button){margin:1.2rem 0 0;background:transparent}.main_contact_form_fields.two_cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;grid-column-gap:2rem;grid-template-areas:"name phone" "email subject" "custom_field custom_field" "message message" "button button"}.main_contact_form_fields.two_cols .input_field_wrapper button,.submit-cont-button{height:4.8rem;width:100%}.main_contact_form_fields:not(.two_cols){display:flex;flex-flow:column;gap:1.1rem}.main_contact_form_inner .form_success_message{position:static;margin:0 0 2rem;gap:6px}.main_contact_form .error_msg,.main_contact_form .form_errors{margin-bottom:1.2rem}.main_contact_form .form_client_errors{color:var(--mcf-error-color, #d02b20);font-size:1.3rem;line-height:1.4;margin:0 0 1.2rem}.main_contact_form .form_client_errors[hidden]{display:none}.main_contact_form_inner .input_field_wrapper.has_error input,.main_contact_form_inner .input_field_wrapper.has_error textarea,.main_contact_form_inner .input_field_wrapper.has_error.select_wrapper select{box-shadow:inset 0 0 0 1.5px var(--mcf-error-color, #d02b20)}.main_contact_form_inner .input_field_wrapper.has_error input:focus-visible,.main_contact_form_inner .input_field_wrapper.has_error textarea:focus-visible,.main_contact_form_inner .input_field_wrapper.has_error.select_wrapper select:focus-visible{outline-color:var(--mcf-error-color, #d02b20)}@media screen and (min-width:769px){.if_name{grid-area:name}.if_email{grid-area:email}.if_phone{grid-area:phone}.if_subject{grid-area:subject}.if_custom_field{grid-area:custom_field}.if_message{grid-area:message}.if_button{grid-area:button}}@media screen and (max-width:768px){.main_contact_form_inner.has_bg.has_media{grid-template-columns:1fr}.main_contact_form_inner.has_bg.has_media .main_contact_form_content{padding:3.5rem 2rem}.main_contact_form_media{order:-1;aspect-ratio:4 / 3}.main_contact_form_head{margin:0 0 1.4rem}.main_contact_form_fields.two_cols{grid-template-columns:1fr;grid-template-areas:unset}.main_contact_form_inner .main_contact_form_fields.two_cols .input_field_wrapper{height:4.8rem}.main_contact_form_inner .main_contact_form_fields.two_cols .input_field_wrapper.textarea{height:auto}.main_contact_form_inner .main_contact_form_fields:not(.two_cols) .input_field_wrapper:has(button){margin:0}.main_contact_form_inner .main_contact_form_fields:not(.two_cols) .input_field_wrapper:has(button) button{width:100%}}@media screen and (max-width:640px){.main_contact_form_inner.has_bg{padding:3rem 1.5rem}.main_contact_form_inner .input_field_wrapper input,.main_contact_form_inner .input_field_wrapper textarea,.main_contact_form_fields.two_cols .input_field_wrapper button{height:4.6rem}.main_contact_form_inner .input_field_wrapper.textarea textarea{min-height:11.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/contact-form-section.css.map */