Five Star Auto Body | Premier Collision Repair Vancouver WA, Longview WA & Chehalis WA | 4 Locations * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #374151; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Navigation */ .navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f97316; z-index: 1000; padding: 0.25rem 0; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .nav-logo { display: flex; align-items: center; text-decoration: none; } .nav-logo img { height: 80px; width: auto; transition: transform 0.3s ease; } .nav-logo:hover img { transform: scale(1.05); } @media (max-width: 768px) { .nav-logo img { height: 60px; } .nav-container { padding: 0 15px; } } @media (max-width: 480px) { .nav-logo img { height: 50px; } .nav-container { padding: 0 10px; } } .nav-menu { display: flex; list-style: none; gap: 2rem; margin: 0; position: relative; } .nav-item { position: relative; } .dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: white; min-width: 280px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 12px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1001; margin-top: 0.5rem; border: 1px solid rgba(249, 115, 22, 0.1); } .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-content a { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: all 0.3s ease; border-radius: 8px; margin: 0.3rem; } .dropdown-content a:hover { background: linear-gradient(45deg, #f97316, #ea580c); color: white; transform: translateX(5px); } .dropdown-content a:first-child { margin-top: 0.5rem; } .dropdown-content a:last-child { margin-bottom: 0.5rem; } .nav-link { color: #374151; text-decoration: none; font-weight: 500; padding: 0.5rem 0; } .nav-link:hover { color: #f97316; } .nav-cta { background: #f97316; color: white; padding: 0.5rem 1rem; border-radius: 25px; text-decoration: none; font-weight: bold; } .mobile-menu-btn { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #374151; padding: 0.5rem; } .dropdown-toggle::after { content: ' ▼'; font-size: 0.8rem; margin-left: 0.5rem; transition: transform 0.3s ease; } .dropdown-toggle.active::after { transform: rotate(180deg); } /* Hero Section - Desktop First */ .hero { color: white; height: 100vh; min-height: 100vh; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 100px 20px 20px; } /* Desktop Video - Default State */ .hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%); object-fit: cover; display: block; } /* Desktop - Video overlay */ .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; } /* Mobile Background Image - Hidden by default */ .hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: scroll; z-index: -1; display: none; } .hero .container { position: relative; z-index: 2; width: 100%; max-height: calc(100vh - 140px); display: flex; flex-direction: column; justify-content: center; } .hero h1 { font-size: 2.8rem; font-weight: bold; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; opacity: 0.9; } /* Hero Section - 2x2 Grid for 4 locations */ .hero-locations { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin: 1.5rem auto 0; max-width: 650px; width: 100%; } .location-item { background: rgba(255,255,255,0.15); padding: 1.2rem; border-radius: 15px; text-align: center; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; position: relative; overflow: hidden; } .location-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); transition: left 0.8s ease; } .location-item:hover::before { left: 100%; } .location-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .location-item h3 { font-size: 0.9rem; margin-bottom: 1rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } /* Desktop button text */ .cta-button .phone-number { display: inline; } .cta-button .call-text { display: none; } /* Mobile location text - hidden by default */ .location-text { display: none; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 10px 20px; text-decoration: none; border-radius: 25px; font-weight: 600; font-size: 0.9rem; width: 100%; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3); position: relative; overflow: hidden; } .cta-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .cta-button:hover::after { width: 300px; height: 300px; } .cta-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } /* Sections */ .section { padding: 80px 0; } .section-title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: #2563eb; } .section-subtitle { text-align: center; font-size: 1.1rem; color: #6b7280; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; } /* Services */ .services { background: white; } /* Services - 2x3 Grid (6 services in 2 columns, 3 rows) */ .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; max-width: 1000px; margin: 0 auto; } .service-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .service-card:hover::before { transform: translateX(0); } .service-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .service-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .service-card p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .service-card p a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .service-card p a:hover { color: #f97316; } .service-locations { margin-bottom: 1rem; padding: 0.8rem; background: #f8fafc; border-radius: 8px; font-size: 0.9rem; line-height: 1.5; } .service-locations a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .service-locations a:hover { color: #f97316; } .service-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .service-link:hover { color: #2563eb; transform: translateX(5px); } /* Estimators Section */ .estimators { background: white; } .estimators-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .estimator-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 750px; display: flex; flex-direction: column; align-items: center; text-align: center; } .estimator-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .estimator-card:hover::before { transform: translateX(0); } .estimator-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .estimator-image { width: 380px; height: 380px; border-radius: 15px; overflow: hidden; margin-bottom: 1.5rem; border: 4px solid #f97316; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.2); } .estimator-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .estimator-card:hover .estimator-image { border-color: #2563eb; transform: scale(1.05); } .estimator-card:hover .estimator-image img { transform: scale(1.1); } .estimator-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; } .estimator-content h3 { font-size: 1.5rem; color: #2563eb; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.3; } .estimator-content h4 { font-size: 1.1rem; color: #f97316; margin-bottom: 1.5rem; font-weight: 500; line-height: 1.3; } .estimator-content p { color: #6b7280; line-height: 1.6; font-size: 0.95rem; text-align: left; } /* Process Section */ .process { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .process-step { background: white; padding: 2.5rem; border-radius: 25px; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: center; } .process-step::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .process-step:hover::before { transform: translateX(0); } .process-step:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .step-number { width: 80px; height: 80px; background: linear-gradient(45deg, #f97316, #ea580c); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold; margin: 0 auto 1.5rem; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.3); } .process-step h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .process-step p { color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Technicians Section */ .technicians { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .technicians .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .technicians .section-subtitle { color: #e0e7ff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .tech-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-bottom: 4rem; } .stat-card { text-align: center; padding: 2.5rem 1.5rem; background: rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .stat-card:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .stat-number { font-size: 3rem; font-weight: 800; color: #fed7aa; margin-bottom: 0.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1; } .stat-label { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.8rem; color: white; line-height: 1.2; } .stat-desc { font-size: 0.9rem; opacity: 0.9; line-height: 1.4; } .tech-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 2rem; } .tech-feature { text-align: center; padding: 2rem; min-height: 220px; display: flex; flex-direction: column; justify-content: flex-start; } .tech-feature h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 1.2rem; color: #fed7aa; line-height: 1.3; } .tech-feature p { line-height: 1.6; opacity: 0.9; font-size: 1rem; } /* Expertise Section */ .expertise { background: white; } .expertise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .expertise-item { padding: 2.5rem; background: linear-gradient(145deg, #f8fafc, #e2e8f0); border-radius: 20px; border-left: 5px solid #f97316; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 240px; display: flex; flex-direction: column; justify-content: flex-start; } .expertise-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.05), transparent); transition: left 0.8s ease; } .expertise-item:hover::before { left: 100%; } .expertise-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .expertise-item h3 { font-size: 1.4rem; font-weight: 600; color: #2563eb; margin-bottom: 1.2rem; line-height: 1.3; } .expertise-item p { color: #6b7280; line-height: 1.6; font-size: 1rem; } /* Certifications Section */ .certifications { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .certifications-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; max-width: 1200px; margin: 0 auto; } .certification-item { background: white; border-radius: 25px; padding: 2.5rem; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; align-items: center; text-align: center; } .certification-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .certification-item:hover::before { transform: translateX(0); } .certification-item:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .cert-image { width: 120px; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; background: #f8fafc; border-radius: 15px; padding: 1rem; transition: all 0.3s ease; } .cert-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease; } .certification-item:hover .cert-image { background: rgba(249, 115, 22, 0.1); } .certification-item:hover .cert-image img { transform: scale(1.1); } .cert-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } .cert-content h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1rem; font-weight: 600; line-height: 1.3; } .cert-content p { color: #6b7280; line-height: 1.6; font-size: 1rem; } /* Locations Section */ .locations-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; max-width: 1400px; margin: 0 auto; } .location-card { background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 25px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; border: 1px solid rgba(249, 115, 22, 0.1); min-height: 400px; display: flex; flex-direction: column; } .location-card:hover { transform: translateY(-12px) scale(1.03); box-shadow: 0 35px 90px rgba(0,0,0,0.18); border-color: rgba(249, 115, 22, 0.3); } .location-image { height: 140px; background: linear-gradient(135deg, #f97316, #2563eb); display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 1rem; position: relative; overflow: hidden; } .location-image::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 1s ease; } .location-card:hover .location-image::before { left: 100%; } .location-content { padding: 1.8rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .location-card h3 { color: #2563eb; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 600; line-height: 1.3; } .location-details { color: #6b7280; margin-bottom: 1.5rem; font-size: 0.9rem; line-height: 1.6; flex-grow: 1; } .location-details p { margin-bottom: 0.5rem; } .location-details a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .location-details a:hover { color: #f97316; } .location-buttons { display: flex; flex-direction: column; gap: 0.8rem; margin-top: auto; } .btn-primary, .btn-secondary { padding: 0.7rem 1.2rem; border-radius: 20px; text-decoration: none; text-align: center; font-weight: 500; font-size: 0.9rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(249, 115, 22, 0.4); } .btn-secondary { background: transparent; color: #2563eb; border: 2px solid #2563eb; } .btn-secondary:hover { background: #2563eb; color: white; transform: translateY(-2px); } /* Service Areas Section */ .service-areas { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .service-areas .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .service-areas .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; max-width: 1200px; margin: 0 auto; } .area-item { text-align: center; padding: 3rem 2rem; background: rgba(255,255,255,0.15); border-radius: 25px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .area-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); opacity: 0; transition: opacity 0.4s ease; } .area-item:hover::before { opacity: 1; } .area-item:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .area-item h3 { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } .area-item p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; } .area-item p a { color: #fed7aa; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .area-item p a:hover { color: white; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); } .area-link { color: #fed7aa; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; justify-content: center; } .area-link:hover { color: white; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); transform: translateX(5px); } /* Why Choose Section */ .why-choose { background: white; } .why-choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-choose-item { padding: 2.5rem; background: linear-gradient(145deg, #f8fafc, #e2e8f0); border-radius: 20px; border-left: 5px solid #f97316; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 240px; display: flex; flex-direction: column; justify-content: flex-start; } .why-choose-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.05), transparent); transition: left 0.8s ease; } .why-choose-item:hover::before { left: 100%; } .why-choose-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .why-choose-item h3 { font-size: 1.4rem; font-weight: 600; color: #2563eb; margin-bottom: 1.2rem; line-height: 1.3; } .why-choose-item p { color: #6b7280; line-height: 1.6; font-size: 1rem; margin-bottom: 1.5rem; flex-grow: 1; } .why-choose-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .why-choose-link:hover { color: #2563eb; transform: translateX(5px); } /* FAQ */ .faq { background: #f9fafb; } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: white; border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; transition: all 0.3s ease; } .faq-question:hover { background: #f8fafc; } .faq-question h3 { color: #2563eb; margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.4; } .faq-toggle { font-size: 1.5rem; color: #f97316; transition: transform 0.3s ease; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-answer.active { max-height: 250px; } .faq-answer-content { padding: 2rem; color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Contact */ .contact { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .contact .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .contact .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .contact-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; text-align: center; max-width: 1200px; margin: 0 auto; } .contact-item { padding: 3rem 2rem; background: rgba(255,255,255,0.15); border-radius: 25px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .contact-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); opacity: 0; transition: opacity 0.4s ease; } .contact-item:hover::before { opacity: 1; } .contact-item:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .contact-item h3 { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } .contact-item p { font-size: 1.1rem; line-height: 1.6; } .contact-item a { color: white; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .contact-item a:hover { color: #fed7aa; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); } /* Footer */ .footer { background: #374151; color: white; padding: 3rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h3 { color: #f97316; margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 0.8rem; } .footer-section a { color: white; text-decoration: none; opacity: 0.8; transition: all 0.3s ease; font-size: 0.95rem; } .footer-section a:hover { color: #f97316; opacity: 1; transform: translateX(3px); } .footer-bottom { border-top: 1px solid #6b7280; padding-top: 2rem; text-align: center; opacity: 0.7; font-size: 0.9rem; line-height: 1.6; } /* Desktop media query - Ensure video shows and image is hidden */ @media (min-width: 769px) { .hero-video { display: block !important; } .hero::after { display: none !important; } .hero h1 { font-size: 3rem; } .hero-subtitle { font-size: 1.2rem; margin-bottom: 2rem; } .hero-locations { max-width: 700px; gap: 1.5rem; margin: 2rem auto 0; } .location-item { padding: 1.8rem; border-radius: 20px; } .location-item h3 { font-size: 1rem; margin-bottom: 1.2rem; line-height: 1.3; } .cta-button { padding: 14px 28px; font-size: 1rem; border-radius: 30px; } } @media (max-width: 1200px) { /* Locations: 4x1 becomes 2x2 on medium screens */ .locations-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } /* Technicians: 4x1 becomes 2x2 */ .tech-stats-grid { grid-template-columns: repeat(2, 1fr); } /* Certifications: 3x2 becomes 2x3 */ .certifications-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } /* Expertise: 3x2 becomes 2x3 */ .expertise-grid { grid-template-columns: repeat(2, 1fr); } /* Estimators: 3x1 becomes 2x2 */ .estimators-grid { grid-template-columns: repeat(2, 1fr); } .estimator-image { width: 320px; height: 320px; } /* Process: 3x1 becomes 2x2 */ .process-grid { grid-template-columns: repeat(2, 1fr); } /* Service Areas: 3x1 becomes 2x2 */ .areas-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } /* Mobile - Hide video, show background image */ .hero-video { display: none !important; } .hero::after { display: block !important; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 1rem 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-top: 1px solid #e5e7eb; } .nav-menu.active { display: flex; } .nav-item { width: 100%; border-bottom: 1px solid #f3f4f6; } .nav-item:last-child { border-bottom: none; } .nav-link { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-weight: 500; border: none; background: none; width: 100%; text-align: left; cursor: pointer; } .nav-link:hover { background: #f9fafb; color: #f97316; } .nav-cta { background: #f97316; color: white !important; margin: 0.5rem 1rem; border-radius: 8px; text-align: center; } .nav-cta:hover { background: #ea580c; } .dropdown { position: relative; } .dropdown-content { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #f8fafc; margin: 0; border-radius: 0; border: none; border-top: 1px solid #e5e7eb; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .dropdown.active .dropdown-content { max-height: 500px; } .dropdown-content a { display: block; padding: 0.8rem 2rem; color: #6b7280; text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.2s ease; border-radius: 0; margin: 0; border-bottom: 1px solid #e5e7eb; } .dropdown-content a:last-child { border-bottom: none; } .dropdown-content a:hover { background: #e5e7eb; color: #374151; transform: none; padding-left: 2.5rem; } /* Mobile Hero Section */ .hero { height: 100vh; min-height: 100vh; padding: 90px 15px 15px; align-items: center; justify-content: center; } .hero .container { width: 100%; padding: 0; max-height: calc(100vh - 120px); } .hero h1 { font-size: 1.9rem; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; padding: 0 10px; } /* Hero: 2x2 becomes 1x4 (single column) */ .hero-locations { grid-template-columns: 1fr; max-width: 300px; gap: 0.8rem; margin: 1rem auto 0; } .location-item { padding: 1rem; border-radius: 12px; min-height: auto; } .location-item h3 { display: none; } .location-text { display: block; font-size: 0.85rem; margin-bottom: 0.8rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } .cta-button .phone-number { display: none; } .cta-button .call-text { display: inline; } .cta-button { padding: 8px 16px; font-size: 0.85rem; border-radius: 20px; } /* All sections mobile optimization */ .section { padding: 50px 0; } .services { padding-top: 70px; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } /* Services: 2x3 becomes 1x6 (single column) */ .services-grid { grid-template-columns: 1fr; gap: 1.5rem; } .service-card { padding: 1.5rem; min-height: auto; } .service-card h3 { font-size: 1.2rem; margin-bottom: 1rem; } .service-card p { font-size: 0.9rem; margin-bottom: 1rem; } .service-locations { padding: 0.6rem; font-size: 0.8rem; margin-bottom: 0.8rem; } /* Process: 3x1 becomes 1x3 (single column) */ .process-grid { grid-template-columns: 1fr; gap: 1.5rem; } .process-step { padding: 1.5rem; min-height: auto; } .step-number { width: 60px; height: 60px; font-size: 1.5rem; margin-bottom: 1rem; } .process-step h3 { font-size: 1.2rem; margin-bottom: 1rem; } .process-step p { font-size: 0.9rem; } /* Technicians: 4x1 becomes 1x4 (single column) */ .tech-stats-grid { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2rem; } .stat-card { padding: 1.5rem; min-height: auto; } .stat-number { font-size: 2.5rem; margin-bottom: 0.5rem; } .stat-label { font-size: 1rem; margin-bottom: 0.5rem; } .stat-desc { font-size: 0.85rem; } .tech-features { grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1rem; } .tech-feature { padding: 1.5rem; min-height: auto; } .tech-feature h3 { font-size: 1.2rem; margin-bottom: 1rem; } .tech-feature p { font-size: 0.9rem; } /* Estimators: 3x1 becomes 1x3 (single column) */ .estimators-grid { grid-template-columns: 1fr; gap: 1.5rem; } .estimator-card { padding: 1.5rem; min-height: auto; } .estimator-image { width: 250px; height: 250px; margin-bottom: 1rem; } .estimator-content h3 { font-size: 1.2rem; margin-bottom: 0.5rem; } .estimator-content h4 { font-size: 1rem; margin-bottom: 1rem; } .estimator-content p { font-size: 0.9rem; } /* Expertise: 3x2 becomes 1x6 (single column) */ .expertise-grid { grid-template-columns: 1fr; gap: 1.5rem; } .expertise-item { padding: 1.5rem; min-height: auto; } .expertise-item h3 { font-size: 1.2rem; margin-bottom: 1rem; } .expertise-item p { font-size: 0.9rem; } /* Certifications: 3x2 becomes 1x6 (single column) */ .certifications-grid { grid-template-columns: 1fr; gap: 1.5rem; } .certification-item { padding: 1.5rem; min-height: auto; } .cert-image { width: 100px; height: 70px; margin-bottom: 1rem; } .cert-content h3 { font-size: 1.2rem; margin-bottom: 0.8rem; } .cert-content p { font-size: 0.9rem; } /* Locations: 4x1 becomes 1x4 (single column) */ .locations-grid { grid-template-columns: 1fr; gap: 1.5rem; } .location-card { max-width: 400px; margin: 0 auto; min-height: auto; } .location-content { padding: 1.5rem; } .location-card h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .location-details { font-size: 0.85rem; margin-bottom: 1rem; } .location-buttons { flex-direction: row; gap: 0.8rem; } .btn-primary, .btn-secondary { padding: 0.6rem 1rem; font-size: 0.85rem; } /* Service Areas: 3x1 becomes 1x3 (single column) */ .areas-grid { grid-template-columns: 1fr; gap: 1.5rem; } .area-item { padding: 1.5rem; min-height: auto; } .area-item h3 { font-size: 1.2rem; margin-bottom: 1rem; } .area-item p { font-size: 0.9rem; margin-bottom: 1rem; } /* Why Choose: 3x1 becomes 1x3 (single column) */ .why-choose-grid { grid-template-columns: 1fr; gap: 1.5rem; } .why-choose-item { padding: 1.5rem; min-height: auto; } .why-choose-item h3 { font-size: 1.2rem; margin-bottom: 1rem; } .why-choose-item p { font-size: 0.9rem; margin-bottom: 1rem; } /* FAQ */ .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; line-height: 1.3; } .faq-answer-content { padding: 1.5rem; font-size: 0.9rem; } /* Contact: 3x1 becomes 1x3 (single column) */ .contact-content { grid-template-columns: 1fr; gap: 1.5rem; } .contact-item { padding: 1.5rem; min-height: auto; } .contact-item h3 { font-size: 1.2rem; margin-bottom: 1rem; } .contact-item p { font-size: 0.9rem; } /* Footer */ .footer-content { grid-template-columns: 1fr; gap: 2rem; } .footer-section h3 { font-size: 1.1rem; margin-bottom: 1rem; } .footer-section a { font-size: 0.9rem; } .footer-bottom { font-size: 0.8rem; padding-top: 1.5rem; } } @media (max-width: 480px) { /* Mobile - Hide video, show background image on small screens */ .hero-video { display: none !important; } .hero::after { display: block !important; } .hero { height: 100vh; min-height: 100vh; padding: 80px 10px 10px; } .hero .container { max-height: calc(100vh - 100px); padding: 0 5px; } .hero h1 { font-size: 1.5rem; margin-bottom: 0.6rem; line-height: 1.2; } .hero-subtitle { font-size: 0.9rem; margin-bottom: 1rem; padding: 0 5px; } .hero-locations { max-width: 280px; gap: 0.6rem; margin: 0.8rem auto 0; } .location-item { padding: 0.8rem; border-radius: 10px; } .location-text { font-size: 0.75rem; margin-bottom: 0.6rem; line-height: 1.2; } .cta-button { padding: 6px 12px; font-size: 0.75rem; border-radius: 15px; } .cta-button .phone-number { display: none; } .cta-button .call-text { display: inline; } /* All sections even more mobile optimized */ .section { padding: 40px 0; } .services { padding-top: 60px; } .section-title { font-size: 1.6rem; margin-bottom: 0.8rem; line-height: 1.2; } .section-subtitle { font-size: 0.9rem; margin-bottom: 1.5rem; padding: 0 5px; } .container { padding: 0 15px; } /* Services */ .services-grid { gap: 1.2rem; } .service-card { padding: 1.2rem; border-radius: 15px; } .service-card h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .service-card p { font-size: 0.85rem; margin-bottom: 0.8rem; } .service-locations { padding: 0.5rem; font-size: 0.75rem; margin-bottom: 0.6rem; } /* Process */ .process-grid { gap: 1.2rem; } .process-step { padding: 1.2rem; } .step-number { width: 50px; height: 50px; font-size: 1.2rem; margin-bottom: 0.8rem; } .process-step h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .process-step p { font-size: 0.85rem; } /* Technicians */ .tech-stats-grid { gap: 1.2rem; margin-bottom: 1.5rem; } .stat-card { padding: 1.2rem; } .stat-number { font-size: 2rem; margin-bottom: 0.4rem; } .stat-label { font-size: 0.9rem; margin-bottom: 0.4rem; } .stat-desc { font-size: 0.8rem; } .tech-features { gap: 1.2rem; } .tech-feature { padding: 1.2rem; } .tech-feature h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .tech-feature p { font-size: 0.85rem; } /* Estimators */ .estimators-grid { gap: 1.2rem; } .estimator-card { padding: 1.2rem; } .estimator-image { width: 200px; height: 200px; margin-bottom: 0.8rem; } .estimator-content h3 { font-size: 1.1rem; margin-bottom: 0.4rem; } .estimator-content h4 { font-size: 0.9rem; margin-bottom: 0.8rem; } .estimator-content p { font-size: 0.85rem; } /* Expertise */ .expertise-grid { gap: 1.2rem; } .expertise-item { padding: 1.2rem; } .expertise-item h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .expertise-item p { font-size: 0.85rem; } /* Certifications */ .certifications-grid { gap: 1.2rem; } .certification-item { padding: 1.2rem; } .cert-image { width: 80px; height: 60px; margin-bottom: 0.8rem; } .cert-content h3 { font-size: 1.1rem; margin-bottom: 0.6rem; } .cert-content p { font-size: 0.85rem; } /* Locations */ .locations-grid { gap: 1.2rem; } .location-card { max-width: 100%; } .location-content { padding: 1.2rem; } .location-card h3 { font-size: 1rem; margin-bottom: 0.6rem; } .location-details { font-size: 0.8rem; margin-bottom: 0.8rem; } .location-buttons { gap: 0.6rem; } .btn-primary, .btn-secondary { padding: 0.5rem 0.8rem; font-size: 0.8rem; } /* Service Areas */ .areas-grid { gap: 1.2rem; } .area-item { padding: 1.2rem; } .area-item h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .area-item p { font-size: 0.85rem; margin-bottom: 0.8rem; } /* Why Choose */ .why-choose-grid { gap: 1.2rem; } .why-choose-item { padding: 1.2rem; } .why-choose-item h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .why-choose-item p { font-size: 0.85rem; margin-bottom: 0.8rem; } /* FAQ */ .faq-question { padding: 1.2rem; } .faq-question h3 { font-size: 1rem; line-height: 1.3; } .faq-toggle { font-size: 1.2rem; } .faq-answer-content { padding: 1.2rem; font-size: 0.85rem; } /* Contact */ .contact-content { gap: 1.2rem; } .contact-item { padding: 1.2rem; } .contact-item h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .contact-item p { font-size: 0.85rem; } /* Footer */ .footer { padding: 2rem 0 1rem; } .footer-content { gap: 1.5rem; } .footer-section h3 { font-size: 1rem; margin-bottom: 0.8rem; } .footer-section a { font-size: 0.85rem; } .footer-bottom { font-size: 0.75rem; padding-top: 1rem; } } /* Large screens optimization */ @media (min-width: 1400px) { .hero .container { max-height: calc(100vh - 160px); } .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 1.8rem; } .hero-locations { max-width: 750px; gap: 2rem; margin: 2rem auto 0; } .location-item { padding: 1.5rem; } .location-item h3 { font-size: 1rem; line-height: 1.3; } .cta-button { padding: 12px 24px; font-size: 1rem; } .services-grid { gap: 3rem; } }
Five Star Auto Body
  • About
  • Services
    Auto Body Repair Collision Repair
  • Locations
    Vancouver WA Longview WA Chehalis WA
  • Gallery
  • Reviews
  • Contact
