Auto Body Repair Blog & Expert Advice | Five Star Auto Body 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; } .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; 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 */ .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-locations { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin: 1.5rem auto 0; max-width: 650px; width: 100%; } .location-item { background: rgba(255,255,255,0.15); padding: 1.2rem; border-radius: 15px; text-align: center; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; position: relative; overflow: hidden; } .location-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); transition: left 0.8s ease; } .location-item:hover::before { left: 100%; } .location-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .location-item h3 { font-size: 0.9rem; margin-bottom: 1rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } .cta-button .phone-number { display: inline; } .cta-button .call-text { display: none; } .location-text { display: none; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 10px 20px; text-decoration: none; border-radius: 25px; font-weight: 600; font-size: 0.9rem; width: 100%; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3); position: relative; overflow: hidden; } .cta-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .cta-button:hover::after { width: 300px; height: 300px; } .cta-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } /* Insurance Notice Section */ .insurance-notice { background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%); color: white; padding: 2rem 0; position: relative; overflow: hidden; border-top: 4px solid #f97316; border-bottom: 4px solid #f97316; } .insurance-notice::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.1), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .notice-content { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; position: relative; z-index: 2; max-width: 1000px; margin: 0 auto; } .notice-text h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: #fed7aa; text-align: center; } .insurance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .insurance-item { background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 12px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .insurance-item:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .call-ahead { border-left: 4px solid #ef4444; } .walk-in { border-left: 4px solid #10b981; } .insurance-companies { display: flex; gap: 0.5rem; margin-bottom: 0.8rem; flex-wrap: wrap; } .company-badge { padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.7rem; font-weight: bold; color: white; text-transform: uppercase; letter-spacing: 0.5px; } .geico { background: #005a9b; } .progressive { background: #0066cc; } .statefarm { background: #cc0000; } .insurance-item p { font-size: 0.9rem; line-height: 1.4; margin: 0; } .insurance-item strong { color: #fed7aa; } .notice-cta { display: flex; align-items: center; } .urgent-cta { background: linear-gradient(45deg, #ef4444, #dc2626); color: white; padding: 0.8rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); animation: glow 2s infinite alternate; } @keyframes glow { from { box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); } to { box-shadow: 0 4px 25px rgba(239, 68, 68, 0.8); } } .urgent-cta:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.6); } /* Sections */ .section { padding: 80px 0; } .section-title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: #2563eb; } .section-subtitle { text-align: center; font-size: 1.1rem; color: #6b7280; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; } /* Blog Intro Section */ .blog-intro { background: white; padding-top: 100px; } .blog-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-bottom: 4rem; } .blog-intro-content h2 { font-size: 3rem; font-weight: bold; color: #2563eb; margin-bottom: 1.5rem; line-height: 1.2; } .blog-intro-content p { font-size: 1.1rem; line-height: 1.7; color: #6b7280; margin-bottom: 2rem; } .blog-intro-content p a { color: #f97316; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .blog-intro-content p a:hover { color: #2563eb; } .blog-features { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; } .blog-feature-item { background: #f8fafc; padding: 1.5rem; border-radius: 12px; border-left: 4px solid #f97316; } .blog-feature-item h3 { font-size: 1.1rem; font-weight: 600; color: #2563eb; margin-bottom: 0.5rem; } .blog-feature-item p { font-size: 0.95rem; color: #6b7280; margin: 0; } .blog-intro-image { height: 500px; border-radius: 20px; overflow: hidden; } .blog-intro-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } /* Featured Articles Section */ .featured-articles { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .article-card { background: white; border-radius: 25px; overflow: hidden; 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; min-height: 400px; display: flex; flex-direction: column; } .article-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; } .article-card:hover::before { transform: translateX(0); } .article-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); } .article-header { background: linear-gradient(135deg, #f97316, #2563eb); color: white; padding: 1.5rem; text-align: center; } .article-category { font-size: 0.85rem; opacity: 0.9; margin-bottom: 0.5rem; font-weight: 500; } .article-title { font-size: 1.3rem; font-weight: 600; line-height: 1.3; margin-bottom: 0; } .article-content { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column; } .article-excerpt { color: #6b7280; line-height: 1.6; margin-bottom: 1.5rem; font-size: 0.95rem; flex-grow: 1; } .article-cta { background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 0.8rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 0.9rem; text-align: center; transition: all 0.3s ease; margin-top: auto; } .article-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); } /* Blog Topics Section */ .blog-topics { background: white; } .topics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .topic-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: 280px; display: flex; flex-direction: column; justify-content: space-between; } .topic-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; } .topic-card:hover::before { transform: translateX(0); } .topic-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .topic-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .topic-card p { color: #6b7280; line-height: 1.6; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .topic-card p a { color: #f97316; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .topic-card p a:hover { color: #2563eb; } .topic-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; } .topic-link:hover { color: #2563eb; transform: translateX(5px); } /* Latest Articles Section */ .latest-articles { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .latest-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .latest-card { background: white; padding: 2rem; 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; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .latest-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; } .latest-card:hover::before { left: 100%; } .latest-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .latest-date { font-size: 0.85rem; color: #f97316; font-weight: 600; margin-bottom: 0.8rem; } .latest-card h3 { font-size: 1.2rem; color: #2563eb; margin-bottom: 1rem; font-weight: 600; line-height: 1.3; } .latest-card p { color: #6b7280; line-height: 1.6; margin-bottom: 1.5rem; font-size: 0.95rem; flex-grow: 1; } .latest-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .latest-link:hover { color: #2563eb; transform: translateX(5px); } /* Expert Tips Section */ .expert-tips { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .expert-tips .section-title { color: #ffffff; } .expert-tips .section-subtitle { color: #e0e7ff; } .tips-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .tip-card { background: rgba(255,255,255,0.1); padding: 2.5rem; border-radius: 25px; 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); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; align-items: center; text-align: center; } .tip-card:hover { transform: translateY(-10px) scale(1.02); background: rgba(255,255,255,0.15); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .tip-number { width: 60px; height: 60px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: bold; margin-bottom: 1.5rem; border: 2px solid rgba(255,255,255,0.3); } .tip-card h3 { font-size: 1.3rem; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; color: #fed7aa; } .tip-card p { line-height: 1.6; opacity: 0.9; font-size: 1rem; } /* CTA Section */ .cta-section { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .cta-content { text-align: center; } .cta-section .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .cta-section .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; margin-bottom: 2rem; } .cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .cta-btn { background: rgba(255,255,255,0.15); color: white; padding: 1rem 2rem; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); min-width: 200px; } .cta-btn:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(0,0,0,0.2); } /* Footer */ .footer { background: #374151; color: white; padding: 3rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h3 { color: #f97316; margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 0.8rem; } .footer-section a { color: white; text-decoration: none; opacity: 0.8; transition: all 0.3s ease; font-size: 0.95rem; } .footer-section a:hover { color: #f97316; opacity: 1; transform: translateX(3px); } .footer-bottom { border-top: 1px solid #6b7280; padding-top: 2rem; text-align: center; opacity: 0.7; font-size: 0.9rem; line-height: 1.6; } /* Mobile Responsive */ @media (max-width: 1200px) { .blog-intro-grid { gap: 3rem; } .topics-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .hero-video { display: none !important; } .hero::after { display: block !important; } .nav-logo img { height: 60px; } .nav-container { padding: 0 15px; } .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; align-items: center; justify-content: center; } .hero .container { width: 100%; padding: 0; max-height: calc(100vh - 120px); } .hero h1 { font-size: 1.9rem; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; padding: 0 10px; } .hero-locations { grid-template-columns: 1fr; max-width: 300px; gap: 0.8rem; margin: 1rem auto 0; } .insurance-notice { padding: 1.5rem 0; } .notice-content { grid-template-columns: 1fr; gap: 1rem; text-align: center; } .notice-text h2 { font-size: 1.2rem; margin-bottom: 0.8rem; } .insurance-grid { grid-template-columns: 1fr; gap: 1rem; } .insurance-item { padding: 0.8rem; } .insurance-item p { font-size: 0.85rem; } .company-badge { font-size: 0.65rem; padding: 0.25rem 0.5rem; } .urgent-cta { padding: 0.7rem 1.2rem; font-size: 0.85rem; } .location-item { padding: 1rem; border-radius: 12px; min-height: auto; } .location-item h3 { display: none; } .location-text { display: block; font-size: 0.85rem; margin-bottom: 0.8rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } .cta-button .phone-number { display: none; } .cta-button .call-text { display: inline; } .cta-button { padding: 8px 16px; font-size: 0.85rem; border-radius: 20px; } .section { padding: 50px 0; } .blog-intro { padding-top: 70px; } .section-title { font-size: 1.8rem; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } .blog-intro-grid { grid-template-columns: 1fr; gap: 2rem; } .blog-intro-content h2 { font-size: 2rem; margin-bottom: 1rem; } .blog-intro-content p { font-size: 1rem; margin-bottom: 1.5rem; } .blog-features { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.5rem; } .blog-feature-item { padding: 1rem; } .blog-intro-image { height: 300px; margin-bottom: 2rem; } .articles-grid { grid-template-columns: 1fr; gap: 1.5rem; } .article-card { min-height: auto; } .article-content { padding: 1.5rem; } .topics-grid { grid-template-columns: 1fr; gap: 1.5rem; } .topic-card { padding: 1.5rem; min-height: auto; } .latest-grid { grid-template-columns: 1fr; gap: 1.5rem; } .latest-card { padding: 1.5rem; min-height: auto; } .tips-grid { grid-template-columns: 1fr; gap: 1.5rem; } .tip-card { padding: 1.5rem; min-height: auto; } .cta-buttons { flex-direction: column; align-items: center; } .cta-btn { min-width: auto; width: 100%; max-width: 300px; } .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; } .nav-logo img { height: 50px; } .nav-container { padding: 0 10px; } .hero { height: 100vh; min-height: 550px; padding: 80px 10px 10px; } .hero .container { max-height: calc(100vh - 100px); padding: 0 5px; } .hero h1 { font-size: 1.5rem; margin-bottom: 0.6rem; line-height: 1.2; } .hero-subtitle { font-size: 0.9rem; margin-bottom: 1rem; padding: 0 5px; } .hero-locations { max-width: 280px; gap: 0.6rem; margin: 0.8rem auto 0; } .insurance-notice { padding: 1.2rem 0; } .notice-content { gap: 0.8rem; } .notice-text h2 { font-size: 1.1rem; margin-bottom: 0.6rem; } .insurance-grid { gap: 0.8rem; } .insurance-item { padding: 0.7rem; } .insurance-item p { font-size: 0.8rem; line-height: 1.3; } .company-badge { font-size: 0.6rem; padding: 0.2rem 0.4rem; } .urgent-cta { padding: 0.6rem 1rem; font-size: 0.8rem; } .location-item { padding: 0.8rem; border-radius: 10px; } .location-text { font-size: 0.75rem; margin-bottom: 0.6rem; line-height: 1.2; } .cta-button { padding: 6px 12px; font-size: 0.75rem; border-radius: 15px; } .section { padding: 40px 0; } .blog-intro { padding-top: 60px; } .section-title { font-size: 1.6rem; margin-bottom: 0.8rem; line-height: 1.2; } .section-subtitle { font-size: 0.9rem; margin-bottom: 1.5rem; padding: 0 5px; } .container { padding: 0 15px; } .blog-intro-content h2 { font-size: 1.6rem; margin-bottom: 0.8rem; } .blog-intro-content p { font-size: 0.9rem; margin-bottom: 1.2rem; } .blog-features { gap: 0.8rem; } .blog-feature-item { padding: 0.8rem; } .blog-feature-item h3 { font-size: 0.95rem; } .blog-feature-item p { font-size: 0.85rem; } .blog-intro-image { height: 250px; } .articles-grid { gap: 1.2rem; } .article-content { padding: 1.2rem; } .topics-grid { gap: 1.2rem; } .topic-card { padding: 1.2rem; } .latest-grid { gap: 1.2rem; } .latest-card { padding: 1.2rem; } .tips-grid { gap: 1.2rem; } .tip-card { padding: 1.2rem; } .cta-btn { padding: 0.8rem 1.5rem; font-size: 0.9rem; } .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: 1400px) { .hero .container { max-height: calc(100vh - 160px); } .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 1.8rem; } .hero-locations { max-width: 750px; gap: 2rem; margin: 2rem auto 0; } .location-item { padding: 1.5rem; } .location-item h3 { font-size: 1rem; line-height: 1.3; } .cta-button { padding: 12px 24px; font-size: 1rem; } .blog-intro-content h2 { font-size: 3.5rem; } .topics-grid { gap: 3rem; } }

