html{scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:hidden}body{background:#f8fafc;margin:0;font-family:Arial,sans-serif}.navbar{color:#1e293b;background:#fff;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;box-shadow:0 2px 10px #0000000d}.logo{color:#0f172a;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo img{border-radius:6px;width:40px}.nav-links{gap:25px;list-style:none;display:flex}.nav-links li a{color:#334155;font-weight:500;text-decoration:none;transition:all .3s}.nav-links li a:hover{color:#3b82f6}.Searchbar{background:#f1f5f9;border-radius:8px;align-items:center;padding:5px 10px;display:flex}.Searchbar input{color:#1e293b;background:0 0;border:none;outline:none;padding:6px}.srchbtn{cursor:pointer;background:0 0;border:none}.srchbtn img{width:18px}.actions{gap:10px;display:flex}.actions button{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;transition:all .3s}.actions button:first-child{color:#3b82f6;background:0 0;border:1px solid #3b82f6}.actions button:last-child{color:#fff;background:#3b82f6}.actions button:hover{opacity:.85}.modal{z-index:1000;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:300px;padding:25px;display:flex;box-shadow:0 10px 30px #0000001a}.modal-box input{border:1px solid #cbd5f5;border-radius:6px;padding:8px}.password-field{border:1px solid #cbd5f5;border-radius:6px;align-items:center;padding:0 5px;display:flex}.password-field input{background:0 0;border:none;outline:none;flex:1;padding:8px}.eye-btn{box-shadow:none;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px;display:flex}.eye-btn:hover,.eye-btn:focus,.eye-btn:active{box-shadow:none;background:0 0;outline:none}.eye-btn img{opacity:.5;width:20px;transition:opacity .2s;display:block}.eye-btn:hover img{opacity:1}.modal-box button{cursor:pointer;border:none;border-radius:6px;padding:8px}.modal-box button:first-of-type{color:#fff;background:#3b82f6}.modal-box button:last-of-type{background:#e2e8f0}input::placeholder{color:#94a3b8}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px}.nav-links{flex-direction:column;gap:10px;width:100%}.Searchbar,.Searchbar input{width:100%}.actions{justify-content:space-between;width:100%}}@media (width<=1024px){.navbar{padding:15px 20px}.nav-links{gap:15px}.Searchbar{max-width:200px}}.slider{background:#0f172a;width:100vw;height:520px;margin:0 0 0 -50vw;padding:0;position:relative;left:50%;overflow:hidden}.slider-track{will-change:transform;width:100%;height:100%;transition:transform .7s ease-in-out;display:flex}.slide-img{object-fit:cover;object-position:center;flex-shrink:0;min-width:100%;height:100%;display:block}.left-arrow,.right-arrow{z-index:10;-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:background .25s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.left-arrow{left:18px}.right-arrow{right:18px}.left-arrow:hover,.right-arrow:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.08)}.left-arrow:active,.right-arrow:active{transform:translateY(-50%)scale(.95)}@media (width<=1024px){.slider{height:380px}}@media (width<=768px){.slider{height:220px}.left-arrow,.right-arrow{width:32px;height:32px;font-size:13px}.left-arrow{left:10px}.right-arrow{right:10px}.dot{width:6px;height:6px}}.Explore{background:#f8fafc;padding:60px 80px;scroll-margin-top:80px}.explore-title{color:#0f172a;margin-bottom:30px;font-size:32px;font-weight:600}.explore-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.car-card{cursor:pointer;background:#fff;border-radius:14px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 4px 15px #00000014}.car-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #00000026}.car-card img{object-fit:cover;width:100%;height:200px;transition:transform .4s}.car-card:hover img{transform:scale(1.08)}.card-content{padding:16px}.card-content h3{color:#0f172a;margin:0;font-size:18px}.price{color:#3b82f6;margin:6px 0;font-size:16px;font-weight:700}.description{color:#64748b;margin-bottom:12px;font-size:14px;line-height:1.4}.buy-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;padding:10px;font-weight:500;transition:all .3s}.buy-btn:hover{background:#2563eb}@media (width<=1024px){.Explore{padding:40px}.explore-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.Explore{padding:30px 20px}.explore-title{font-size:24px}.explore-grid{grid-template-columns:1fr}.car-card img{object-fit:cover;object-position:center;object-fit:contain;width:100%;height:180px}}.track-order{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:60px 20px;display:flex}.track-box{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:450px;padding:35px 25px;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 20px #00000014}.track-box:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.truck-img{width:120px;margin-bottom:15px}.track-box h2{color:#0f172a;margin-bottom:10px;font-size:28px;font-weight:600}.track-box p{color:#475569;margin:8px 0;font-size:16px}.track-box p:last-child{color:#94a3b8;font-weight:500}@media (width<=768px){.track-box{padding:25px 20px}.track-box h2{font-size:22px}.track-box p{font-size:14px}.truck-img{width:90px}}.about{color:#fff;background:#0f172a;padding:80px 60px}.about-container{justify-content:space-between;align-items:center;gap:40px;display:flex}.about-image img{object-fit:cover;border-radius:16px;width:280px}.about-content{max-width:600px}.about-content h2{margin-bottom:20px;font-size:32px}.about-content p{color:#cbd5f5;margin-bottom:15px;line-height:1.6}.socials{margin-top:15px}.socials a:hover{text-decoration:underline}.socials a{color:#3b82f6;align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.socials a img{object-fit:contain;width:20px;height:20px}@media (width<=768px){.about-container{text-align:center;flex-direction:column}.about-image img{width:200px}}