Contact Five Star Auto Body | Free Estimates Vancouver WA, Longview WA & Chehalis WA * { 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; backdrop-filter: blur(10px); } .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); } .nav-menu { display: flex; list-style: none; gap: 2rem; margin: 0; } .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; transition: color 0.3s ease; } .nav-link:hover { color: #f97316; } .nav-cta { background: #f97316; color: white; padding: 0.5rem 1rem; border-radius: 25px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; } .nav-cta:hover { background: #ea580c; transform: translateY(-2px); } .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 - Full viewport height */ .hero { background: linear-gradient(135deg, rgba(249, 115, 22, 0.5) 0%, rgba(234, 88, 12, 0.5) 50%, rgba(37, 99, 235, 0.5) 100%), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: fixed; color: white; text-align: center; position: relative; height: 100vh; min-height: 100vh; max-height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(249, 115, 22, 0.3) 0%, rgba(234, 88, 12, 0.3) 50%, rgba(37, 99, 235, 0.3) 100%); z-index: 1; } .hero .container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .hero h1 { font-size: 3rem; font-weight: bold; margin-bottom: 1rem; line-height: 1.2; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .hero-subtitle { font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.95; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } /* Contact Methods Grid */ .contact-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 2rem auto; max-width: 900px; } .contact-method { background: rgba(255,255,255,0.15); padding: 2rem; border-radius: 20px; text-align: center; 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: 220px; display: flex; flex-direction: column; justify-content: center; } .contact-method::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; } .contact-method:hover::before { left: 100%; } .contact-method:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.2); } .contact-method h3 { font-size: 1.3rem; margin-bottom: 1rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.3; } .contact-method p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; flex-grow: 1; } .contact-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: 0.95rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 25px rgba(249, 115, 22, 0.3); margin-top: auto; } .contact-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } /* What to Expect Section */ .what-to-expect { background: white; } .expect-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 3rem; } .expect-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 2.5rem; border-radius: 20px; border-left: 5px solid #f97316; min-height: 280px; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .expect-card::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; } .expect-card:hover::before { left: 100%; } .expect-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .expect-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .expect-card p { color: #6b7280; line-height: 1.6; font-size: 1rem; margin-bottom: 1.5rem; flex-grow: 1; } .visit-preparation { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; padding: 3rem; border-radius: 25px; text-align: center; box-shadow: 0 20px 60px rgba(37, 99, 235, 0.2); } .visit-preparation h3 { color: white; font-size: 1.6rem; margin-bottom: 1.5rem; font-weight: 600; } .visit-preparation div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 2rem; } .visit-preparation div > div { background: rgba(255,255,255,0.1); padding: 1.5rem; border-radius: 15px; backdrop-filter: blur(10px); } .visit-preparation h4 { color: #fed7aa; margin-bottom: 1rem; font-size: 1.1rem; font-weight: 600; } .visit-preparation p { font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* 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: 700px; margin-left: auto; margin-right: auto; } /* Contact Information Section */ .contact-info { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .contact-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; } .contact-info-card { 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: 280px; display: flex; flex-direction: column; justify-content: center; } .contact-info-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; } .contact-info-card:hover::before { transform: translateX(0); } .contact-info-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); } .contact-info-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.5rem; font-weight: 600; line-height: 1.3; } .contact-info-card p { color: #6b7280; line-height: 1.7; font-size: 1rem; margin-bottom: 1.5rem; } .contact-info-card a { color: #f97316; text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .contact-info-card a:hover { color: #2563eb; } /* Service Hours Section */ .service-hours { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .service-hours .section-title { color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .service-hours .section-subtitle { color: #e0e7ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .hours-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 800px; margin: 0 auto; } .hours-card { background: rgba(255,255,255,0.1); 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); min-height: 280px; display: flex; flex-direction: column; justify-content: center; text-align: center; } .hours-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-10px) scale(1.02); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .hours-card h3 { color: #fed7aa; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 600; line-height: 1.3; } .hours-card p { line-height: 1.6; opacity: 0.9; margin-bottom: 1rem; font-size: 1.1rem; } .hours-card .highlight { color: #fed7aa; font-weight: 600; font-size: 1.2rem; } /* Location Cards */ .locations { background: white; } .locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 1000px; margin: 0 auto; } .location-card { background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 25px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; border: 1px solid rgba(249, 115, 22, 0.1); min-height: 550px; display: flex; flex-direction: column; } .location-card:hover { transform: translateY(-12px) scale(1.02); box-shadow: 0 35px 90px rgba(0,0,0,0.18); border-color: rgba(249, 115, 22, 0.3); } .location-content { padding: 2.5rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .location-map { height: 180px; margin: 1.5rem 0; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 2px solid rgba(249, 115, 22, 0.1); transition: all 0.3s ease; } .location-map:hover { border-color: rgba(249, 115, 22, 0.3); box-shadow: 0 15px 40px rgba(0,0,0,0.15); } .location-map iframe { width: 100%; height: 100%; border: none; border-radius: 13px; filter: grayscale(10%) contrast(1.05); } .location-card h3 { color: #2563eb; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 600; line-height: 1.3; } .location-details { margin-bottom: 2rem; flex-grow: 1; } .detail-item { display: flex; align-items: flex-start; margin-bottom: 1rem; color: #6b7280; line-height: 1.6; } .detail-item strong { color: #374151; margin-right: 0.5rem; } .location-buttons { display: flex; gap: 1rem; margin-top: auto; } .btn-primary, .btn-secondary { flex: 1; padding: 0.8rem 1.5rem; border-radius: 20px; text-decoration: none; text-align: center; font-weight: 500; font-size: 0.95rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(249, 115, 22, 0.4); } .btn-secondary { background: transparent; color: #2563eb; border: 2px solid #2563eb; } .btn-secondary:hover { background: #2563eb; color: white; transform: translateY(-2px); } /* Service Areas & Coverage Section */ .service-coverage { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .service-coverage .section-title { color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .service-coverage .section-subtitle { color: #fed7aa; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } /* FAQ Section */ .contact-faq { background: #f9fafb; } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: white; border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; min-height: 120px; display: flex; flex-direction: column; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; transition: all 0.3s ease; flex-grow: 1; } .faq-question:hover { background: #f8fafc; } .faq-question h3 { color: #2563eb; margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.4; } .faq-toggle { font-size: 1.5rem; color: #f97316; transition: transform 0.3s ease; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-answer.active { max-height: 250px; } .faq-answer-content { padding: 2rem; color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Map Section */ .map-section { background: white; } .map-container { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.1); height: 500px; position: relative; } .map-container iframe { width: 100%; height: 100%; border: none; filter: grayscale(20%) contrast(1.1); } /* 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; } /* Performance Optimizations */ .nav-logo img { will-change: transform; } .contact-method, .location-card, .contact-info-card, .hours-card, .expect-card { will-change: transform; } /* Responsive Design */ @media (max-width: 1024px) { .expect-grid { gap: 2rem !important; } .visit-preparation div { gap: 1.5rem !important; } /* Service Coverage Section */ .service-coverage div[style*="grid-template-columns: repeat(2, 1fr)"] { grid-template-columns: 1fr !important; gap: 2rem !important; } .service-coverage div[style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; gap: 1.5rem !important; } .locations-grid { gap: 2rem; } .contact-info-grid { gap: 2rem; } .hours-grid { gap: 2rem; } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .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 { background-attachment: scroll; min-height: 100vh; height: 100vh; } .hero h1 { font-size: 2.2rem; } .hero-subtitle { font-size: 1.1rem; } .contact-methods { grid-template-columns: 1fr; gap: 1.5rem; max-width: 400px; } .contact-method { padding: 1.5rem; min-height: 200px; } /* New What to Expect Section Mobile */ .expect-grid { grid-template-columns: 1fr !important; gap: 1.5rem !important; } .expect-card { padding: 1.5rem !important; min-height: auto !important; } .expect-card h3 { font-size: 1.2rem !important; margin-bottom: 1rem !important; } .expect-card p { font-size: 0.9rem !important; margin-bottom: 1rem !important; } .visit-preparation { padding: 2rem !important; } .visit-preparation h3 { font-size: 1.3rem !important; margin-bottom: 1.2rem !important; } .visit-preparation div { grid-template-columns: 1fr !important; gap: 1.2rem !important; margin-top: 1.5rem !important; } .visit-preparation h4 { font-size: 1rem !important; margin-bottom: 0.8rem !important; } .visit-preparation p { font-size: 0.85rem !important; } /* Service Coverage Section Mobile */ .service-coverage div[style*="grid-template-columns: repeat(2, 1fr)"] { grid-template-columns: 1fr !important; gap: 1.5rem !important; } .service-coverage div[style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; gap: 1.2rem !important; } .service-coverage div[style*="padding: 2.5rem"] { padding: 2rem !important; min-height: auto !important; } .service-coverage div[style*="padding: 3rem"] { padding: 2rem !important; } .service-coverage h3 { font-size: 1.2rem !important; margin-bottom: 1.2rem !important; } .service-coverage h4 { font-size: 1.1rem !important; margin-bottom: 0.8rem !important; } .service-coverage p { font-size: 0.9rem !important; margin-bottom: 1rem !important; } /* 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; } .locations-grid { grid-template-columns: 1fr; gap: 2rem; } .location-content { padding: 2rem; } .location-buttons { flex-direction: column; } .location-map { height: 150px; margin: 1rem 0; } .contact-info-grid { grid-template-columns: 1fr; gap: 2rem; } .contact-info-card { padding: 2rem; min-height: 240px; } .hours-grid { grid-template-columns: 1fr; gap: 2rem; } .hours-card { padding: 2rem; min-height: 240px; } .section { padding: 60px 0; } .section-title { font-size: 2rem; } } @media (max-width: 480px) { .hero { background-attachment: scroll; min-height: 100vh; height: 100vh; } .hero h1 { font-size: 1.8rem; } .contact-method { padding: 1.2rem; min-height: 180px; } /* What to Expect Section Mobile Small */ .expect-card { padding: 1.2rem !important; min-height: auto !important; } .expect-card h3 { font-size: 1.1rem !important; margin-bottom: 0.8rem !important; } .expect-card p { font-size: 0.85rem !important; margin-bottom: 0.8rem !important; } .visit-preparation { padding: 1.5rem !important; } .visit-preparation h3 { font-size: 1.2rem !important; margin-bottom: 1rem !important; } .visit-preparation div { gap: 1rem !important; margin-top: 1.2rem !important; } .visit-preparation h4 { font-size: 0.95rem !important; margin-bottom: 0.6rem !important; } .visit-preparation p { font-size: 0.8rem !important; } /* Service Coverage Section Mobile Small */ .service-coverage div[style*="padding: 2.5rem"] { padding: 1.5rem !important; min-height: auto !important; } .service-coverage div[style*="padding: 3rem"] { padding: 1.5rem !important; } .service-coverage h3 { font-size: 1.1rem !important; margin-bottom: 1rem !important; } .service-coverage h4 { font-size: 1rem !important; margin-bottom: 0.6rem !important; } .service-coverage p { font-size: 0.85rem !important; margin-bottom: 0.8rem !important; } /* 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-content { padding: 1.5rem; } .contact-info-card { padding: 1.5rem; min-height: 220px; } .hours-card { padding: 1.5rem; min-height: 220px; } .location-map { height: 140px; margin: 0.8rem 0; } .section { padding: 50px 0; } } /* Accessibility Improvements */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Print Styles */ @media print { .navbar, .footer { display: none; } .hero { background: none; color: black; } .section { padding: 20px 0; } }

Contact Five Star Auto Body for Free Collision Repair Estimates

Get free in-person auto body repair estimates at 4 convenient Washington locations. Walk-ins welcome Mon-Fri 9AM-4PM for most insurance companies. Expert collision repair with 20+ certified journeymen technicians serving Vancouver, Longview, and Chehalis with comprehensive insurance claims support and lifetime warranty guarantee.

Call to Schedule (Required for 3 Insurance Companies Only)

ONLY Geico, Progressive, and State Farm customers need to call ahead to schedule. All other insurance companies can walk in anytime during estimate hours (9AM-4PM).

Call Now

Email for Questions Only

Ask about our services, hours, or insurance process. We do NOT provide estimates via email - all estimates must be done in-person at our locations.

Email Questions

Walk-In for Free Estimates

Walk-ins welcome Mon-Fri 9AM-4PM for estimates. General business hours 8AM-5PM. ALL insurance companies except Geico, Progressive, and State Farm (those 3 must call ahead).

Find Location

What to Expect During Your Auto Body Estimate Visit

Professional collision repair assessment process at Five Star Auto Body locations across Washington State

Free In-Person Damage Assessment

Our certified auto body technicians perform comprehensive vehicle inspections to identify all collision damage, including hidden structural issues. We examine paint damage, dent severity, frame alignment, and safety system functionality. This thorough assessment ensures accurate repair estimates and prevents surprise costs during the collision repair process.

Average Assessment Time: 15-30 minutes

Insurance Claims Consultation

We help navigate your insurance claim process with expertise gained from working with all major providers. Our team explains coverage options, deductible requirements, and claim timelines specific to your policy. We handle communication with insurance adjusters and ensure you receive appropriate coverage for quality auto body repairs.

Insurance Companies Served: All major providers including Geico, Progressive, State Farm

Detailed Repair Timeline Estimate

Receive accurate completion timeframes based on damage severity, parts availability, and current shop capacity across our Vancouver, Longview, and Chehalis locations. We provide realistic expectations for minor dent repairs (1-2 days) to major collision reconstruction (1-2 weeks) with regular progress updates throughout the auto body repair process.

Average Repair Times: Minor repairs 1-3 days, Major collision work 7-14 days

Quality Guarantee Discussion

Learn about our comprehensive warranty coverage on collision repairs, paint work, and parts installation. We explain our quality control processes, manufacturer certifications, and post-repair support. Our lifetime warranty on completed auto body repairs demonstrates confidence in our 20+ journeymen technicians and adherence to manufacturer specifications.

Warranty Coverage: Lifetime guarantee on workmanship and materials

What to Bring for Your Auto Body Estimate Visit

Insurance Information

Policy card, claim number (if filed), and contact information for your insurance agent or company representative

Vehicle Documentation

Registration, accident report (if available), and photos of damage taken immediately after the incident

Personal Items

Remove all personal belongings from your vehicle and ensure keys are available for our technicians to access all areas

Important Insurance Information

GEICO PROGRESSIVE STATE FARM

Appointment Required: These 3 insurance companies require scheduled appointments. Call before visiting to schedule your estimate.

All Other Insurance Companies: No appointment needed! Walk-ins welcome anytime Monday-Friday 9:00 AM - 4:00 PM for free estimates. General business hours 8:00 AM - 5:00 PM.

Call Now

How to Contact Five Star Auto Body

Most customers can walk in anytime for estimates. Only Geico, Progressive, and State Farm customers need to call first. All estimates require in-person visits to our Washington locations.

Phone for Scheduling (3 Insurance Companies Only)

Call any of our locations ONLY if you have Geico, Progressive, or State Farm insurance to schedule your required appointment. All other insurance companies do not need appointments - just walk in during estimate hours (9AM-4PM). We can also answer general questions about our auto body repair services and insurance claims processing during business hours.

Main: (360) 699-4887
Business Hours: Mon-Fri 8:00 AM - 5:00 PM
Estimate Hours: Mon-Fri 9:00 AM - 4:00 PM

Email for General Information

Send us questions about our auto body repair services, business hours, insurance requirements, or request detailed information about collision repair processes and timelines. We respond promptly to all inquiries with comprehensive information. Note: All estimates require an in-person visit.

Email: fivestarautobody@gmail.com
Response: Within 24 hours during business days

Walk-In for Free In-Person Estimates

All estimates must be done in-person at any of our 4 Washington locations. Walk-ins welcome Mon-Fri 9AM-4PM for estimates (most insurance companies). ONLY Geico, Progressive, and State Farm customers need to call ahead for appointments - everyone else can just show up during estimate hours. Meet our certified technicians and get accurate assessments of your vehicle damage.

Locations: Vancouver (2), Longview, Chehalis
Business Hours: Mon-Fri 8:00 AM - 5:00 PM
Walk-In Estimate Hours: Mon-Fri 9:00 AM - 4:00 PM
Saturday Estimates: 3019 NE 68th St Vancouver 10:00 AM - 2:00 PM

Auto Body Shop Hours

Convenient hours across all locations with Saturday estimates available at our 3019 NE 68th St Vancouver location

General Business Hours

Monday - Friday

8:00 AM - 5:00 PM

All four locations: Vancouver (2), Longview, and Chehalis

Phone calls, general inquiries, and administrative services

Walk-In Estimate Hours

Monday - Friday

9:00 AM - 4:00 PM

Free in-person collision repair estimates at all locations

Saturday estimates: 3019 NE 68th St Vancouver 10:00 AM - 2:00 PM

Our 4 Washington Auto Body Locations

Visit any location for expert auto body repair and free in-person estimates during estimate hours (Mon-Fri 9AM-4PM). Walk-ins welcome for most insurance companies. Only Geico, Progressive, and State Farm customers need appointments.

Columbia St - Vancouver WA

Address: 1813 Columbia St, Vancouver WA 98660

Phone: (360) 258-1612

Business Hours: Mon-Fri 8:00 AM - 5:00 PM

Estimate Hours: Mon-Fri 9:00 AM - 4:00 PM

Services: Full collision repair, auto body repair, paint restoration, frame straightening, insurance claims processing

Specialties: Classic vehicle restoration, custom paint work, luxury vehicle repair

Call Location Get Directions

3019 NE 68th St - Vancouver WA

Address: 3019 NE 68th St, Vancouver WA 98665

Phone: (360) 699-4887

Business Hours: Mon-Fri 8:00 AM - 5:00 PM

Estimate Hours: Mon-Fri 9:00 AM - 4:00 PM
Saturday Estimates: 10:00 AM - 2:00 PM

Services: Full collision repair, auto body repair, paint restoration, advanced safety system calibration, insurance claims

Specialties: Modern vehicle systems, commercial fleet services, expedited repairs

Call Location Get Directions

Commerce Ave - Longview WA

Address: 760 Commerce Ave, Longview WA 98632

Phone: (360) 353-3018

Business Hours: Mon-Fri 8:00 AM - 5:00 PM

Estimate Hours: Mon-Fri 9:00 AM - 4:00 PM

Services: Full collision repair, auto body repair, paint restoration, structural repair, insurance claims processing

Specialties: Heavy damage repair, truck and SUV services, frame straightening

Call Location Get Directions

N Market Blvd - Chehalis WA

Address: 55 N Market Blvd, Chehalis WA 98532

Phone: (360) 748-8344

Business Hours: Mon-Fri 8:00 AM - 5:00 PM

Estimate Hours: Mon-Fri 9:00 AM - 4:00 PM

Services: Full collision repair, auto body repair, paint restoration, dent removal, insurance claims support

Specialties: Rural and agricultural vehicle repair, commercial services, comprehensive restoration

Call Location Get Directions

Auto Body Repair Service Areas Throughout Southwest Washington

Comprehensive collision repair coverage serving Vancouver, Longview, Chehalis and surrounding communities with convenient location access

Vancouver Washington Auto Body Coverage

Our two Vancouver locations at Columbia St and 3019 NE 68th St provide comprehensive auto body repair services to Vancouver, Camas, Washougal, Battle Ground, Ridgefield, and surrounding Clark County communities. Convenient access from I-205, I-5, and Highway 14 with extended Saturday estimate hours at our 3019 NE 68th St location.

Primary Coverage: Clark County, Southwest Washington

Longview & Chehalis Auto Body Services

Professional collision repair serving Longview, Kelso, Castle Rock, Woodland, Centralia, Olympia, Tumwater and surrounding Cowlitz and Lewis County areas. Strategic location access via I-5 corridor with specialized services for commercial fleets, agricultural vehicles, and rural transportation needs across Southwest Washington.

Primary Coverage: Cowlitz County, Lewis County, Thurston County

Why Choose Five Star Auto Body for Your Collision Repair Needs

20+ Certified Journeymen

Master-level technicians with manufacturer certifications from Kia, FCA, Hyundai, Nissan, GM, and Ford ensuring OEM-quality collision repairs

Lifetime Warranty Guarantee

Comprehensive lifetime warranty on all auto body repairs, paint work, and parts installation demonstrating confidence in our quality standards

Insurance Claims Expertise

Direct billing and claims processing with all major insurance companies, streamlining your collision repair experience with maximum coverage assistance

Frequently Asked Contact Questions

Common questions about contacting Five Star Auto Body and scheduling visits for in-person collision repair estimates

How quickly can I get a free auto body repair estimate?

We do NOT provide estimates over the phone or via email - all estimates must be done in-person at one of our locations. Most customers can walk in immediately Monday-Friday 9:00 AM - 4:00 PM during our estimate hours and get their estimate right away. However, if you have Geico, Progressive, or State Farm insurance, you must call ahead to schedule an appointment first. Our 3019 NE 68th St Vancouver location also offers Saturday estimate hours (10:00 AM - 2:00 PM). General business hours are 8:00 AM - 5:00 PM for phone calls and administrative services.

Do I need an appointment to visit Five Star Auto Body?

NO appointment needed for most customers! It depends ONLY on your insurance company. If you have Geico, Progressive, or State Farm insurance, you MUST call ahead to schedule an appointment - we do not accept walk-ins for these 3 companies. For ALL other insurance companies, no appointment needed - just walk in anytime during our estimate hours (Mon-Fri 9:00 AM - 4:00 PM). Our 3019 NE 68th St Vancouver location also offers Saturday estimate hours (10:00 AM - 2:00 PM). General business hours are 8:00 AM - 5:00 PM for phone calls and other services.

Which Five Star Auto Body location should I contact?

Contact the location most convenient for you - all four locations offer the same high-quality services and can handle any auto body repair needs. Vancouver residents can choose between Columbia St or 3019 NE 68th St locations, while Longview and Chehalis each have dedicated facilities.

Can I get help with insurance claims over the phone?

We cannot process insurance claims over the phone - all claims work must be done in-person at one of our locations. However, you can call with questions about the insurance claims process, what to expect, or general information about how we work with insurance companies. For actual claims processing, estimates, and paperwork, you need to visit us in person so we can properly assess your vehicle and work directly with your insurance provider.

Find All Five Star Auto Body Locations

Interactive map showing all four auto body repair locations across Southwest Washington State where you can get free in-person estimates