AMG F1 bicicleta electrica mercedes benz

body { background-color: #181818; color: #d0d0d2; font-family: ‘Inter’, sans-serif; } .content-wrapper { max-width: 1200px; margin: 0 auto; padding: 2rem; } h1, h2, h3, h4, h5, h6 { color: #d0d0d2; } a { color: #f5a625; transition: all 0.3s ease; } a:hover { color: #ff8c00; } .highlight-box { background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%); border-left: 4px solid #f5a625; padding: 1.5rem; margin: 2rem 0; border-radius: 0 8px 8px 0; } .spec-table { background-color: #2a2a2a; border-radius: 8px; overflow: hidden; } .spec-table th { background-color: #f5a625; color: #181818; font-weight: 600; } .spec-table td, .spec-table th { padding: 1rem; border-bottom: 1px solid #3a3a3a; } .image-container { margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.3); } .image-container img { width: 100%; height: auto; display: block; } .pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2rem 0; } .pros, .cons { background-color: #2a2a2a; padding: 1.5rem; border-radius: 8px; } .pros { border-left: 4px solid #22c55e; } .cons { border-left: 4px solid #ef4444; } .faq-item { background-color: #2a2a2a; margin-bottom: 1rem; border-radius: 8px; overflow: hidden; } .faq-question { padding: 1rem; background-color: #3a3a3a; cursor: pointer; transition: background-color 0.3s; } .faq-question:hover { background-color: #4a4a4a; } .faq-answer { padding: 1rem; display: none; } .faq-answer.active { display: block; } .price-badge { background: linear-gradient(135deg, #f5a625 0%, #ff8c00 100%); color: #181818; padding: 0.5rem 1rem; border-radius: 25px; font-weight: 600; display: inline-block; } @media (max-width: 768px) { .pros-cons { grid-template-columns: 1fr; gap: 1rem; } .content-wrapper { padding: 1rem; } } function toggleFAQ(element) { const answer = element.nextElementSibling; const icon = element.querySelector(‘i’); if (answer.classList.contains(‘active’)) { answer.classList.remove(‘active’); icon.classList.remove(‘fa-chevron-up’); icon.classList.add(‘fa-chevron-down’); } else { // Close all other FAQs document.querySelectorAll(‘.faq-answer.active’).forEach(item => { item.classList.remove(‘active’); }); document.querySelectorAll(‘.faq-question i’).forEach(icon => { icon.classList.remove(‘fa-chevron-up’); icon.classList.add(‘fa-chevron-down’); }); // Open clicked FAQ answer.classList.add(‘active’); icon.classList.remove(‘fa-chevron-down’); icon.classList.add(‘fa-chevron-up’); } } // Smooth scrolling for anchor links document.querySelectorAll(‘a[href^=»#»]’).forEach(anchor => { anchor.addEventListener(‘click’, function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute(‘href’)); if (target) { target.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); } }); });