Your browser does not support the video tag.

Five Star Auto Body - Premier Collision Repair

Expert Auto Body Repair & Collision Services - 4 Convenient Locations Serving Washington State

NE 68th Street, Vancouver WA 98662

NE 68th Street, Vancouver WA 98662
(360) 699-4887 Call Now

1813 Columbia Street, Vancouver WA 98660

1813 Columbia Street, Vancouver WA 98660
(360) 258-1612 Call Now

760 Commerce Ave, Longview WA 98632

760 Commerce Ave, Longview WA 98632
(360) 353-3018 Call Now

55 N Market Blvd, Chehalis WA 98532

55 N Market Blvd, Chehalis WA 98532
(360) 748-8344 Call Now

Our Auto Body Repair Process

Streamlined collision repair process from estimate to completion with transparent communication and guaranteed quality results

1

Free Estimate & Inspection

Our certified technicians provide detailed damage assessment and accurate repair estimates. We work with your insurance company to ensure proper coverage and transparent pricing for all auto body repairs.

2

Professional Repair Work

Using manufacturer-approved techniques and OEM parts, our journeymen technicians restore your vehicle to pre-accident condition. We provide regular updates throughout the collision repair process.

3

Quality Inspection & Delivery

Final quality inspection ensures all repairs meet our high standards and manufacturer specifications. We guarantee our workmanship and provide lifetime warranty on collision repairs completed at Five Star Auto Body.

