.contact-form-wrapper{width:100%}.page-width{max-width:1200px;margin:0 auto;padding:0 20px}.contact-form-container{max-width:800px;margin:0 auto}.contact-form-heading{font-weight:600;line-height:1.2;margin:0}.contact-form-description{line-height:1.6;margin:0}.contact-form{margin-top:32px}.form-status{padding:16px 20px;border-radius:4px;margin-bottom:24px;font-size:14px}.form-status-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-status-error h3{margin:0 0 8px;font-size:16px}.form-status-error ul{margin:0;padding-left:20px}.contact-form-fields{display:flex;flex-direction:column;gap:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:14px;font-weight:500;color:#333}.required{color:#e74c3c;margin-left:2px}.field-input,.field-textarea{width:100%;padding:12px 16px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:border-color .2s}.field-input:focus,.field-textarea:focus{outline:none;border-color:#333}.field-textarea{resize:vertical;min-height:120px}.field-help{font-size:12px;color:#666}.file-upload-wrapper{position:relative}.field-file{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:#f5f5f5;border:2px dashed #ddd;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333}.file-upload-label:hover{background-color:#e8e8e8;border-color:#333}.file-name{display:inline-block;margin-left:12px;font-size:14px;color:#666}.recaptcha-wrapper{display:flex;justify-content:flex-start}.submit-button{padding:14px 32px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.submit-button:active{transform:translateY(0)}@media screen and (max-width: 768px){.page-width{padding:0 16px}.field-row{grid-template-columns:1fr;gap:20px}.contact-form-heading{font-size:24px!important}.submit-button{width:100%!important}.file-upload-label{width:100%;justify-content:center}}@media screen and (max-width: 480px){.contact-form-heading{font-size:20px!important}.field-input,.field-textarea{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-contact-form.css.map */