.contact-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:4rem 0;background-color:var(--background-contact)}.page-width{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--page-width);margin:0 auto;padding:0 16px}.contact-form{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center}.text-container{text-align:center;margin:50px 0;padding:0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin-bottom:3rem}.text-container .h2{margin-bottom:1rem;width:100%;color:var(--text-color-contact)}.text-container .description{font-size:1.1rem;line-height:1.6;color:var(--text-color-contact-description);width:100%}.field{width:100%;margin-bottom:1.5rem;position:relative;display:flex;flex-direction:column}.field input,.field textarea{width:100%;padding:.8rem;border:2px solid var(--input-border-contact);border-radius:12px;transition:border-color .3s ease;background-color:var(--input-background-contact);color:var(--input-text-contact)}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--input-border-focus-contact)}.field label{position:absolute;left:.8rem;top:.8rem;pointer-events:none;transition:.3s ease all;color:var(--input-label-contact)}.field input:focus~label,.field textarea:focus~label,.field input:not(:placeholder-shown)~label,.field textarea:not(:placeholder-shown)~label{top:-1.2rem;font-size:.8rem;color:#000}.field input::placeholder,.field textarea::placeholder{opacity:0}.button{background:var(--button-background-contact);color:var(--button-text-contact);padding:1rem 2rem;border:none;border-radius:12px;width:100%;cursor:pointer;transition:background-color .3s ease}.button:hover{background:var(--button-hover-background-contact)}.success-message{background:#e8f5e9;color:#1b5e20;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1.5rem}@media screen and (min-width: 750px){.page-width{padding:0 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-contact-form.css.map */