20+ Journeymen Technicians Across Washington

Our exclusive team of certified journeymen brings decades of expertise to every auto body repair project across our 4 locations

20+
Journeymen Technicians
Certified professionals with years of specialized training and expertise in auto body repair
4
Washington Locations
Vancouver, Longview, and Chehalis auto body repair facilities serving all of Southwest Washington
100%
Journeymen Only
We exclusively hire master-level technicians for quality assurance and superior collision repair results
7+
Years Experience
Average experience per technician in auto body repair and collision restoration services

Master Craftsmen Expertise

Our journeymen technicians have completed extensive apprenticeships and hold advanced certifications in collision repair, frame straightening, and paint restoration with proven expertise across all vehicle makes and models.

Continuous Training Programs

Regular training on the latest automotive technologies, paint systems, and repair techniques ensures our team stays at the forefront of the auto body repair industry with manufacturer-approved methods.

Quality Guarantee Promise

With journeymen-level expertise, we guarantee superior workmanship and precision in every repair, backed by our comprehensive lifetime warranty program and manufacturer certifications.

Meet Our Expert Estimators

Our experienced estimators provide accurate assessments and exceptional customer service to guide you through every step of your auto body repair process

Shawn Ferguson - Auto Body Estimator

Shawn Ferguson

Auto Body Estimator

