Auto Body Shop Chehalis WA | 55 N Market Blvd | 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 Section - Single location focus */ .hero-location { max-width: 500px; margin: 1.5rem auto 0; width: 100%; } .location-item { background: rgba(255,255,255,0.15); padding: 1.8rem; border-radius: 20px; text-align: center; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; position: relative; overflow: hidden; } .location-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); transition: left 0.8s ease; } .location-item:hover::before { left: 100%; } .location-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .location-item h3 { font-size: 1.1rem; margin-bottom: 1rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } /* Desktop button text */ .cta-button .phone-number { display: inline; } .cta-button .call-text { display: none; } /* Mobile location text - hidden by default */ .location-text { display: none; } .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; width: 100%; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3); 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.4); } /* 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; } /* Location Info Section */ .location-info { background: white; padding: 80px 0; } .location-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 1000px; margin: 0 auto; } .location-details-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; } .location-details-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; } .location-details-card:hover::before { transform: translateX(0); } .location-details-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); } .location-details-card h3 { font-size: 1.5rem; color: #2563eb; margin-bottom: 1.5rem; font-weight: 600; } .detail-item { margin-bottom: 1.2rem; padding: 1rem; background: #f8fafc; border-radius: 12px; border-left: 4px solid #f97316; } .detail-item strong { color: #2563eb; display: block; margin-bottom: 0.3rem; } .detail-item p { color: #6b7280; margin: 0; line-height: 1.5; } .detail-item a { color: #f97316; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .detail-item a:hover { color: #2563eb; } /* Services Section */ .services { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 1100px; margin: 0 auto; } .service-card { background: white; 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: 280px; 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.3rem; color: #2563eb; margin-bottom: 1rem; font-weight: 600; line-height: 1.3; } .service-card p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 0.95rem; 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); } /* Local Authority Section */ .local-authority { background: white; padding: 80px 0; } .authority-content { max-width: 900px; margin: 0 auto; } .authority-content h2 { font-size: 2rem; color: #2563eb; margin-bottom: 1.5rem; text-align: center; } .authority-content p { color: #6b7280; line-height: 1.8; margin-bottom: 1.2rem; font-size: 1.05rem; } .authority-content strong { color: #374151; } /* Service Areas Section */ .service-areas { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .service-areas .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .service-areas .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .areas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 1000px; margin: 0 auto; } .area-item { text-align: center; padding: 3rem 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: 240px; display: flex; flex-direction: column; justify-content: center; } .area-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; } .area-item:hover::before { opacity: 1; } .area-item:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .area-item h3 { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } .area-item p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; } .area-link { color: #fed7aa; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; justify-content: center; } .area-link:hover { color: white; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); transform: translateX(5px); } /* FAQ Section */ .faq-section { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); padding: 80px 0; } .faq-grid { max-width: 900px; margin: 0 auto; } .faq-item { background: white; border-radius: 16px; padding: 2rem; margin-bottom: 1.5rem; box-shadow: 0 4px 20px rgba(0,0,0,0.06); border-left: 4px solid #f97316; } .faq-item h3 { color: #2563eb; font-size: 1.15rem; margin-bottom: 0.8rem; font-weight: 600; } .faq-item p { color: #6b7280; line-height: 1.7; font-size: 1rem; } .faq-item a { color: #f97316; text-decoration: none; font-weight: 500; } .faq-item a:hover { color: #2563eb; } /* Contact Section */ .contact { background: white; } .contact-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; text-align: center; max-width: 800px; margin: 0 auto; } .contact-item { padding: 2.5rem 2rem; background: linear-gradient(145deg, #f8fafc, #e2e8f0); border-radius: 25px; 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: center; } .contact-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; } .contact-item:hover::before { left: 100%; } .contact-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .contact-item h3 { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; color: #2563eb; line-height: 1.3; } .contact-item p { font-size: 1.1rem; line-height: 1.6; color: #6b7280; } .contact-item a { color: #f97316; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .contact-item a:hover { color: #2563eb; } /* 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 - Ensure video shows and image is hidden */ @media (min-width: 769px) { .hero-video { display: block !important; } .hero::after { display: none !important; } .hero h1 { font-size: 3rem; } .hero-subtitle { font-size: 1.2rem; margin-bottom: 2rem; } .hero-location { max-width: 600px; margin: 2rem auto 0; } .location-item { padding: 2rem; border-radius: 25px; } .location-item h3 { font-size: 1.2rem; margin-bottom: 1.2rem; line-height: 1.3; } /* Insurance Notice Tablet */ .insurance-notice { padding: 1.8rem 0; } .notice-content { grid-template-columns: 1fr auto; gap: 1.2rem; } .notice-text h2 { font-size: 1.3rem; text-align: left; } .insurance-grid { grid-template-columns: 1fr; gap: 1.2rem; } .insurance-item { padding: 1rem; } .insurance-item p { font-size: 0.9rem; } .urgent-cta { padding: 0.75rem 1.3rem; font-size: 0.9rem; } .cta-button { padding: 14px 28px; font-size: 1rem; border-radius: 30px; } } @media (max-width: 1200px) { /* Insurance Notice Medium Screens */ .notice-content { max-width: 900px; } .notice-text h2 { font-size: 1.3rem; } .insurance-item p { font-size: 0.9rem; } /* Location Info: 2x1 becomes 1x2 on medium screens */ .location-info-grid { grid-template-columns: 1fr; gap: 2rem; } /* Services: 3-col becomes 2-col */ .services-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } /* Service Areas: 2x1 becomes 1x2 */ .areas-grid { grid-template-columns: 1fr; gap: 2rem; } /* Contact: 2x1 becomes 1x2 */ .contact-content { 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; } /* Mobile Hero Section */ .hero { height: 100vh; min-height: 600px; padding: 90px 15px 15px; align-items: center; justify-content: center; } .hero .container { width: 100%; padding: 0; max-height: calc(100vh - 120px); } .hero h1 { font-size: 1.9rem; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; padding: 0 10px; } /* Hero: Single location */ .hero-location { max-width: 300px; margin: 1rem auto 0; } /* 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; } .location-item { padding: 1rem; border-radius: 12px; min-height: auto; } .location-item h3 { display: none; } .location-text { display: block; font-size: 0.85rem; margin-bottom: 0.8rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } .cta-button .phone-number { display: none; } .cta-button .call-text { display: inline; } .cta-button { padding: 8px 16px; font-size: 0.85rem; border-radius: 20px; } /* All sections mobile optimization */ .section { padding: 50px 0; } .location-info { padding-top: 70px; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } /* Location Info */ .location-info-grid { grid-template-columns: 1fr; gap: 1.5rem; } .location-details-card { padding: 1.5rem; min-height: auto; } .location-details-card h3 { font-size: 1.2rem; margin-bottom: 1rem; } .detail-item { margin-bottom: 1rem; padding: 0.8rem; } /* Services */ .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; } /* Service Areas */ .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; margin-bottom: 1rem; } /* Local Authority */ .local-authority { padding: 50px 0; } .authority-content h2 { font-size: 1.6rem; } .authority-content p { font-size: 0.95rem; } /* FAQ */ .faq-section { padding: 50px 0; } .faq-item { padding: 1.5rem; } .faq-item h3 { font-size: 1.05rem; } /* Contact */ .contact-content { 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 */ .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) { /* Mobile - Hide video, show background image on small screens */ .hero-video { display: none !important; } .hero::after { display: block !important; } .hero { height: 100vh; min-height: 550px; padding: 80px 10px 10px; } .hero .container { max-height: calc(100vh - 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: 1rem; padding: 0 5px; } .hero-location { max-width: 280px; margin: 0.8rem auto 0; } /* Insurance Notice Mobile Small */ .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; } .location-item { padding: 0.8rem; border-radius: 10px; } .location-text { font-size: 0.75rem; margin-bottom: 0.6rem; line-height: 1.2; } .cta-button { padding: 6px 12px; font-size: 0.75rem; border-radius: 15px; } .cta-button .phone-number { display: none; } .cta-button .call-text { display: inline; } /* All sections even more mobile optimized */ .section { padding: 40px 0; } .location-info { padding-top: 60px; } .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; } /* Location Info */ .location-info-grid { gap: 1.2rem; } .location-details-card { padding: 1.2rem; border-radius: 15px; } .location-details-card h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .detail-item { margin-bottom: 0.8rem; padding: 0.6rem; } /* Services */ .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; } /* Service Areas */ .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; margin-bottom: 0.8rem; } /* Local Authority */ .local-authority { padding: 40px 0; } .authority-content h2 { font-size: 1.4rem; } .authority-content p { font-size: 0.9rem; } /* FAQ */ .faq-section { padding: 40px 0; } .faq-item { padding: 1.2rem; } /* Contact */ .contact-content { 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 */ .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; } } /* Large screens optimization */ @media (min-width: 1400px) { .hero .container { max-height: calc(100vh - 160px); } .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 1.8rem; } .hero-location { max-width: 650px; margin: 2rem auto 0; } .location-item { padding: 2.2rem; } .location-item h3 { font-size: 1.3rem; line-height: 1.3; } .cta-button { padding: 16px 32px; font-size: 1.1rem; } .services-grid { gap: 2.5rem; } }

Auto Body Shop Chehalis WA | Five Star Auto Body

Q: Does Five Star Auto Body Chehalis offer frame repair and straightening?

Yes, Five Star Auto Body Chehalis provides professional frame repair and straightening services using computerized measuring systems and hydraulic frame machines. Our certified technicians restore vehicle structural integrity to manufacturer specifications after collision damage.

Expert Auto Body Repair, Collision Repair, Frame Straightening, Dent Repair & Auto Paint Services at 55 N Market Blvd — Serving Chehalis, Centralia & Lewis County

55 N Market Blvd, Chehalis, WA 98532

(360) 748-8344 Call Now

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 8:00 AM - 5:00 PM. Walk-ins welcome!

Call Now

Chehalis WA Auto Body Shop Location

Complete auto body repair, collision repair, frame repair, dent repair, and auto paint services at our convenient N Market Blvd location serving Chehalis, Centralia, and Lewis County

Location Details

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
Saturday & Sunday: Closed

Service Areas & Capabilities

Primary Areas

Chehalis, Centralia, Olympia, Tumwater, Napavine, Winlock

County Coverage

Lewis County, southern Thurston County, and surrounding areas

Services

Auto Body Repair, Collision Repair, Frame Repair & Straightening, Paintless Dent Repair, Auto Paint & Refinishing

Free Estimates

Available Monday-Friday during business hours — walk-ins welcome

Chehalis Auto Body Repair Services

Comprehensive auto body, collision, frame, dent, and paint services for all vehicle makes and models at our Chehalis location

Auto Body Repair Chehalis WA

Professional auto body repair services including panel replacement, structural restoration, and cosmetic repairs for all vehicle types. Our certified technicians use advanced equipment and manufacturer-approved methods to restore your vehicle to pre-accident condition.

Learn More →

Collision Repair Chehalis WA

Expert collision repair for major and minor accidents with comprehensive damage assessment and professional restoration. We work with all insurance companies and use computerized measuring systems to ensure repairs meet manufacturer specifications.

Learn More →

Frame Repair Chehalis WA

Professional frame repair and straightening services using hydraulic frame machines and 3D computerized measuring systems. We restore your vehicle's structural geometry to manufacturer specifications, ensuring proper crash protection, wheel alignment, and suspension function after collision damage.

Learn More →

Dent Repair Chehalis WA

Paintless dent repair and conventional dent removal for door dings, hail damage, and minor dents. Our PDR specialists preserve your vehicle's original factory paint finish while restoring panels to their original shape at a fraction of traditional repair costs.

Learn More →

Auto Paint Chehalis WA

Factory-quality auto paint and refinishing with computerized color matching technology. Our paint specialists deliver seamless blending, professional-grade basecoat and clearcoat systems, and a durable finish that matches your vehicle's original color with precision.

Learn More →

Insurance Claims Assistance

Complete insurance claim support and direct billing with all major providers. Our experienced team handles paperwork, communicates with adjusters, and ensures you receive proper coverage for auto body repair, collision repair, frame straightening, and all services at our Chehalis location.

Get Help →

Trusted Auto Body Repair in Chehalis & Lewis County

Five Star Auto Body's Chehalis location at 55 N Market Blvd serves as Lewis County's trusted destination for professional auto body repair, collision repair, frame straightening, dent repair, and auto paint services. Conveniently positioned just off I-5 near downtown Chehalis, our shop provides easy access for drivers throughout the Chehalis-Centralia corridor, Napavine, Winlock, and the broader Lewis County area.

Lewis County drivers face unique conditions that contribute to vehicle damage year-round. The I-5 corridor between Centralia and Chehalis sees heavy traffic from commuters and commercial vehicles traveling between Portland and Seattle, while rural roads throughout the county — from Pe Ell to Morton and Packwood — expose vehicles to gravel, debris, and wildlife hazards. Pacific Northwest weather brings 45+ inches of annual rainfall, creating wet-road conditions that lead to fender benders, hydroplaning collisions, and paint damage from road spray and standing water.

Whether your vehicle sustained damage from an I-5 collision near the Chehalis-Centralia interchange, a parking lot incident at Centralia Factory Outlets, hail damage, or gravel road wear from exploring White Pass or nearby forest roads, our certified technicians have the equipment and expertise to handle everything from minor dent repair to complete frame straightening and structural restoration. We work with all major insurance companies and provide free estimates Monday through Friday at our N Market Blvd location.

Areas We Serve in Lewis County

Professional auto body repair, collision repair, frame repair, dent repair, and auto paint services throughout Lewis County and surrounding communities

Chehalis & Centralia Auto Body

Serving Chehalis and Centralia with expert auto body repair, collision repair, frame straightening, dent repair, and auto paint services. Our N Market Blvd location provides convenient I-5 access for residents throughout the Chehalis-Centralia twin cities area with manufacturer-certified repair capabilities and full insurance claim support.

Explore Services →

Olympia, Tumwater & Thurston County

Extended service coverage to Olympia, Tumwater, Lacey, and surrounding Thurston County areas. Drivers heading south on I-5 can reach our Chehalis shop in under 30 minutes for comprehensive collision repair, frame repair, dent removal, auto paint, and complete auto body restoration services.

Chehalis Auto Body Repair FAQ

Common questions about our auto body, collision, frame repair, dent repair, and paint services in Chehalis WA

What auto body services does Five Star offer in Chehalis WA?

Five Star Auto Body in Chehalis offers comprehensive auto body repair, collision repair, frame repair and straightening, paintless dent repair, and professional auto paint and refinishing services. We serve all of Lewis County including Centralia, Olympia, and Tumwater.

Does Five Star Auto Body Chehalis work with my insurance company?

Yes, Five Star Auto Body works with all major insurance companies. If you have Geico, Progressive, or State Farm, please call ahead at (360) 748-8344 for scheduling requirements. All other insurance carriers can receive free walk-in estimates Monday through Friday.

Does Five Star Auto Body Chehalis offer frame repair and straightening?

Yes, our Chehalis location provides professional frame repair and straightening services using computerized measuring systems and hydraulic frame machines. Our certified technicians restore vehicle structural integrity to manufacturer specifications after collision damage, ensuring proper crash protection and wheel alignment.

Where is Five Star Auto Body located in Chehalis?

Five Star Auto Body Chehalis is located at 55 N Market Blvd, Chehalis, WA 98532, conveniently situated just off I-5 near downtown Chehalis. We're open Monday through Friday, 8:00 AM to 5:00 PM. Call (360) 748-8344 for a free estimate.

Contact Our Chehalis Auto Body Shop

Get your free estimate for auto body repair, collision repair, frame repair, dent repair, or auto paint services at our convenient N Market Blvd location

Call for Estimates

(360) 748-8344
Monday - Friday: 8:00 AM - 5:00 PM
Free estimates available

Visit Our Shop

55 N Market Blvd
Chehalis, WA 98532
Email: fivestarautobody@gmail.com