BYD ATTO 2 2025-2026

About

.atto2 { max-width: 950px; margin: 0 auto; padding: 0 16px; font-family: Arial, sans-serif; color: #222; line-height: 1.7; } .atto2 h1 { font-size: 28px; color: #111; margin-bottom: 16px; } .atto2 h2 { font-size: 22px; color: #7a9a1e; margin: 40px 0 14px; } .atto2 p { font-size: 15.5px; margin-bottom: 14px; } /* Callout / note box */ .atto2-note { background: #f6faea; border-left: 4px solid #b0cf42; border-radius: 6px; padding: 14px 18px; font-size: 14.5px; margin: 20px 0; } .atto2-note b { color: #6e8a1a; } /* Comparison table */ .atto2-table { width: 100%; border-collapse: collapse; margin: 18px 0 30px; font-size: 14.5px; } .atto2-table th { background: #b0cf42; color: #1c2b00; padding: 12px; text-align: left; } .atto2-table td { padding: 12px; border-bottom: 1px solid #eee; } .atto2-table tr:nth-child(even) td { background: #f7faee; } .atto2-table .highlight-col { background: #eef6d6; font-weight: 600; } /* Feature grid */ .atto2-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 20px 0 30px; } .atto2-card { border: 1px solid #e2e2e2; border-radius: 8px; padding: 16px; } .atto2-card .icon { color: #7a9a1e; font-weight: 800; font-size: 18px; margin-bottom: 6px; } .atto2-card b { display: block; margin-bottom: 4px; color: #111; } .atto2-card span { font-size: 13.5px; color: #555; } /* Coverage badge */ .atto2-badge { display: inline-block; background: #eef6d6; color: #6e8a1a; font-weight: 800; padding: 6px 14px; border-radius: 20px; font-size: 14px; margin-bottom: 10px; } .atto2-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 24px; font-size: 14.5px; margin: 14px 0 30px; } .atto2-product-grid div { padding: 6px 0; border-bottom: 1px dashed #e2e2e2; } /* Steps */ .atto2-steps { list-style: none; padding: 0; margin: 14px 0 30px; counter-reset: step; } .atto2-steps li { counter-increment: step; padding: 12px 0 12px 42px; position: relative; font-size: 15px; border-b