My name is Shawn Ferguson I have been in the auto industry since 2003. My passion here at Five Star Auto Body is to help give customers the best customer service they deserve. We are here to take that fear away and let customers know we are going to do everything in our power to make them whole again.

Brandon O'Lear - Auto Body Estimator

Brandon O'Lear

Auto Body Estimator

My name is Brandon O'Lear. I have been in the auto industry since 2001. I worked with Subaru as a mechanic for 20 years, now work with Five Star Auto body as an estimator. Being in an accident is never easy but that is where we come in to make the process less stressful.

Mike - Auto Body Estimator

Mike

Auto Body Estimator

My name is Mike and I'm from the Northern California area and I've been in the Auto Shop Industry for over 12 years and have a true passion for helping people who come to our shop and make sure they are taken care of from start to finish. I strive for our shop to be number one in customer service and quality because like a wise man once said, if you're not first, you're last.

Flexible Auto Body Repair Financing

Make your collision repair affordable with convenient financing options. Get approved quickly and start your auto body repair today.

Apply for Financing
/* Mobile financing section */ @media (max-width: 768px) { .financing { padding: 30px 0 !important; } .financing h2 { font-size: 1.4rem !important; margin-bottom: 0.8rem !important; } .financing p { font-size: 0.9rem !important; margin-bottom: 1.2rem !important; padding: 0 10px !important; } .financing a { font-size: 0.9rem !important; padding: 10px 20px !important; } } @media (max-width: 480px) { .financing { padding: 25px 0 !important; } .financing h2 { font-size: 1.2rem !important; margin-bottom: 0.6rem !important; } .financing p { font-size: 0.85rem !important; margin-bottom: 1rem !important; padding: 0 5px !important; } .financing a { font-size: 0.85rem !important; padding: 8px 16px !important; } }

