How long do auto body repairs take?

Most auto body repairs are completed within 3-5 business days, depending on damage extent and parts availability. Complex frame repairs or structural work may take longer. We provide accurate time estimates and regular updates throughout the repair process.

Professional Auto Body Repairs Vancouver WA | Five Star Auto Body Shop * { 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: 600px; 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); } /* Insurance Notice Section */ .insurance-notice { background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%); color: white; padding: 2rem 0; position: relative; overflow: hidden; border-top: 4px solid #f97316; border-bottom: 4px solid #f97316; } .insurance-notice::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.1), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .notice-content { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; position: relative; z-index: 2; max-width: 1000px; margin: 0 auto; } .notice-text h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: #fed7aa; text-align: center; } .insurance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .insurance-item { background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 12px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .insurance-item:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .call-ahead { border-left: 4px solid #ef4444; } .walk-in { border-left: 4px solid #10b981; } .insurance-companies { display: flex; gap: 0.5rem; margin-bottom: 0.8rem; flex-wrap: wrap; } .company-badge { padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.7rem; font-weight: bold; color: white; text-transform: uppercase; letter-spacing: 0.5px; } .geico { background: #005a9b; } .progressive { background: #0066cc; } .statefarm { background: #cc0000; } .insurance-item p { font-size: 0.9rem; line-height: 1.4; margin: 0; } .insurance-item strong { color: #fed7aa; } .notice-cta { display: flex; align-items: center; } .urgent-cta { background: linear-gradient(45deg, #ef4444, #dc2626); color: white; padding: 0.8rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); animation: glow 2s infinite alternate; } @keyframes glow { from { box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); } to { box-shadow: 0 4px 25px rgba(239, 68, 68, 0.8); } } .urgent-cta:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.6); } /* 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; } /* Autobody Repairs Main Section */ .autobody-repairs-main { background: white; padding-top: 100px; } .autobody-main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-bottom: 4rem; } .autobody-content h1 { font-size: 3rem; font-weight: bold; color: #2563eb; margin-bottom: 1.5rem; line-height: 1.2; } .autobody-content p { font-size: 1.1rem; line-height: 1.7; color: #6b7280; margin-bottom: 2rem; } .autobody-features { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; } .feature-item { background: #f8fafc; padding: 1.5rem; border-radius: 12px; border-left: 4px solid #f97316; } .feature-item h3 { font-size: 1.1rem; font-weight: 600; color: #2563eb; margin-bottom: 0.5rem; } .feature-item p { font-size: 0.95rem; color: #6b7280; margin: 0; } .autobody-image { height: 500px; border-radius: 20px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .autobody-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } /* Services Grid */ .services-overview { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .service-card { background: white; 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; } .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; } .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; } .service-link:hover { color: #2563eb; transform: translateX(5px); } /* Location Services */ .location-services { background: white; } .locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .location-service-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); } .location-service-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-header { background: linear-gradient(135deg, #f97316, #2563eb); padding: 2rem; color: white; text-align: center; position: relative; overflow: hidden; } .location-header::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-service-card:hover .location-header::before { left: 100%; } .location-header h3 { font-size: 1.3rem; font-weight: 600; margin-bottom: 0.5rem; } .location-header p { opacity: 0.9; font-size: 0.95rem; } .location-content { padding: 2rem; } .location-details { margin-bottom: 1.5rem; } .location-details p { margin-bottom: 0.5rem; font-size: 0.95rem; color: #6b7280; } .location-details strong { color: #2563eb; } .location-services-list { background: #f8fafc; padding: 1rem; border-radius: 8px; margin-bottom: 1.5rem; } .location-services-list ul { list-style: none; margin: 0; padding: 0; } .location-services-list li { padding: 0.3rem 0; color: #6b7280; font-size: 0.9rem; } .location-services-list li::before { content: '✓'; color: #10b981; font-weight: bold; margin-right: 0.5rem; } .location-buttons { display: flex; gap: 0.8rem; } .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); flex: 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); } /* Process Section */ .repair-process { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .process-grid { display: grid; grid-template-columns: repeat(4, 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.2rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .process-step p { color: #6b7280; line-height: 1.7; font-size: 0.95rem; } /* FAQ Section */ .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; } /* CTA Section */ .cta-section { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .cta-content { text-align: center; } .cta-section .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .cta-section .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; margin-bottom: 2rem; } .cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .cta-btn { background: rgba(255,255,255,0.15); color: white; padding: 1rem 2rem; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); min-width: 200px; } .cta-btn:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(0,0,0,0.2); } /* 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; } /* Mobile Responsive */ @media (max-width: 1200px) { .autobody-main-grid { gap: 3rem; } .locations-grid { grid-template-columns: 1fr; gap: 2rem; } .process-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: 600px; 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; } /* Insurance Notice Mobile */ .insurance-notice { padding: 1.5rem 0; } .notice-content { grid-template-columns: 1fr; gap: 1rem; text-align: center; } .notice-text h2 { font-size: 1.2rem; margin-bottom: 0.8rem; } .insurance-grid { grid-template-columns: 1fr; gap: 1rem; } .insurance-item { padding: 0.8rem; } .insurance-item p { font-size: 0.85rem; } .company-badge { font-size: 0.65rem; padding: 0.25rem 0.5rem; } .urgent-cta { padding: 0.7rem 1.2rem; font-size: 0.85rem; } .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; } .autobody-repairs-main { padding-top: 70px; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } /* Main autobody section mobile */ .autobody-main-grid { grid-template-columns: 1fr; gap: 2rem; } .autobody-content h1 { font-size: 2rem; margin-bottom: 1rem; } .autobody-content p { font-size: 1rem; margin-bottom: 1.5rem; } .autobody-features { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.5rem; } .feature-item { padding: 1rem; } .feature-item h3 { font-size: 1rem; margin-bottom: 0.5rem; } .feature-item p { font-size: 0.9rem; } .autobody-image { height: 300px; margin-bottom: 2rem; } /* Services grid mobile */ .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; } /* Process mobile */ .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.1rem; margin-bottom: 1rem; } .process-step p { font-size: 0.9rem; } /* FAQ mobile */ .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; } /* CTA mobile */ .cta-buttons { flex-direction: column; align-items: center; } .cta-btn { min-width: auto; width: 100%; max-width: 300px; } /* Footer mobile */ .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: 550px; 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; } /* Insurance Notice Mobile Small */ .insurance-notice { padding: 1.2rem 0; } .notice-content { gap: 0.8rem; } .notice-text h2 { font-size: 1.1rem; margin-bottom: 0.6rem; } .insurance-grid { gap: 0.8rem; } .insurance-item { padding: 0.7rem; } .insurance-item p { font-size: 0.8rem; line-height: 1.3; } .company-badge { font-size: 0.6rem; padding: 0.2rem 0.4rem; } .urgent-cta { padding: 0.6rem 1rem; font-size: 0.8rem; } .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; } /* All sections even more mobile optimized */ .section { padding: 40px 0; } .autobody-repairs-main { 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; } .autobody-content h1 { font-size: 1.6rem; margin-bottom: 0.8rem; } .autobody-content p { font-size: 0.9rem; margin-bottom: 1.2rem; } .autobody-features { gap: 0.8rem; margin-bottom: 1.2rem; } .feature-item { padding: 0.8rem; } .feature-item h3 { font-size: 0.95rem; margin-bottom: 0.4rem; } .feature-item p { font-size: 0.85rem; } .autobody-image { height: 250px; margin-bottom: 1.5rem; } .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; } .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: 1rem; margin-bottom: 0.8rem; } .process-step p { font-size: 0.85rem; } .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; } .cta-btn { padding: 0.8rem 1.5rem; font-size: 0.9rem; } .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; } .autobody-content h1 { font-size: 3.5rem; } .services-grid { gap: 3rem; } }

