Collision Repair in Longview, WA | Five Star Auto Body * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-black: #1a1a1a; --accent-orange: #ff6b35; --light-gray: #f5f5f5; --medium-gray: #6c757d; --dark-gray: #2c2c2c; --white: #ffffff; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15); } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: var(--dark-gray); background: var(--white); } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header */ header { background: var(--white); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 1000; height: 80px; } nav { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; } .logo { flex-shrink: 0; z-index: 1001; } .logo img { height: 50px; width: auto; max-width: 180px; } .nav-menu { display: flex; gap: 2rem; align-items: center; justify-content: flex-end; list-style: none; margin: 0; padding: 0; } .nav-menu > li { position: relative; } .nav-menu a { color: var(--dark-gray); text-decoration: none; font-weight: 500; transition: all 0.3s; display: flex; align-items: center; gap: 5px; padding: 8px 0; } .nav-menu a:hover, .nav-menu a:focus { color: var(--accent-orange); } .dropdown-arrow { font-size: 0.8rem; transition: transform 0.3s; margin-left: 5px; } .dropdown { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 250px; box-shadow: var(--shadow-lg); border-radius: 10px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; margin-top: 10px; z-index: 1000; } .nav-menu li:hover .dropdown, .nav-menu li:focus-within .dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .nav-menu li:hover .dropdown-arrow, .nav-menu li:focus-within .dropdown-arrow { transform: rotate(180deg); } .dropdown a { padding: 12px 20px; font-size: 0.95rem; border-bottom: 1px solid var(--light-gray); display: block; width: 100%; } .dropdown a:hover, .dropdown a:focus { background: rgba(255, 107, 53, 0.1); color: var(--accent-orange); padding-left: 25px; } .dropdown a:first-child { border-radius: 10px 10px 0 0; } .dropdown a:last-child { border-radius: 0 0 10px 10px; border-bottom: none; } .mobile-menu-toggle { display: none; background: none; border: none; font-size: 1.8rem; cursor: pointer; color: var(--dark-gray); padding: 8px; z-index: 1001; transition: all 0.3s; border-radius: 4px; min-height: 44px; min-width: 44px; align-items: center; justify-content: center; position: relative; } /* Typography */ h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1rem; } h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 600; margin-bottom: 1rem; color: var(--primary-black); } h3 { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 600; margin-bottom: 0.8rem; color: var(--primary-black); } h4 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); font-weight: 600; margin-bottom: 0.6rem; color: var(--primary-black); } p { margin-bottom: 1rem; font-size: clamp(1rem, 2vw, 1.1rem); } /* Hero Section */ .hero { background: linear-gradient(135deg, rgba(26,26,26,0.8), rgba(44,44,44,0.6)); color: var(--white); padding: 80px 0; text-align: center; position: relative; min-height: 70vh; display: flex; align-items: center; } .hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .hero-content { position: relative; z-index: 1; } .hero-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; } /* CTA Button */ .cta-button { background: var(--accent-orange); color: var(--white); padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s; display: inline-block; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3); } .cta-button:hover { background: var(--primary-black); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4); } .cta-button.secondary { background: transparent; border: 2px solid var(--white); color: var(--white); } .cta-button.secondary:hover { background: var(--white); color: var(--primary-black); } /* Section Styles */ .section { padding: 80px 0; } .section.gray { background: var(--light-gray); } .text-center { text-align: center; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .service-card { background: var(--white); padding: 35px 30px; border-radius: 15px; box-shadow: var(--shadow); transition: transform 0.3s; text-align: center; min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } .service-card:hover { transform: translateY(-5px); } .service-card h3 { margin-top: 0; margin-bottom: 15px; } .service-card p { flex-grow: 1; margin-bottom: 25px; } /* Gallery Grid */ .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 40px; } .gallery-item { aspect-ratio: 4/3; background: var(--light-gray); border-radius: 15px; overflow: hidden; position: relative; cursor: pointer; transition: transform 0.3s; /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } .gallery-item:hover { transform: scale(1.02); } .gallery-placeholder { width: 100%; height: 100%; background: linear-gradient(45deg, #ddd, #f0f0f0); display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--dark-gray); text-align: center; padding: 20px; } /* Process Steps */ .process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; margin-top: 40px; } .process-step { text-align: center; padding: 35px 20px; background: var(--white); border-radius: 15px; box-shadow: var(--shadow); min-height: 220px; display: flex; flex-direction: column; align-items: center; /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } .step-number { width: 60px; height: 60px; background: var(--accent-orange); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; } .process-step h4 { margin-bottom: 15px; } .process-step p { margin: 0; flex-grow: 1; display: flex; align-items: center; } /* Features List */ .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; } .feature-item { padding: 25px; background: var(--white); border-radius: 10px; box-shadow: var(--shadow); border-left: 4px solid var(--accent-orange); /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } .feature-item h4 { margin-top: 0; margin-bottom: 10px; color: var(--primary-black); } .feature-item p { margin: 0; color: var(--medium-gray); } /* Insurance Section */ .insurance-info { background: var(--primary-black); color: var(--white); padding: 60px 0; } .insurance-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .insurance-logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 20px; margin-top: 30px; } .insurance-logo { background: var(--white); padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; color: var(--dark-gray); /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } /* Damage Types */ .damage-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; } .damage-card { background: var(--white); padding: 30px 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); border-top: 4px solid var(--accent-orange); min-height: 180px; display: flex; flex-direction: column; justify-content: center; /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } .damage-card h4 { margin-top: 0; margin-bottom: 15px; } .damage-card p { margin: 0; color: var(--medium-gray); } /* Emergency Section */ .emergency-section { background: linear-gradient(135deg, var(--accent-orange), #e55a2b); color: var(--white); padding: 60px 0; text-align: center; } .emergency-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 40px; } .emergency-feature { background: rgba(255,255,255,0.1); padding: 35px 20px; border-radius: 15px; backdrop-filter: blur(10px); min-height: 150px; display: flex; flex-direction: column; justify-content: center; /* Ensure visibility by default */ opacity: 1; transform: translateY(0); } .emergency-feature h4 { margin-top: 0; margin-bottom: 15px; } .emergency-feature p { margin: 0; } /* Animation classes for enhanced animation */ .fade-in-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; } .fade-in-up.visible { opacity: 1; transform: translateY(0); } /* Contact Section Styles */ .contact-info { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; } .contact-item { display: flex; align-items: flex-start; gap: 15px; padding: 15px 0; border-bottom: 1px solid var(--light-gray); } .contact-item:last-child { border-bottom: none; } .contact-label { font-weight: bold; color: var(--accent-orange); min-width: 80px; } .contact-details a { color: var(--accent-orange); text-decoration: none; } .contact-details a:hover { text-decoration: underline; } /* Footer */ footer { background: var(--primary-black); color: var(--white); padding: 50px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 30px; } .footer-section h4 { color: var(--accent-orange); margin-bottom: 20px; } .footer-section a { color: var(--white); text-decoration: none; display: block; margin-bottom: 10px; transition: color 0.3s; } .footer-section a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid #444; padding-top: 20px; text-align: center; } /* Mobile Responsive */ @media (max-width: 1023px) { .mobile-menu-toggle { display: flex !important; } .nav-menu { position: fixed !important; top: 80px !important; left: -100% !important; width: 100vw !important; height: calc(100vh - 80px) !important; background: var(--white) !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important; overflow-y: auto !important; padding: 20px 0 !important; gap: 0 !important; z-index: 9998 !important; visibility: hidden !important; opacity: 0 !important; } .nav-menu.active { left: 0 !important; visibility: visible !important; opacity: 1 !important; } .nav-menu > li { width: 100% !important; text-align: center !important; border-bottom: 1px solid var(--light-gray) !important; position: relative !important; } .nav-menu > li:last-child { border-bottom: none !important; } .nav-menu a { display: flex !important; align-items: center !important; justify-content: center !important; padding: 16px 20px !important; font-size: 1.1rem !important; min-height: 48px !important; width: 100% !important; } .dropdown { position: static !important; background: var(--light-gray) !important; width: 100% !important; box-shadow: none !important; border-radius: 0 !important; opacity: 0 !important; max-height: 0 !important; overflow: hidden !important; transition: all 0.3s ease !important; margin: 0 !important; z-index: auto !important; } .nav-menu li:hover .dropdown, .nav-menu li:focus-within .dropdown, .nav-menu li.dropdown-open .dropdown { opacity: 1 !important; max-height: 300px !important; } .dropdown a { padding: 12px 30px !important; font-size: 1rem !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; background: var(--light-gray) !important; } .dropdown a:hover, .dropdown a:focus { background: var(--accent-orange) !important; color: var(--white) !important; padding-left: 35px !important; } .dropdown-arrow { margin-left: auto !important; } .hero { padding: 60px 0; min-height: 60vh; } .section { padding: 60px 0; } .hero-buttons { flex-direction: column; align-items: center; } .gallery-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; } .services-grid { grid-template-columns: 1fr; gap: 20px; } .process-steps { grid-template-columns: 1fr; gap: 20px; } .features-list { grid-template-columns: 1fr; gap: 15px; } .damage-types { grid-template-columns: 1fr; gap: 20px; } .emergency-features { grid-template-columns: 1fr; gap: 20px; } } @media (min-width: 1024px) { .mobile-menu-toggle { display: none !important; } .nav-menu { position: static !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; background: transparent !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; gap: 2rem; display: flex !important; margin: 0; list-style: none; z-index: auto; transition: none; visibility: visible !important; opacity: 1 !important; } }
Five Star Auto Body
  • Services ▼
    Vancouver WA Collision Vancouver WA Auto Body Longview WA Collision Longview WA Auto Body
  • Locations ▼
    NE 68th Street Columbia Street Commerce Avenue
  • About
  • Reviews
  • Blog
  • Contact
  • Careers

