.contact-wrapper{display:flex;flex-direction:column;padding:50px 0}.sunglass-contact-title{font-size:44px;color:hsl(var(--midnight));font-weight:700;margin:0 0 15px}.sunglass-contact-text{font-size:16px;margin-bottom:20px;color:#000}.sunglass-contact-text p a{font-size:16px;font-weight:700;margin-bottom:20px;color:hsl(var(--coral))}.page-width{max-width:1350px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding-top:50px}.contact-info-block{background:#e8e8e8;padding:25px 20px;border-radius:8px;text-align:center}.contact-info-block:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.contact-info-block h4{font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-weight:600;color:#000}.contact-info-block p{margin:0;color:#26437b;font-size:15px}.contact-form-wrapper{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.phone{text-decoration:none}@media screen and (min-width:900px){.contact-form-wrapper{grid-template-columns:1fr 1fr}}.contact-form-area{width:100%;box-shadow:1px 1px 12px #26437b63;padding:20px;border-radius:15px}.contact-form-area h2{font-size:44px;color:hsl(var(--midnight));font-weight:700;margin:0 0 15px}.contact__fields{display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width:750px){.contact__fields{grid-template-columns:1fr 1fr}}.contact-form-area .field,.contact-form-area .field--error,.contact-form-area .field.field--error{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;position:relative;border:none!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important;outline:none!important}.field__label{position:static!important;transform:none!important;transition:none!important;top:auto!important;left:auto!important;pointer-events:auto!important;font-size:14px!important;font-weight:500!important;color:#222!important}.field__input:not(:placeholder-shown)~.field__label,.field__input:focus~.field__label{transform:none!important;transition:none!important;top:auto!important;font-size:14px!important}.contact-form-area .field__input{width:100%;padding:14px 16px!important;font-size:15px;background:#fff!important;border:1.5px solid #e0e0e0!important;border-radius:6px!important;box-shadow:none!important;outline:none!important;transition:border-color .2s;height:50px!important;min-height:50px!important;max-height:50px!important;line-height:1.4!important;box-sizing:border-box!important}.contact-form-area .field__input.text-area{height:140px!important;min-height:140px!important;max-height:300px!important;resize:vertical!important}.contact-form-area .field__input:focus{border-color:#26437b!important;outline:none!important;box-shadow:0 0 0 1px #26437b15!important}.contact-form-area .field__input.input--error,.contact-form-area .field--error .field__input,.contact-form-area .field.field--error .field__input{border:1.5px solid #e53935!important;background:#fff!important;box-shadow:none!important;outline:none!important}.contact-form-area .field__input.input--error:focus,.contact-form-area .field--error .field__input:focus{border-color:#e53935!important;box-shadow:0 0 0 1px #e5393520!important;outline:none!important}.field__error-msg{display:block;color:#e53935;font-size:12px;font-weight:500;margin-top:4px;background:none!important;border:none!important;padding:0!important;box-shadow:none!important}.form-error-banner{display:flex;align-items:center;gap:10px;background:#fff0f0;border:1px solid #ffcccc;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#e53935;font-size:14px;font-weight:500}.form-error-icon{font-size:16px}.form-success{background:#f0fff4;border:1px solid #b2f5c8;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#1a7f3c;font-size:14px}.field__input::placeholder{color:#999!important;opacity:1!important;font-size:15px;visibility:visible!important}.field__input:focus::placeholder{color:#999!important;opacity:1!important}.field__input::-webkit-input-placeholder{color:#999;opacity:1}.field__input::-moz-placeholder{color:#999;opacity:1}.field__input:-ms-input-placeholder{color:#999;opacity:1}.field__input::-ms-input-placeholder{color:#999;opacity:1}.contact__button{margin-top:25px}.contact__button .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background-color:#2c6ecb;color:#fff;text-decoration:none;border-radius:30px;font-size:14px;border:none;cursor:pointer;transition:background-color .3s ease;font-weight:500;line-height:1.4;white-space:nowrap;font-weight:700;width:100%;max-width:200px}.contact__button .button:hover{background-color:#1f4fa3}.contact-image img{width:100%;height:auto;border-radius:10px}.contact-form-area .form__message,.contact-form-area .errors,.contact-form-area .form-status,.contact-form-area .form-error,.contact-form-area .form__message--error{display:none!important}.contact-form-area .field,.contact-form-area .field--error,.contact-form-area .field.field--error,.contact-form-area #field-name,.contact-form-area #field-email,.contact-form-area #field-phone,.contact-form-area #field-body{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;padding:0!important;background:transparent!important;box-shadow:none!important;outline:none!important}@media(max-width:768px){.contact-wrapper{padding:30px 0}.contact-form-wrapper{gap:10px}.sunglass-contact-title{text-align:center;font-size:36px}.sunglass-contact-text{text-align:center}}@media(max-width:480px){.contact-form-area{text-align:center}.contact__fields{gap:0px!important}.contact-form-area h2{font-size:36px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-form.css.map */