Professional Auto Body Repairs in Vancouver, Longview & Chehalis WA

Complete auto body repairs, collision restoration, frame repair & paint matching at Five Star Auto Body's 4 convenient Washington locations

Important Insurance Information

GEICO PROGRESSIVE STATE FARM

Call Ahead Required: If you're using Geico, Progressive, or State Farm insurance, please call before visiting for scheduling requirements.

All Other Insurance: Free estimates available anytime Monday-Friday 9:00 AM - 4:00 PM. Walk-ins welcome!

Call Now

Professional Auto Body Repairs | Five Star Auto Body

Five Star Auto Body specializes in comprehensive auto body repairs across Vancouver, Longview, and Chehalis, Washington. Our certified technicians provide expert auto body shop services including collision repair, dent removal, paint restoration, frame repair and straightening, and structural repairs using state-of-the-art equipment and manufacturer-approved techniques. Serving Clark County, Cowlitz County, and Lewis County with over 20 journeymen technicians and 6 manufacturer certifications.

20+ Journeymen Technicians

Certified professionals with years of specialized auto body repair and frame straightening expertise

6 Manufacturer Certifications

Authorized by Kia, FCA, Hyundai, Nissan, GM, and Ford for OEM-quality collision and frame repairs

4 Washington Locations

Convenient auto body shops serving Southwest Washington from Vancouver to Chehalis