Collision Repair in Longview, WA

Expert collision repair you can trust in Cowlitz County. Advanced frame straightening, structural repairs, and complete vehicle restoration. Serving Longview, Kelso, Castle Rock, and surrounding areas with I-CAR certified technicians and lifetime warranties.

Get Free Estimate Call (360) 636-2333

Our Longview Collision Services

Complete collision repair services using the latest technology and manufacturer-approved procedures. From minor fender benders to major accident damage, we restore your vehicle to pre-accident condition.

Frame Straightening

Advanced computerized frame machines ensure precise structural alignment and safety restoration for all vehicle types.

Get Quote

Unibody Repair

Specialized unibody collision repair using manufacturer specifications and OEM procedures for modern vehicles.

View Work

Full Panel Replacement

Complete panel replacement using genuine OEM parts with precise fitment and factory-quality finishes.

Learn More

Longview Collision Repair Results

See our expert collision repair work from major accidents to complex structural damage. Every repair meets manufacturer safety standards.

Major Collision
Before & After
Frame Straightening
Longview WA
Rear-End Collision
Repair
Side Impact
Restoration
Front End
Reconstruction
Total Loss
Prevention
Insurance Claim
Success
Fleet Vehicle
Collision Repair
View Full Gallery

Types of Collision Damage We Repair