Auto Body Repair Blog & Expert Advice

Expert collision repair tips, frame repair guides, insurance claims advice, and auto body maintenance insights from Five Star Auto Body's certified technicians serving Vancouver WA, Longview WA & Chehalis WA

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

Auto Body Repair Blog | Five Star Auto Body

Welcome to the Five Star Auto Body blog, your trusted resource for expert auto body repair advice in Southwest Washington. Our certified technicians share professional insights on collision repair, frame repair and straightening, dent removal, paint restoration, insurance claims navigation, and vehicle maintenance tips. Whether you're dealing with collision damage in Clark County, hail damage in Cowlitz County, or need frame straightening guidance in Lewis County, our blog delivers the expert knowledge you need to make informed decisions about your vehicle's care.

Collision & Frame Repair Guides

In-depth articles on collision restoration, structural repair, and frame straightening processes

Insurance Claims Help

Step-by-step guidance for navigating insurance claims and maximizing your coverage

Paint & Dent Repair Tips

Expert advice on paint matching, PDR techniques, and bodywork maintenance

Local WA Driving Insights

Seasonal tips for Pacific Northwest weather, I-5 commuter advice, and road safety

Five Star Auto Body professional facility and certified technicians providing expert auto body repair services in Vancouver WA

Featured Auto Body Repair Articles