Complete Auto Body & Collision Repair Services

From minor dents to major collision repair, our certified technicians deliver exceptional results using state-of-the-art equipment across all Washington locations

Collision Repair Services

Expert collision repair services for all vehicle makes and models. Our certified technicians specialize in restoring your vehicle to pre-accident condition using advanced repair techniques and manufacturer-approved methods. We provide comprehensive collision repair services across Washington state.

Vancouver Collision Repair | Longview Collision Repair | Chehalis Collision Repair

Auto Body Repair Services

Professional auto body repair services including dent removal, panel replacement, and frame straightening using advanced repair techniques and state-of-the-art equipment with certified journeymen technicians. Our comprehensive auto body repair services ensure quality restoration.

Vancouver Auto Body | Longview Auto Body | Chehalis Auto Body

Paint & Color Matching Services

Perfect paint matching and application using computerized color matching technology. We guarantee seamless blending that matches your vehicle's original finish with precision and professional-grade automotive paint systems. View our completed work in our project gallery.

View Gallery →

Insurance Claims Support

We work directly with all major insurance companies to streamline your claim process. Our team handles paperwork and ensures you get the coverage you deserve with ease and transparency throughout. Contact our team for assistance with your insurance claim today.

Get Help →

Frame Straightening & Structural Repair

