.nav-bar a,body{font-family:Arial,sans-serif}.header,.nav-bar,header{display:flex}body,html{overflow-x:hidden;width:100%}body{background-color:#f4f4f4;margin:0;padding:0}.logo{margin-right:auto;width:25%;height:100%;padding:15px 0 0}.logo img{width:auto;height:90px;border-radius:60px 60px 10px 10px;margin-bottom:20px}.header{width:100%;height:150px;box-shadow:0 5px 5px #d3d3d3;margin-bottom:5px;color:#666}.nav-bar{flex-direction:row}.nav-bar a{margin:2rem;border-top:3px solid transparent;color:#000;font-weight:700;gap:15px;text-decoration:none;font-size:18px;transition:color .3s}.nav-bar a:hover{border-top-color:#f0a500;color:#0065fc}.burger-menu,.close-menu{background:0 0;border:none;cursor:pointer;display:none}#section-services{padding:20px}header{padding:10px 20px;justify-content:space-between;align-items:center;position:relative;z-index:10}header h1{font-size:20px}.burger-menu{position:relative;font-size:50px;color:#fff;right:0}.burger-menu:focus{outline:0}.close-menu{position:absolute;top:20px;right:50px;font-size:40px;color:red}.nav-bar.active{right:0}.nav-bar{display:flex;gap:20px}.card-accessoires,.card-service,.service{box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;transition:transform .3s,box-shadow .3s}.card,.container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.contact h2,.marque{display:inline-block}.card-accessoires,.card-service{background:#fff;border-radius:10px;width:350px;margin-bottom:20px}.card-accessoires:hover,.card-service:hover,.service:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.card-accessoires h2,.card-service h2{color:#222;font-size:22px;border-bottom:3px solid #f0a500;padding-bottom:5px;margin-bottom:15px}.card-accessoires ul,.card-service ul{list-style:none;padding:0}.card-accessoires li,.card-service li{padding:8px 0;font-size:16px;color:#333;border-bottom:1px solid #ddd}.marque,.service h2{font-size:20px;color:#222}.card-accessoires li:last-child,.card-service li:last-child{border-bottom:none}.marque{text-align:center;font-weight:700;margin-bottom:20px;padding:20px;background:#f0a500;border-radius:8px}.contact,.service{border-radius:10px;text-align:center}.service{background:#fff;width:300px}.service h2{margin-bottom:10px;border-bottom:2px solid #f0a500;padding-bottom:5px}.service p{font-size:16px;color:#555;line-height:1.5}.contact h2,.contact strong{color:#f0a500}@media (max-width:768px){.header,.nav-bar{background-color:#222}.logo img{width:auto;height:60px}.burger-menu{display:block;padding:0 25px 90px 20px}.nav-bar{display:none;flex-direction:column;position:absolute;top:90px;right:0;padding:10px 25px;text-align:right;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:20px}.nav-bar.active{display:flex}.nav-bar a{padding:10px 30px;border-bottom:1px solid #333;margin:5px;color:#fff}.nav-bar a:last-child{border-bottom:none}.card{flex-direction:column;align-items:center}.service{width:90%}}@media screen and (min-width:380px) and (max-width:768px){#section-services{max-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.container{flex-direction:column;align-items:center}.card-accessoires,.card-service{width:90%}.card{display:flex;flex-direction:column}.moto{display:none}.marque{font-weight:100px;padding:5px}}.contact{background:#222;color:#fff;padding:50px 20px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:700px;margin:30px auto}.contact h2{font-size:28px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid #f0a500;padding-bottom:5px}.contact p{font-size:18px;line-height:1.6;margin-bottom:10px}@media (max-width:768px){.contact{padding:30px 15px}.contact h2{font-size:17px}.contact p{font-size:14px}}footer{background-color:#222;color:#fff;text-align:center;padding:10px;margin-top:20px}