:root{--form-green-400: #34d399;--form-green-500: #10b981;--form-green-600: #059669;--form-green-700: #047857;--form-gray-50: #f9fafb;--form-gray-100: #f3f4f6;--form-gray-200: #e5e7eb;--form-gray-300: #d1d5db;--form-gray-500: #6b7280;--form-gray-700: #374151;--form-gray-900: #111827;--form-success-50: #f0fdf4;--form-success-600: #16a34a;--form-error-50: #fef2f2;--form-error-600: #dc2626}.contact-form-pwa{--accent-light: var(--form-accent-light, #34d399);--accent-main: var(--form-accent-main, #10b981);--accent-dark: var(--form-accent-dark, #059669)}.contact-form-pwa{background:var(--form-gray-50);padding:var(--form-padding-y, 4rem) 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}@media (min-width: 768px){.contact-form-pwa{padding:var(--form-padding-y, 4rem) 0}}.contact-form-pwa__container{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.contact-form-pwa__container{padding:0 1.5rem}}@media (min-width: 768px){.contact-form-pwa__container{padding:0 2rem}}.contact-form-pwa__header{text-align:center;margin-bottom:3rem}.contact-form-pwa__title{font-size:2rem;font-weight:700;color:var(--form-gray-900);margin:0 0 1rem;letter-spacing:-.02em}@media (min-width: 768px){.contact-form-pwa__title{font-size:3rem}}.contact-form-pwa__description{font-size:1.125rem;color:var(--form-gray-500);margin:0 auto;max-width:600px;line-height:1.6}@media (min-width: 768px){.contact-form-pwa__description{font-size:1.25rem}}.contact-form-pwa__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 1024px){.contact-form-pwa__grid{grid-template-columns:1fr 2fr;gap:3rem}}.contact-info__card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid var(--form-gray-200);position:sticky;top:2rem}@media (max-width: 1023px){.contact-info__card{position:static}}.contact-info__title{font-size:1.5rem;font-weight:700;color:var(--form-gray-900);margin:0 0 2rem}.contact-info__list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-info__item{display:flex;align-items:flex-start;gap:1rem}.contact-info__icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--accent-main),var(--accent-dark));border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-main) 30%,transparent)}.contact-info__icon svg{width:1.25rem;height:1.25rem}.contact-info__content{flex:1;padding-top:.25rem}.contact-info__label{font-weight:600;color:var(--form-gray-700);margin-bottom:.5rem;font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}.contact-info__value{color:var(--form-gray-500);font-size:.9375rem;line-height:1.6}.contact-info__link{color:var(--accent-dark);text-decoration:none;font-weight:600;font-size:.9375rem;transition:color .2s ease}.contact-info__link:hover{color:var(--accent-main);text-decoration:underline}.response-time-card{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-main) 10%,transparent),color-mix(in srgb,var(--accent-dark) 5%,transparent));border-radius:1rem;border:1px solid color-mix(in srgb,var(--accent-main) 20%,transparent)}.response-time-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.response-time-card__icon{width:1.5rem;height:1.5rem;color:var(--accent-dark)}.response-time-card__title{font-weight:600;color:var(--accent-dark);font-size:.9375rem}.response-time-card__text{margin:0;font-size:.875rem;color:var(--form-gray-700);line-height:1.5}.contact-form-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid var(--form-gray-200)}@media (min-width: 768px){.contact-form-card{padding:2.5rem}}.contact-form-pwa__form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-pwa__fields{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.contact-form-pwa__fields{grid-template-columns:repeat(2,1fr)}}.contact-form-pwa__field--full{grid-column:1 / -1}.contact-form-pwa__input{width:100%;padding:.875rem 1rem;border:2px solid var(--form-gray-200);border-radius:.75rem;font-size:1rem;transition:all .2s ease;background:#fff;color:var(--form-gray-900);font-family:inherit}.contact-form-pwa__input:focus{outline:none;border-color:var(--accent-main);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-main) 10%,transparent)}.contact-form-pwa__input::placeholder{color:var(--form-gray-300)}.contact-form-pwa__textarea{resize:vertical;min-height:150px;font-family:inherit}.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}.contact-form-pwa__button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-main),var(--accent-dark));color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-main) 30%,transparent)}.contact-form-pwa__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent-main) 40%,transparent);background:linear-gradient(135deg,var(--accent-dark),color-mix(in srgb,var(--accent-dark) 80%,black))}.contact-form-pwa__button:active{transform:translateY(0)}.contact-form-pwa__button svg{width:1.25rem;height:1.25rem;transition:transform .2s ease}.contact-form-pwa__button:hover svg{transform:translate(4px)}.contact-form-pwa__success,.contact-form-pwa__error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:1rem;font-size:.875rem;font-weight:500}.contact-form-pwa__success{background:var(--form-success-50);color:var(--form-success-600);border:1px solid var(--accent-main)}.contact-form-pwa__error{background:var(--form-error-50);color:var(--form-error-600);border:1px solid var(--form-error-600)}.contact-form-pwa__success svg,.contact-form-pwa__error svg{width:1.25rem;height:1.25rem;flex-shrink:0}@media (max-width: 639px){.contact-form-pwa{padding:3rem 0}.contact-form-pwa__header{margin-bottom:2rem}.contact-info__card,.contact-form-card{padding:1.5rem}.contact-info__list{gap:1.25rem}.contact-form-pwa__button{padding:.875rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/contact-form-pwa.css.map */