Collision Repair Vancouver WA | Expert Auto Body Repair | Five Star Auto Body | 2 Locations * { 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; overflow-x: hidden; } .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); transition: all 0.3s ease; } .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 */ .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; display: flex; align-items: center; justify-content: center; padding: 0; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(249, 115, 22, 0.4) 0%, rgba(234, 88, 12, 0.4) 50%, rgba(37, 99, 235, 0.4) 100%); z-index: 1; } .hero .container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .hero h1 { font-size: 3.5rem; font-weight: bold; margin-bottom: 1.5rem; line-height: 1.2; text-shadow: 3px 3px 6px rgba(0,0,0,0.4); max-width: 900px; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 2.5rem; opacity: 0.95; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.5; } .hero-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin: 3rem auto 2rem; max-width: 900px; width: 100%; } .hero-feature { background: rgba(255,255,255,0.15); padding: 2rem 1.5rem; border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; text-align: center; } .hero-feature:hover { background: rgba(255,255,255,0.25); transform: translateY(-5px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.2); } .hero-feature h3 { font-size: 1.8rem; font-weight: bold; color: #fed7aa; margin-bottom: 0.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .hero-feature p { font-size: 0.95rem; opacity: 0.9; line-height: 1.4; } .hero-cta { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; } .cta-button { background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 1.2rem 2.5rem; text-decoration: none; border-radius: 35px; font-weight: 600; font-size: 1.1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px 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 40px rgba(249, 115, 22, 0.4); } .cta-button.secondary { background: transparent; border: 2px solid white; color: white; box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2); } .cta-button.secondary:hover { background: white; color: #f97316; box-shadow: 0 15px 40px rgba(255, 255, 255, 0.3); } /* Sections */ .section { padding: 80px 0; position: relative; } .section-title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: #2563eb; line-height: 1.3; } .section-subtitle { text-align: center; font-size: 1.1rem; color: #6b7280; margin-bottom: 3rem; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.6; } /* Vancouver Collision Services - 1x3 Grid */ .collision-services { background: white; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .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: 350px; 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-card p a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .service-card p a:hover { color: #f97316; } .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); } /* Collision Process - 3x1 Grid */ .collision-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: 350px; 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; } /* Collision Cost & Insurance - 2x2 Grid */ .collision-cost { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .collision-cost .section-title { color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .collision-cost .section-subtitle { color: #e0e7ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .cost-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .cost-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: 240px; display: flex; flex-direction: column; justify-content: space-between; } .cost-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); } .cost-card h3 { color: #fed7aa; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 600; line-height: 1.3; } .cost-card p { line-height: 1.6; opacity: 0.9; margin-bottom: 1.5rem; flex-grow: 1; } .cost-link { color: #fed7aa; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .cost-link:hover { color: white; transform: translateX(5px); } /* Vancouver Locations - 2x1 Grid */ .vancouver-locations { background: white; } .locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .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: 500px; display: flex; flex-direction: column; } .location-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-card:hover::before { transform: translateX(0); } .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-card h3 { color: #2563eb; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 600; line-height: 1.3; } .location-details { margin-bottom: 1.5rem; 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; min-width: 80px; } .location-map { height: 150px; 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-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); } /* Collision Types - 2x3 Grid */ .collision-types { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .types-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .type-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: 300px; display: flex; flex-direction: column; justify-content: space-between; } .type-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; } .type-card:hover::before { transform: translateX(0); } .type-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); } .type-card h3 { font-size: 1.3rem; color: #2563eb; margin-bottom: 1rem; font-weight: 600; line-height: 1.3; } .type-card p { color: #6b7280; line-height: 1.6; font-size: 0.95rem; flex-grow: 1; } /* Insurance Claims - 1x2 Grid */ .insurance-claims { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .insurance-claims .section-title { color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .insurance-claims .section-subtitle { color: #fed7aa; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .insurance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .insurance-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: 320px; display: flex; flex-direction: column; justify-content: space-between; } .insurance-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); } .insurance-card h3 { color: #fed7aa; margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } .insurance-card p { line-height: 1.6; opacity: 0.9; margin-bottom: 1.5rem; flex-grow: 1; } .insurance-link { color: #fed7aa; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .insurance-link:hover { color: white; transform: translateX(5px); } /* Reviews Section */ .collision-reviews { background: white; } .reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .review-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 2.5rem; 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: 280px; display: flex; flex-direction: column; justify-content: space-between; } .review-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; } .review-card:hover::before { left: 100%; } .review-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .review-header { margin-bottom: 1.5rem; } .review-header h3 { color: #2563eb; margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 600; } .review-rating { color: #f97316; font-size: 1.1rem; font-weight: 600; } .review-text { font-style: italic; line-height: 1.6; margin-bottom: 1.5rem; color: #6b7280; flex-grow: 1; } .review-author { color: #2563eb; font-weight: 600; } /* Contact CTA */ .contact-cta { background: white; text-align: center; } .cta-content { max-width: 700px; margin: 0 auto; } .cta-content h2 { color: #2563eb; margin-bottom: 1rem; font-size: 2.2rem; } .cta-content p { font-size: 1.1rem; color: #6b7280; margin-bottom: 2rem; line-height: 1.6; } .cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .cta-buttons .cta-button.secondary { background: #2563eb; color: white; border: 3px solid #2563eb; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3); } .cta-buttons .cta-button.secondary:hover { background: #1d4ed8; color: white; border-color: #1d4ed8; box-shadow: 0 12px 30px rgba(37, 99, 235, 0.4); } /* 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; } /* Responsive Design */ @media (max-width: 1024px) { .services-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } .types-grid { grid-template-columns: repeat(2, 1fr); } .hero-features { grid-template-columns: repeat(2, 1fr); } .process-grid { grid-template-columns: repeat(2, 1fr); } } @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; height: 100vh; min-height: 100vh; padding: 0; } .hero .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; } .hero h1 { font-size: 2.5rem; } .hero-subtitle { font-size: 1.2rem; } .hero-features { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; max-width: 400px; } .hero-cta { flex-direction: column; align-items: center; gap: 1rem; } .cta-button { padding: 1rem 2rem; font-size: 1rem; } .services-grid { grid-template-columns: 1fr; gap: 2rem; } .process-grid { grid-template-columns: 1fr; gap: 2rem; } .cost-grid { grid-template-columns: 1fr; gap: 2rem; } .locations-grid { grid-template-columns: 1fr; gap: 2rem; } .types-grid { grid-template-columns: 1fr; gap: 2rem; } .insurance-grid { grid-template-columns: 1fr; gap: 2rem; } .reviews-grid { grid-template-columns: 1fr; gap: 2rem; } .cta-buttons { flex-direction: column; align-items: center; } .section { padding: 60px 0; } .section-title { font-size: 2rem; } } @media (max-width: 480px) { .hero { height: 100vh; min-height: 100vh; padding: 0; } .hero .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; } .hero h1 { font-size: 2rem; } .hero-features { grid-template-columns: 1fr; gap: 1.5rem; max-width: 300px; } .hero-feature { padding: 1.5rem; } .service-card { padding: 2rem; min-height: 320px; } .process-step { padding: 2rem; min-height: 320px; } .cost-card { padding: 2rem; min-height: 280px; } .location-content { padding: 2rem; } .location-map { height: 120px; margin: 1rem 0; } .type-card { padding: 2rem; min-height: 280px; } .insurance-card { padding: 2rem; min-height: 300px; } .review-card { padding: 2rem; min-height: 260px; } .section { padding: 50px 0; } } /* Performance Optimizations */ .nav-logo img, .service-card, .process-step, .cost-card, .location-card, .type-card, .insurance-card, .review-card { will-change: transform; } /* 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; height: auto; min-height: auto; } .section { padding: 20px 0; } }
Five Star Auto Body
  • Home
  • About
  • Services
    Auto Body Repair Collision Repair
  • Locations
    Vancouver WA Longview WA Chehalis WA
  • Gallery
  • Reviews
  • Contact

Collision Repair Vancouver WA

Expert collision repair services in Vancouver Washington. Five Star Auto Body provides professional accident damage repair, frame straightening, and insurance claims support at 2 convenient Vancouver locations with certified technicians.

Free

Estimates

2

Vancouver Locations

3-5

Day Repairs

100%

Insurance Support

Get Free Estimate Call (360) 699-4887

Collision Repair Services Vancouver WA

Comprehensive collision repair services in Vancouver Washington with certified technicians and state-of-the-art equipment at both NE 68th Street and Columbia Street locations

Complete Collision Repair Vancouver

Expert collision repair for all vehicle makes and models in Vancouver WA. Our certified technicians restore vehicles to pre-accident condition using advanced repair techniques and manufacturer-approved methods. We provide comprehensive collision repair services with quality guarantees.

Learn More →

Frame Straightening Vancouver WA

Advanced frame straightening and structural repair using computerized measuring systems to ensure your vehicle's safety and structural integrity. Our Vancouver auto body shops use precision equipment to restore proper alignment and safety specifications.

Vancouver Locations →

Insurance Claims Vancouver

Complete insurance claims support and direct billing with all major insurance providers. Our Vancouver team handles paperwork, works with adjusters, and ensures you receive proper coverage. Contact our specialists for claim assistance.

Get Help →

Collision Repair Process Vancouver WA

Our streamlined collision repair process in Vancouver ensures quality results and transparent communication from damage assessment to completed repair

1

Damage Assessment & Estimate

Thorough collision damage assessment at our Vancouver locations with detailed repair estimates. We evaluate structural damage, safety systems, and provide accurate timelines for Vancouver collision repair completion with transparent pricing.

2

Insurance & Repair Authorization

Complete insurance claim processing and repair authorization coordination. Our Vancouver team works directly with insurance adjusters to ensure proper coverage and expedite approval for quality collision repair services.

3

Expert Repair & Quality Control

Professional collision repair using OEM parts and manufacturer-approved techniques. Our certified Vancouver technicians perform comprehensive quality inspections ensuring your vehicle meets safety standards and warranty requirements.

Collision Repair Cost Vancouver WA

Understanding collision repair costs and insurance coverage in Vancouver Washington with transparent pricing and comprehensive claim support

Vancouver Collision Repair Pricing

Collision repair costs in Vancouver vary based on damage extent, vehicle type, and parts requirements. Minor collision damage may range from $1,500-$3,500, while major structural repairs can cost $5,000-$15,000. We provide detailed estimates with no hidden fees for all Vancouver collision repairs.

Get Free Estimate →

Insurance Coverage Vancouver WA

Most collision repairs in Vancouver WA are covered by comprehensive or collision insurance. Deductibles typically range from $250-$1,000. Our Vancouver team works with all major insurance providers including State Farm, Allstate, GEICO, and Progressive to maximize your coverage.

Insurance Support →

Vancouver Collision Repair Locations

Two convenient collision repair locations serving Vancouver WA and surrounding Clark County areas with expert technicians and advanced equipment

NE 68th Street Collision Repair

Address: NE 68th Street, Vancouver WA 98662
Phone: (360) 699-4887
Specialties: Advanced collision repair, frame straightening, luxury vehicle restoration
Reviews: 418 Google reviews, 4.8★ rating
Call Location Get Directions

Columbia Street Collision Repair

Address: Columbia Street, Vancouver WA 98660
Phone: (360) 258-1612
Specialties: Collision repair, paint restoration, classic vehicle work
Reviews: 42 Google reviews, 4.9★ rating
Call Location Get Directions

Types of Collision Damage We Repair

Expert collision repair for all types of vehicle damage in Vancouver WA with specialized techniques and advanced equipment

Front End Collision Repair

Comprehensive front end collision repair including hood, bumper, headlights, and radiator damage. Our Vancouver technicians restore structural integrity and safety systems.

Side Impact Collision Repair

Expert side impact collision repair including door replacement, quarter panel repair, and B-pillar straightening with advanced measuring systems.

Rear End Collision Repair

Professional rear end collision repair including trunk, bumper, and taillight restoration with proper structural alignment verification.

Multi-Point Collision Repair

Complex multi-point collision damage repair requiring comprehensive structural work and advanced repair techniques with quality assurance.

Frame Damage Repair

Advanced frame damage repair using computerized measuring and straightening equipment to restore proper vehicle geometry and safety.

Safety System Calibration

Modern vehicle safety system calibration including airbags, sensors, and ADAS systems following collision repair completion.

Insurance Claims Vancouver WA

Complete insurance claims support for collision repairs in Vancouver Washington with direct billing and expert claim advocacy

Insurance Claim Process Vancouver

Our Vancouver collision repair team guides you through the entire insurance claim process from initial report to final payment. We work directly with your insurance adjuster to ensure proper coverage and expedite claim approval for quality collision repairs with minimal hassle.

Start Claim Process →

Direct Insurance Billing Vancouver

We offer direct billing with all major insurance providers in Vancouver WA including State Farm, Allstate, GEICO, Progressive, and Farmers. This service eliminates upfront costs and streamlines the collision repair payment process for your convenience.

Check Coverage →

Vancouver Collision Repair Reviews

Read what Vancouver customers say about their collision repair experience with Five Star Auto Body

Excellent Collision Repair

★★★★★ 5.0

"Outstanding collision repair service at the NE 68th Street Vancouver location! My car was involved in a major accident and they completely restored it to like-new condition. The team was professional, communicated well throughout the process, and worked seamlessly with my insurance company."

- Sarah M., Vancouver WA

Professional Service

★★★★★ 5.0

"Five Star Auto Body provided exceptional collision repair service at their Columbia Street Vancouver location. The damage assessment was thorough, the estimate was accurate, and they completed the repairs ahead of schedule. I highly recommend them for any collision repair needs in Vancouver."

- Mike R., Vancouver WA

Read All Vancouver Reviews →

Get Your Free Vancouver Collision Repair Estimate

Contact Five Star Auto Body today for expert collision repair services in Vancouver WA. Choose from our convenient NE 68th Street or Columbia Street locations for professional accident damage repair.

Get Free Estimate Auto Body Services

Vancouver Collision Services

  • Collision Repair Vancouver
  • Auto Body Repair Vancouver
  • Columbia Street Services
  • Collision Repair
  • Auto Body Repair

Vancouver Locations

  • NE 68th Street
  • Columbia Street
  • Vancouver WA
  • Longview WA
  • Chehalis WA

Company

  • About Five Star Auto Body
  • Customer Reviews
  • Careers & Employment
  • Auto Body Blog
  • Project Gallery
  • Contact Us

Vancouver Contact

  • NE 68th: (360) 699-4887
  • Columbia: (360) 258-1612
  • Email: info@fivestarvancouver.com
  • Hours: Mon-Fri 7:30 AM - 5:30 PM

© 2024 Five Star Auto Body. All rights reserved.

Collision Repair Vancouver WA | Vancouver Collision Repair | Auto Body Repair Vancouver Washington