Essential guides covering collision repair costs, frame repair processes, insurance claims, and expert tips from our certified technicians

Auto Body Repair Cost Guide

How Much Does Collision Repair Cost in Washington State?

Comprehensive guide to collision repair costs, insurance coverage factors, and what affects auto body repair pricing in Vancouver, Longview, and Chehalis. Learn about deductibles, OEM vs aftermarket parts, frame repair costs, and how to get accurate estimates from certified auto body shops in Clark, Cowlitz, and Lewis Counties.

Get Free Estimate →

Frame Repair & Structural Guide

Understanding Frame Repair: When Your Vehicle Needs Structural Work

Learn when frame repair is necessary after a collision, what the frame straightening process involves, and why choosing a certified shop with computerized measuring systems matters. Understand the difference between unibody and body-on-frame repairs and how proper structural restoration ensures your vehicle's safety and alignment.

Frame Repair Services →

Insurance Claims Process

Navigating Auto Insurance Claims for Collision & Frame Repair

Step-by-step guide to filing insurance claims for collision and frame damage, working with adjusters, and ensuring proper coverage for structural repairs. Learn about preferred provider networks, direct billing, supplemental claims for hidden frame damage, and how to avoid claim delays in Washington State.

Get Claims Help →

Auto Body Repair Topics

