Auto Body 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 - Critical styles */ 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; } /* Hero Section - Critical styles */ .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; } h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1rem; } /* CTA Button - Critical */ .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); }

Auto Body Repair in Longview, WA

Your trusted auto body shop in Cowlitz County. Expert collision repair, dent removal, and professional painting services. Serving Longview, Kelso, Castle Rock, and surrounding areas with certified technicians and lifetime warranties.

Get Free Estimate Call (360) 636-2333

Complete Auto Body Repair Services

Professional auto body repair services in Longview, WA and throughout Cowlitz County. Our I-CAR Gold Class certified technicians provide expert repairs for all makes and models.

🔧

Collision Repair

Expert collision repair services for major and minor accidents. Frame straightening, structural repairs, and complete vehicle restoration.

Learn More

🎨

Auto Painting

Professional automotive painting with advanced color matching technology. Complete paint jobs and touch-up services.

View Gallery

🛠️

Dent Removal

Paintless dent removal and traditional dent repair services. Restore your vehicle's appearance to like-new condition.

Get Quote

Our Longview Auto Body Repair Work

See the quality results from our auto body shop in Longview, WA. Every repair is completed with precision and attention to detail.

Collision Repair
Before & After

Dent Removal
Longview WA

Paint Matching
Results

Frame Repair
Excellence

Bumper Repair
Restoration

Insurance Claim
Work

Fleet Vehicle
Repairs

Custom Paint
Jobs

Hail Damage
Repair

View Full Gallery

Why Longview Drivers Choose Five Star Auto Body

Over 25 years of trusted auto body repair service in Cowlitz County with certified technicians and advanced equipment.

I-CAR Gold Class Certified

Industry-leading certification and training

Lifetime Warranty

Comprehensive warranty on all repairs

Local Family Business

Serving Longview since 1998

Insurance Claims Help

Work with all major insurance companies

Free Estimates

No-obligation written estimates

Fast Turnaround

Most repairs completed in 3-5 days

Our Auto Body Repair Process

Streamlined process ensuring quality results and customer satisfaction at every step.

Free Inspection

Detailed damage assessment and written estimate provided within one hour.

Insurance Coordination

We handle all paperwork and work directly with your insurance adjuster.

Expert Repair

Certified technicians restore your vehicle using manufacturer-approved procedures.

Quality Control

Comprehensive inspection ensures every repair meets our strict standards.

Vehicle Return

Complete detailing and final walkthrough before returning your vehicle.

Areas We Serve in Cowlitz County

Providing expert auto body repair services throughout Longview, WA and surrounding communities.

Longview, WA

Our main service area with convenient Commerce Avenue location

Kelso, WA

Comprehensive auto body services for Kelso residents

Kalama, WA

Professional auto body repair and painting

Woodland, WA

Quality auto body services with free estimates

Cowlitz County

Serving all communities throughout the county

Visit Our Longview Location

📍

Address:
760 Commerce Ave, Longview, WA 98632

📞

Phone:
(360) 636-2333

🕒

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

🚗

Services:
Free parking and estimates available

Get Directions

/* Non-critical CSS loaded after initial render */ .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 */ 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-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; } .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: 30px; border-radius: 15px; box-shadow: var(--shadow); transition: transform 0.3s; text-align: center; } .service-card:hover { transform: translateY(-5px); } .service-icon { width: 80px; height: 80px; background: var(--accent-orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 2rem; color: var(--white); } /* 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; } .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(200px, 1fr)); gap: 30px; margin-top: 40px; } .process-step { text-align: center; padding: 30px 20px; background: var(--white); border-radius: 15px; box-shadow: var(--shadow); } .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: 0 auto 20px; } /* Features List */ .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; } .feature-item { display: flex; align-items: center; gap: 15px; padding: 20px; background: var(--white); border-radius: 10px; box-shadow: var(--shadow); } .feature-icon { width: 40px; height: 40px; background: var(--accent-orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.2rem; } /* Location Info */ .location-info { background: var(--primary-black); color: var(--white); padding: 60px 0; } .location-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .contact-details { display: flex; flex-direction: column; gap: 15px; } .contact-item { display: flex; align-items: center; gap: 15px; } .contact-icon { width: 30px; height: 30px; color: var(--accent-orange); font-size: 1.2rem; } /* Service Areas */ .service-areas { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; } .area-card { background: var(--white); padding: 20px; border-radius: 10px; text-align: center; box-shadow: var(--shadow); border-left: 4px solid var(--accent-orange); } /* 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; } } @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; } }