Advanced frame straightening and structural repair using computerized measuring systems to ensure your vehicle's safety and structural integrity are fully restored to manufacturer specifications and safety standards. Learn more about our comprehensive approach.

About Our Process →

Customer Reviews & Testimonials

Don't just take our word for it - read what our satisfied customers have to say about their experience with Five Star Auto Body. We're proud of our reputation for quality workmanship and exceptional customer service across all our Washington locations.

Read Reviews →

Advanced Automotive Expertise

State-of-the-art facilities and journeymen technicians delivering precision results across all vehicle types

Luxury Vehicle Repair

Specialized repair for Mercedes-Benz, BMW, Audi, Porsche, and other high-end vehicles requiring precision craftsmanship and OEM standards with guaranteed quality and manufacturer-approved techniques.

Commercial Fleet Auto Body Services

Comprehensive collision repair for commercial vehicles, work trucks, and fleet vehicles with expedited turnaround times and competitive fleet pricing options for business customers throughout Washington.

Advanced Paint Systems Technology

Computer-matched paint systems, multi-stage paint processes, and specialized coatings for show-quality finishes that exceed manufacturer specifications and standards with guaranteed color matching.

Structural Repair & Frame Work

Frame straightening, unibody repair, and structural welding using precision measuring systems and manufacturer specifications to ensure complete safety restoration and structural integrity.