Explore our comprehensive library of auto body repair knowledge organized by service type and topic

Collision Repair

Expert advice on collision repair processes, structural restoration, and advanced collision techniques from our certified specialists serving Vancouver, Longview, and Chehalis Washington.

Collision Services →

Frame Repair & Straightening

Professional insights on frame straightening, structural integrity restoration, unibody vs body-on-frame repair, and hydraulic bench systems used at our Vancouver, Longview, and Chehalis facilities.

Frame Repair Services →

Paint & Bodywork

Professional insights on paint matching, color correction, basecoat/clearcoat systems, body panel repair, and refinishing techniques used at our Vancouver and Longview facilities for perfect auto body restoration results.

Auto Paint Services →

Dent Repair & PDR

Expert guidance on paintless dent repair techniques, hail damage restoration, and panel repair methods. Learn when PDR is right for your vehicle from our certified technicians in Vancouver and Chehalis.

Dent Repair Services →

Insurance & Claims

Navigate insurance claims, understand coverage options for collision and frame damage, and learn about working with insurance adjusters for auto body repair claims in Washington State. Get expert guidance from our experienced team.

Get Claims Help →

Vehicle Maintenance & Care

Preventive care tips for Pacific Northwest driving conditions, seasonal maintenance schedules, and advice to protect your vehicle from Vancouver's wet winters, I-5 corridor road debris, and Columbia River Gorge wind damage.

About Our Team →