No matter what type of accident damage your vehicle has sustained, our Longview collision center has the expertise and equipment to restore it.

Front-End Collisions

Complete front-end reconstruction including bumper, hood, fenders, and engine compartment repairs.

Rear-End Impacts

Trunk, rear panel, and bumper repairs with hidden damage inspection and structural assessment.

Side Impact Damage

Door replacement, pillar repair, and side panel restoration with safety system inspection.

Frame Damage

Advanced frame straightening and structural repair using computerized measuring systems.

Multi-Impact Accidents

Complex collision damage requiring comprehensive restoration and safety verification.

Rollover Damage

Roof, pillar, and structural repairs with complete safety system evaluation and restoration.

Step-by-Step Collision Repair Process

Our proven collision repair process ensures every vehicle receives thorough assessment, expert repair, and quality verification.

1

Damage Assessment

Comprehensive inspection including hidden damage detection and detailed repair estimate.

2

Insurance Coordination

Direct communication with your insurance adjuster and claims processing assistance.

3

Disassembly & Prep

Careful disassembly to reveal all damage and preparation for structural repairs.

4

Frame & Body Repair

Precise frame straightening and structural repair using manufacturer specifications.

5

Paint & Refinish

Professional painting with advanced color matching and multi-stage finish process.

6

Final Inspection

Quality control inspection and road test to ensure complete restoration and safety.

Insurance Help & Free Estimates

We work directly with all major insurance companies to make your collision repair claim process smooth and stress-free. Our team handles all paperwork and coordinates with adjusters.

Direct Billing

Bill insurance companies directly

Claims Assistance

Help with entire claims process

Rental Coordination

Arrange rental cars if needed

Regular Updates

Keep you informed every step

Insurance Companies We Work With:

State Farm
Allstate
Progressive
GEICO
Farmers
USAA
Liberty Mutual
Nationwide

24/7 Emergency Towing & Support

When accidents happen, we're here to help. Emergency towing and support services available throughout Cowlitz County.

Free Towing

Free towing to our Longview facility within our service area

Fast Response

Quick response times for emergency situations

24/7 Hotline

Emergency contact available around the clock

Safe Storage

Secure storage facility for damaged vehicles

Call Emergency Line

Why Longview Residents Choose Five Star

Over 25 years of collision repair expertise in Cowlitz County with the latest technology and certified technicians.

I-CAR Gold Class Certified

Industry-leading collision repair certification

Advanced Equipment

Computerized frame machines and measuring systems

Fast Turnaround

Most collision repairs completed in 5-7 days

Lifetime Warranty

Comprehensive warranty on all collision repairs

Local Family Business

Trusted in Longview since 1998

OEM Procedures

Manufacturer-approved repair procedures

Visit Our Commerce Avenue Location

Conveniently located in Longview with easy access from Kelso, Castle Rock, and surrounding areas.

Contact Information

Address:
760 Commerce Ave, Longview, WA 98632
Phone:
(360) 636-2333
Hours:
Monday - Friday: 8:00 AM - 5:30 PM
Get Directions

Collision Services

Vancouver WA Collision Longview Auto Body Vancouver Auto Body Project Gallery

Locations

Longview Commerce Ave Vancouver NE 68th St Vancouver Columbia St

Company

About Us Customer Reviews Careers

Contact

Phone: (360) 636-2333

Emergency Towing: 24/7

760 Commerce Ave
Longview, WA 98632

© 2025 Five Star Auto Body. All rights reserved.