Five Star Auto Body - Commerce Avenue, Longview WA | Cowlitz County Location * { 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); position: relative; z-index: 1; min-height: 100vh; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; } /* 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); }

Five Star Auto Body - Commerce Avenue

Our Longview, WA location at 760 Commerce Avenue. Serving Cowlitz County with expert collision repair and auto body services. Advanced equipment, I-CAR certified technicians, and 24/7 emergency towing throughout Longview, Kelso, and surrounding areas.

Get Free Estimate Call (360) 695-1707

Contact Our Commerce Avenue Location

Visit our Longview facility for comprehensive collision repair and auto body services. Serving all of Cowlitz County with expert care and quality workmanship.

Address

760 Commerce Ave
Longview, WA 98632

Easy access from I-5, Highway 432, and local Longview neighborhoods

Phone & Hours

(360) 695-1707

Monday - Friday: 8:00 AM - 5:30 PM
Saturday & Sunday: Closed

Specialties

Major Collision Repair & Fleet Services

Complete collision repair, commercial vehicles, and emergency towing services

Our Commerce Avenue Facility

Take a look at our Longview auto body shop and comprehensive collision repair capabilities.

Shop Exterior
760 Commerce Avenue

Collision Repair
Bay

Frame Machine
& Equipment

Paint Booth
Facility

Customer Parking
& Entrance

Tow Truck
& Emergency Services

Vehicle Storage
& Holding Area

Office & Customer
Service Center

Tour Our Longview WA Location

Experience our Commerce Avenue facility, meet our Cowlitz County team, and see why Longview residents trust Five Star Auto Body for collision repair.

Services Available at Commerce Avenue

Our Longview location offers complete collision repair and auto body services with specialized equipment for major repairs and commercial vehicles.

Major Collision Repair

Complete collision repair including severe accident damage, structural restoration, and safety system repairs.

Frame Straightening

Advanced computerized frame straightening and unibody repair using manufacturer specifications.

Commercial Vehicle Repair

Fleet vehicle collision repair, commercial truck body work, and business vehicle maintenance.

Insurance Claims

Complete insurance coordination and claims processing for all major insurance companies.

Emergency Towing

24/7 emergency towing service throughout Longview, Kelso, and Cowlitz County.

Complete Auto Body

Full auto body repair including dent removal, scratch repair, and professional automotive painting.

Welding & Fabrication

Custom metal fabrication, welding repairs, and specialty automotive restoration work.

Rental Car Coordination

Complete rental car setup and coordination with insurance companies for customer convenience.

Areas We Serve from Commerce Avenue

Providing expert collision repair and auto body services throughout Cowlitz County and Southwest Washington.

Longview, WA

Complete collision repair and auto body services for all Longview neighborhoods

Kelso, WA

Expert auto body repair and frame straightening for Kelso residents

Kalama, WA

Quality auto body services with insurance coordination

Woodland, WA

Complete collision repair and commercial vehicle services

Cowlitz County

Serving all communities throughout Cowlitz County and surrounding areas

Why Choose Our Commerce Avenue Location

Our Longview facility combines advanced equipment, certified expertise, and local knowledge to serve Cowlitz County.

Major Collision Specialists

Equipped for severe accident damage and complex structural repairs

Commercial Vehicle Experts

Specialized in fleet vehicles, delivery trucks, and business vehicles

Local Cowlitz County Team

Deep understanding of local roads, conditions, and community needs

24/7 Emergency Services

Round-the-clock towing and emergency collision response

Advanced Equipment

Latest frame machines, paint booths, and collision repair technology

Insurance Preferred

Direct repair facility for major insurance companies serving the region

Lifetime Warranty

Comprehensive lifetime warranty on all collision repair work and paint services

Fast Turnaround

Efficient repair processes with priority scheduling for urgent repairs

Meet Our Commerce Avenue Team

Our Longview team brings decades of collision repair experience and local community commitment.

Longview Location Manager

25+ years collision repair experience serving Cowlitz County

Senior Collision Technician

I-CAR Gold certified specialist in major collision and frame repair

Commercial Vehicle Specialist

Expert in fleet vehicles, trucks, and commercial auto body repair

Customer Relations

Insurance coordination and customer communication for Longview area

Directions to Commerce Avenue Location

Easily accessible Longview location with convenient access from major highways and Cowlitz County communities.

Getting Here

From I-5 North or South:

Take Exit 36 (Ocean Beach Hwy), follow signs to Longview, turn on Commerce Avenue

From Highway 432:

Head east to Longview, turn north on Commerce Avenue

From Kelso:

Take Allen Street Bridge to Longview, continue to Commerce Avenue

From Castle Rock:

Take Highway 411 west to I-5 South, follow directions above

Nearby Landmarks:

• Longview Shopping Center
• Three Rivers Mall
• Longview Civic Center
• Lower Columbia College

/* 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); position: relative; z-index: 2; } h3 { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 600; margin-bottom: 0.8rem; color: var(--primary-black); position: relative; z-index: 2; } h4 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); font-weight: 600; margin-bottom: 0.6rem; color: var(--primary-black); position: relative; z-index: 2; } p { margin-bottom: 1rem; font-size: clamp(1rem, 2vw, 1.1rem); color: var(--dark-gray); position: relative; z-index: 2; } .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; position: relative; z-index: 1; } .section.gray { background: var(--light-gray); } .text-center { text-align: center; } .section .container { position: relative; z-index: 2; } /* Contact Info Grid */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .contact-card { background: var(--white); padding: 30px; border-radius: 15px; box-shadow: var(--shadow); text-align: center; position: relative; z-index: 1; } .contact-card h3 { color: var(--primary-black); margin-bottom: 15px; } .contact-card p { color: var(--dark-gray); margin-bottom: 10px; } /* Location Images */ .location-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; } .location-image { aspect-ratio: 4/3; background: var(--light-gray); border-radius: 15px; overflow: hidden; position: relative; } .image-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; } /* Features List */ .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; } .feature-item { display: block; padding: 20px; background: var(--white); border-radius: 10px; box-shadow: var(--shadow); position: relative; z-index: 1; } .feature-item h4 { color: var(--primary-black); margin-bottom: 10px; } .feature-item p { color: var(--dark-gray); } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .service-card { background: var(--white); padding: 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); border-top: 4px solid var(--accent-orange); position: relative; z-index: 1; } .service-card h4 { color: var(--primary-black); margin-bottom: 15px; } .service-card p { color: var(--dark-gray); } /* Video Section */ .video-section { background: var(--primary-black); color: var(--white); padding: 80px 0; } .video-container { max-width: 800px; margin: 30px auto 0; background: #000; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow-lg); } .location-video { width: 100%; aspect-ratio: 16/9; } .video-placeholder { aspect-ratio: 16/9; background: linear-gradient(45deg, #333, #555); display: flex; align-items: center; justify-content: center; font-size: clamp(1.5rem, 4vw, 3rem); color: var(--accent-orange); text-align: center; padding: 20px; } /* Team Section */ .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 40px; } .team-member { background: var(--white); padding: 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); position: relative; z-index: 1; } .team-member h4 { color: var(--primary-black); margin-bottom: 15px; } .team-member p { color: var(--dark-gray); } /* Map Section */ .map-section { background: var(--light-gray); padding: 80px 0; } .map-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .map-container { width: 100%; height: 400px; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow); } .map-container iframe { width: 100%; height: 100%; border: none; } .map-placeholder { width: 100%; height: 400px; background: #ddd; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #666; font-weight: bold; text-align: center; cursor: pointer; transition: background 0.3s; } .map-placeholder:hover { background: #ccc; } /* 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); position: relative; z-index: 1; } .area-card h4 { color: var(--primary-black); margin-bottom: 10px; } .area-card p { color: var(--dark-gray); } /* 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; } .contact-grid { grid-template-columns: 1fr; gap: 20px; } .location-images { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } } @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; } }