Auto Body Shop Near Me | Vancouver WA Auto Body Repair | Five Star * { 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 - Same as homepage */ .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 - Same as homepage */ .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; } .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; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; } .hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: scroll; z-index: -1; display: none; } .hero .container { position: relative; z-index: 2; width: 100%; max-height: calc(100vh - 140px); display: flex; flex-direction: column; justify-content: center; } .hero h1 { font-size: 2.8rem; font-weight: bold; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; opacity: 0.9; } .hero-cta-container { display: flex; justify-content: center; gap: 1.5rem; margin-top: 2rem; flex-wrap: wrap; } .hero-cta { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 14px 28px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4); position: relative; overflow: hidden; } .hero-cta::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; } .hero-cta:hover::after { width: 300px; height: 300px; } .hero-cta:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5); } .hero-cta.secondary { background: rgba(255,255,255,0.2); backdrop-filter: blur(20px); border: 2px solid rgba(255,255,255,0.3); } .hero-cta.secondary:hover { background: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.5); } /* Insurance Notice Section - Same as homepage */ .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; } /* Vancouver Auto Body Services Section */ .vancouver-services { background: white; padding-top: 100px; } .vancouver-services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; max-width: 1000px; margin: 0 auto; } .service-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .service-card:hover::before { transform: translateX(0); } .service-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .service-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .service-card p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .service-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .service-link:hover { color: #2563eb; transform: translateX(5px); } /* Vancouver Locations Section */ .vancouver-locations { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; max-width: 900px; margin: 0 auto; } .location-card { background: white; 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: 400px; display: flex; flex-direction: column; } .location-card:hover { transform: translateY(-12px) scale(1.03); box-shadow: 0 35px 90px rgba(0,0,0,0.18); border-color: rgba(249, 115, 22, 0.3); } .location-image { height: 140px; background: linear-gradient(135deg, #f97316, #2563eb); display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 1rem; position: relative; overflow: hidden; } .location-image::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 1s ease; } .location-card:hover .location-image::before { left: 100%; } .location-content { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .location-card h3 { color: #2563eb; margin-bottom: 1rem; font-size: 1.3rem; font-weight: 600; line-height: 1.3; } .location-details { color: #6b7280; margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; } .location-details p { margin-bottom: 0.6rem; } .location-details strong { color: #374151; } .location-buttons { display: flex; gap: 1rem; margin-top: auto; } .btn-primary, .btn-secondary { padding: 0.8rem 1.5rem; border-radius: 25px; text-decoration: none; text-align: center; font-weight: 500; font-size: 0.9rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex: 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); } /* Vancouver Service Area Section */ .vancouver-service-area { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .vancouver-service-area .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .vancouver-service-area .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .service-areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; max-width: 1100px; margin: 0 auto; } .area-item { text-align: center; padding: 2.5rem 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: 1rem; font-size: 1.3rem; font-weight: 600; line-height: 1.3; } .area-item p { font-size: 0.95rem; line-height: 1.6; margin-bottom: 1rem; } /* Auto Body Process Section */ .vancouver-process { background: white; } .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .process-step { background: linear-gradient(145deg, #ffffff, #f8fafc); 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: 320px; 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; } /* FAQ Section */ .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; } .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; } .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: 300px; } .faq-answer-content { padding: 2rem; color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Footer - Same as homepage */ .footer { background: #374151; color: white; padding: 3rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h3 { color: #f97316; margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 0.8rem; } .footer-section a { color: white; text-decoration: none; opacity: 0.8; transition: all 0.3s ease; font-size: 0.95rem; } .footer-section a:hover { color: #f97316; opacity: 1; transform: translateX(3px); } .footer-bottom { border-top: 1px solid #6b7280; padding-top: 2rem; text-align: center; opacity: 0.7; font-size: 0.9rem; line-height: 1.6; } /* Mobile Responsive */ @media (max-width: 768px) { .mobile-menu-btn { display: block; } .hero-video { display: none !important; } .hero::after { display: block !important; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 1rem 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-top: 1px solid #e5e7eb; } .nav-menu.active { display: flex; } .nav-item { width: 100%; border-bottom: 1px solid #f3f4f6; } .nav-item:last-child { border-bottom: none; } .nav-link { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-weight: 500; border: none; background: none; width: 100%; text-align: left; cursor: pointer; } .nav-link:hover { background: #f9fafb; color: #f97316; } .nav-cta { background: #f97316; color: white !important; margin: 0.5rem 1rem; border-radius: 8px; text-align: center; } .nav-cta:hover { background: #ea580c; } .dropdown { position: relative; } .dropdown-content { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #f8fafc; margin: 0; border-radius: 0; border: none; border-top: 1px solid #e5e7eb; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .dropdown.active .dropdown-content { max-height: 500px; } .dropdown-content a { display: block; padding: 0.8rem 2rem; color: #6b7280; text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.2s ease; border-radius: 0; margin: 0; border-bottom: 1px solid #e5e7eb; } .dropdown-content a:last-child { border-bottom: none; } .dropdown-content a:hover { background: #e5e7eb; color: #374151; transform: none; padding-left: 2.5rem; } .hero { height: 100vh; min-height: 600px; padding: 90px 15px 15px; } .hero h1 { font-size: 1.9rem; margin-bottom: 0.8rem; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; padding: 0 10px; } .hero-cta-container { flex-direction: column; align-items: center; gap: 1rem; margin-top: 1.5rem; } .hero-cta { padding: 12px 24px; font-size: 0.9rem; width: 100%; max-width: 280px; } .insurance-notice { padding: 1.5rem 0; } .notice-content { grid-template-columns: 1fr; gap: 1rem; text-align: center; } .notice-text h2 { font-size: 1.2rem; margin-bottom: 0.8rem; } .insurance-grid { grid-template-columns: 1fr; gap: 1rem; } .insurance-item { padding: 0.8rem; } .insurance-item p { font-size: 0.85rem; } .company-badge { font-size: 0.65rem; padding: 0.25rem 0.5rem; } .urgent-cta { padding: 0.7rem 1.2rem; font-size: 0.85rem; } .section { padding: 50px 0; } .vancouver-services { padding-top: 70px; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } .vancouver-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; } .locations-grid { grid-template-columns: 1fr; gap: 1.5rem; } .location-card { max-width: 400px; margin: 0 auto; min-height: auto; } .location-content { padding: 1.5rem; } .location-card h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .location-details { font-size: 0.85rem; margin-bottom: 1rem; } .location-buttons { flex-direction: row; gap: 0.8rem; } .btn-primary, .btn-secondary { padding: 0.6rem 1rem; font-size: 0.85rem; } .service-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; } .process-grid { grid-template-columns: 1fr; gap: 1.5rem; } .process-step { padding: 1.5rem; min-height: auto; } .step-number { width: 60px; height: 60px; font-size: 1.5rem; margin-bottom: 1rem; } .process-step h3 { font-size: 1.2rem; margin-bottom: 1rem; } .process-step p { font-size: 0.9rem; } .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; line-height: 1.3; } .faq-answer-content { padding: 1.5rem; font-size: 0.9rem; } .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) { .hero-video { display: none !important; } .hero::after { display: block !important; } .hero { height: 100vh; min-height: 550px; padding: 80px 10px 10px; } .hero h1 { font-size: 1.5rem; margin-bottom: 0.6rem; } .hero-subtitle { font-size: 0.9rem; margin-bottom: 1rem; padding: 0 5px; } .hero-cta { padding: 10px 20px; font-size: 0.85rem; max-width: 260px; } .insurance-notice { padding: 1.2rem 0; } .notice-text h2 { font-size: 1.1rem; margin-bottom: 0.6rem; } .insurance-item { padding: 0.7rem; } .insurance-item p { font-size: 0.8rem; } .company-badge { font-size: 0.6rem; padding: 0.2rem 0.4rem; } .urgent-cta { padding: 0.6rem 1rem; font-size: 0.8rem; } .section { padding: 40px 0; } .vancouver-services { padding-top: 60px; } .section-title { font-size: 1.6rem; margin-bottom: 0.8rem; } .section-subtitle { font-size: 0.9rem; margin-bottom: 1.5rem; padding: 0 5px; } .container { padding: 0 15px; } .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; } .location-content { padding: 1.2rem; } .location-card h3 { font-size: 1rem; margin-bottom: 0.6rem; } .location-details { font-size: 0.8rem; margin-bottom: 0.8rem; } .location-buttons { gap: 0.6rem; } .btn-primary, .btn-secondary { padding: 0.5rem 0.8rem; font-size: 0.8rem; } .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; } .process-step { padding: 1.2rem; } .step-number { width: 50px; height: 50px; font-size: 1.2rem; margin-bottom: 0.8rem; } .process-step h3 { font-size: 1.1rem; margin-bottom: 0.8rem; } .process-step p { font-size: 0.85rem; } .faq-question { padding: 1.2rem; } .faq-question h3 { font-size: 1rem; } .faq-toggle { font-size: 1.2rem; } .faq-answer-content { padding: 1.2rem; font-size: 0.85rem; } .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; } } @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-cta { padding: 16px 32px; font-size: 1.1rem; } } @media (min-width: 1400px) { .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 2.2rem; } .hero-cta { padding: 18px 36px; font-size: 1.2rem; } .vancouver-services-grid { gap: 3rem; } }

Auto Body Shop Near Me | Vancouver WA Auto Body Repair

Q: How much does auto body repair cost in Vancouver WA?

Auto body repair costs vary depending on damage extent. Five Star Auto Body provides free estimates at both Vancouver locations. We work with all insurance companies and offer financing options for major repairs. Contact us for accurate pricing on your specific repair needs.

Professional autobody repairs, collision repair, and paint services at two convenient Vancouver WA locations. Expert technicians, insurance claims support, and manufacturer certifications.

Call (360) 699-4887 Call (360) 258-1612 Find Locations

Important Insurance Information

GEICO PROGRESSIVE STATE FARM

Call Ahead Required: If you're using Geico, Progressive, or State Farm insurance, please call before visiting for scheduling requirements.

All Other Insurance: Free estimates available anytime Monday-Friday 9:00 AM - 4:00 PM. Walk-ins welcome!

Call Now

Vancouver WA Auto Body Repair Services

Comprehensive autobody repairs and collision services in Vancouver Washington with certified technicians and manufacturer warranties

Auto Body Repair Near Me Vancouver WA

Professional auto body repair services in Vancouver WA including dent removal, panel replacement, frame straightening, and structural repair. Our certified journeymen technicians use manufacturer-approved techniques and OEM parts to restore your vehicle to pre-accident condition with precision and quality workmanship.

Learn More →

Collision Repair Vancouver Washington

Expert collision repair services for all vehicle makes and models in Vancouver WA. We specialize in accident damage restoration, insurance claims processing, and comprehensive collision repair using advanced equipment and certified repair procedures with manufacturer certifications for quality assurance.

Learn More →

Paint Matching & Refinishing

Precision paint matching and automotive refinishing services in Vancouver WA using computerized color matching technology. We guarantee seamless blending that matches your vehicle's original finish with professional-grade automotive paint systems and multi-stage application processes.

View Gallery →

Insurance Claims Support

Comprehensive insurance claims assistance for Vancouver WA residents. We work directly with all major insurance companies including Geico, Progressive, State Farm, and others to streamline your claim process, handle paperwork, and ensure you receive proper coverage for your auto body repairs.

Get Help →

Two Convenient Vancouver WA Locations

Professional auto body repair services at two Vancouver Washington locations serving Clark County and surrounding areas

3019 NE 68th St Vancouver

NE 68th Street Auto Body Shop

Address: 3019 NE 68th St, Vancouver, WA 98665

Phone: (360) 699-4887

Hours: Mon-Fri 8:00 AM - 5:00 PM, Sat 10:00 AM - 2:00 PM

Services: Full auto body repair & collision services

Serving: Northeast Vancouver, Hazel Dell, Salmon Creek, Battle Ground areas

Location Details Call Now

1813 Columbia St Vancouver

Columbia Street Auto Body Shop

Address: 1813 Columbia St, Vancouver, WA 98660

Phone: (360) 258-1612

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

Services: Full auto body repair & collision services

Serving: Central Vancouver, Downtown Vancouver, Camas, Washougal areas

Location Details Call Now

Vancouver WA Service Area Coverage

Professional auto body repair services throughout Clark County Washington and surrounding communities

Vancouver Washington

Comprehensive auto body repair services throughout Vancouver WA including Downtown Vancouver, Northeast Vancouver, West Vancouver, and all Vancouver neighborhoods with convenient access to both our locations.

Battle Ground & Ridgefield

Serving Battle Ground WA, Ridgefield WA, and surrounding northern Clark County areas with professional collision repair and auto body services. Easy access from our NE 68th Street Vancouver location.

Camas & Washougal

Expert auto body repair services for Camas WA and Washougal WA residents with convenient access from our Columbia Street Vancouver location. Serving all of eastern Clark County Washington.

Our Vancouver WA Auto Body Repair Process

Streamlined collision repair process with transparent communication and guaranteed quality results at both Vancouver locations

Free Estimate in Vancouver

Visit either Vancouver location for detailed damage assessment and accurate repair estimates. Our certified technicians work with your insurance company to ensure proper coverage and transparent pricing for all Vancouver auto body repairs.

Professional Auto Body Work

Using manufacturer-approved techniques and OEM parts, our Vancouver journeymen technicians restore your vehicle to pre-accident condition. We provide regular updates throughout the collision repair process with quality workmanship guarantees.

Quality Inspection & Delivery

Final quality inspection ensures all repairs meet our high standards and manufacturer specifications. We guarantee our workmanship and provide comprehensive warranty on collision repairs completed at our Vancouver auto body shops.

Vancouver WA Auto Body Repair FAQs

Common questions about auto body repair, collision services, and insurance claims in Vancouver Washington

Where is the best auto body shop near me in Vancouver WA?

Five Star Auto Body has two convenient Vancouver WA locations: 3019 NE 68th St (360) 699-4887 and 1813 Columbia St (360) 258-1612. We offer professional auto body repair, collision repair, and paint services with certified technicians and manufacturer certifications serving all of Clark County.

How much does auto body repair cost in Vancouver WA?

Auto body repair costs vary depending on damage extent and vehicle type. Five Star Auto Body provides free estimates at both Vancouver locations. We work with all insurance companies and offer financing options for major repairs. Contact us for accurate pricing on your specific repair needs.

Do you provide auto body repair near me with same-day estimates?

Yes! Our Vancouver locations provide same-day estimates Monday-Friday 9:00 AM - 4:00 PM. Walk-ins welcome for most insurance companies. Call ahead for Geico, Progressive, or State Farm. Free estimates available at both Vancouver auto body shops with detailed damage assessments.

What areas does Five Star Auto Body serve in Vancouver WA?

We serve all of Vancouver WA, Battle Ground, Ridgefield, Camas, Washougal, and surrounding Clark County areas. Our two Vancouver locations provide convenient access for residents throughout the region with professional auto body and collision repair services.

What manufacturer certifications does your Vancouver auto body shop have?

Five Star Auto Body is certified by Kia, FCA (Chrysler, Dodge, Jeep, Ram), Hyundai, Nissan, GM (Chevrolet, Buick, GMC, Cadillac), and Ford for collision repair services. These certifications ensure we meet manufacturer standards for repair procedures, parts usage, and quality control at both Vancouver locations.