.chf{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}.chf__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.chf__bg-img{width:100%;height:100%;object-fit:cover}.chf__bg-placeholder{width:100%;height:100%;background:#7a8a8c}.chf__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#00000026,#0000000d);z-index:1}.chf__container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}.chf__left{color:#1a1a1a}.chf__label{font-size:11px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:#555;margin:0 0 20px}.chf__heading{font-family:Times New Roman,Times,Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.15;margin:0 0 40px;color:#1a1a1a;max-width:440px}.chf__contact-block{margin-bottom:28px}.chf__contact-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#666;margin:0 0 10px}.chf__contact-value{display:inline-flex;align-items:center;gap:12px;font-size:clamp(20px,2.5vw,28px);font-weight:500;color:#1a1a1a;text-decoration:none;transition:opacity .2s}.chf__contact-value:hover{opacity:.7}.chf__contact-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#00000014;flex-shrink:0}.chf__contact-icon svg{width:18px;height:18px}.chf__form-card{background:#f5f5f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:48px 40px;border-radius:2px}.chf__form-intro{font-size:15px;line-height:1.7;color:#555;margin:0 0 32px}.chf__field{margin-bottom:0}.chf__field input{width:100%;padding:16px;background:#fff;border:1px solid #e8e8e8;border-radius:0;font-size:14px;font-family:inherit;color:#1a1a1a;outline:none;transition:border-color .3s;margin-bottom:12px}.chf__field input::placeholder{color:#999}.chf__field input:focus{border-color:#1a1a1a}.chf__submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:8px;background:#2a2a2a;color:#fff;border:none;border-radius:40px;font-size:13px;font-weight:600;font-family:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .3s}.chf__submit:hover{background:#444}.chf__submit svg{flex-shrink:0}.chf__success{text-align:center;padding:48px 24px;animation:chf-fade-in .5s ease}@keyframes chf-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chf__success-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#e8f5e9;color:#2e7d32;margin-bottom:20px;animation:chf-check-pop .6s cubic-bezier(.22,1,.36,1) .2s both}@keyframes chf-check-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.chf__success-icon svg{width:36px;height:36px}.chf__success-heading{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.chf__success-text{font-size:15px;color:#666;margin:0;line-height:1.6}.chf__errors{display:flex;gap:12px;padding:16px 20px;margin:0 0 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;animation:chf-shake .4s ease}@keyframes chf-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.chf__errors-icon{flex-shrink:0;color:#dc2626;margin-top:1px}.chf__errors-content{flex:1}.chf__errors-title{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 6px}.chf__errors ul{list-style:none;padding:0;margin:0}.chf__errors li{font-size:13px;color:#b91c1c;padding:2px 0}.chf__field{position:relative}.chf__field-hint{display:none;position:absolute;top:-8px;left:12px;font-size:10px;letter-spacing:.04em;color:#999;background:#fff;padding:0 4px;pointer-events:none;transition:all .2s}.chf__field input:focus~.chf__field-hint,.chf__field input:not(:placeholder-shown)~.chf__field-hint{display:block}.chf__field input.chf__field--error{border-color:#ef4444!important;background:#fff5f5}.chf__field input.chf__field--error~.chf__field-hint{display:block;color:#ef4444}.chf__submit:disabled{opacity:.6;cursor:wait}.chf__submit-loading{display:inline-flex;align-items:center}.chf__submit-loading svg{animation:chf-spin .8s linear infinite}@keyframes chf-spin{to{transform:rotate(360deg)}}@media screen and (max-width:899px){.chf{min-height:auto}.chf__container{grid-template-columns:1fr;gap:40px;padding:60px 24px}.chf__heading{max-width:100%}.chf__form-card{padding:32px 24px}}@media screen and (max-width:480px){.chf__contact-value{font-size:18px}.chf__contact-icon{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/contact-hero-form.css.map */