.section-contact{background-color:var(--contact-bg-color, var(--color-background));color:var(--contact-text-color, var(--color-foreground));width:100%}.section-contact__container{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}.section-contact__form-wrapper{margin-inline:auto}.section-contact__form-wrapper--xs{max-width:320px}.section-contact__form-wrapper--sm{max-width:480px}.section-contact__form-wrapper--md{max-width:640px}.section-contact__form-wrapper--lg{max-width:800px}.section-contact__form-wrapper--xl{max-width:1000px}.section-contact__form-wrapper--2xl{max-width:1200px}.section-contact__form-wrapper--3xl{max-width:1400px}.section-contact__form-wrapper--full{max-width:100%}.section-contact__heading-section{margin-bottom:40px}.section-contact__heading-section--left{text-align:left}.section-contact__heading-section--center{text-align:center}.section-contact__heading-section--right{text-align:right}.section-contact__heading{font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--contact-text-color, var(--color-foreground));letter-spacing:normal;line-height:1.2;margin:0}.section-contact__description{font-family:var(--font-body);color:var(--contact-text-color-muted, var(--color-foreground));max-width:100%;line-height:1.6;margin-top:15px}.section-contact__description--center{margin-inline:auto}.section-contact__description--right{margin-left:auto;margin-right:0}.section-contact__form{background-color:var(--contact-form-bg, #ffffff);border:1px solid var(--contact-form-border-color, #e2e8f0);border-radius:var(--contact-border-radius, 12px);padding:48px}.section-contact__form-title{text-align:center;margin-bottom:30px}.section-contact__form-title-text{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.section-contact__form-fields{display:grid;gap:20px}.section-contact__form-group{display:flex;flex-direction:column}.section-contact__form-label{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:8px}.section-contact__form-label-icon{width:16px;height:16px}.section-contact__form-input{width:100%;padding:12px 16px;font-family:var(--font-body);background-color:var(--contact-input-bg, #f8fafc);border:1px solid var(--contact-input-border-color, #e2e8f0);border-radius:var(--contact-border-radius, 12px);transition:border-color .2s,background-color .2s}.section-contact__form-input:hover{border-color:var(--contact-input-hover-border-color, #cbd5e1);background-color:var(--contact-input-hover-bg, #ffffff)}.section-contact__form-input:focus{border-color:var(--contact-input-focus-border-color, #3b82f6);background-color:var(--contact-input-focus-bg, #ffffff);outline:none;box-shadow:0 0 0 2px #3b82f633}.section-contact__form-textarea{resize:vertical;min-height:120px}.section-contact__required{color:var(--color-error, #ef4444);margin-left:4px}.section-contact__submit-wrapper{margin-top:30px;text-align:center}.section-contact__submit-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--contact-button-padding-y, 12px) var(--contact-button-padding-x, 24px);font-family:var(--font-body);font-weight:var(--font-weight-bold);border-radius:var(--contact-button-border-radius, var(--btn-border-radius, 8px));background-color:var(--color-btn-primary-bg, #111111);color:var(--color-btn-primary-text, #ffffff);border:var(--contact-button-border-width, 2px) solid var(--color-btn-primary-bg, #111111);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s,box-shadow .2s}.section-contact__submit-button:hover{background-color:var( --color-btn-primary-hover-bg, var(--color-btn-primary-bg, #111111) );color:var( --color-btn-primary-hover-text, var(--color-btn-primary-text, #ffffff) );border-color:var( --color-btn-primary-hover-bg, var(--color-btn-primary-bg, #111111) );transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.section-contact__submit-button-icon{width:20px;height:20px;margin-right:8px}.section-contact__message{display:flex;gap:16px;padding:16px;border-radius:8px;margin-bottom:24px}.section-contact__message--success{background-color:#dcfce7;border:1px solid #4ade80;color:#166534}.section-contact__message--error{background-color:#fee2e2;border:1px solid #f87171;color:#991b1b}.section-contact__message-icon{flex-shrink:0;width:24px;height:24px}.section-contact__message-title{font-weight:var(--font-weight-bold);margin:0 0 8px}.section-contact__message-text,.section-contact__message-list{margin:0;padding:0;list-style-position:inside}.section-contact__message-link{color:inherit;text-decoration:underline}.section-contact__info-grid{display:grid;gap:20px;margin-top:40px}.section-contact__info-grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-contact__info-grid--2-columns{grid-template-columns:repeat(2,1fr)}.section-contact__info-grid--3-columns{grid-template-columns:repeat(3,1fr)}.section-contact__info-grid--4-columns{grid-template-columns:repeat(4,1fr)}.section-contact__info-grid--single-column{grid-template-columns:1fr}.section-contact__info-card{background-color:var(--contact-info-card-bg, #ffffff);border:1px solid var(--contact-info-card-border-color, #e2e8f0);border-radius:var(--contact-border-radius, 12px);padding:24px}.section-contact__info-card-content{display:flex;align-items:flex-start;gap:16px}.section-contact__info-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.section-contact__info-icon svg{width:24px;height:24px;color:#fff}.section-contact__info-icon--blue{background-color:#3b82f6}.section-contact__info-icon--green{background-color:#22c55e}.section-contact__info-icon--purple{background-color:#8b5cf6}.section-contact__info-icon--orange{background-color:#f97316}.section-contact__info-title{font-family:var(--font-heading);font-weight:var(--font-weight-bold);margin:0 0 4px}.section-contact__info-text{font-family:var(--font-body);margin:0}.section-contact__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.section-contact__info-grid--auto,.section-contact__info-grid--2-columns,.section-contact__info-grid--3-columns,.section-contact__info-grid--4-columns{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/contact-new.css.map */
