Mini Electric Bike for Kids

About

/* Premium E-Bike Guide Styles Wrapped in a specific class to avoid messing up your global Shopify theme styles */ .premium-guide-container { max-width: 900px; margin: 4px auto; padding: 5px 60px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06); /* Inherits your Shopify theme's font, but falls back to clean system fonts */ font-family: var(--font-body-family), system-ui, -apple-system, sans-serif; color: #374151; /* Soft dark gray for better readability */ line-height: 1.75; } /* Mobile Responsiveness */ @media (max-width: 768px) { .premium-guide-container { padding: 30px 20px; margin: 20px 15px; border-radius: 12px; } } /* Main Headings (H2) - Grand & Elegant */ .premium-guide-container h2 { font-size: 2.2rem; color: #111827; margin: 2em 0 1em; padding-bottom: 0.5em; border-bottom: 2px solid #f3f4f6; position: relative; line-height: 1.3; font-weight: 700; } /* Remove top margin for the very first heading */ .premium-guide-container h2:first-of-type { margin-top: 0; } /* Custom underline accent for H2 */ .premium-guide-container h2::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 80px; height: 3px; background: #2563eb; /* Premium Royal Blue Accent */ border-radius: 3px; } /* Sub-headings (H4) - Clean & Structured */ .premium-guide-container h4 { font-size: 1.3rem; color: #1f2937; margin: 2.5em 0 1.2em; padding-left: 16px; border-left: 4px solid #2563eb; font-weight: 700; letter-spacing: 0.5px; } /* General Text */ .premium-guide-container p { margin-bottom: 1.5em; font-size: 1.1rem; } /* Main List Styling */ .premium-guide-container ul { list-style: none; /* Removes default dots */ padding: 0; margin: 0 0 2.5em 0; } .premium-guide-container > ul > li { position: relative; padding-left: 32px; margin-bottom: 16px; font-size: 1.1rem; } /* Custom Diamond Bullet Points */ .premium-guide-container > ul > li::before { content: "✦"; position: absolute; left: 0; top: -2px; color: #3b82f6; /* Lighter blue for