.recall-container .banner{align-items:center;background-image:url(https://141078898.fs1.hubspotusercontent-eu1.net/hubfs/141078898/23164-mazda-website_newsevents_1800x340.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:360px;justify-content:center;position:relative}.recall-container .banner .overlay{align-items:center;background-color:hsla(0,0%,100%,.5);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.recall-container .banner h1{font-size:26px;font-weight:500;letter-spacing:.2em;line-height:1.3847;margin:0;text-transform:uppercase}.recall-container .sub-header{background-color:#f5f5f5;padding:20px 30px;text-align:center}.recall-container .sub-header h4{font-size:24px;letter-spacing:3px;line-height:32px}.recall-container .sub-header p{color:#101010;font-weight:400;line-height:1.5em;width:100%}.recall-container .sub-header *{margin:0;padding:0}.info-container{background-color:#f5f5f5}.recall-container .info{margin:0 auto;max-width:706px;padding:100px 15px;width:100%}.recall-container .car-details{padding:32px}.recall-container .car-details #check-vin{align-items:flex-end;display:flex;gap:32px;margin:2em auto;max-width:660px}.recall-container .car-details #check-vin.hide{display:none}.recall-container .car-details #check-vin .input-container{position:relative;width:100%}.recall-container .car-details #check-vin .input-container label{color:#999;cursor:text;font-size:16px;font-weight:400;left:15px;letter-spacing:0;line-height:26px;pointer-events:none;position:absolute;top:12px;transition-duration:.2s}.recall-container .car-details #check-vin .input-container label.focused{top:-20px}.recall-container .car-details #check-vin #vin{border:none;border-bottom:1px solid #e2e4e5;border-radius:0}.recall-container .car-details #check-vin button{align-items:center;background-color:#101010;border:2px solid #101010;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;font-size:13px;font-weight:700;height:45px;justify-content:center;letter-spacing:2.7px;line-height:15px;max-width:100%;padding:0 23px;text-align:center;text-transform:uppercase;transition-duration:.2s;width:fit-content}.recall-container .car-details #check-vin #year{background-color:#000;border-radius:5px;color:#fff;height:45px}.recall-details{display:none;margin:0 auto;max-width:960px;width:100%}.recall-details.show{display:block}.recall-details header{display:grid;grid-template-columns:1fr 1fr;margin-bottom:32px}.recall-details article{border:1px solid #d5d5d5;padding:30px;text-align:center}.recall-details article svg{margin-bottom:10px}.recall-details article h3{color:#910a2d;font-size:30px;letter-spacing:3.75px;line-height:37px;text-transform:uppercase}.recall-details article .recalls-amount{display:flex;gap:32px;justify-content:center;margin-bottom:16px}.recall-details header .model-detail{align-items:center;color:#191919;display:flex;gap:5px;justify-content:center}.faults{margin:auto;max-width:768px}.faults .fault{border-bottom:1px solid #d5d5d5;padding:2em 3em 3em}.faults .fault.no-faults{align-items:center;border:1px solid #d5d5d5;display:flex;flex-direction:column;gap:15px;justify-content:center;margin-bottom:32px}.faults .fault.no-faults:last-child{border-bottom:1px solid #d5d5d5}.faults .fault.no-faults h3{margin-bottom:0;text-transform:uppercase}.faults .fault:last-child{border-bottom:none}.faults .fault h4{font-size:24px;letter-spacing:3px;line-height:32px;margin-bottom:32px;text-transform:uppercase}.faults .fault .extended-info{display:flex;gap:4em;padding-bottom:2em}.faults .fault .extended-info .state{color:#999;font-size:13px;font-weight:700;letter-spacing:2.5px;line-height:20px;text-transform:uppercase}.faults .fault .extended-info .state-value{color:#910a2d}.actions{gap:15px}.actions,.actions button#another{align-items:center;display:flex;justify-content:center}.actions button#another{background-color:transparent;border:2px solid #101010;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#101010;cursor:pointer;flex-grow:0;flex-shrink:0;font-family:Mazda,sans-serif;font-size:13px;font-weight:700;height:45px;letter-spacing:2.7px;line-height:15px;max-width:100%;padding:0 23px;text-align:center;text-transform:uppercase;transition-duration:.2s;width:fit-content}.actions button#another:hover{background-color:#910a2d;border:2px solid #910a2d;color:#fff}.actions #book-repair{align-items:center;background-color:#101010;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;font-size:13px;font-weight:700;height:45px;justify-content:center;letter-spacing:2.7px;line-height:15px;max-width:100%;padding:0 23px;text-align:center;text-transform:uppercase;transition-duration:.2s;width:fit-content}.actions #book-repair:hover{background-color:#910a2d}@media(max-width:768px){.recall-container .car-details #check-vin{align-items:center;flex-direction:column;justify-content:center}}