Lifetime Warranty

Guaranteed workmanship on all auto body repairs, frame repair, and collision services

Five Star Auto Body professional paint booth and refinishing facility for quality auto body repairs in Vancouver WA

Complete Auto Body Shop Services

Expert auto body repairs, frame repair, and collision services using advanced techniques and manufacturer-approved methods across all Washington locations

Collision Repair & Restoration

Professional collision repair services for all vehicle makes and models. Our certified technicians restore your vehicle to pre-accident condition using advanced repair techniques, computerized measuring systems, and OEM parts with manufacturer warranty compliance.

Learn More →

Frame Repair & Straightening

Expert frame repair using hydraulic frame machines and 3D computerized measuring systems. We restore your vehicle's structural geometry to manufacturer specifications, ensuring proper crash protection, wheel alignment, and suspension function after collision damage.

Learn More →

Dent Removal & Panel Repair

Expert dent removal services including paintless dent repair (PDR) for minor damage and comprehensive panel repair for major collision damage. We restore your vehicle's body panels to factory specifications with precise metalwork and finishing.

Learn More →

Auto Paint & Color Matching

Perfect paint matching using computerized color analysis and premium automotive paint systems. Our paint specialists ensure seamless color blending and professional-grade basecoat/clearcoat finishes that match your vehicle's original appearance exactly.

Learn More →

Insurance Claims Processing

Complete insurance claims support with direct billing to all major insurance providers. Our team handles paperwork, communicates with adjusters, and ensures you receive maximum coverage for your auto body repairs with transparent communication throughout.

Get Help →

Quality Assurance & Warranty

Every auto body repair undergoes rigorous quality inspection and comes with our lifetime warranty. We guarantee superior workmanship and use only premium materials and OEM parts to ensure lasting collision, frame, and paint repairs that meet manufacturer standards.

Read Reviews →

Auto Body Repairs Across Washington

Professional auto body shop services at four convenient locations serving Vancouver, Longview, Chehalis, and surrounding communities

Vancouver WA Auto Body Repairs

Two convenient Vancouver locations serving Clark County

Columbia Street: 1813 Columbia St, Vancouver, WA 98660 | (360) 258-1612

NE 68th Street: 3019 NE 68th St, Vancouver, WA 98665 | (360) 699-4887

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

Complete auto body repairs and collision restoration
Paint matching and refinishing services
Dent removal and panel replacement
Frame repair and straightening
Insurance claims processing and direct billing

Vancouver Details Services

Longview WA Auto Body Shop

Serving Longview and surrounding Cowlitz County

Address: 760 Commerce Ave, Longview, WA 98632

Phone: (360) 353-3018

Hours: Monday-Friday 8:00 AM - 5:00 PM

Service Area: Longview, Kelso, Castle Rock, Woodland

Professional auto body repair services
Collision repair and restoration
Paint and color matching technology
Frame repair and structural work
Free estimates and insurance support

Longview Details Services

Chehalis WA Auto Body Shop

Serving Chehalis and surrounding Lewis County

Address: 55 N Market Blvd, Chehalis, WA 98532

Phone: (360) 748-8344

