:root{--black:#111;--white:#fff;--bg-light:#f8f8f8;--grey:#888;--electric:#05f;--hybrid:#00a65a;--transition:.5s cubic-bezier(.25, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg-light);color:var(--black);overflow-x:hidden}header{z-index:1000;width:100%;transition:all var(--transition,.3s ease);background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;padding:30px 5%;display:flex;position:fixed;top:0}#zone-floue{-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;z-index:990;cursor:pointer;background:#0006;width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;left:0}#zone-floue.active{opacity:1;visibility:visible}body.no-scroll{overflow:hidden!important}header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;padding:10px 5%;box-shadow:0 10px 30px #0000001a}.logo-box{color:var(--white,#fff);align-items:center;text-decoration:none;transition:all .3s;display:flex}header.scrolled .logo-box{color:var(--black,#000)}#nav-menu{z-index:1001}.menu-btn{z-index:1002}#nav-menu ul li a{transition:color .3s}#nav-menu ul li a:hover,header.scrolled #nav-menu ul li a:hover{color:var(--primary,#0055a4)!important}.logo-img{filter:invert();width:55px;transition:var(--transition);transform-origin:0;margin-right:15px}header.scrolled .logo-img{filter:invert(0);transform:scale(.9)}.logo-text{letter-spacing:1px;font-size:1.4rem;font-weight:900}nav ul{gap:30px;list-style:none;display:flex}nav a{color:var(--white);letter-spacing:1px;text-shadow:0 2px 4px #00000080;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s}header.scrolled nav a{color:var(--black);text-shadow:none}nav a:hover{color:var(--electric);opacity:1}.menu-btn{cursor:pointer;z-index:1001;flex-direction:column;gap:6px;display:none}.menu-btn span{background:var(--white);border-radius:2px;width:32px;height:3px;transition:all .4s ease-in-out;display:block}header.scrolled .menu-btn span{background:var(--black)}@media (width<=900px){.logo-img{width:60px}.logo-text{font-size:1.2rem}.menu-btn{display:flex}#nav-menu{background:var(--white);z-index:1000;flex-direction:column;justify-content:center;width:260px;height:100vh;transition:right .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000026}#nav-menu.active{right:0}#nav-menu ul{text-align:left;flex-direction:column;gap:30px;padding-left:30px}#nav-menu a{color:var(--black);text-shadow:none;font-size:1.2rem}.menu-btn.active span:first-child{background:var(--black);transform:translateY(9px)rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){background:var(--black);transform:translateY(-9px)rotate(-45deg)}}.btn-main{background:var(--white);color:var(--black);transition:var(--transition);border-radius:4px;padding:18px 40px;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-block}.btn-main:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.page-header{background:var(--black);color:var(--white);text-align:center;padding:160px 5% 70px;position:relative}.page-header h1{text-transform:uppercase;letter-spacing:2px;font-size:3rem;font-weight:900}.page-header p{color:#ccc;margin-top:15px;font-size:1.1rem}.sec-padding{padding:80px 5%}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.car-card{background:var(--white);transition:var(--transition);border:1px solid #eaeaea;border-radius:6px;flex-direction:column;display:flex;position:relative;overflow:hidden}.car-card:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.car-img{background:#fff;justify-content:center;align-items:center;height:220px;padding:20px;display:flex}.car-img img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.car-card:hover .car-img img{transform:scale(1.1)rotate(1deg)}.car-body{flex-direction:column;flex-grow:1;padding:25px;display:flex}.car-title{text-transform:uppercase;margin-bottom:5px;font-size:1.5rem;font-weight:900}.car-price{color:var(--black);margin-bottom:15px;font-size:1.2rem;font-weight:700}.tags{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.tags span{text-transform:uppercase;color:var(--white);border-radius:4px;padding:5px 12px;font-size:.65rem;font-weight:800}.tags .elec{background:var(--electric)}.tags .hyb{background:var(--hybrid)}.tags .ess{background:var(--grey)}.car-specs{color:#555;flex-grow:1;margin-bottom:20px;font-size:.85rem;line-height:1.8}.car-actions{gap:10px;display:flex}.btn-outline,.btn-full{text-align:center;text-transform:uppercase;border-radius:4px;flex:1;padding:12px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .3s}.btn-outline{border:2px solid var(--black);color:var(--black)}.btn-outline:hover{background:var(--black);color:var(--white)}.btn-full{background:var(--black);color:var(--white);border:2px solid var(--black)}.btn-full:hover{background:#333}.reprise-banner{background:linear-gradient(135deg, var(--black) 0%, #333 100%);color:var(--white);border-radius:8px;justify-content:space-between;align-items:center;margin:40px 5%;padding:60px 5%;display:flex;box-shadow:0 15px 30px #0003}.reprise-text h2{text-transform:uppercase;margin-bottom:15px;font-size:2rem;font-weight:900}.reprise-text p{color:#ccc;max-width:600px;font-size:1rem;line-height:1.6}.reprise-action{flex-shrink:0;margin-left:30px}@media (width<=900px){.reprise-banner{text-align:center;flex-direction:column;padding:40px 20px}.reprise-action{margin-top:30px;margin-left:0}}.contact-wrap{background:var(--white);border-radius:8px;grid-template-columns:1fr 1fr;gap:50px;padding:50px;display:grid;box-shadow:0 10px 30px #0000000d}.c-info{margin-bottom:30px}.c-info h3{border-left:3px solid var(--black);text-transform:uppercase;margin-bottom:10px;padding-left:10px;font-size:1.2rem;font-weight:800}.c-info p{color:#444;font-size:.95rem;line-height:1.6}.c-info a{color:var(--black);font-weight:700;text-decoration:none;transition:all .3s}.c-info a:hover{color:var(--grey)}.gps-btns{gap:15px;margin-top:20px;display:flex}.btn-gps{text-transform:uppercase;color:var(--white);text-align:center;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:15px;font-size:.8rem;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.btn-waze{color:#000;background:#3cf}.btn-waze:hover{background:#1eb3e6;transform:translateY(-2px);box-shadow:0 5px 15px #3cf6}.btn-gmap{background:#34a853}.btn-gmap:hover{background:#2b8b45;transform:translateY(-2px);box-shadow:0 5px 15px #34a85366}.map-frame{border:1px solid #eaeaea;border-radius:8px;width:100%;height:100%;min-height:400px;overflow:hidden}@media (width<=900px){.contact-wrap{grid-template-columns:1fr;padding:30px 20px}.gps-btns{flex-direction:column}.map-frame{min-height:300px}}footer{background:var(--black);color:var(--white);margin-top:50px;padding:60px 5% 20px}.f-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;display:grid}.f-brand{align-items:center;gap:15px;margin-bottom:20px;display:flex}.f-logo{filter:invert();width:45px}.f-col h4{letter-spacing:1px;margin-bottom:20px;font-size:1.1rem;font-weight:900}.f-brand h4{margin-bottom:0}.f-col ul{list-style:none}.f-col ul li{margin-bottom:10px}.f-col ul li a{color:#aaa;font-size:.9rem;text-decoration:none;transition:all .3s}.f-col ul li a:hover{color:var(--white);padding-left:5px}.f-bottom{color:#666;border-top:1px solid #333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;font-size:.8rem;display:flex}.admin-link{color:#333;text-decoration:none;transition:all .3s}.admin-link:hover{color:var(--white)}.legal-box{background:var(--white);color:#444;z-index:10;border-radius:8px;max-width:900px;margin:-30px auto 80px;padding:50px 60px;line-height:1.8;position:relative;box-shadow:0 15px 40px #00000014}.legal-box h2{color:var(--black);border-bottom:2px solid #eee;margin:40px 0 15px;padding-bottom:10px;font-size:1.3rem;font-weight:900}.legal-box h2:first-child{margin-top:0}.legal-box p,.legal-box ul{margin-bottom:20px;font-size:.95rem}.legal-box ul{padding-left:20px}.legal-box li{margin-bottom:10px}.legal-box strong{color:var(--black);font-weight:800}@media (width<=900px){.legal-box{margin-top:20px;padding:30px 20px}}
