.contact-container{display:flex;max-width:1400px;margin:0 auto;gap:40px;align-items:flex-start;padding:0 20px}.contact-form-wrapper{flex:1;max-width:960px;width:100%}.contact-form{width:100%;max-width:960px;background-color:#fff;border-top:4px solid #C1976A;border-radius:0 0 8px 8px;padding:40px;margin:100px auto;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:40px;position:relative;transition:all .5s ease}.contact-form:before{content:"\9700\8981\5e6b\5fd9\55ce\ff1f";display:block;text-align:center;font-size:28px;font-weight:600;color:#333;margin-bottom:0;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;order:-1;transition:all .3s ease}.contact-form.form-expanded:before{content:"How can we help?";font-size:24px}html[lang=en] .contact-form:before,html[lang^=en] .contact-form:before{content:"How can we help?"}html[lang=en] .contact-form.form-expanded:before,html[lang^=en] .contact-form.form-expanded:before{content:"How can we help?"}html[lang=zh-CN] .contact-form:before,html[lang=zh-Hans] .contact-form:before,html[lang^=zh-CN] .contact-form:before{content:"\9700\8981\5e2e\5fd9\5417\ff1f"}html[lang=zh-CN] .contact-form.form-expanded:before,html[lang=zh-Hans] .contact-form.form-expanded:before,html[lang^=zh-CN] .contact-form.form-expanded:before{content:"\6211\4eec\80fd\600e\4e48\5e2e\52a9\60a8"}html[lang=ja] .contact-form:before,html[lang^=ja] .contact-form:before{content:"\304a\624b\4f1d\3044\3067\304d\308b\3053\3068\306f\3042\308a\307e\3059\304b\ff1f"}html[lang=ja] .contact-form.form-expanded:before,html[lang^=ja] .contact-form.form-expanded:before{content:"\3069\306e\3088\3046\306b\304a\624b\4f1d\3044\3067\304d\307e\3059\304b"}html[lang=ko] .contact-form:before,html[lang^=ko] .contact-form:before{content:"\b3c4\c6c0\c774  \d544\c694\d558\c2e0\ac00\c694\ff1f"}html[lang=ko] .contact-form.form-expanded:before,html[lang^=ko] .contact-form.form-expanded:before{content:"\c5b4\b5bb\ac8c  \b3c4\c640\b4dc\b9b4\ae4c\c694"}.contact-form .form-message{order:-1;margin-top:20px}.contact-form .alertBox{padding:16px;border-radius:8px;margin-bottom:0}.contact-form .alertBox--success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.contact-form .alertBox--error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-form .alertBox-message{margin:0;font-size:14px}.contact-form .alertBox-message ul{margin:0;padding-left:20px}.contact-form .form-field{display:flex;flex-direction:column}.contact-form .form-field.hidden-field{display:none;opacity:0;transform:translateY(-20px);transition:all .5s ease}.contact-form.form-expanded .form-field.hidden-field{display:flex;opacity:1;transform:translateY(0);animation:slideInUp .5s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form .form-label{font-size:16px;font-weight:500;color:#333;margin-bottom:12px;letter-spacing:.5px}.contact-form .red-asterisk{color:#c1976a;margin-left:4px}.contact-form .form-input,.contact-form .form-select{padding:16px 20px;border:2px solid #e1e1e1;border-radius:8px;font-size:16px;color:#333;background-color:#fff;transition:all .3s ease;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;box-sizing:border-box}.contact-form .form-input:focus,.contact-form .form-select:focus{border-color:#c1976a;box-shadow:0 0 0 3px #c1976a1a}.contact-form .form-input::placeholder{color:#999;font-weight:400}.contact-form .form-input:hover,.contact-form .form-select:hover{border-color:#c1976a}.contact-form .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer}.contact-form textarea.form-input{resize:vertical;min-height:120px;line-height:1.5}.contact-form .form-field--error .form-input,.contact-form .form-input.error,.contact-form .form-field--error .form-select,.contact-form .form-select.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.contact-form .form-actions{display:flex;justify-content:center;align-items:center;margin-top:20px;width:100%}.contact-form .form-actions.hidden-field{display:none}.contact-form.form-expanded .form-actions.hidden-field{display:flex;animation:slideInUp .5s ease .3s forwards;opacity:0}.contact-form.form-expanded .form-actions.hidden-field{opacity:1}.contact-form .button{background-color:#333;color:#fff;border:none;padding:16px 40px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;min-width:200px}.contact-form .button:hover{background-color:#c1976a;transform:translateY(-2px);box-shadow:0 4px 12px #c1976a4d}.contact-form .button:active{transform:translateY(0)}.contact-form .button:disabled{opacity:.7;pointer-events:none;cursor:not-allowed}.contact-info-sidebar{flex-shrink:0;width:280px;background:transparent;padding:0;margin-top:100px;align-self:flex-start}.contact-info-sidebar h3{font-size:32px;font-weight:700;color:#333;margin:0 0 40px;letter-spacing:.5px;border-bottom:1px solid #674011;padding-bottom:20px;line-height:1.2}.contact-info-item{margin-bottom:0;background-color:#f4f3f0;border-radius:8px;padding:24px}.contact-info-item .email-label{font-size:22px;font-weight:700;color:#333;margin-bottom:20px;display:block;line-height:1.3}.contact-info-item .email-link{display:flex;align-items:center;color:#333;text-decoration:none;font-size:20px;font-weight:500;transition:color .3s ease;line-height:1.3;text-transform:none}.contact-info-item .email-link:hover{color:#c1976a}.contact-info-item .email-arrow{margin-left:15px;color:#c1976a;font-size:24px;transition:transform .3s ease}.contact-info-item .email-link:hover .email-arrow{transform:translate(5px)}.contact-info-item .icon{display:none}.contact-info-item>div{display:none}.file-upload-container{position:relative}.file-upload-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-button{display:inline-flex;align-items:center;padding:12px 20px;background-color:#f8f9fa;border:2px dashed #e1e1e1;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#666;width:100%;box-sizing:border-box;justify-content:center}.file-upload-button:hover{border-color:#c1976a;background-color:#f5f5f5}@media (min-width: 769px) and (max-width: 1024px){.contact-info-sidebar{width:240px}.contact-info-sidebar h3{font-size:28px;margin-bottom:30px}.contact-info-item .email-label,.contact-info-item .email-link,.contact-info-item .email-arrow{font-size:20px}}@media (max-width: 768px){.contact-container{flex-direction:column;gap:30px;padding:0 16px;margin-bottom:30px}.contact-form-wrapper{width:100%;max-width:none}.contact-form{width:100%;max-width:none;padding:30px 20px;gap:30px;margin:50px auto}.contact-form:before{font-size:24px}.contact-form.form-expanded:before{font-size:20px}.contact-form .form-input,.contact-form .form-select{padding:14px 16px;font-size:15px}.contact-form .button{padding:14px 30px;font-size:15px;min-width:180px}.contact-info-sidebar{width:100%;max-width:none;margin:20px auto 0;padding:0 10px}.contact-info-sidebar h3{font-size:24px;margin-bottom:25px;padding-bottom:12px}.contact-info-item{padding:18px}.contact-info-item .email-label{font-size:18px;margin-bottom:12px}.contact-info-item .email-link{font-size:18px}.contact-info-item .email-arrow{font-size:18px;margin-left:10px}}@media (max-width: 480px){.contact-container{padding:0 16px}.contact-form{padding:20px 15px;gap:25px;margin:30px auto}.contact-form:before{font-size:22px}.contact-form.form-expanded:before{font-size:18px}.contact-form .form-input,.contact-form .form-select{padding:12px 14px;font-size:14px}.contact-form .button{padding:12px 24px;font-size:14px;min-width:160px}.contact-info-sidebar{margin:15px auto 0;padding:0 5px}.contact-info-sidebar h3{font-size:22px;margin-bottom:20px;padding-bottom:10px}.contact-info-item{padding:16px}.contact-info-item .email-label{font-size:16px;margin-bottom:10px}.contact-info-item .email-link{font-size:16px;flex-wrap:wrap}.contact-info-item .email-arrow{font-size:16px;margin-left:8px}}.contact-form .form-message+*{margin-top:0}.contact-form input[type=date]{position:relative}.form-input-hiddenPlaceholder::placeholder{color:transparent}.char-counter{font-size:12px;color:#666;text-align:right;margin-top:5px}.char-counter.warning{color:#f39c12}.char-counter.danger{color:#e74c3c}.contact-form.form-expanding{min-height:200px}.contact-form.form-expanded{min-height:auto}.contact-form .category-field{margin-bottom:0}.contact-form.form-expanded .category-field{margin-bottom:40px}
/*# sourceMappingURL=/cdn/shop/t/52/assets/contact-form.css.map */