Modern Safety Systems Calibration

Expert calibration and repair of ADAS systems, cameras, sensors, and modern vehicle safety technologies with certified technicians and specialized equipment for all vehicle makes and models.

Insurance Claim Processing

Expert insurance claim assistance and direct billing with all major insurance providers, ensuring seamless paperwork processing and maximum coverage for your auto body repair needs with transparent communication throughout.

Certified & Authorized Repair Facility

Five Star Auto Body is certified and authorized by six leading automotive manufacturers to provide OEM-quality repairs

Kia Certified Collision Repair

Kia Certified Collision Repair

Authorized Kia collision repair facility with certified technicians trained in Kia-specific repair procedures and OEM parts installation for all Kia models with manufacturer warranty compliance.

FCA Certified Collision Repair

FCA Certified Auto Body Shop

Factory-authorized repair facility for Chrysler, Dodge, Jeep, and Ram vehicles with specialized training and equipment for FCA models ensuring manufacturer-approved collision repair standards.

Hyundai Certified Collision Repair

Hyundai Certified Auto Body

Certified Hyundai collision repair center with technicians trained in advanced Hyundai repair techniques and genuine parts usage maintaining manufacturer warranty and quality standards.

Nissan Certified Collision Repair

Nissan Certified Collision Center

Authorized Nissan collision repair facility with factory-trained technicians and access to genuine Nissan parts and repair procedures ensuring OEM-quality auto body restoration.

GM Certified Collision Repair

GM Certified Auto Body Shop

Factory-authorized General Motors collision repair facility with certified technicians trained in GM-specific repair procedures for Chevrolet, Buick, GMC, and Cadillac vehicles ensuring manufacturer warranty compliance.

Ford Certified Collision Repair

Ford Certified Collision Center

Authorized Ford collision repair facility with specialized training and genuine Ford parts access for all Ford and Lincoln vehicles, maintaining OEM standards and manufacturer warranty requirements.

Our 4 Convenient Washington Locations

Four strategically located auto body shops serving Vancouver WA, Longview WA, Chehalis WA, and surrounding areas with expert collision repair services

Columbia Street Vancouver

Columbia Street - Vancouver WA

Address: 1813 Columbia Street, Vancouver WA 98660

Phone: (360) 258-1612

Hours: Mon-Fri 8:00 AM - 5:00 PM

Services: Full collision repair & auto body

Serving Vancouver WA and surrounding Clark County areas with expert auto body services.

Location Details Call
NE 68th Street Vancouver

NE 68th Street - Vancouver WA

Address: NE 68th Street, Vancouver WA 98662

Phone: (360) 699-4887

Hours: Mon-Fri 8:00 AM - 5:00 PM, Sat 10:00 AM - 2:00 PM

Services: Full collision repair & auto body

Convenient Vancouver WA location serving Northeast Vancouver and surrounding areas.

Location Details Call
Longview Location

Longview WA Location

Address: 760 Commerce Ave, Longview WA 98632

Phone: (360) 353-3018

Hours: Mon-Fri 8:00 AM - 5:00 PM

Services: Full collision repair & auto body

Serving Longview WA and surrounding Cowlitz County with professional auto body services.

Location Details Call
N Market Boulevard Chehalis

