Auto Body Repair Longview WA | Five Star Auto Body | Cowlitz County 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 */ .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; } /* Local Authority Section */ .local-authority { background: white; } .authority-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; align-items: start; } .authority-content h3 { font-size: 1.6rem; color: #2563eb; margin-bottom: 1rem; font-weight: 600; } .authority-content p { color: #6b7280; font-size: 1.05rem; line-height: 1.7; margin-bottom: 1.2rem; } .authority-highlight { background: linear-gradient(145deg, #fff7ed, #ffedd5); padding: 1.5rem; border-radius: 15px; border-left: 4px solid #f97316; margin-bottom: 1.5rem; } .authority-highlight h4 { font-size: 1.1rem; color: #ea580c; margin-bottom: 0.5rem; font-weight: 600; } .authority-highlight p { font-size: 0.95rem; color: #6b7280; margin-bottom: 0; } /* 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 */ @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); } .authority-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .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; } .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 { 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; } .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-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 { 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; } .authority-grid { grid-template-columns: 1fr; gap: 2rem; } .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-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-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) { .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 { 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; } .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-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-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; } .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-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 { 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; } } @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; } }
Five Star Auto Body - Auto Body Repair Shop in Washington
  • About
  • Services
    Auto Body Repair Collision Repair Frame Repair Dent Repair Auto Paint
  • Locations
    Vancouver WA Longview WA Chehalis WA
  • Gallery
  • Reviews
  • Contact
Your browser does not support the video tag.

Auto Body Repair Longview WA

Professional Auto Body Shop Serving Longview, Kelso, Castle Rock & Cowlitz County — Collision Repair, Frame Straightening, Dent Removal & Expert Paint Restoration by Certified Technicians

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, frame straightening, 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 and OEM procedures.

  • Computerized damage assessment and diagnostics
  • Advanced measuring systems for precision repair
  • Insurance direct billing and claims support
  • OEM parts and genuine manufacturer components
Collision Repair Details →

Frame Repair & Straightening Longview WA

Professional frame straightening and structural repair services in Longview. We use hydraulic frame machines and computerized measuring systems to restore your vehicle's structural geometry to exact manufacturer specifications.

  • Hydraulic frame machine with 10-ton pulling capacity
  • 3D electronic measuring for precision verification
  • Unibody and body-on-frame vehicle expertise
  • Measurements verified to OEM tolerances (±3mm)
Frame Repair Details →

Paint & Color Matching Services

Professional automotive paint services with computerized color matching technology. Our multi-stage basecoat/clearcoat refinishing process guarantees seamless blending that perfectly matches your vehicle's original finish.

  • Computerized color matching system
  • Multi-stage basecoat/clearcoat application
  • Show-quality finish guaranteed
  • Paint warranty and UV-resistant clearcoat
Auto Paint Details →

Dent Removal & Body Work

Complete dent removal and auto body repair services for minor to major damage in Longview WA. Our skilled technicians handle everything from parking lot dings to extensive bodywork restoration using professional techniques.

  • Paintless dent repair (PDR) available
  • Conventional dent repair and panel work
  • Bumper repair and replacement
  • Complete body restoration projects
Dent Repair Details →

Bumper Repair & Replacement

Expert bumper repair and replacement services at our Longview auto body shop. We repair thermoplastic bumper covers using plastic welding techniques and color-match replacements to your vehicle's exact specifications.

  • Plastic welding for cracked bumper covers
  • Bumper bracket and reinforcement repair
  • OEM and quality aftermarket replacements
  • Sensor and camera recalibration support
Get Bumper Quote →

Insurance Claims Assistance

Five Star Auto Body simplifies the insurance claims process for Cowlitz County drivers. We work directly with all major insurance carriers, handle paperwork, and advocate for proper repair procedures on your behalf.

  • Direct repair program with major insurers
  • Digital photo documentation for claims
  • Supplement negotiation and advocacy
  • Lifetime warranty on completed repairs
Call for Claims Help →

Why Choose Five Star Auto Body Longview?

Five Star Auto Body serves Longview, Kelso, Castle Rock, Woodland, Kalama, and surrounding Cowlitz County communities with professional auto body repair, collision repair, frame straightening, and paint restoration services. Our Longview location on Commerce Ave combines small-town service with advanced collision repair technology and manufacturer certifications that most shops in the area cannot match.

With six manufacturer certifications from Kia, FCA, Hyundai, Nissan, GM, and Ford, our technicians follow OEM repair procedures that ensure your vehicle's crash protection systems, structural integrity, and warranty coverage are fully maintained after every repair.

  • Certified technicians with years of experience
  • State-of-the-art collision repair and frame equipment
  • Direct insurance billing and claims assistance
  • 6 manufacturer certifications for quality assurance
  • Lifetime warranty on collision repairs completed
  • Free estimates and transparent pricing
Call (360) 353-3018 Visit Location
6
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

Auto Body Repair for Cowlitz County Drivers

Trusted by Longview, Kelso, and Castle Rock residents for expert collision repair and vehicle restoration

Serving the Longview-Kelso Community

Cowlitz County drivers face unique driving conditions that make reliable auto body repair essential. The I-5 corridor between Longview and Woodland sees heavy commercial truck traffic, and the wet Pacific Northwest climate — with over 50 inches of annual rainfall in Longview — creates slippery road conditions that contribute to fender benders, rear-end collisions, and hydroplaning accidents throughout the year.

Whether you've been in a collision on Ocean Beach Highway, caught a shopping cart ding at the Triangle Mall parking lot, or need frame repair after an accident on the Lewis and Clark Bridge, Five Star Auto Body's Longview shop is equipped to handle repairs from minor cosmetic fixes to major structural restoration.

I-5 Corridor Collision Specialists

Our Longview location on Commerce Ave is conveniently located right off I-5, making it easy for Cowlitz County commuters, long-haul travelers, and local residents to drop off vehicles for collision repair, frame straightening, and insurance-covered auto body work.

Local Driving Hazards We Repair

From the rainy season road spray that damages clear coats and accelerates paint oxidation, to gravel road chips from trips out to Silver Lake or the Mt. St. Helens visitor corridor, Cowlitz County vehicles take a beating. Our Longview auto body shop provides the full range of repair services these conditions demand.

Complete Repair Capabilities

Our Longview facility handles every aspect of auto body repair under one roof: collision repair, frame straightening, dent removal, professional painting, bumper repair, and fender replacement. No subcontracting — every repair stays in-house with our certified technicians.

Manufacturer-Certified Frame Repair

Frame damage from collisions compromises your vehicle's structural integrity and crash protection. Our Longview shop uses computerized measuring systems and hydraulic frame machines to restore vehicle geometry to factory specifications — critical for vehicles that travel the busy I-5 and Highway 4 corridors.

Areas We Serve Around Longview Washington

Professional auto body repair, collision repair, and frame straightening services throughout Cowlitz County and surrounding areas

Longview WA

Primary service location on Commerce Ave with full auto body repair, collision services, frame straightening, and paint restoration for all Longview residents and businesses.

Kelso Washington

Serving Kelso drivers just minutes from our Longview location. Comprehensive collision repair, frame repair, dent removal, and insurance claims support for the twin cities area.

Castle Rock WA

Professional auto body repair services for Castle Rock residents. Easy I-5 access to our Longview facility for collision repair, frame straightening, and paint services.

Woodland Washington

Quality collision repair and auto body services for Woodland area customers. Located between our Longview and Vancouver WA shops for convenient service.

Kalama WA

Auto body repair and collision services for Kalama residents at our nearby Longview location. Full frame repair, paint matching, and insurance claims assistance.

Rainier & Lexington

Serving Rainier, Lexington, and south Cowlitz County communities with certified auto body repair, frame straightening, and professional refinishing services.

Toutle & Silver Lake

Auto body repair for the Toutle and Silver Lake communities along the Spirit Lake Highway corridor. Convenient access to our Longview auto body shop on Commerce Ave.

Cathlamet & Wahkiakum County

Serving Cathlamet and Wahkiakum County drivers via Highway 4. Full-service auto body repair, frame repair, and collision services at our Longview WA location.

Contact Five Star Auto Body Longview

Get your free auto body repair estimate today — serving Longview, Kelso, 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

Services

  • Auto Body Repair
  • Collision Repair
  • Frame Repair
  • Dent Repair
  • Auto Paint
  • Auto Body Longview
  • Collision Longview
  • Frame Repair Longview
  • Dent Repair Longview
  • Auto Paint Longview

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: fivestarautobody@gmail.com

© 2026 Five Star Auto Body. All rights reserved.

Auto Body Repair Longview WA | Collision Repair Cowlitz County | Frame Repair Longview | Dent Removal Kelso WA | Professional Auto Body Shop Longview Washington