Latest Auto Body Repair Insights

Stay updated with the latest industry trends, repair techniques, and automotive news from Five Star Auto Body professionals

January 2026

Choosing the Right Auto Body Shop in Southwest Washington

Essential factors to consider when selecting an auto body repair shop including I-CAR certifications, manufacturer authorizations, insurance partnerships, customer reviews, and frame repair capabilities. Learn what questions to ask when choosing collision repair services in Vancouver, Longview, or Chehalis areas of Southwest Washington.

Learn About Us →

January 2026

Winter Driving & Auto Body Care for Clark County Commuters

Protect your vehicle during Washington's rainy season with expert tips for the 143,000+ daily I-5 Bridge commuters. Learn about rust prevention in Pacific Northwest wet weather, paint protection from road spray, undercarriage care, and how to avoid fender benders during foggy winter mornings on Highway 14 and SR-500.

Schedule Service →

January 2026

Why Frame Repair Matters After a Collision

Understanding why proper frame straightening is critical for vehicle safety after an accident. Learn how computerized measuring systems detect misalignments as small as 1-2mm, why manufacturer tolerances matter, and what to look for in a certified frame repair facility. Featuring Five Star Auto Body's hydraulic bench systems and 3D measuring technology.

Frame Repair →

January 2026

ADAS Calibration & Modern Vehicle Collision Repair

How advanced driver assistance systems affect collision repair, frame straightening, and windshield replacement processes. Learn about static and dynamic calibration requirements, why choosing a certified auto body shop matters for modern vehicles, and the specialized equipment needed for today's ADAS-equipped cars and trucks.

View Gallery →

Essential Auto Body Repair Tips

Professional advice from our certified technicians to help you maintain your vehicle and make informed decisions about auto body, collision, and frame repair services

Document Everything After an Accident

Take photos from multiple angles, collect insurance information, and document the scene thoroughly. Proper documentation speeds up the insurance claims process and ensures accurate estimates for collision repair, frame damage assessment, and structural work at any of our Washington locations.

Always Get a Frame Inspection After a Collision

Even minor collisions can cause hidden frame damage that affects alignment, safety systems, and long-term vehicle performance. Request a computerized frame measurement to check for structural misalignment. Certified shops like Five Star Auto Body use 3D electronic measuring systems that detect damage invisible to the naked eye.

Ask About OEM Parts & Manufacturer Certifications

Understand the difference between OEM and aftermarket parts. Choose a shop with manufacturer certifications (like Five Star's Kia, FCA, Hyundai, Nissan, GM, and Ford authorizations) to ensure collision repairs, frame straightening, and structural work meet factory safety standards and maintain warranty compliance.

Get Your Free Auto Body Repair Estimate Today

Contact Five Star Auto Body for expert collision repair, frame repair, dent removal, and professional auto body services across Southwest Washington

Call Vancouver North Call Vancouver Columbia Call Longview Call Chehalis

Auto Body Repair Blog & Expert Advice

3019 NE 68th St, Vancouver, WA 98665

1813 Columbia St, Vancouver, WA 98660

760 Commerce Ave, Longview, WA 98632

55 N Market Blvd, Chehalis, WA 98532

Important Insurance Information

Auto Body Repair Blog | Five Star Auto Body

Collision & Frame Repair Guides

Insurance Claims Help

Paint & Dent Repair Tips

Local WA Driving Insights

Featured Auto Body Repair Articles

How Much Does Collision Repair Cost in Washington State?

Understanding Frame Repair: When Your Vehicle Needs Structural Work

Navigating Auto Insurance Claims for Collision & Frame Repair

Auto Body Repair Topics

Collision Repair

Frame Repair & Straightening

Paint & Bodywork

Dent Repair & PDR

Insurance & Claims

Vehicle Maintenance & Care

Latest Auto Body Repair Insights

Choosing the Right Auto Body Shop in Southwest Washington

Winter Driving & Auto Body Care for Clark County Commuters

Why Frame Repair Matters After a Collision

ADAS Calibration & Modern Vehicle Collision Repair

Essential Auto Body Repair Tips

Document Everything After an Accident

Always Get a Frame Inspection After a Collision

Ask About OEM Parts & Manufacturer Certifications

Get Your Free Auto Body Repair Estimate Today