
/* ================================
   A1 RENTAL QUOTE MODAL
================================ */
 
 .a1-modal {
     display: none;
     position: fixed;
     inset: 0;
     z-index: 99999;
 }
 
 .a1-modal.active {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .a1-modal-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.70);
 }
 
 .a1-modal-box {
     position: relative;
     z-index: 2;
     width: 90%;
     max-width: 520px;
     max-height: 90vh;
     overflow-y: auto;
     background: #ffffff;
     padding: 35px;
     border-radius: 12px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
     animation: a1ModalShow 0.25s ease;
 }
 
 @keyframes a1ModalShow {
     from {
         opacity: 0;
         transform: translateY(-20px) scale(0.97);
     }
     to {
         opacity: 1;
         transform: translateY(0) scale(1);
     }
 }
 
 .a1-modal-close {
     position: absolute;
     top: 12px;
     right: 15px;
     width: 35px;
     height: 35px;
     border: 0;
     background: transparent;
     font-size: 30px;
     line-height: 30px;
     cursor: pointer;
     color: #333;
 }
 
 .a1-modal-header {
     margin-bottom: 25px;
 }
 
 .a1-modal-header>span {
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 1px;
     color: #999;
 }
 
 .a1-modal-header h3 {
     margin: 6px 0 8px;
     font-size: 28px;
 }
 
 .a1-modal-header p {
     margin: 0;
     color: #666;
     font-size: 14px;
 }