N Market Boulevard - Chehalis WA

Address: 55 N Market Boulevard, Chehalis WA 98532

Phone: (360) 748-8344

Hours: Mon-Fri 8:00 AM - 5:00 PM

Services: Full collision repair & auto body

Serving Chehalis WA and surrounding Lewis County areas with quality auto body repair.

Location Details Call

Areas We Serve Throughout Washington

Comprehensive auto body repair and collision services across Southwest Washington with convenient locations

Vancouver Washington Auto Body

Serving Vancouver, Camas, Washougal, Battle Ground, Ridgefield and surrounding Clark County areas with expert collision repair and auto body services from our two convenient Vancouver locations. We provide comprehensive Vancouver auto body services with certified technicians.

Explore Vancouver →

Longview Washington Collision Repair

Professional auto body repair serving Longview, Kelso, Castle Rock, Woodland and surrounding Cowlitz County with comprehensive collision repair services and certified technicians. Discover our Longview collision repair services and expertise.

Explore Longview →

Chehalis Washington Auto Body

Complete auto body and collision repair services for Chehalis, Centralia, Olympia, Tumwater and surrounding Lewis County areas with manufacturer-certified repair capabilities. Learn about our Chehalis auto body services and quality standards.

Explore Chehalis →

Why Choose Five Star Auto Body

Learn more about our commitment to excellence, career opportunities, and industry insights

Our Story & Commitment

Discover the Five Star Auto Body difference and our dedication to providing exceptional auto body repair services across Washington state. Learn about our history, values, and commitment to customer satisfaction that has made us a trusted name in collision repair.

Learn About Us →

Join Our Team

We're always looking for skilled technicians and dedicated professionals to join our growing team. Explore career opportunities at Five Star Auto Body and become part of a company that values expertise, growth, and quality workmanship in the auto body industry.

View Careers →

Industry Insights & Tips

Stay informed with the latest auto body repair tips, industry news, and maintenance advice from our expert technicians. Our blog provides valuable insights for vehicle owners and industry professionals alike, covering topics from collision prevention to repair techniques.

Read Our Blog →

Frequently Asked Questions

Common questions about auto body repair, collision services, and insurance claims in Vancouver, Longview, and Chehalis WA

What auto body repair services do you offer in Washington State?

+

Five Star Auto Body provides comprehensive collision repair, auto body repair, dent removal, paint restoration, frame straightening, structural repair, and insurance claims support across our four locations in Vancouver, Longview, and Chehalis, Washington. We specialize in all vehicle makes and models with manufacturer certifications.

Do you work with insurance companies for collision repair claims?

+

Yes! We work directly with all major insurance companies and handle the entire claims process. Our team assists with paperwork, provides detailed estimates, and ensures you receive proper coverage for your auto body repairs. We simplify the insurance claim process for our customers.

How long does collision repair take at Five Star Auto Body?

+

Most collision repairs are completed within 3-5 business days, depending on the extent of damage and parts availability. Complex repairs or frame work may take longer. We provide accurate time estimates upfront and keep you updated throughout the repair process with regular communication.

Do you provide free estimates for auto body repair?

+

Absolutely! We provide free, detailed estimates for all auto body and collision repair services at all four locations. Contact any of our Vancouver, Longview, or Chehalis shops for your free estimate. Our certified technicians will assess damage and provide transparent pricing.

What manufacturer certifications does Five Star Auto Body have?

+

We are certified by Kia, FCA (Chrysler, Dodge, Jeep, Ram), Hyundai, Nissan, GM (Chevrolet, Buick, GMC, Cadillac), and Ford for collision repair services. These certifications ensure we meet manufacturer standards for repair procedures, parts usage, and quality control, maintaining your vehicle's warranty and safety specifications.

Get Your Free Auto Body Repair Estimate

Contact Five Star Auto Body today for expert collision repair and auto body services in Vancouver, Longview, and Chehalis WA

Call for Service

Vancouver: (360) 699-4887 | (360) 258-1612
Longview: (360) 353-3018
Chehalis: (360) 748-8344

Email Five Star Auto Body

info@fivestarvancouver.com
Send photos for quick estimates
Fast response guaranteed

Visit Our Locations

4 Convenient Locations
Vancouver, Longview & Chehalis WA
Free estimates available

Services

  • Auto Body Repair
  • Collision Repair
  • Auto Body Vancouver
  • Auto Body Longview
  • Auto Body Chehalis
  • Collision Vancouver
  • Collision Longview
  • Collision Chehalis

Locations

  • Vancouver WA
  • Longview WA
  • Chehalis WA
  • Columbia Street
  • NE 68th Street
  • Longview Location
  • N Market Blvd

Company

  • About Five Star Auto Body
  • Customer Reviews
  • Careers & Employment
  • Auto Body Blog
  • Project Gallery
  • Contact Us

Contact Info

  • Vancouver: (360) 699-4887
  • Vancouver: (360) 258-1612
  • Longview: (360) 353-3018
  • Chehalis: (360) 748-8344
  • Email: info@fivestarvancouver.com

© 2024 Five Star Auto Body. All rights reserved.

Auto Body Repair Vancouver WA | Collision Repair Longview WA | Auto Body Shop Chehalis WA