Auto Body Repair Longview WA | Five Star Auto Body | Expert Collision Services * { 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: 80vh; min-height: 500px; 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.3); 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.4), rgba(0, 0, 0, 0.4)), 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(80vh - 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; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .hero-subtitle { font-size: 1.2rem; margin-bottom: 1.8rem; opacity: 0.95; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); max-width: 800px; margin-left: auto; margin-right: auto; } .hero-cta { display: flex; gap: 1rem; justify-content: center; align-items: center; flex-wrap: wrap; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 15px 30px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 1.1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4); 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.5); } .cta-secondary { display: inline-block; background: rgba(255,255,255,0.2); color: white; padding: 15px 30px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 1.1rem; border: 2px solid rgba(255,255,255,0.5); backdrop-filter: blur(10px); transition: all 0.3s ease; } .cta-secondary:hover { background: rgba(255,255,255,0.3); transform: translateY(-3px); } /* Insurance Notice Section - Same as Homepage */ .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; } /* Longview Services Grid */ .longview-services { background: white; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; max-width: 1200px; 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: 320px; 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 .service-features { list-style: none; margin-bottom: 1.5rem; } .service-card .service-features li { color: #6b7280; margin-bottom: 0.5rem; font-size: 0.95rem; position: relative; padding-left: 1.5rem; } .service-card .service-features li::before { content: '✓'; position: absolute; left: 0; color: #10b981; font-weight: bold; } .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); } /* Longview Info Section */ .longview-info { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; align-items: center; } .info-content h3 { font-size: 2rem; color: #2563eb; margin-bottom: 1.5rem; font-weight: 600; } .info-content p { color: #6b7280; font-size: 1.1rem; line-height: 1.7; margin-bottom: 1.5rem; } .info-features { list-style: none; margin-bottom: 2rem; } .info-features li { color: #6b7280; margin-bottom: 0.8rem; font-size: 1rem; position: relative; padding-left: 2rem; } .info-features li::before { content: '🏆'; position: absolute; left: 0; font-size: 1.2rem; } .info-stats { background: white; padding: 2rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); border: 1px solid rgba(249, 115, 22, 0.1); } .stat-item { text-align: center; padding: 1rem; border-bottom: 1px solid #e5e7eb; } .stat-item:last-child { border-bottom: none; } .stat-number { font-size: 2.5rem; font-weight: 800; color: #f97316; margin-bottom: 0.5rem; line-height: 1; } .stat-label { font-size: 1rem; color: #2563eb; font-weight: 600; margin-bottom: 0.3rem; } .stat-desc { font-size: 0.9rem; color: #6b7280; line-height: 1.4; } /* Service Areas */ .service-areas { background: white; } .areas-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; max-width: 1200px; margin: 0 auto; } .area-item { text-align: center; padding: 2rem; 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: 200px; display: flex; flex-direction: column; justify-content: center; } .area-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; } .area-item:hover::before { left: 100%; } .area-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .area-item h3 { font-size: 1.3rem; font-weight: 600; color: #2563eb; margin-bottom: 1rem; line-height: 1.3; } .area-item p { color: #6b7280; line-height: 1.6; font-size: 0.95rem; } /* Contact Section */ .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-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 1000px; margin: 0 auto; } .contact-item { padding: 2.5rem 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: 200px; display: flex; flex-direction: column; justify-content: center; text-align: 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.03); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .contact-item h3 { margin-bottom: 1.2rem; font-size: 1.4rem; font-weight: 600; line-height: 1.3; } .contact-item p { font-size: 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; } } @media (max-width: 1200px) { .services-grid { grid-template-columns: repeat(2, 1fr); } .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: 70vh; min-height: 400px; padding: 90px 15px 15px; } .hero .container { max-height: calc(70vh - 120px); } .hero h1 { font-size: 1.8rem; margin-bottom: 0.8rem; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.5rem; padding: 0 10px; } .hero-cta { flex-direction: column; gap: 0.8rem; } .cta-button, .cta-secondary { padding: 12px 24px; font-size: 1rem; } /* 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; } /* All sections mobile optimization */ .section { padding: 50px 0; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } /* Services: 3x1 becomes 1x3 (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; } /* Info Grid */ .info-grid { grid-template-columns: 1fr; gap: 2rem; text-align: center; } .info-content h3 { font-size: 1.5rem; margin-bottom: 1rem; } .info-content p { font-size: 1rem; margin-bottom: 1rem; } .info-features li::before { font-size: 1rem; } .stat-number { font-size: 2rem; } /* Service Areas: 4x1 becomes 1x4 (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; } /* Contact: 3x1 becomes 1x3 (single column) */ .contact-grid { 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: 60vh; min-height: 350px; padding: 80px 10px 10px; } .hero .container { max-height: calc(60vh - 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: 1.2rem; padding: 0 5px; } .cta-button, .cta-secondary { padding: 10px 20px; font-size: 0.9rem; } /* 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; } /* All sections even more mobile optimized */ .section { padding: 40px 0; } .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; } /* Info Grid */ .info-content h3 { font-size: 1.3rem; margin-bottom: 0.8rem; } .info-content p { font-size: 0.9rem; margin-bottom: 0.8rem; } .info-features li { font-size: 0.9rem; } .stat-number { font-size: 1.8rem; } .stat-label { font-size: 0.9rem; } .stat-desc { 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; } /* Contact */ .contact-grid { 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 h1 { font-size: 3.2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 2rem; } .services-grid { gap: 3rem; } }

Auto Body Repair Longview WA

Professional Auto Body Shop & Collision Repair Services in Longview Washington - Serving Cowlitz County with Expert Technicians & Certified Quality

Call (360) 353-3018 Free Estimate

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

Longview Auto Body Repair Services

Comprehensive collision repair and auto body services in Longview WA with certified technicians serving all of Cowlitz County

Collision Repair Longview WA

Expert collision repair services for all vehicle makes and models in Longview Washington. Our certified technicians restore your vehicle to pre-accident condition using manufacturer-approved methods.

Frame straightening and structural repair
Advanced computerized measuring systems
Insurance direct billing and claims support
OEM parts and genuine manufacturer components

Learn More →

Paint & Color Matching Services

Professional automotive paint services with computerized color matching technology. We guarantee seamless paint blending that perfectly matches your vehicle's original finish.

Computerized color matching system
Multi-stage paint process application
Show-quality finish guaranteed
Paint warranty and quality assurance

View Gallery →

Dent Removal & Body Work

Complete dent removal and auto body repair services for minor to major damage. Our skilled technicians handle everything from small dings to extensive bodywork restoration.

Conventional dent repair techniques
Panel replacement and restoration
Minor damage and touch-up services
Complete body restoration projects

Get Quote →

Why Choose Five Star Auto Body Longview?

Five Star Auto Body has been serving Longview, Kelso, Castle Rock, and surrounding Cowlitz County areas with professional auto body repair services. Our Longview location combines small-town service with advanced collision repair technology.

Certified technicians with years of experience
State-of-the-art collision repair equipment
Direct insurance billing and claims assistance
Manufacturer certifications for quality assurance
Lifetime warranty on collision repairs completed
Free estimates and transparent pricing

Call (360) 353-3018 Visit Location

Manufacturer Certifications

Kia, FCA, Hyundai, Nissan, GM, Ford certified repair facility

20+

Journeymen Technicians

Certified professionals across all locations

100%

Customer Satisfaction

Lifetime warranty on repairs completed

M-F

8:00 AM - 5:00 PM

760 Commerce Ave, Longview WA 98632

Areas We Serve Around Longview Washington

Professional auto body repair services throughout Cowlitz County and surrounding areas

Longview WA

Primary service location with full auto body repair and collision services for all Longview residents and businesses.

Kelso Washington

Serving Kelso with convenient Longview location for comprehensive collision repair and auto body services.

Castle Rock WA

Professional auto body repair services for Castle Rock residents with easy access to our Longview facility.

Woodland Washington

Quality collision repair services for Woodland area customers with certified technicians and guaranteed workmanship.

Contact Five Star Auto Body Longview

Get your free auto body repair estimate today - serving Longview and all of Cowlitz County

Call Our Longview Shop

(360) 353-3018
Monday - Friday
8:00 AM - 5:00 PM

Visit Our Location

760 Commerce Ave
Longview, WA 98632
Free estimates available

Email Estimates

fivestarautobody@gmail.com
Send photos for quick quotes
24-hour response time