:root{--vf-contact-bg: #ffffff;--vf-contact-text: #111827;--vf-contact-text-secondary: #6b7280;--vf-contact-border: #e5e7eb;--vf-contact-input-bg: #ffffff;--vf-contact-error: #dc2626}html.dark{--vf-contact-bg: #1a1a1a;--vf-contact-text: #f5f5f5;--vf-contact-text-secondary: #a0a0a0;--vf-contact-border: #2a2a2a;--vf-contact-input-bg: #0a0a0a;--vf-contact-error: #ef4444}.contact-form-section{text-align:center}.vf-contact-form{max-width:700px;margin:0 auto!important;padding:32px;background:var(--vf-contact-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;text-align:left}.vf-contact-row{display:flex;gap:20px;margin-bottom:20px}.vf-contact-field{flex:1;margin-bottom:20px}.vf-contact-row .vf-contact-field{margin-bottom:0}.vf-contact-label{display:block;margin-bottom:8px;font-size:15px;font-weight:600;color:var(--vf-contact-text)}.vf-contact-input,.vf-contact-select,.vf-contact-textarea{width:100%;padding:12px 16px;border:2px solid var(--vf-contact-border);border-radius:8px;font-size:15px;color:var(--vf-contact-text);background:var(--vf-contact-input-bg);transition:all .2s ease}.vf-contact-input:focus,.vf-contact-select:focus,.vf-contact-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.vf-contact-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='%23111827'%3E%3Cpath d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 011.08 1.04l-4.25 4.25a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}html.dark .vf-contact-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='%23f5f5f5'%3E%3Cpath d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 011.08 1.04l-4.25 4.25a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E")}.vf-contact-select optgroup{font-weight:600;font-size:14px;color:var(--vf-contact-text-secondary);padding:8px 0 4px}.vf-contact-select option{padding:8px;font-size:15px}.vf-contact-textarea{resize:vertical;min-height:140px;font-family:inherit;line-height:1.6}.vf-contact-actions{text-align:center;margin-top:28px}.vf-contact-submit{padding:14px 40px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.vf-contact-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.vf-contact-submit:active{transform:translateY(0)}.vf-contact-submit:disabled{opacity:.6;cursor:not-allowed}.vf-contact-error{color:var(--vf-contact-error);font-size:12px;margin-top:4px;display:none}.vf-contact-field.has-error .vf-contact-error{display:block}.vf-contact-field.has-error .vf-contact-input,.vf-contact-field.has-error .vf-contact-select,.vf-contact-field.has-error .vf-contact-textarea{border-color:var(--vf-contact-error)}@media (max-width: 640px){.vf-contact-row{flex-direction:column;gap:0}.vf-contact-row .vf-contact-field{margin-bottom:12px}.vf-contact-form{padding:10px}}.vf-contact-form.is-submitting .vf-contact-submit{position:relative;color:transparent}.vf-contact-form.is-submitting .vf-contact-submit:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:vf-spin .8s linear infinite}@keyframes vf-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/contact-form.css.map */
