Features Breakdown: Video Hero (Smart Strategy) This section provides a flexible Hero banner with separate controls for Mobile and Desktop displays, allowing merchants to customize media, layout, and typography directly from the editor.

1. Media & Playback Control

• Source Flexibility: Supports Shopify-hosted MP4s (recommended), external URLs (YouTube/Vimeo), or static Images as a fallback.

• Cover Images: Option to upload a specific "Poster" image that displays before the video loads.

• Playback Settings: Toggles to enable Autoplay, Loop, and Mute.

• Player Controls: Option to show native video controls (Play/Pause/Volume) to the user.

2. Responsive Dimensions (Aspect Ratios)

• Independent Shaping: Define a specific shape for Desktop (e.g., Cinema 21:9, Standard 16:9) and a different shape for Mobile (e.g., Vertical 9:16, Square 1:1, Portrait 4:5).

• Container Width: Toggle between Full Width or a constrained Max Width (slider from 800px to 1600px).

• Card Styling: Adjust the Corner Radius (rounded edges) and toggle a Drop Shadow for the media container.

3. Content & Typography

• Text Blocks: Inputs for a main Heading, a rich-text Subheading, and a Call-to-Action Button.

• Font Customization: Choose to use the global Theme Fonts or select specific Custom Fonts just for this section.

• Responsive Sizing: Individual size sliders for Desktop vs. Mobile for the Title, Subtitle, and Button text.

• Alignment: Align all text and buttons to the Left, Center, or Right.

4. Colors & Overlay

• Section Styling: Custom pickers for the Section Background, Headings, and Subtext.

• Video Overlay: Set a specific Overlay Color and adjust the Opacity % to ensure text readability over the video.

• Button Styling: Full control over Button Background, Text Color, Border visibility, and Button Radius.

5. Spacing & Visibility

• Padding Control: Adjust vertical padding (Top/Bottom) and side padding (Custom or Theme Default) for both Mobile and Desktop.

• Device Visibility: Checkboxes to explicitly Hide the section on Desktop or Mobile devices.