Collision Repair Chehalis WA | Expert Auto Collision Center | Five Star Auto Body * { 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: 100vh; min-height: 600px; 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.2); 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.3), rgba(0, 0, 0, 0.3)), 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(100vh - 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; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; opacity: 0.9; } .hero-cta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 12px 24px; text-decoration: none; border-radius: 25px; font-weight: 600; font-size: 1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3); } .cta-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } .cta-secondary { background: rgba(255,255,255,0.2); border: 2px solid white; } .cta-secondary:hover { background: white; color: #f97316; } /* 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; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; max-width: 1000px; 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: 300px; 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-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); } /* Process Section */ .process { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .process-step { background: white; padding: 2.5rem; border-radius: 25px; text-align: center; 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: 300px; display: flex; flex-direction: column; justify-content: center; } .process-step::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; } .process-step:hover::before { transform: translateX(0); } .process-step: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); } .step-number { width: 80px; height: 80px; background: linear-gradient(45deg, #f97316, #ea580c); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold; margin: 0 auto 1.5rem; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.3); } .process-step h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .process-step p { color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Features Section */ .features { background: white; } .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .feature-item { padding: 2.5rem; 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: 240px; display: flex; flex-direction: column; justify-content: flex-start; } .feature-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; } .feature-item:hover::before { left: 100%; } .feature-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .feature-item h3 { font-size: 1.4rem; font-weight: 600; color: #2563eb; margin-bottom: 1.2rem; line-height: 1.3; } .feature-item p { color: #6b7280; line-height: 1.6; font-size: 1rem; } /* Location Details Section */ .location-details { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .location-details .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); } .location-details .section-subtitle { color: #e0e7ff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .location-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 3rem; } .info-card { background: rgba(255,255,255,0.15); padding: 2.5rem; border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .info-card:hover { transform: translateY(-10px) scale(1.02); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .info-card h3 { font-size: 1.5rem; margin-bottom: 1.5rem; color: #fed7aa; } .info-card p { font-size: 1.1rem; line-height: 1.6; margin-bottom: 1rem; } .info-card a { color: white; text-decoration: none; font-weight: 600; } .info-card a:hover { color: #fed7aa; } /* Contact CTA */ .contact-cta { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .contact-cta .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); } .contact-cta .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .cta-buttons { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; } .cta-btn-primary, .cta-btn-secondary { padding: 1rem 2rem; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .cta-btn-primary { background: rgba(255,255,255,0.2); color: white; border: 2px solid white; } .cta-btn-primary:hover { background: white; color: #f97316; transform: translateY(-3px) scale(1.05); } .cta-btn-secondary { background: rgba(255,255,255,0.1); color: #fed7aa; border: 2px solid #fed7aa; } .cta-btn-secondary:hover { background: #fed7aa; color: #f97316; transform: translateY(-3px) scale(1.05); } /* 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; } /* Mobile Responsive */ @media (max-width: 1200px) { .services-grid { grid-template-columns: 1fr; gap: 2rem; } .process-grid { grid-template-columns: repeat(2, 1fr); } .features-grid { grid-template-columns: repeat(2, 1fr); } .location-info { grid-template-columns: 1fr; gap: 2rem; } } @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; } .hero { height: 100vh; min-height: 500px; padding: 90px 15px 15px; } .hero h1 { font-size: 1.8rem; margin-bottom: 0.8rem; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; } .hero-cta { flex-direction: column; align-items: center; gap: 0.8rem; } .cta-button { width: 100%; max-width: 280px; padding: 10px 20px; font-size: 0.9rem; } /* 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; } .section { padding: 50px 0; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; } .process-grid { grid-template-columns: 1fr; gap: 1.5rem; } .features-grid { grid-template-columns: 1fr; gap: 1.5rem; } .service-card, .process-step, .feature-item, .info-card { padding: 1.5rem; min-height: auto; } .step-number { width: 60px; height: 60px; font-size: 1.5rem; margin-bottom: 1rem; } .cta-buttons { flex-direction: column; align-items: center; gap: 1rem; } .cta-btn-primary, .cta-btn-secondary { width: 100%; max-width: 300px; justify-content: center; padding: 0.8rem 1.5rem; font-size: 1rem; } .footer-content { grid-template-columns: 1fr; gap: 2rem; } } @media (max-width: 480px) { .hero h1 { font-size: 1.5rem; line-height: 1.2; } .hero-subtitle { font-size: 0.9rem; padding: 0 10px; } .section-title { font-size: 1.5rem; line-height: 1.2; } .section-subtitle { font-size: 0.9rem; padding: 0 10px; } .container { padding: 0 15px; } .service-card h3, .process-step h3, .feature-item h3 { font-size: 1.1rem; margin-bottom: 1rem; } .service-card p, .process-step p, .feature-item p { font-size: 0.9rem; } }

Professional Collision Repair Chehalis WA

Expert Auto Collision Services | Insurance Claims Support | Certified Technicians Serving Lewis County

(360) 748-8344 - Call Now 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

Chehalis WA Collision Repair Services

Comprehensive auto collision repair services in Chehalis Washington serving Lewis County with certified technicians and advanced repair technology

Auto Collision Repair

Professional collision repair services for all vehicle makes and models in Chehalis WA. Our certified technicians restore your vehicle to pre-accident condition using manufacturer-approved repair procedures and genuine OEM parts with guaranteed quality workmanship.

Schedule Repair →

Accident Damage Assessment

Thorough accident damage assessment and repair estimates in Chehalis Washington. Our expert estimators provide detailed damage analysis, work directly with your insurance company, and ensure you receive proper coverage for collision repairs.

Get Estimate →

Frame Straightening Services

Advanced frame straightening and structural repair for collision-damaged vehicles in Lewis County. Using computerized measuring systems and precision repair equipment to restore your vehicle's structural integrity and safety specifications.

Learn More →

Insurance Claims Support

Complete insurance claims processing and support for collision repair in Chehalis WA. We work directly with all major insurance companies, handle paperwork, and ensure you get maximum coverage with minimal hassle throughout the repair process.

Get Help →

Our Collision Repair Process in Chehalis

Professional collision repair process from damage assessment to final delivery with transparent communication throughout

Damage Assessment & Estimate

Comprehensive collision damage assessment with detailed repair estimate. We inspect all visible and hidden damage, work with your insurance company, and provide transparent pricing for all collision repair work in Chehalis WA.

Professional Collision Repair

Expert collision repair using manufacturer-approved techniques and genuine OEM parts. Our certified technicians restore structural integrity, repair body damage, and ensure your vehicle meets all safety standards and specifications.

Quality Control & Delivery

Thorough quality inspection and final detailing before delivery. We guarantee all collision repair work meets our high standards and manufacturer specifications with complete customer satisfaction in Lewis County Washington.

Advanced Collision Repair Capabilities

State-of-the-art collision repair facility serving Chehalis, Centralia, Olympia, and surrounding Lewis County areas

Manufacturer Certified Repairs

Certified by six major automotive manufacturers for collision repair including Ford, GM, Hyundai, Kia, Nissan, and FCA. Our technicians are trained in manufacturer-specific repair procedures ensuring warranty compliance and OEM quality standards.

Advanced Collision Technology

State-of-the-art collision repair equipment including computerized frame straightening systems, precision measuring tools, and advanced paint booth technology for superior collision repair results in Chehalis Washington.

Insurance Direct Billing

We work directly with all major insurance companies providing seamless claim processing and direct billing services. Our team handles all paperwork and ensures you receive proper coverage for your collision repair needs.

Structural Repair Expertise

Specialized structural repair and frame straightening services for collision-damaged vehicles. Using precision measuring and repair equipment to restore your vehicle's structural integrity and safety performance specifications.

Paint & Refinishing Services

Professional automotive paint and refinishing services with computerized color matching technology. We guarantee seamless paint blending and factory-quality finish for all collision repair work in Lewis County.

Journeymen Technicians

Our exclusive team of journeymen technicians brings years of specialized collision repair experience and advanced certifications. We maintain the highest standards of craftsmanship for all collision repair services in Chehalis WA.

Five Star Auto Body - Chehalis Location

Convenient collision repair services in Chehalis Washington serving Lewis County and surrounding areas

Location Information

Address: 55 N Market Blvd, Chehalis, WA 98532

Phone: (360) 748-8344

Email: fivestarautobody@gmail.com

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

Centrally located on N Market Blvd for easy access from Centralia, Olympia, Tumwater, and surrounding Lewis County communities.

Service Area Coverage

We proudly serve collision repair customers throughout Lewis County including:

• Chehalis & Centralia WA

• Olympia & Tumwater WA

• Lacey & Rochester WA

• Morton & Winlock WA

Comprehensive collision repair services with convenient location and expert technicians for all your auto body repair needs.

Schedule Your Collision Repair Today

Contact Five Star Auto Body Chehalis for professional collision repair services and free damage estimates

📞 Call (360) 748-8344 ✉️ Email for Estimate