@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;600;700&display=swap";.auth-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:460px;overflow:hidden}.auth-modal-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.auth-logo{align-items:center;gap:10px;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;letter-spacing:-.5px;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:900;display:flex}.auth-logo-text{color:var(--text-primary);letter-spacing:2px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800}.auth-close{background:var(--bg-input);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.auth-close:hover{color:#fff;background:#e53e3e;border-color:#e53e3e}.auth-tabs{border-bottom:1px solid var(--divider);gap:4px;padding:16px 28px 0;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;display:flex}.auth-tab:hover{color:var(--brand-blue);background:var(--bg-input)}.auth-tab.active{color:var(--brand-blue);border-bottom-color:var(--brand-blue);background:var(--brand-blue-glow)}.auth-modal-body{flex-direction:column;gap:16px;padding:24px 28px;display:flex}.auth-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.auth-alert-error{color:#e53e3e;background:#e53e3e1a;border:1px solid #e53e3e4d}.auth-alert-success{color:#48bb78;background:#48bb781a;border:1px solid #48bb784d}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:14px}.input-with-icon{padding-left:42px!important}.input-with-toggle{padding-right:42px!important}.input-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.input-toggle:hover{color:var(--brand-blue)}.auth-hint{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);flex-direction:column;gap:2px;padding:10px 14px;font-size:12px;display:flex}.auth-hint strong{color:var(--brand-blue)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}.auth-modal-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--divider);padding:16px 28px 24px;font-size:13px}.auth-modal-footer button{color:var(--brand-blue);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin-left:4px;font-size:13px;font-weight:600}.auth-modal-footer button:hover{color:var(--brand-blue-dark);text-decoration:underline}@media (width<=480px){.auth-modal{border-radius:var(--radius-lg);max-width:100%}.auth-modal-header,.auth-modal-body,.auth-tabs,.auth-modal-footer{padding-left:20px;padding-right:20px}.auth-form-row{grid-template-columns:1fr}}.topbar{z-index:200;background:#050508;border-bottom:1px solid #2ca9e433;align-items:center;height:36px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.topbar-info{align-items:center;gap:20px;display:flex}.topbar-info a,.topbar-appointment{color:#ffffffa6;transition:color var(--transition-fast);align-items:center;gap:5px;font-family:Open Sans,sans-serif;font-size:11.5px;display:flex}.topbar-info a:hover{color:var(--brand-blue)}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-social{color:#fff9;width:24px;height:24px;transition:all var(--transition-fast);background:#ffffff14;border-radius:4px;justify-content:center;align-items:center;display:flex}.topbar-social:hover{background:var(--brand-blue);color:#fff}@media (width<=768px){.topbar{display:none}}.navbar{height:var(--navbar-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:199;transition:all var(--transition-normal);position:fixed;top:36px;left:0;right:0}.navbar-scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--border-hover)}@media (width<=768px){.navbar{top:0}}.navbar-inner{align-items:center;gap:32px;height:100%;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--brand-blue), #1a6fa8);color:#fff;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:900;display:flex;box-shadow:0 4px 12px #2ca9e466}.navbar-logo-text{flex-direction:column;gap:1px;display:flex}.navbar-logo-name{color:var(--text-primary);letter-spacing:3px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:900;line-height:1}.navbar-logo-sub{color:var(--brand-blue);letter-spacing:1.5px;text-transform:uppercase;font-family:Open Sans,sans-serif;font-size:9px;font-weight:600}.navbar-nav{flex:1;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);letter-spacing:.3px;transition:all var(--transition-fast);white-space:nowrap;padding:8px 14px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;position:relative}.nav-link:hover,.nav-link.active{color:var(--brand-blue);background:var(--brand-blue-glow)}.nav-link.active:after{content:"";background:var(--brand-blue);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.navbar-action-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.navbar-action-btn:hover{background:var(--brand-blue-glow);border-color:var(--brand-blue);color:var(--brand-blue);transform:translateY(-1px)}.navbar-cart{text-decoration:none}.cart-badge{background:var(--brand-blue);color:#fff;border:2px solid var(--bg-navbar);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;animation:.3s pulse;display:flex;position:absolute;top:-5px;right:-5px}.navbar-auth-btn{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 8px #2ca9e44d}.navbar-auth-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2ca9e466}.navbar-user-wrap{position:relative}.navbar-user-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.navbar-user-btn:hover{border-color:var(--brand-blue);background:var(--brand-blue-glow)}.navbar-avatar{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;display:flex}.navbar-user-name{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:13px;font-weight:600}.navbar-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.navbar-chevron.open{transform:rotate(180deg)}.overlay-invisible{z-index:300;position:fixed;inset:0}.navbar-dropdown{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:400;min-width:260px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.navbar-dropdown-header{background:var(--bg-input);align-items:center;gap:12px;padding:16px 18px;display:flex}.navbar-dropdown-avatar{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:flex}.navbar-dropdown-name{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.navbar-dropdown-email{color:var(--text-muted);margin-bottom:6px;font-size:12px}.navbar-dropdown-divider{background:var(--divider);height:1px;margin:4px 0}.navbar-dropdown-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 18px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:flex}.navbar-dropdown-item:hover{background:var(--brand-blue-glow);color:var(--brand-blue);padding-left:22px}.navbar-dropdown-logout{color:#e53e3e}.navbar-dropdown-logout:hover{color:#e53e3e!important;background:#e53e3e1a!important}.navbar-burger{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-burger:hover{background:var(--brand-blue-glow);border-color:var(--brand-blue);color:var(--brand-blue)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:299;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.mobile-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);max-width:85vw;box-shadow:var(--shadow-xl);z-index:300;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-sidebar.sidebar-open{transform:translate(0)}.sidebar-header{background:linear-gradient(135deg,#0a0a0f 0%,#111118 100%);border-bottom:1px solid #2ca9e433;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.sidebar-logo{align-items:center;gap:10px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--brand-blue), #1a6fa8);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px 12px #2ca9e466}.sidebar-logo-name{color:#fff;letter-spacing:3px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:900;line-height:1}.sidebar-logo-sub{color:var(--brand-blue);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-family:Open Sans,sans-serif;font-size:9px}.sidebar-close{color:#ffffffb3;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;display:flex}.sidebar-close:hover{color:#fff;background:#e53e3e;border-color:#e53e3e}.sidebar-user{background:var(--bg-input);border-bottom:1px solid var(--divider);align-items:center;gap:12px;padding:16px 20px;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #2ca9e44d}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:11px;overflow:hidden}.sidebar-login-prompt{background:var(--bg-input);border-bottom:1px solid var(--divider);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.sidebar-login-prompt p{color:var(--text-muted);font-size:13px}.sidebar-nav{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.sidebar-section-title{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;padding:8px 8px 4px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:11px 12px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--brand-blue-glow);color:var(--brand-blue)}.sidebar-link.active{background:var(--brand-blue-glow);color:var(--brand-blue);font-weight:600}.sidebar-link.active:before{content:"";background:var(--brand-blue);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-arrow{color:var(--text-muted);opacity:.5;margin-left:auto}.sidebar-badge{background:var(--brand-blue);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 7px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700}.sidebar-footer{margin-top:auto;padding:8px 12px 16px}.sidebar-theme-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:11px 12px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;display:flex}.sidebar-theme-btn:hover{background:var(--bg-input);color:var(--text-primary)}.sidebar-theme-toggle{background:var(--bg-input);border:1px solid var(--border-color);width:36px;height:20px;transition:all var(--transition-fast);border-radius:10px;margin-left:auto;position:relative}.sidebar-theme-toggle:after{content:"";background:var(--text-muted);width:14px;height:14px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.sidebar-theme-toggle.active{background:var(--brand-blue-glow);border-color:var(--brand-blue)}.sidebar-theme-toggle.active:after{background:var(--brand-blue);left:calc(100% - 16px)}.sidebar-logout{border-radius:var(--radius-md);cursor:pointer;color:#e53e3e;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:11px 12px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;display:flex}.sidebar-logout:hover{background:#e53e3e1a}.sidebar-copyright{color:var(--text-muted);text-align:center;padding:12px 0 4px;font-size:11px}.bottom-bar{height:var(--bottom-bar-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:198;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001f}@media (width<=768px){.bottom-bar{display:flex}}.bottom-bar-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);letter-spacing:.3px;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-bar-item:hover,.bottom-bar-item.active{color:var(--brand-blue)}.bottom-bar-item.active:after{content:"";background:var(--brand-blue);border-radius:0 0 3px 3px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-bar-item svg{transition:transform var(--transition-fast)}.bottom-bar-item:hover svg,.bottom-bar-item.active svg{transform:translateY(-1px)}.bottom-bar-cart-wrap{justify-content:center;align-items:center;display:flex;position:relative}.bottom-bar-badge{background:var(--brand-blue);color:#fff;border:2px solid var(--bg-navbar);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.footer{background-color:var(--bg-footer);color:#fff;z-index:10;padding-top:60px;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-blue), transparent);opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.footer-top{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=1024px){.footer-top{grid-template-columns:1fr 1fr}}@media (width<=640px){.footer-top{grid-template-columns:1fr;gap:30px}}.footer-logo{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo-icon{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:900;display:flex}.footer-logo-text{color:#fff;letter-spacing:2px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}.footer-desc{color:#ffffffb3;max-width:300px;margin-bottom:20px;font-size:14px;line-height:1.6}.footer-socials{gap:12px;display:flex}.footer-socials a{color:#fff;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-socials a:hover{background:var(--brand-blue);transform:translateY(-2px)}.footer-title{color:#fff;margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;display:inline-block;position:relative}.footer-title:after{content:"";background:var(--brand-blue);width:24px;height:2px;position:absolute;bottom:-6px;left:0}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#ffffffb3;transition:all var(--transition-fast);font-size:14px;display:inline-block}.footer-links a:hover{color:var(--brand-blue);transform:translate(4px)}.footer-contact-list{flex-direction:column;gap:16px;display:flex}.footer-contact-list li{color:#ffffffb3;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.footer-icon{color:var(--brand-blue);flex-shrink:0;margin-top:2px}.footer-contact-list a{color:#ffffffb3;transition:color var(--transition-fast)}.footer-contact-list a:hover{color:var(--brand-blue)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding:24px 0}.footer-bottom p{color:#ffffff80;font-size:13px}.hero{background-image:url(/images/design%20site/slide-1.jpg);background-position:50%;background-size:cover;align-items:center;height:85vh;min-height:600px;display:flex;position:relative}.hero-overlay{background:linear-gradient(90deg,#000000e6 0%,#00000080 50%,#0000004d 100%);position:absolute;inset:0}.hero-content{z-index:10;max-width:800px;position:relative}.hero-title{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.1}.hero-title span{color:var(--brand-blue)}.hero-subtitle{color:#ffffffe6;max-width:600px;margin-bottom:40px;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.5s both fadeUp}.section-4s{background:var(--bg-primary);padding:80px 0}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);padding:32px 24px}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-blue);transform:translateY(-5px)}.feature-icon-wrap{background:var(--brand-blue-glow);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.feature-icon{color:var(--brand-blue)}.feature-card h3{margin-bottom:12px;font-size:18px}.feature-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.featured-section{background:var(--bg-secondary);padding:80px 0}.vehicle-card{flex-direction:column;display:flex}.vehicle-image-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.vehicle-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.vehicle-card:hover .vehicle-image-wrap img{transform:scale(1.05)}.vehicle-badge{background:var(--brand-blue);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 10px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.vehicle-info{flex-direction:column;flex:1;padding:20px;display:flex}.vehicle-name{margin-bottom:8px;font-size:18px}.vehicle-specs{color:var(--text-muted);margin-bottom:16px;font-size:13px}.vehicle-price-row{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.vehicle-price{color:var(--brand-blue);font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}.about-section{background:var(--bg-primary);padding:100px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-content p{color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.about-content strong{color:var(--brand-blue)}.about-image-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.about-image{width:100%;height:auto}.reviews-section{background:var(--bg-secondary);padding:80px 0;overflow:hidden}.reviews-slider-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.reviews-slider{gap:24px;width:max-content;animation:30s linear infinite slide;display:flex}.reviews-slider:hover{animation-play-state:paused}@keyframes slide{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.review-card{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;gap:16px;width:340px;padding:24px;display:flex}.review-stars{gap:4px;display:flex}.review-text{color:var(--text-secondary);flex-grow:1;font-size:14px;font-style:italic;line-height:1.6}.review-author{border-top:1px solid var(--divider);align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.review-avatar{background:var(--brand-blue-glow);width:36px;height:36px;color:var(--brand-blue);border-radius:50%;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;display:flex}.review-name-wrap{flex-direction:column;display:flex}.review-name{color:var(--text-primary);font-size:14px;font-weight:700}.review-source{color:var(--text-muted);font-size:11px}.catalogue-page{min-height:100vh;padding-bottom:80px}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);margin-bottom:40px;padding:60px 0}.page-title{margin-bottom:12px;font-size:clamp(28px,4vw,40px)}.page-title span{color:var(--brand-blue)}.page-subtitle{color:var(--text-muted);max-width:600px;font-size:16px}.catalogue-container{align-items:flex-start;gap:32px;display:flex}.filters-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:280px;top:calc(var(--navbar-height) + 24px);flex-shrink:0;padding:24px;position:sticky}.filter-group{margin-bottom:24px}.mobile-filter-bar{gap:12px;width:100%;margin-bottom:24px;display:flex}.search-input-wrap{flex:1;position:relative}.search-input-wrap input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:10px 16px 10px 40px}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}@media (width<=992px){.catalogue-container{flex-direction:column}.filters-sidebar{z-index:400;border:none;border-radius:0;width:300px;max-width:85vw;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.filters-sidebar.open{transform:translate(0)}.filters-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.close-filters{color:var(--text-secondary);background:0 0;border:none}.filters-overlay{z-index:399;background:#00000080;position:fixed;inset:0}}.catalogue-main{flex:1;min-width:0}.results-count{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.catalogue-grid{gap:24px}@media (width<=1280px) and (width>=993px){.catalogue-grid{grid-template-columns:repeat(2,1fr)}}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:60px 20px}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-muted);margin-bottom:24px}.cart-page{min-height:100vh;padding-bottom:80px}.cart-layout{align-items:flex-start;gap:32px;display:flex}@media (width<=992px){.cart-layout{flex-direction:column}}.cart-items{flex-direction:column;flex:1;gap:16px;display:flex}.cart-item{align-items:center;gap:20px;padding:16px;display:flex}@media (width<=576px){.cart-item{flex-direction:column;align-items:stretch}}.cart-item-image{border-radius:var(--radius-md);flex-shrink:0;width:140px;height:90px;overflow:hidden}@media (width<=576px){.cart-item-image{width:100%;height:180px}}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex:1}.cart-item-info h3{margin-bottom:6px;font-size:16px}.cart-item-specs{color:var(--text-muted);margin-bottom:8px;font-size:13px}.cart-item-price{color:var(--brand-blue);font-family:Montserrat,sans-serif;font-weight:800}.cart-item-remove{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.cart-item-remove:hover{color:#e53e3e;background:#e53e3e1a;border-color:#e53e3e4d}.cart-sidebar{flex-shrink:0;width:360px}@media (width<=992px){.cart-sidebar{width:100%}}.cart-summary{top:calc(var(--navbar-height) + 24px);padding:24px;position:sticky}.cart-summary h3{border-bottom:1px solid var(--divider);margin-bottom:20px;padding-bottom:12px;font-size:18px}.summary-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.summary-row.total{border-top:1px solid var(--divider);color:var(--text-primary);margin-top:20px;padding-top:20px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.summary-row.total span:last-child{color:var(--brand-blue)}.cart-note{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.empty-cart{text-align:center;padding:80px 20px}.empty-cart-icon{color:var(--border-color);margin-bottom:24px}.empty-cart p{color:var(--text-muted);margin-top:12px}.vehicle-detail-page{min-height:100vh;padding-bottom:80px}.detail-header-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);margin-bottom:32px;padding:16px 0}.detail-container{align-items:flex-start;gap:40px;display:flex}@media (width<=992px){.detail-container{flex-direction:column;gap:24px}}.detail-main{flex:1;min-width:0}.detail-gallery{margin-bottom:40px}.main-image-wrap{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--bg-input);width:100%;margin-bottom:16px;position:relative;overflow:hidden}.main-image-wrap img{object-fit:cover;width:100%;height:100%}@keyframes fadeInImg{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.main-image-anim{animation:.35s both fadeInImg}.detail-badge{background:var(--brand-blue);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;box-shadow:var(--shadow-sm);padding:6px 14px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.gallery-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);z-index:10;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:var(--brand-blue);transform:translateY(-50%)scale(1.1)}.gallery-arrow-left{left:16px}.gallery-arrow-right{right:16px}.gallery-dots{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.gallery-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#ffffff80;border:none;border-radius:50%;padding:0}.gallery-dot.active{background:#fff;border-radius:4px;width:24px}.thumbnail-list{scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.thumbnail-list::-webkit-scrollbar{display:none}.thumbnail-wrap{aspect-ratio:16/10;border-radius:var(--radius-md);cursor:pointer;opacity:.6;width:120px;transition:all var(--transition-fast);border:2px solid #0000;flex-shrink:0;overflow:hidden}.thumbnail-wrap:hover{opacity:.85}.thumbnail-wrap.active{border-color:var(--brand-blue);opacity:1}.thumbnail-wrap img{object-fit:cover;width:100%;height:100%}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb-link{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--brand-blue)}.breadcrumb span{color:var(--text-primary);font-weight:600}.detail-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:32px}.section-subtitle{border-bottom:1px solid var(--divider);color:var(--text-primary);margin-bottom:24px;padding-bottom:16px;font-family:Montserrat,sans-serif;font-size:20px}.specs-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=768px){.specs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.specs-grid{grid-template-columns:1fr}}.spec-item{align-items:center;gap:16px;display:flex}.spec-icon-wrap{background:var(--brand-blue-glow);width:44px;height:44px;color:var(--brand-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.spec-content{flex-direction:column;display:flex}.spec-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:11px}.spec-value{color:var(--text-primary);font-size:15px;font-weight:700}.detail-description p{color:var(--text-secondary);font-size:15px;line-height:1.8}.detail-services{background:linear-gradient(135deg,#2ca9e40d,#2ca9e403);border-color:#2ca9e433;grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.detail-services{grid-template-columns:1fr}}.service-item{align-items:flex-start;gap:16px;display:flex}.service-icon-wrap{background:var(--brand-blue-glow);width:52px;height:52px;color:var(--brand-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-item h4{margin-bottom:6px;font-size:16px}.service-item p{color:var(--text-muted);font-size:13px;line-height:1.5}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=576px){.form-row{grid-template-columns:1fr}}.contact-success{text-align:center;color:#48bb78;padding:40px 20px}.contact-success svg{margin:0 auto 16px}.contact-success h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.contact-success p{color:var(--text-muted)}.similar-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.similar-grid{grid-template-columns:1fr}}.similar-card{transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.similar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.similar-image{aspect-ratio:16/10;width:100%;overflow:hidden}.similar-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.similar-card:hover .similar-image img{transform:scale(1.05)}.similar-info{padding:16px}.similar-info h4{color:var(--text-primary);margin-bottom:4px;font-size:15px}.similar-info p{color:var(--text-muted);margin-bottom:8px;font-size:12px}.similar-price{color:var(--brand-blue);font-family:Montserrat,sans-serif;font-size:16px;font-weight:800}.detail-sidebar{flex-shrink:0;width:380px}@media (width<=992px){.detail-sidebar{width:100%}}.sidebar-card{top:calc(var(--navbar-height) + 24px);padding:32px;position:sticky}.detail-title{margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.2}.detail-title span{color:var(--text-secondary);font-weight:400}.detail-price{color:var(--brand-blue);font-family:Montserrat,sans-serif;font-size:32px;font-weight:800}.sidebar-divider{background:var(--divider);height:1px;margin:24px 0}.sidebar-actions{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sidebar-specs-mini{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;display:grid}.mini-spec{background:var(--bg-primary);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mini-spec span{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px}.mini-spec strong{color:var(--text-primary);font-size:13px}.sidebar-info{background:var(--bg-primary);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:16px}.sidebar-info p{color:var(--text-muted);margin-bottom:8px;font-size:12px;line-height:1.5}.sidebar-info p:last-child{margin-bottom:0}.detail-mobile-header{margin-bottom:24px}:root{--brand-blue:#2ca9e4;--brand-blue-dark:#1a8bc4;--brand-blue-light:#5cc0ed;--brand-blue-glow:#2ca9e440;--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-card:#fff;--bg-navbar:#fffffff2;--bg-sidebar:#fff;--bg-footer:#0a0a0a;--bg-glass:#ffffffb3;--bg-modal:#fffffffa;--bg-input:#f0f2f5;--text-primary:#0a0a0a;--text-secondary:#4a5568;--text-muted:#718096;--text-inverse:#fff;--border-color:#00000014;--border-hover:#2ca9e480;--divider:#0000000f;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 64px #00000026;--shadow-blue:0 4px 20px #2ca9e44d;--admin-bg:#0f1117;--admin-sidebar:#161b22;--admin-card:#1c2128;--navbar-height:70px;--bottom-bar-height:64px;--sidebar-width:280px;--admin-sidebar-width:260px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-navbar:#0a0a0ff2;--bg-sidebar:#111118;--bg-footer:#050508;--bg-glass:#16161fcc;--bg-modal:#16161ffc;--bg-input:#ffffff0f;--text-primary:#f0f0f5;--text-secondary:#a0aec0;--text-muted:#718096;--text-inverse:#0a0a0a;--border-color:#ffffff14;--border-hover:#2ca9e499;--divider:#ffffff0f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 64px #000000b3;--admin-bg:#07080d;--admin-sidebar:#0d0f16;--admin-card:#11131c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--brand-blue);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-blue-dark)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--navbar-height);flex:1;padding-bottom:0}@media (width<=768px){.main-content{padding-bottom:var(--bottom-bar-height)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}.btn{border-radius:var(--radius-md);letter-spacing:.5px;transition:all var(--transition-normal);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2ca9e466}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--brand-blue);color:var(--brand-blue);transform:translateY(-1px)}.btn-outline{color:var(--brand-blue);border:2px solid var(--brand-blue);background:0 0}.btn-outline:hover{background:var(--brand-blue);color:#fff;transform:translateY(-2px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e53e3e,#c53030)}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color)}.badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;align-items:center;padding:4px 10px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{background:var(--brand-blue-glow);color:var(--brand-blue)}.badge-green{color:#48bb78;background:#48bb7826}.badge-red{color:#e53e3e;background:#e53e3e26}.badge-yellow{color:#d69e2e;background:#ecc94b26}.badge-gray{background:var(--bg-input);color:var(--text-muted)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.3px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600}.form-input{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:14px}.form-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--brand-blue-glow);background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-muted)}.section-title{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.2}.section-title span{color:var(--brand-blue)}.section-subtitle{color:var(--text-muted);max-width:600px;font-size:16px;line-height:1.7}.section-divider{background:linear-gradient(90deg, var(--brand-blue), var(--brand-blue-light));border-radius:var(--radius-full);width:60px;height:4px;margin:12px 0 24px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.spinner{border:3px solid var(--border-color);border-top-color:var(--brand-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.5s both fadeIn}.animate-fade-left{animation:.5s both fadeInLeft}.animate-fade-right{animation:.5s both fadeInRight}.animate-slide-down{animation:.3s both slideDown}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.status-disponible{color:#48bb78}.status-vendu{color:#e53e3e}.status-reserve{color:#d69e2e}.status-attente{color:var(--brand-blue)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.w-full{width:100%}.hidden{display:none!important}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}