#return-date-mobile-slot { width: 100%; } #return-date-mobile-slot .return-date-container { width: 100%; } #return-date-mobile-slot .return-date-container .form-field { width: 100%; min-width: auto; box-sizing: border-box; } .booking-page .search-card { position: relative; top: 0; margin-top: 3rem; } @media (max-width: 720px) { .booking-page .search-card { margin-top: 1.5rem !important; } } .private-address-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; } .private-address-popup .popup-content { background: white; padding: 2rem; border-radius: 12px; width: 90%; max-width: 500px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); } .private-address-popup textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; margin: 1rem 0; font-size: 1rem; } .private-address-popup .popup-buttons { display: flex; justify-content: flex-end; gap: 1rem; } .private-address-popup button { padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; } .private-address-popup #cancelPrivate { background: #f0f0f0; color: #333; } .private-address-popup #savePrivate { background: #0066cc; color: white; } .private-address-popup .textarea-wrapper textarea { width: 100%; padding: 12px; border: 1px solid #ced4da; border-radius: 6px; font-size: 1rem; resize: vertical; transition: border-color 0.2s; } .private-address-popup .textarea-wrapper textarea:focus { outline: none; border-color: #0066cc; box-shadow: 0 0 0 3px rgba(0,102,204,0.2); } .booking-title { font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; text-align: center; color: #000080; letter-spacing: 0.5px; } .booking-intro { font-size: 1.025rem; color: #333; text-align: center; margin-bottom: 2rem; } @media (max-width: 768px) { .booking-title { font-size: 1.7rem; margin-top:3rem; } .booking-intro { font-size: 0.9rem; max-width: 600px; margin-left: auto; margin-right: auto; } }