.contact-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.contact-modal{background:var(--bg);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn;overflow-y:auto;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.contact-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.contact-modal-title{color:var(--text);font-size:16px;font-weight:500}.contact-modal-close{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;font-size:20px;line-height:1;display:flex}.contact-modal-close:hover{color:var(--text)}.contact-modal-body{flex-direction:column;gap:20px;padding:28px;display:flex}.contact-modal-footer{border-top:1px solid var(--border);padding:20px 28px}.contact-modal-footer .btn{width:100%}.contact-customer-toggle{gap:8px;display:flex}.contact-customer-toggle .btn{flex:1;min-height:36px;font-size:13px}.contact-subject-reveal{transition:opacity .2s,max-height .2s;overflow:hidden}.contact-subject-reveal.hidden{opacity:0;max-height:0}.contact-subject-reveal.visible{opacity:1;max-height:100px}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 28px;display:flex}.contact-success-icon{color:var(--accent);margin-bottom:8px}.contact-success-heading{color:var(--text);font-size:18px;font-weight:400}.contact-success-sub{color:var(--text-2);font-size:14px;line-height:1.6}.contact-customer-note{color:var(--text-3);margin-top:4px;font-size:12px}@media (max-width:560px){.contact-modal{border-radius:0;max-height:100vh}.contact-overlay{align-items:flex-end;padding:0}}