.contact img{max-width:100%;display:block}.contact.page-width--narrow{max-width:900px}.contact{position:relative;overflow:hidden;margin:auto;padding:50px;border-radius:32px;background:linear-gradient(135deg,#fff9ef,#eefcf5);transition:all .35s ease}.contact:hover{transform:translateY(-4px)}.contact:before,.contact:after{content:"";position:absolute;border-radius:50%;z-index:0}.contact:before{width:220px;height:220px;background:#ffe066;opacity:.18;top:-80px;right:-80px}.contact:after{width:170px;height:170px;background:#8ce99a;opacity:.18;bottom:-70px;left:-70px}.contact>*{position:relative;z-index:2}.contact .title{margin:0 0 40px;text-align:center;font-size:40px;font-weight:700;color:#222;line-height:1.3}.contact .title span{display:block;font-size:18px;color:#666;margin-top:20px;font-weight:400}.contact .form__message{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#1b8f3e}.contact .icon-success{margin-top:0}.form-status-list{margin-bottom:20px;color:#d32f2f}.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.field{position:relative;margin-bottom:22px}.field:before,.field:after{display:none}.contact .field .field__input,.contact textarea{width:100%;background:#fff;border-radius:18px;padding:18px;font-size:15px;font-weight:500;color:#222;transition:.3s;box-sizing:border-box}.contact textarea{min-height:170px;resize:vertical}.contact .field .field__input:hover,.contact textarea:hover{border-color:#ffc107}.contact .field .field__input:focus,.contact textarea:focus{outline:none;border-color:#ff9800}.field__label{position:absolute;left:18px;top:18px;padding:0 6px;background:#fff;color:#777;pointer-events:none;transition:.25s ease;font-size:15px}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.text-area:focus~.field__label,.text-area:not(:placeholder-shown)~.field__label{top:-10px;font-size:12px;color:#ff9800}.field__input,.select__select{appearance:none;-webkit-appearance:none;width:100%;border:none;background:#fff;color:#222}.field__input{margin:0}.contact__button{margin-top:30px;text-align:center}.contact__button .btn,.contact__button .button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:58px;padding:0 35px;border:none;border-radius:999px;cursor:pointer;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff9800,#ff6f00);transition:all .3s ease}.contact__button .btn:hover,.contact__button .button:hover{transform:translateY(-3px)}.contact__field-error{display:block;margin-top:8px;color:#d32f2f;font-size:13px}.contact__field-error .form__message{color:#d32f2f;gap:6px}.field__input::placeholder,textarea::placeholder{color:#b3b3b3}.contact{animation:fadeUp .7s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:990px){.contact{padding:40px}.contact .title{font-size:34px}}@media screen and (max-width:749px){.contact{padding:24px;border-radius:22px}.contact .title{font-size:28px;margin-bottom:30px}.contact__fields{grid-template-columns:1fr;gap:0}.contact .field{margin-bottom:18px}.contact .field .field__input,.contact textarea{font-size:14px;padding:16px}.field__label{font-size:14px;left:16px;top:16px}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.text-area:focus~.field__label,.text-area:not(:placeholder-shown)~.field__label{font-size:11px}.contact__button .btn,.contact__button .button{width:100%;min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-contact-form.css.map */