.contact-form{padding:6.4rem 0 3rem;background-color:#000}.contact-form__container{max-width:var(--page-width);margin:0 auto;padding:0 2rem}.contact-form__layout{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.contact-form__layout--single{grid-template-columns:1fr;max-width:68rem;margin:0 auto}.contact-form__info{display:flex;flex-direction:column;gap:1.6rem}.contact-form__heading{font-family:var(--font-heading-family);font-size:3.6rem;font-weight:700;line-height:1.2;margin:0;color:#fff}.contact-form__text{font-size:1.8rem;line-height:1.6;color:#fffc}.contact-form__text p{margin:0 0 1.8rem}.contact-form__text p:last-child{margin-bottom:0}.contact-form__contact-blocks{display:flex;flex-direction:column;gap:1.6rem}.contact-form__block{display:flex;gap:2rem;padding:2.4rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:1.6rem;transition:all .3s ease}.contact-form__block:hover{border-color:#ff6e0f4d;transform:translateY(-.2rem)}.contact-form__block-icon{flex-shrink:0;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;background-color:#ff6e0f1a;border-radius:.8rem;color:#ff6e0f}.contact-form__block-icon svg{stroke-width:2px}.contact-form__block-content{flex:1;display:flex;flex-direction:column;gap:.4rem}.contact-form__block-title{font-size:1.2rem;font-weight:600;color:#fff9;margin:0;text-transform:uppercase;letter-spacing:.1em}.contact-form__block-link,.contact-form__block-text{font-size:1.8rem;color:#fff;text-decoration:none;transition:color .3s ease;margin:0}.contact-form__block-link:hover{color:#ff6e0f}.contact-form__form-wrapper{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:1.6rem;padding:2rem}.contact-form__fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.contact-form__field{display:flex;flex-direction:column;gap:1.2rem}.contact-form__field--full{grid-column:1 / -1}.contact-form__label{font-size:1.4rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.contact-form__input,.contact-form__textarea{padding:1.6rem 2rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.8rem;color:#fff;font-size:1.6rem;font-family:inherit;transition:all .3s ease}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:#ff6e0f;background-color:#ffffff14;box-shadow:0 0 0 3px #ff6e0f1a}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:#fff6}.contact-form__textarea{resize:vertical;min-height:8rem}.contact-form__submit{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.8rem 3.2rem;background-color:#ff6e0f;color:#fff;border:none;border-radius:.8rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.contact-form__submit:hover{background-color:#e66209;transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem #ff6e0f4d}.contact-form__submit svg{stroke-width:2px}.contact-form__success{grid-column:1 / -1;display:flex;align-items:center;gap:1.6rem;padding:2rem 2.4rem;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.8rem;color:#22c55e;font-size:1.6rem;font-weight:500}.contact-form__success svg{flex-shrink:0;stroke-width:2.5px}.contact-form__errors{grid-column:1 / -1;padding:1.6rem 2rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.8rem;color:#ef4444;font-size:1.4rem}.contact-form__checkbox-field{grid-column:1 / -1;display:flex;align-items:center;gap:1.2rem}.contact-form__checkbox{width:2rem;height:2rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.4rem;cursor:pointer;flex-shrink:0}.contact-form__checkbox:focus{outline:none;border-color:#ff6e0f;box-shadow:0 0 0 2px #ff6e0f1a}.contact-form__checkbox-label{font-size:1.4rem;color:#fffc;cursor:pointer}.contact-form--centered .contact-form__info{display:none}@media (max-width: 968px){.contact-form__layout{grid-template-columns:1fr;gap:6.4rem}}@media (max-width: 768px){.contact-form{padding:4.8rem 0 6.4rem}.contact-form__heading{font-size:3.2rem}.contact-form__form-wrapper{padding:3.2rem 2.4rem}.contact-form__fields{grid-template-columns:1fr;gap:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-contact-form.css.map */