#contactModal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999999;justify-content:center;align-items:center;padding:20px}#contactModal.active{display:flex!important}.modalContainer{display:flex;flex-direction:column;width:100%;max-width:500px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:-4px 4px 20px #00000040}.modalHeader{display:flex;justify-content:center;align-items:center;background:#000;color:#fff;font-size:1.5rem;font-weight:600;padding:16px 20px;position:relative;flex-direction:column;column-gap:3px}.modalHeader .contactUs{font-size:1.5rem}.modalHeader .headerTitle{font-size:1rem}#closeContact{position:absolute;right:15px;top:10px;cursor:pointer;font-size:22px;color:#fff;transition:color .2s ease}#closeContact:hover{color:#d4af37}.modalBody{display:flex;flex-direction:column;gap:12px;padding:20px;color:#000;font-size:1rem}.modalBody input,.modalBody textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.modalBody input:focus,.modalBody textarea:focus{border-color:#d4af37;box-shadow:0 0 5px #d4af3766;outline:none}.modalFooter{display:flex;justify-content:flex-end;padding:16px 20px;background:#fff;border-top:1px solid #eee}.contact-button{background-color:#000;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .25s ease;width:100%;font-weight:500}.contact-button:hover{color:#d4af37;background-color:#111;transform:translateY(-2px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/contact-modal.css.map */