Hours: Monday-Friday 8:00 AM - 5:00 PM

Service Area: Chehalis, Centralia, Olympia, Tumwater

Expert auto body repairs and collision work
Advanced paint systems and color matching
Frame repair and straightening
Dent repair and panel restoration
Insurance claims assistance and processing

Chehalis Details Services

Mobile Auto Body Services

Convenient pickup and delivery available

Service Area: Southwest Washington Region

Contact: fivestarautobody@gmail.com

Response Time: Within 24 hours

Coverage: Clark, Cowlitz, and Lewis Counties

Vehicle pickup and delivery service
On-site damage assessment and estimates
Rental car coordination and assistance
Towing service partnerships available
Emergency collision repair response

Our Professional Auto Body Repair Process

Step-by-step auto body repair process ensuring quality results and customer satisfaction from initial estimate to final delivery

Damage Assessment

Comprehensive inspection using computerized measuring systems and detailed damage assessment by certified technicians. Accurate repair estimates with insurance coordination for collision, frame, and structural damage.

Parts & Materials

OEM parts ordering and premium materials selection ensuring manufacturer-approved components. We source matching welding wire, shielding gas, paint systems, and structural components to meet factory specifications.

Professional Repair

Expert auto body repair work including frame straightening on hydraulic bench systems, collision restoration, paintless dent repair, and precision refinishing by our 20+ journeymen technicians.

Quality Inspection

Final quality inspection with 3D electronic measurement verification, paint matching confirmation, and ADAS recalibration as needed. All repairs must meet manufacturer tolerances before delivery.

Auto Body Repairs - Frequently Asked Questions

Common questions about our professional auto body repair services, frame repair, insurance claims, and repair process

What auto body repair services do you offer in Washington?

Five Star Auto Body provides comprehensive auto body repairs including collision repair, frame repair and straightening, dent removal, paintless dent repair, paint restoration, panel replacement, and structural repairs. We serve Vancouver, Longview, and Chehalis with certified technicians and state-of-the-art equipment at four convenient locations across Clark, Cowlitz, and Lewis Counties.

How long do auto body repairs typically take to complete?

Most auto body repairs are completed within 3-5 business days, depending on damage extent and parts availability. Complex frame repairs, structural work, or custom paint jobs 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 work?

Yes! We provide free, detailed estimates for all auto body repair services at all four Washington locations. Our certified technicians perform thorough damage assessments using computerized measuring systems and provide transparent pricing. Contact any of our Vancouver, Longview, or Chehalis shops to schedule your free estimate.

What manufacturer certifications do you have for auto body repairs?

Five Star Auto Body is certified by six major manufacturers: Kia, FCA (Chrysler, Dodge, Jeep, Ram), Hyundai, Nissan, GM (Chevrolet, Buick, GMC, Cadillac), and Ford. These certifications ensure our collision repairs, frame straightening, and structural work meet manufacturer standards for quality, warranty compliance, and safety.

Do you offer frame repair and straightening services?

Yes, Five Star Auto Body provides expert frame repair and straightening at all locations using hydraulic frame machines with 10-ton pulling capacity and 3D computerized measuring systems. Our certified technicians restore both unibody and body-on-frame vehicles to manufacturer specifications, ensuring proper crash protection, wheel alignment, and suspension function.

Do you work with insurance companies for auto body repair claims?

Absolutely! We work directly with all major insurance companies and provide complete claims support including paperwork processing, adjuster communication, and direct billing. Our team simplifies the insurance process and ensures you receive proper coverage for your auto body repairs, frame repairs, and collision work with transparent communication throughout.

What warranty do you provide on auto body repair work?

We provide a lifetime warranty on all auto body repairs completed at Five Star Auto Body. This comprehensive warranty covers workmanship and materials on collision repair, frame straightening, paint restoration, and structural work, giving you confidence that our repairs meet the highest industry and manufacturer standards.

Get Your Free Auto Body Repair Estimate Today

Contact Five Star Auto Body for expert auto body repairs, frame repair, and professional collision services across Southwest Washington

Call Vancouver North Call Vancouver Columbia Call Longview Call Chehalis