* { box-sizing: border-box; }.install-hero { background: linear-gradient(135deg, #000 0%, #333 100%); color: #fff; padding: 60px 20px; text-align: center; border-radius: 0 0 20px 20px; margin-bottom: 40px;}.install-hero h1 { font-size: clamp(28px, 5vw, 48px); margin: 0 0 15px 0; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;}.install-hero p { font-size: clamp(16px, 3vw, 20px); margin: 0; opacity: 0.9;}.nav-bar { background: #f9f9f9; padding: 20px; border-radius: 10px; text-align: center; margin: 30px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05);}.nav-bar a { color: #000; text-decoration: none; font-weight: 700; margin: 0 8px; padding: 8px 10px; border-radius: 5px; transition: all 0.3s; display: inline-block; font-size: clamp(14px, 2.5vw, 16px);}.nav-bar a:hover { background: #000; color: #ffcc00;}.nav-bar a.active { background: #ffcc00; color: #000; font-weight: 900;}.engine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 40px 0;}.engine-card { background: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%); border-radius: 15px; padding: 20px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.1); border: 2px solid #e0e0e0; transition: all 0.3s ease; position: relative; overflow: hidden;}.engine-card::before { content: ”; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,204,0,0.2), transparent); transition: left 0.5s;}.engine-card:hover::before { left: 100%;}.engine-card:hover { transform: translateY(-10px); box-shadow: 0 8px 30px rgba(0,0,0,0.15); border-color: #ffcc00;}.engine-card h2 { margin: 0 0 10px 0; font-size: clamp(22px, 4vw, 28px); font-weight: 900; color: #000;}.engine-card .icon { font-size: 48px; margin-bottom: 15px; display: block;}.engine-card a { color: #000; text-decoration: none; font-weight: 700; position: relative; z-index: 1;}.engine-card:hover a { color: #ffcc00;}.info-section { background: linear-gradient(to bottom, #f9f9f9 0%, #fff 100%); border-left: 5px solid #28a745; padding: 25px; margin: 30px 0; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);}.info-section h2 { margin: 0 0 15px 0; font-size: clamp(20px, 3.5vw, 26px); font-weight: 800; color: #000;}.info-section p { color: #666; line-height: 1.8; margin: 10px 0; font-size: clamp(14px, 2.5vw, 16px);}.cta-section { background: linear-gradient(135deg, #ffcc00 0%, #ff9900 100%); padding: 40px 20px; border-radius: 15px; text-align: center; margin: 50px 0; box-shadow: 0 8px 30px rgba(255,153,0,0.3);}.cta-section h2 { color: #000; font-size: clamp(24px, 4vw, 36px); margin: 0 0 15px 0; font-weight: 900;}.cta-section p { color: #333; font-size: clamp(16px, 3vw, 18px); margin: 0; line-height: 1.6;}.footer-nav { text-align: center; padding: 20px; margin: 30px 0; font-size: clamp(14px, 2.5vw, 16px);}.footer-nav a { color: #000; text-decoration: none; font-weight: 700; margin: 0 15px; border-bottom: 2px solid #ffcc00; transition: all 0.3s;}.footer-nav a:hover { color: #ffcc00;}@media (max-width: 768px) { .engine-grid { grid-template-columns: 1fr; } .nav-bar a { display: block; margin: 10px 0; } .footer-nav a { display: block; margin: 10px 0; }} .footer-links { text-align: left; padding: 20px; margin: 30px 0; font-size: clamp(12px, 2.5vw, 16px); } .footer-links a { color: #000; text-decoration: none; font-weight: 700; margin: 0 10px; border-bottom: 2px solid #ffcc00; transition: all 0.3s; display: inline-block; } .footer-links a:hover { color: #ffcc00; }
Ready for your next build.
The Classic Micro Mini – Small, yet big with possibilities. Comes with pre-drilled predator 79cc motor mounts along with an included fork bolt and two bushings for seamless handlebar maneuverability. Durable steel design with plenty of support for any customization.
Reviews
There are no reviews yet.