#atr-cardcom-appointments-booking-form-wrap{max-width:600px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.mazda-appointment-form{display:flex;flex-direction:column}.mazda-appointment-form label{margin-bottom:8px;font-weight:600;color:#333}.mazda-appointment-form input[type="text"],.mazda-appointment-form input[type="tel"],.mazda-appointment-form input[type="date"],.mazda-appointment-form select,.mazda-appointment-form textarea{width:100%;padding:0 12px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;transition:border-color 0.3s ease,box-shadow 0.3s ease}.mazda-appointment-form input:focus,.mazda-appointment-form select:focus,.mazda-appointment-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgb(0 123 255 / .25);outline:none}.atr-cc-appt-book-free-slots-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;list-style:none;padding:0;margin-top:15px}.atr-cc-appt-book-free-slots-list li{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;padding:10px;text-align:center;cursor:pointer;font-size:14px;transition:background-color 0.2s ease,border-color 0.2s ease}.atr-cc-appt-book-free-slots-list li:hover{background-color:#f0f0f0;border-color:#ccc}.atr-cc-appt-book-free-slots-list li.selected-slot{background-color:#007bff;color:#fff;border-color:#007bff}.mazda-appointment-form button[type="submit"]{background-color:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color 0.3s ease;margin-top:20px}.mazda-appointment-form button[type="submit"]:hover{background-color:#0056b3}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:rgb(255 255 255 / .8);border-radius:8px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.loading-screen img{width:50px;height:50px;margin-bottom:10px}.loading-screen-text{font-size:16px;color:#555;font-weight:500}.mazda-appointment-form input[type="checkbox"]{margin-right:8px;transform:scale(1.1)}.mazda-appointment-form .checkbox-group label{display:inline-block;font-weight:400;color:#555;margin-bottom:0}span.at-date-instructions{display:block;font-size:.9em;color:#666;margin-top:-10px;margin-bottom:10px}ul.atr-cc-appt-book-your-scheduled-mazda-appointments{list-style:none;padding:0;margin-top:20px;border-top:1px solid #eee;padding-top:20px}ul.atr-cc-appt-book-your-scheduled-mazda-appointments li{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 5px rgb(0 0 0 / .05)}ul.atr-cc-appt-book-your-scheduled-mazda-appointments li .appointment-info{flex-grow:1}ul.atr-cc-appt-book-your-scheduled-mazda-appointments li .cancel-button{background-color:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color 0.2s ease}ul.atr-cc-appt-book-your-scheduled-mazda-appointments li .cancel-button:hover{background-color:#c82333}span.atr-cc-appt-book-cancel-info{display:inline-block;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:600;color:#273762;background-color:#fff;border:1px solid #d0d7e2;border-radius:6px;box-shadow:0 1px 2px rgb(23 43 77 / .06);pointer-events:none;text-align:center;background-color:aliceblue}ul.atr-cc-appt-book-your-scheduled-mazda-appointments li:hover span.atr-cc-appt-book-cancel-info{background-color:#273762;color:#fff;border-color:#273762}.atr-cc-appt-book-success-message,.atr-cc-appt-book-error-message,.atr-cc-appt-book-mazda-appointment-message{padding:15px;margin-bottom:20px;border-radius:8px;font-size:16px;font-weight:500}.atr-cc-appt-book-success-message,.atr-cc-appt-book-mazda-appointment-message.notice-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.atr-cc-appt-book-error-message,.atr-cc-appt-book-mazda-appointment-message.notice-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.no-appointments-set-for-this-car,.currently-cannot-set-appointments{text-align:center;padding:20px;margin-top:20px;background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:8px}.atr-cc-default-form{display:flex;flex-wrap:wrap;gap:14px;direction:rtl;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border:1px solid #e6eaf2;border-radius:10px;padding:18px 20px;box-shadow:0 6px 16px rgb(23 43 77 / .08)}.atr-cc-default-form label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.atr-cc-default-form input[type="text"],.atr-cc-default-form input[type="tel"],.atr-cc-default-form input[type="date"],.atr-cc-default-form select,.atr-cc-default-form textarea{width:100%}@media (min-width:768px){.atr-cc-default-form{flex-direction:row}.atr-cc-default-form #name,.atr-cc-default-form #phone,.atr-cc-default-form .atr-cc-date-group,.atr-cc-default-form #at_hour,.atr-cc-default-form #car_number,.atr-cc-default-form #odometer{width:calc(50% - 7px)}.atr-cc-default-form #comments{width:100%}}.atr-cc-default-form .at-date-instructions{display:block;margin:0 0 6px 0;font-size:12px;line-height:1.2;color:#666}.atr-cc-default-form .atr-cc-date-group{display:flex;flex-direction:column}.atr-cc-default-form input[type="checkbox"]{transform:scale(1.1);margin-inline-start:6px}.atr-cc-default-form label[for="pickup-chk"],.atr-cc-default-form label[for="confirm-mailing-chk"]{position:static!important;width:auto;height:auto;clip:auto;margin:0 0 10px 0;display:inline-block;font-size:14px;color:#273762}.atr-cc-default-form label[for="pickup-chk"]::after,.atr-cc-default-form label[for="confirm-mailing-chk"]::after{content:"";display:block}.atr-cc-default-form .atr-cc-default-form-checkbox{display:flex;align-items:center;gap:8px;width:100%}.atr-cc-default-form .atr-cc-default-form-checkbox+.atr-cc-default-form-checkbox{margin-top:8px}.atr-cc-default-form .atr-cc-default-form-checkbox label{position:static!important;width:auto;height:auto;clip:auto;margin:0;display:inline-block;font-size:14px;color:#273762}.atr-cc-default-form #mazda-appointment-form-submit{background-color:#273762;color:#fff;border:none;padding:12px 28px;font-size:18px;border-radius:4px;margin-top:10px}.atr-cc-default-form #mazda-appointment-form-submit:hover{background-color:#1f2c51}