.mp-contact{box-sizing:border-box;width:100%;overflow:hidden;background:var(--mp-contact-background);color:var(--mp-contact-primary);padding:var(--mp-contact-padding-top) 0 var(--mp-contact-padding-bottom)}.mp-contact,.mp-contact *{box-sizing:border-box}.mp-contact__inner{width:calc(100% - 80px);max-width:1500px;margin:0 auto}.mp-contact__header{max-width:720px;margin:0 auto;text-align:center}.mp-contact__title,.mp-contact__section-title{color:var(--mp-contact-primary);font-family:var(--font-heading-family);font-style:normal;font-weight:400}.mp-contact__title{margin:0;font-size:48px;letter-spacing:-.5px;line-height:1.1}.mp-contact__subtitle{margin:16px 0 0;color:var(--mp-contact-secondary);font-family:var(--font-body-family);font-size:16px;line-height:1.6}.mp-contact__grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;column-gap:clamp(60px,8vw,160px);margin-top:clamp(95px,8vw,110px)}.mp-contact__info,.mp-contact__form-wrap{min-width:0}.mp-contact__info{max-width:560px}.mp-contact__form-wrap{max-width:760px}.mp-contact__section-title{margin:0 0 26px;font-size:26px;letter-spacing:-.2px;line-height:1.25}.mp-contact__copy,.mp-contact__copy p{color:var(--mp-contact-secondary);font-family:var(--font-body-family);font-size:16px;font-weight:400;line-height:1.65}.mp-contact__copy{max-width:540px}.mp-contact__copy p{margin:0 0 18px}.mp-contact__copy p:last-child{margin-bottom:0}.mp-contact__detail{margin-top:34px}.mp-contact__detail-label{margin:0 0 8px;color:var(--mp-contact-primary);font-size:14px;font-weight:500;line-height:20px}.mp-contact__detail-value{margin:0;color:var(--mp-contact-secondary);font-size:16px;line-height:1.5;text-decoration-thickness:1px;text-underline-offset:3px}.mp-contact__detail-value:hover{color:var(--mp-contact-primary)}.mp-contact__note{max-width:390px;margin:28px 0 0;color:var(--mp-contact-secondary);font-size:14px;line-height:1.6}.mp-contact__form{display:block}.mp-contact__field{margin:0 0 24px}.mp-contact__label{display:block;margin:0 0 8px;color:var(--mp-contact-primary);font-size:14px;font-weight:500;line-height:20px}.mp-contact__optional{margin-left:5px;color:var(--mp-contact-secondary);font-size:13px;font-weight:400}.mp-contact__input,.mp-contact__textarea{display:block;width:100%;border:1px solid var(--mp-contact-border);border-radius:3px;background:var(--mp-contact-input-background);color:var(--mp-contact-primary);font-family:var(--font-body-family);font-size:16px;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease}.mp-contact__input{height:52px;padding:14px 16px}.mp-contact__textarea{min-height:200px;padding:14px 16px;resize:vertical}.mp-contact__input:focus,.mp-contact__textarea:focus{outline:none;border-color:var(--mp-contact-primary);box-shadow:0 0 0 1px var(--mp-contact-primary)}.mp-contact__input::placeholder,.mp-contact__textarea::placeholder{color:var(--mp-contact-secondary);opacity:.75}.mp-contact__field-error{display:block;margin-top:7px;color:#8a4f45;font-size:14px;line-height:1.45}.mp-contact__success,.mp-contact__errors{margin:0 0 28px;padding:16px 18px;font-size:16px;line-height:1.6}.mp-contact__success{background:#edf1e5;color:var(--mp-contact-primary)}.mp-contact__errors{background:#f3e7e1;color:#8a4f45}.mp-contact__errors p{margin:0}.mp-contact__errors-heading{font-weight:500}.mp-contact__errors a{color:inherit;text-underline-offset:3px}.mp-contact__button{display:inline-flex;align-items:center;justify-content:center;width:160px;min-height:52px;margin-top:2px;padding:0 26px;border:1px solid var(--mp-contact-button-background);border-radius:4px;background:var(--mp-contact-button-background);color:var(--mp-contact-button-text);cursor:pointer;font-family:var(--font-body-family);font-size:15px;font-weight:500;letter-spacing:.1px;line-height:1.2;transition:background-color .18s ease,color .18s ease,opacity .18s ease}.mp-contact__button:hover{opacity:.9}.mp-contact__button:focus-visible{outline:2px solid var(--mp-contact-primary);outline-offset:3px}@media screen and (min-width:750px)and (max-width:989px){.mp-contact__inner{width:calc(100% - 64px)}.mp-contact__grid{column-gap:60px}}@media screen and (max-width:749px){.mp-contact{padding-top:56px;padding-bottom:80px}.mp-contact__inner{width:calc(100% - 40px)}.mp-contact__title{font-size:38px}.mp-contact__subtitle{font-size:15px}.mp-contact__grid{display:flex;flex-direction:column;gap:56px;margin-top:60px}.mp-contact__info,.mp-contact__form-wrap{width:100%;max-width:none}.mp-contact__section-title{margin-bottom:24px;font-size:24px}.mp-contact__textarea{min-height:180px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mellow-paw-contact.css.map */